/* Shared Super9AI CI, scoped to the owner and analytics routes. */
:root.owner-ci {
  color-scheme:only light!important;
  --bg:#f5f5f7;--surface:#fff;--surface-soft:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--faint:#6e6e73;
  --line:#d2d2d7;--accent:#0066cc;--accent-soft:#f0f7ff;--indigo:#0071e3;
  --green:#18733b;--amber:#805a06;--red:#b42318;--gold:#805a06;
  --chart-revenue:#0066cc;--chart-expense:#6e6e73;--chart-net:#1d1d1f;
  --radius:22px;--radius-control:12px;--shadow-soft:0 2px 10px rgb(0 0 0 / 4%);--nav-width:228px;
  font-size:100%;
}
.owner-ci body {background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Noto Sans Thai','Segoe UI',sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
.owner-ci button,.owner-ci input,.owner-ci select,.owner-ci textarea {font:inherit}
.owner-ci :where(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--accent);outline-offset:3px}
.owner-ci .brand-logo {filter:grayscale(1)}
.owner-ci .side-nav {padding:26px 16px;background:var(--surface);border-color:var(--line)}
.owner-ci .side-nav-brand {margin-bottom:24px}
.owner-ci .side-nav-logo {width:142px}
.owner-ci .side-nav-label {font-size:.75rem;font-weight:500;letter-spacing:.04em}
.owner-ci .side-nav a[data-route] {min-height:48px;border-radius:12px;font-size:.94rem;font-weight:500}
.owner-ci .side-nav a.active {color:var(--accent);background:var(--accent-soft);font-weight:600}
.owner-ci .side-nav a.active::before {display:none}
.owner-ci .side-nav-user {border:0;border-radius:16px;background:var(--surface-soft)}
.owner-ci .side-nav-avatar {background:#e8e8ed;color:var(--ink)}
.owner-ci .topbar {background:rgb(255 255 255 / 96%);min-height:76px;padding:16px 36px;box-shadow:none}
.owner-ci .topbar-title {font-size:1rem;font-weight:600}
.owner-ci .topbar-status {background:transparent;border:0;padding:0;min-width:0}
.owner-ci .topbar-status span {font-size:.69rem;font-weight:500}
.owner-ci .topbar-status strong {font-size:.82rem;font-weight:500}
.owner-ci .language-switch {background:var(--surface-soft);border:0;border-radius:12px;padding:4px}
.owner-ci .language-switch button {min-height:40px;min-width:44px;border-radius:9px;font-size:.82rem}
.owner-ci main {max-width:1450px;padding:36px clamp(20px,3vw,48px) 72px}
.owner-ci .workspace-header {display:block;margin-bottom:28px}
.owner-ci .section-heading p {color:var(--muted);text-transform:none;font-size:.88rem;font-weight:500;letter-spacing:0}
.owner-ci .section-heading h1 {font-size:clamp(1.9rem,3vw,2.5rem);font-weight:650;letter-spacing:-.035em;line-height:1.35;color:var(--ink)}
.owner-ci .section-heading span {display:block;font-size:.88rem;line-height:1.7;color:var(--muted);max-width:70ch;margin-top:12px}
.owner-ci .filter-row {display:flex;align-items:end;justify-content:flex-start;flex-wrap:wrap;gap:14px;max-width:none;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.owner-ci .filter-row label {min-width:145px;flex:1;font-size:.82rem;gap:7px;color:var(--muted);font-weight:500}
.owner-ci .filter-row select,.owner-ci .filter-row input {min-height:48px;background:var(--surface);border:1px solid #85858e;border-radius:12px;font-size:.88rem;color:var(--ink);padding:10px 12px;min-width:0;width:100%}
.owner-ci .owner-extra-filters {width:100%;border-top:1px solid var(--line);padding-top:10px}
.owner-ci summary {cursor:pointer;min-height:44px;padding:8px 0;font-size:.88rem;color:var(--accent)}
.owner-ci .extra-filter-content {display:flex;gap:14px;flex-wrap:wrap;align-items:end;padding-top:12px}
.owner-ci .button {min-height:44px;border-radius:12px;padding:10px 16px;font-size:.88rem;font-weight:600;background:#0071e3;color:white;box-shadow:none;border:1px solid transparent}
.owner-ci .button:hover {transform:none;filter:none;background:#0066cc}
.owner-ci .button.secondary {background:var(--surface);color:var(--accent);border-color:var(--line)}
.owner-ci .button.secondary:hover {background:var(--accent-soft)}
.owner-ci .button.success {background:#0071e3;color:white}
.owner-ci .button.warning {background:#fff3d8;color:#805a06}
.owner-ci .button:disabled {opacity:.5;cursor:not-allowed}
.owner-ci .metric-grid {gap:14px;margin:24px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.owner-ci #analytics-metrics {grid-template-columns:repeat(4,minmax(0,1fr))}
.owner-ci .metric {min-height:148px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft)}
.owner-ci .metric::before,.owner-ci .metric::after {display:none}
.owner-ci .metric span {color:var(--muted);font-size:.88rem;font-weight:500}
.owner-ci .metric strong {color:var(--ink);font-size:clamp(1.55rem,2.2vw,2.15rem);font-weight:600;line-height:1.3;letter-spacing:-.04em;margin:14px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.owner-ci .metric small {font-size:.75rem;color:var(--muted);font-weight:400;line-height:1.6}
.owner-ci :is(.chart-panel,.cashflow-panel,.cockpit-panel,.close-packet-panel,.workflow-panel,.daily-coverage-panel,.quality-panel,.reconciliation-panel,.approval-panel,.audit-panel) {padding:26px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);min-width:0;margin-bottom:22px}
.owner-ci .owner-layout,.owner-ci .controls-layout {gap:22px;align-items:start;margin-bottom:0}
.owner-ci .panel-title {align-items:start;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.owner-ci .panel-title h2 {font-size:1.12rem;font-weight:600;letter-spacing:-.02em;line-height:1.5;color:var(--ink)}
.owner-ci .panel-title span {font-size:.78rem;font-weight:400;color:var(--muted);line-height:1.65;margin-top:6px}
.owner-ci .cockpit-stage-grid {gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.owner-ci .cockpit-stage-card,.owner-ci .close-packet-stat,.owner-ci .discord-review-card {border:0;background:var(--surface-soft);border-radius:16px;padding:18px;box-shadow:none}
.owner-ci .cockpit-stage-card strong,.owner-ci .discord-review-card strong {font-size:1.6rem;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.owner-ci .cockpit-stage-card small,.owner-ci .discord-review-card :is(span,small) {font-size:.75rem;color:var(--muted);line-height:1.6}
.owner-ci .cockpit-split h3 {font-size:.94rem;font-weight:600;margin:12px 0}
.owner-ci .action-row,.owner-ci .quality-row,.owner-ci .approval-item {border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px;gap:16px}
.owner-ci .action-row strong,.owner-ci .quality-row strong,.owner-ci .approval-item strong {font-size:.88rem;font-weight:600}
.owner-ci .action-row small,.owner-ci .quality-row small,.owner-ci .approval-item :is(small,span) {font-size:.78rem;color:var(--muted);line-height:1.6}
.owner-ci .badge,.owner-ci .analytics-pill {border:0;border-radius:7px;font-size:.72rem;font-weight:500;padding:4px 9px;line-height:1.5}
.owner-ci :is(.badge.owner_approved,.badge.staff_approved,.analytics-pill.ok) {color:#18733b;background:#eaf6ed}
.owner-ci :is(.badge.manager_reviewed,.badge.submitted,.analytics-pill.warn) {color:#805a06;background:#fff3d8}
.owner-ci :is(.badge.needs_fix,.badge.rejected,.analytics-pill.bad) {color:#b42318;background:#fff0ed}
.owner-ci .analytics-pill.info {color:var(--accent);background:var(--accent-soft)}
.owner-ci .bar-track,.owner-ci .funnel-track,.owner-ci .analytics-stack {background:#ededf0;border-radius:6px}
.owner-ci .bar-fill {background:var(--accent);border-radius:6px}
.owner-ci #business-chart .bar-fill:not([style*="--amber"]) {background:var(--accent)!important}
.owner-ci #analytics-categories .bar-fill {background:var(--accent)!important}
.owner-ci .bar-meta {font-size:.82rem;gap:20px;color:var(--ink);line-height:1.6;margin-bottom:9px;font-weight:500}
.owner-ci .bar-meta span:last-child {font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}
.owner-ci .bar-row {margin-bottom:20px}
.owner-ci .table-wrap,.owner-ci .analytics-table-wrap {border:1px solid var(--line);border-radius:14px;overflow:auto;max-width:100%}
.owner-ci table,.owner-ci .analytics-table {font-size:.82rem;background:var(--surface);color:var(--ink)}
.owner-ci :is(th,td) {padding:14px 16px;border-bottom:1px solid var(--line);line-height:1.6}
.owner-ci th,.owner-ci .analytics-table th {background:var(--surface-soft);color:var(--muted);font-size:.75rem;font-weight:500;text-transform:none;letter-spacing:0}
.owner-ci td small,.owner-ci .analytics-table td small {font-size:.72rem;color:var(--muted)}
.owner-ci .chart-legend {gap:18px;font-size:.75rem;color:var(--muted)}
.owner-ci .analytics-svg text {fill:var(--muted);font-family:inherit}
.owner-ci .analytics-insight {background:var(--surface-soft);border:0;border-left:3px solid var(--accent);border-radius:12px;padding:18px}
.owner-ci .analytics-insight strong {font-size:.88rem;font-weight:600}
.owner-ci .analytics-insight small,.owner-ci .analytics-foot {font-size:.75rem;color:var(--muted);line-height:1.7}
.owner-ci .quality-summary {font-size:.82rem;color:var(--muted);line-height:1.7}
.owner-ci .quality-list li,.owner-ci .audit-list li {background:var(--surface-soft);border:0;border-radius:12px;padding:16px;font-size:.82rem}
.owner-ci .inline-filter {font-size:.82rem;font-weight:500;margin-bottom:18px}
.owner-ci .inline-filter input {border:1px solid #85858e;border-radius:12px;min-height:48px;font-size:.88rem;background:white}
.owner-ci .analytics-source-details {background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px 24px;margin:0 0 22px}
.owner-ci .analytics-source-details .chart-panel {margin-top:16px;box-shadow:none}
.owner-ci .owner-ci-preview-banner {padding:10px 20px;text-align:center;background:#f0f7ff;color:#0066cc;font-size:.82rem;border-bottom:1px solid var(--line)}
.owner-ci .preview-feedback {position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#1d1d1f;color:white;padding:14px 22px;border-radius:14px;max-width:90vw;font-size:.88rem;box-shadow:var(--shadow-soft)}
.owner-ci .preview-feedback:empty {display:none}
@media(min-width:1100px){.owner-ci .owner-trend-layout {grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media(max-width:1100px){.owner-ci #analytics-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}.owner-ci .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .owner-ci main {padding:26px 18px calc(100px + env(safe-area-inset-bottom))}
 .owner-ci .topbar {min-height:66px;padding:10px 18px}
 .owner-ci .mobile-nav-button {min-height:44px;min-width:44px;border-radius:12px}
 .owner-ci .side-nav {padding-top:28px}
 .owner-ci .filter-row {padding:18px;gap:12px}
 .owner-ci .filter-row label {min-width:120px}
 .owner-ci .filter-row label:first-child {flex-basis:100%}
 .owner-ci .extra-filter-content {display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .owner-ci .section-heading h1 {font-size:1.9rem}
 .owner-ci .metric {padding:18px;min-height:140px;border-radius:18px}
 .owner-ci .metric strong {font-size:1.4rem}
 .owner-ci .metric-grid,.owner-ci #analytics-metrics {gap:10px}
 .owner-ci :is(.chart-panel,.cashflow-panel,.cockpit-panel,.close-packet-panel,.workflow-panel,.daily-coverage-panel,.quality-panel,.reconciliation-panel,.approval-panel,.audit-panel) {padding:20px 18px;border-radius:20px}
 .owner-ci .panel-title {gap:12px}.owner-ci .panel-title .button {width:100%}
 .owner-ci .bar-meta {flex-wrap:wrap;gap:4px}.owner-ci .bar-meta span:last-child {flex-shrink:1}
 .owner-ci .approval-item {flex-wrap:wrap}.owner-ci .approval-actions {flex-wrap:wrap}
 .owner-ci .tab-bar {background:white;border-color:var(--line)}
 .owner-ci .tab-bar a.active {color:var(--accent)}
 .owner-ci .analytics-source-details {padding:10px 16px}
}
@media(max-width:360px){.owner-ci .metric-grid,.owner-ci #analytics-metrics {grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.owner-ci *,.owner-ci *::before,.owner-ci *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.owner-ci .topbar {background:white;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root.owner-ci {--muted:#48484c;--line:#85858e}}

.owner-ci #analytics-trend {overflow-x:auto}
.owner-ci .analytics-svg {min-width:500px}
.owner-ci .trend-values {margin-top:12px}
/* Audited destructive action remains distinct from normal save/approval. */
.owner-ci #return-fix-save.danger{background:#b42318;border-color:#b42318;color:#fff}