/* Civhet Pilot v1.0.10 - product-specific admin visual system with independent views. */
:root{color-scheme:light;--a-bg:#F8FAFC;--a-surface:#FFFFFF;--a-surface-2:#F5F4F8;--a-soft:#ECEAF2;--a-brand:#595473;--a-accent:#746E91;--a-text:#1F2937;--a-muted:#6B7280;--a-border:#E1DFE8;--a-danger:#B42318;--a-warning:#A16207;--a-shadow:0 8px 24px rgba(31,41,55,.06)}
html[data-theme="dark"]{color-scheme:dark;--a-bg:#121318;--a-surface:#191A21;--a-surface-2:#22232D;--a-soft:#343143;--a-brand:#8F88B6;--a-accent:#AAA3CE;--a-text:#F8FAFC;--a-muted:#B5B7C2;--a-border:#3B3B48;--a-danger:#F48B7E;--a-warning:#F2C46D;--a-shadow:0 12px 28px rgba(0,0,0,.24)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{color-scheme:dark;--a-bg:#121318;--a-surface:#191A21;--a-surface-2:#22232D;--a-soft:#343143;--a-brand:#8F88B6;--a-accent:#AAA3CE;--a-text:#F8FAFC;--a-muted:#B5B7C2;--a-border:#3B3B48;--a-danger:#F48B7E;--a-warning:#F2C46D;--a-shadow:0 12px 28px rgba(0,0,0,.24)}}
html,body{background:var(--a-bg)!important;color:var(--a-text)!important}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background-image:none!important}header{height:68px!important;background:color-mix(in srgb,var(--a-surface) 97%,transparent)!important;color:var(--a-text)!important;border-bottom:1px solid var(--a-border)!important;box-shadow:none!important;backdrop-filter:blur(16px)}header .brand,.recivo-brand{color:var(--a-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:850!important;letter-spacing:-.04em!important}header>span{color:var(--a-muted)!important}.admin-header-spacer{margin-left:auto}.admin-theme-toggle,#logout{margin-left:0!important}.brand-mark{width:30px!important;height:30px!important;border-radius:8px!important}.ghost{background:var(--a-surface-2)!important;color:var(--a-text)!important;border:1px solid var(--a-border)!important}button{background:var(--a-brand)!important;color:#fff!important}.danger{background:var(--a-danger)!important}.eyebrow{color:var(--a-brand)!important}.small,.metric small,.item small{color:var(--a-muted)!important}
main{max-width:1500px!important;margin:0 auto!important;padding:28px 24px 70px!important}.auth{max-width:500px!important;margin:8vh auto!important}.auth .card{padding:28px!important}.auth h1{font-size:30px!important}.auth p{color:var(--a-muted)!important}.card,.metric,.admin-sidebar,.ops-panel,.status{background:var(--a-surface)!important;color:var(--a-text)!important;border:1px solid var(--a-border)!important;box-shadow:none!important}.card{border-radius:18px!important;padding:20px!important}.metric{border-radius:14px!important;padding:15px!important}.metric strong{color:var(--a-text)!important}input,select,textarea{background:var(--a-surface)!important;color:var(--a-text)!important;border-color:var(--a-border)!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--a-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--a-brand) 17%,transparent)!important}.status,.selected-label,.ops-panel{background:var(--a-surface-2)!important;color:var(--a-text)!important}.badge{background:var(--a-soft)!important;color:var(--a-brand)!important}.item{border-color:var(--a-border)!important}.item strong{color:var(--a-text)!important}
#appView{grid-template-columns:240px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}.admin-sidebar{top:88px!important;border-radius:18px!important;padding:10px!important;box-shadow:var(--a-shadow)!important}.admin-sidebar-head{border-color:var(--a-border)!important}.admin-sidebar-head strong{color:var(--a-brand)!important}.admin-nav small{color:var(--a-muted)!important}.admin-nav a{color:var(--a-text)!important}.admin-nav a:hover,.admin-nav a.active{background:var(--a-soft)!important;color:var(--a-brand)!important}.admin-content{min-width:0!important}.hero{margin:0 0 16px!important;padding:2px 2px 0!important}.hero h1{font-size:32px!important;color:var(--a-text)!important}.metrics{grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:10px!important;margin:14px 0 18px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:14px 0!important}.grid>.card{min-width:0!important}#admin-audit{margin-top:14px!important}#auditList{max-height:560px!important;overflow:auto!important;padding-right:6px!important}.ops-item{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr)!important}.ops-controls{grid-template-columns:minmax(0,1fr) auto!important}.support-result{align-items:center!important}.boot-view{min-height:calc(100vh - 68px)!important}.boot-card strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;color:var(--a-brand)!important}.drawer-backdrop{background:rgba(15,23,26,.48)!important}
@media(max-width:1100px){#appView{grid-template-columns:210px minmax(0,1fr)!important}.metrics{grid-template-columns:repeat(3,minmax(130px,1fr))!important}.ops-item{grid-template-columns:1fr!important}.ops-controls{grid-template-columns:1fr auto!important}}
@media(max-width:900px){main{padding:18px 14px 60px!important}#appView:not(.hidden){display:block!important}.admin-sidebar{background:var(--a-surface)!important}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid{grid-template-columns:1fr!important}.hero{align-items:flex-start!important}.ops-controls{grid-template-columns:1fr!important}.support-result{align-items:stretch!important;flex-direction:column!important}.support-result button{width:100%!important}}
@media(max-width:520px){header{padding:0 10px!important;gap:8px!important}header>span{display:none}.admin-theme-toggle{font-size:0!important;min-width:42px!important}.admin-theme-toggle:after{content:'◐';font-size:17px}.auth{margin:4vh auto!important}.metrics{grid-template-columns:1fr 1fr!important}.card{padding:16px!important}}

/* RC6 admin canonical views: no anchor-scrolling through one huge page */
.admin-nav button{width:100%!important;border:0!important;background:transparent!important;color:var(--a-text)!important;text-align:left!important;padding:10px 11px!important;border-radius:11px!important;font-weight:700!important;cursor:pointer!important}
.admin-nav button:hover,.admin-nav button.active{background:var(--a-soft)!important;color:var(--a-brand)!important}
.admin-view{display:none!important;min-width:0!important}.admin-view.active{display:block!important}.admin-view>.card{margin:0!important;max-width:none!important}.admin-view>.metrics{margin-top:18px!important}
.admin-content{min-width:0!important}.admin-overview-note{margin-top:18px!important}
[data-admin-view-panel="audit"] #auditList{max-height:calc(100dvh - 260px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
@media(min-width:901px){#appView{align-items:stretch!important}.admin-sidebar{height:calc(100dvh - 110px)!important;max-height:none!important}.admin-content{min-height:calc(100dvh - 120px)!important}}

/* RC15 system-theme compatibility bridge.
   Legacy admin/Quality & Safety components still reference generic theme variables.
   Point them at the canonical admin tokens so System follows the resolved OS scheme. */
:root{
  --bg:var(--a-bg);
  --panel:var(--a-surface);
  --panel2:var(--a-surface-2);
  --panel-soft:var(--a-surface-2);
  --ink:var(--a-text);
  --muted:var(--a-muted);
  --line:var(--a-border);
  --border:var(--a-border);
  --jade:var(--a-brand);
  --jade-soft:var(--a-soft);
}


/* RC15 final System-theme visibility hardening.
   Make every Quality & Safety information surface use canonical admin tokens
   directly. This prevents a light legacy card from being paired with resolved
   dark-system text. */
.quality-case-card,
.quality-pattern-card,
.quality-timeline-item,
.outreach-card,
.staff-row,
.admin-quality-case{
  background:var(--a-surface)!important;
  color:var(--a-text)!important;
  border-color:var(--a-border)!important;
}
.quality-case-card strong,
.quality-pattern-card strong,
.quality-timeline-item strong,
.outreach-card strong,
.staff-row strong,
.admin-quality-case strong,
.admin-quality-verbatim,
.admin-quality-verbatim-full p{
  color:var(--a-text)!important;
}
.admin-quality-verbatim-full{
  background:var(--a-surface-2)!important;
  color:var(--a-text)!important;
  border-color:var(--a-border)!important;
}
.admin-purchase-evidence{
  background:var(--a-surface-2)!important;
  color:var(--a-text)!important;
  border-color:var(--a-border)!important;
}
.quality-meta,
.admin-quality-verbatim-full small,
.admin-quality-case small,
.quality-pattern-card span,
.quality-timeline-item small,
.outreach-card small{
  color:var(--a-muted)!important;
}
.quality-badge{
  background:var(--a-soft)!important;
  color:var(--a-brand)!important;
}
.quality-badge.safety{
  background:color-mix(in srgb,var(--a-danger) 16%,var(--a-surface))!important;
  color:var(--a-danger)!important;
}
.identity-box{
  background:var(--a-surface)!important;
  color:var(--a-text)!important;
  border-color:var(--a-danger)!important;
}

/* RC16 navigation theme bridge */
.quality-filter-chip,.admin-quality-pattern-drawer,.empty-state{background:var(--a-surface-2)!important;color:var(--a-text)!important;border-color:var(--a-border)!important}.quality-filter-chip.active{background:var(--a-brand)!important;color:#fff!important}.admin-quality-pattern-drawer>summary,.admin-quality-filter-summary strong,.empty-state strong{color:var(--a-text)!important}.empty-state p{color:var(--a-muted)!important}
/* RC20 mobile auth visibility invariant: responsive rules must never reveal an explicitly hidden app shell. */
#appView.hidden{display:none!important}

/* RC21 admin customer controls + action verification */
.admin-customer-page{display:grid;gap:16px}.admin-customer-filters{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.45fr);gap:12px;margin-top:12px}.admin-customer-workspace{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(420px,1.28fr);gap:16px;align-items:start}.admin-customer-list{display:grid;gap:9px;margin-top:10px}.admin-customer-card{width:100%;text-align:left;background:var(--a-surface)!important;color:var(--a-text)!important;border:1px solid var(--a-border)!important;border-radius:13px;padding:12px}.admin-customer-card.active{border-color:var(--a-brand)!important;box-shadow:0 0 0 1px var(--a-brand) inset!important}.admin-customer-card strong,.admin-customer-detail strong{color:var(--a-text)!important}.admin-customer-card small,.admin-customer-detail small{color:var(--a-muted)!important}.customer-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-control-grid .field-span{grid-column:1/-1}.customer-danger-zone{margin-top:18px;border:1px solid color-mix(in srgb,var(--a-danger) 55%,var(--a-border));border-radius:14px;padding:13px;background:color-mix(in srgb,var(--a-danger) 7%,var(--a-surface))}.customer-status-pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-weight:800;font-size:12px;background:var(--a-soft);color:var(--a-brand)}.customer-status-pill.suspended,.customer-status-pill.terminated{background:color-mix(in srgb,var(--a-danger) 14%,var(--a-surface));color:var(--a-danger)}.risk-point-flag{border-left:4px solid var(--a-warning)!important}.risk-point-flag.high{border-left-color:var(--a-danger)!important}.merchant-action-admin-log{display:grid;gap:9px;margin:14px 0}.merchant-action-admin-entry{border:1px solid var(--a-border);border-radius:13px;padding:12px;background:var(--a-surface-2)}.merchant-action-review-grid{display:grid;grid-template-columns:220px 1fr auto;gap:8px;align-items:end;margin-top:8px}.merchant-action-review-grid label{margin:0}.merchant-action-review-grid button{margin-bottom:1px}@media(max-width:900px){.admin-customer-filters,.admin-customer-workspace,.customer-control-grid,.merchant-action-review-grid{grid-template-columns:1fr}.customer-control-grid .field-span{grid-column:auto}}