/* ---------------------------------------------------------------------------
 * Admin console in the new SearchDaddy brand (warm white, marigold, Archivo) —
 * the same palette as the customer dashboard's tokens.css + shell.css.
 *
 * admin.css is token-driven, so the reskin redefines its tokens here, loaded
 * right after it. The page-level :root blocks in admin.css (index, login,
 * pipeline) have the same specificity, so load order is what makes this win.
 * The brand-theme partial still loads after this file: a saved Brand accent /
 * typography overrides --tomato, --on-accent, --serif and --sans on purpose.
 *
 * --tomato is the brand accent only. Danger states use --bad (defined in
 * admin.css), so a destructive action never renders in marigold.
 * ------------------------------------------------------------------------- */
:root.admin-shell,
:root.page-admin-index,
:root.page-admin-pipeline,
:root.page-admin-login{
  --bg:#F6F4EF;        --bg-2:#EFEBE2;
  --paper:#FFFFFF;     --paper-2:#FBF9F4;
  --ink:#121314;       --ink-2:#2C2823;
  --muted:#55585E;     --muted-2:#6B6258;
  --hair:rgba(18,19,20,.10); --hair-2:rgba(18,19,20,.18); --hair-3:rgba(18,19,20,.30);

  --tomato:#FF9E00;    --tomato-soft:rgba(255,158,0,.14);
  --on-accent:#1a1205;
  --ring:#FF9E00;
  --gold:#FFB01F;      --gold-soft:rgba(255,176,31,.20);
  --forest:#17804A;    --forest-soft:#E5F4EB;
  --blue:#2B6CB0;      --blue-soft:#E7F0F9;

  --shadow-card:0 1px 0 rgba(18,19,20,.02), 0 16px 30px -24px rgba(18,19,20,.20);
  --shadow-pop:0 2px 0 rgba(18,19,20,.04), 0 24px 44px -26px rgba(18,19,20,.30);

  --serif:"Archivo","Archivo Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sans:"Archivo","Archivo Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Archivo","Archivo Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* Code-like output (job payloads, traces, keys) still needs a fixed-width face. */
:root.admin-shell :is(pre,code,kbd){font-family:"JetBrains Mono",ui-monospace,monospace}

/* Accent words in headings: a marigold highlight with dark ink, as on the
 * customer Overview, instead of accent-coloured italic text (too low-contrast
 * on warm white once the accent is marigold). The generic line covers headings
 * admin.css never styled; the rest are listed so each out-ranks its own rule. */
:root.admin-shell :is(h1,h2,h3) em,
:root.admin-shell .page-head h1 em,
:root.admin-shell .section-head h2 em,
:root.admin-shell .drawer-head h2 em,
:root.admin-shell .panel-head h3 em,
:root.page-admin-bookings .cal-head h2 em,
:root.page-admin-settings .section header h2 em,
:root.page-admin-subscribers .composer-head h2 em,
:root.page-admin-subscribers .modal-head h2 em,
:root.page-admin-login .headline em,
:root.page-admin-login .form-h em{
  font-style:normal;color:var(--on-accent);background:var(--tomato);
  padding:0 .18em;border-radius:5px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone
}
:root.page-admin-settings .danger header h2 em{background:var(--bad-soft);color:var(--bad)}
/* Names and figures carry no accent: plain ink, not low-contrast marigold text. */
:root.page-admin-team .tcard .who h3 em,
:root.page-admin-customer-profile .profile-name em,
:root.page-admin-queues .q-card .q-num em{font-style:normal;color:var(--ink);background:none;padding:0}

/* Shell touches the tokens alone don't carry. */
:root.admin-shell .nav-item.active{background:var(--ink);color:#fff}
:root.admin-shell .nav-badge{background:var(--gold);color:#1a1205;font-family:var(--sans);font-weight:800}
:root.admin-shell .nav-item.active .nav-badge{background:var(--gold);color:#1a1205}
:root.admin-shell .tb-btn-primary:hover,
:root.page-admin-login .btn-primary:hover{background:var(--tomato);border-color:var(--tomato);color:var(--on-accent)}
:root.admin-shell .user-avatar,
:root.admin-shell .msg .ava.ext,
:root.admin-shell .card .assignee.m{background:linear-gradient(135deg,var(--gold),var(--tomato));color:#1a1205}
:root.page-admin-team .tcard .role.admin{color:var(--on-accent)}