/* xp-admin.css — Yarnball CDS theme "XP" (Luna), YumYum ADMIN CONSOLE extension.
   Ben, 2026-08-22: "make all windows XP design like the strategy app in the MMD portal" —
   this is that instruction applied to the operations console (admin.html / app/admin.js),
   sibling of xp.css (which covers the consumer chat shell only and never touches the admin
   surface). Same era, same recipes: xp.css already carries the shared DS vocabulary the
   admin console also renders — .top/.brand/.word/.tag/.btn, .modal/.mcard/.mclosebtn, .fld/
   input/select/textarea, table/th/td, ::selection, scrollbars — so those are already XP-
   skinned wherever xp.css is loaded and need no repeat here. This file owns everything that
   is admin-only: the .yumyum-admin shell, the AdminShell/AdminNavGroupsV3 sidebar, AdminPanel/
   AdminTable/DataTable, Pill/MiniButton, the admin login screen, and the note/pre/marketing-
   subnav furniture that only exists on this surface. Reuses xp.css's --xp-luna/--xp-luna-
   flat/--xp-face/--xp-face-hot/--xp-sel recipes verbatim — it does NOT redefine them, so this
   file only does anything once xp.css's [data-theme="xp"] token block is also loaded on the
   same page (see the admin.html wiring note below).

   Visual reference: /_wt/procurement-app-20260822/src/app/app/strategy/strategy-xp.css — the
   MMD portal's SAP-B1-era skin (captioned group boxes, dense grids with sticky captioned
   headers, toolbars, statusbars). Copied here as a visual language, not as class names: every
   selector below targets a class that already exists in admin-nav.css / app-extensions.css /
   the yumi-web-ds admin-yumyum component family (AdminShell, AdminTopBar, AdminNavGroups v3,
   AdminPanel v3, AdminTable, DataTable, Pill, MiniButton, AuthCard) — grepped, not invented.

   Every selector is scoped [data-theme="xp"] .yumyum-admin ... (or narrower) on purpose: the
   base admin rules in _ds_bundle.css sit at .yumyum-admin-class specificity (occasionally
   !important on a couple of nav-v3 color declarations, deliberately left alone below), and
   admin.html's <link> order relative to xp.css/xp-admin.css is not something this file
   controls — every rule here carries the extra .yumyum-admin class specifically so it wins
   regardless of load order, without reaching for !important itself.

   WIRING NOTE (see the report handed back with this file): admin.html does not load this
   file, does not load xp.css, and nothing in app/admin.js ever sets [data-theme] anywhere in
   its tree — AdminShell renders a bare <div class="yumyum-admin"> with no theme attribute,
   and the login screen hard-codes h(D.YarnballTheme,{theme:'unison'}, ...). None of that is
   edited here (out of scope for this file) — it is called out explicitly in the handback. */

/* ------------------------------------------------------------------ */
/* shell — the console reads as one dense MMC/SAP-B1 window, not a SPA */
[data-theme="xp"] .yumyum-admin{
  background:var(--bg); color:#000; font-family:var(--ui); font-size:11px; line-height:1.5;
}
[data-theme="xp"] .yumyum-admin *{border-radius:0}
[data-theme="xp"] .yumyum-admin .msg{font-family:var(--ui);font-size:12px;color:#333;padding:24px}
[data-theme="xp"] .yumyum-admin .msg a{color:#0a246a}

/* titlebar extras — .top/.brand/.word/.tag/.sp/.top .btn already come from xp.css (bare
   selectors, no .yumyum-admin needed there); only the two admin-only pieces are added here:
   the brand-home logo tile and AdminTopBarV2's "who" span (consumer's equivalent is .whoami,
   a different class name, so xp.css's rule never reaches this one). */
[data-theme="xp"] .yumyum-admin .top{height:auto;min-height:29px;padding:2px 8px 3px}
[data-theme="xp"] .yumyum-admin .brand-home img{border-radius:2px;border:1px solid rgba(255,255,255,.55)}
[data-theme="xp"] .yumyum-admin .who{
  font-family:var(--ui); font-size:10px; color:#e6efff; letter-spacing:0;
  text-shadow:1px 1px 1px rgba(0,0,0,.35);
}

/* ------------------------------------------------------------------ */
/* work surface */
[data-theme="xp"] .yumyum-admin main{padding:8px 10px}
[data-theme="xp"] .yumyum-admin h1{
  font-family:var(--ui); font-style:normal; font-weight:700; font-size:15px; color:#0a246a;
  margin:2px 0 8px; letter-spacing:0;
}
[data-theme="xp"] .yumyum-admin .admin-subhead{
  color:#0a246a; font-family:var(--ui); font-weight:700; font-size:11px;
  text-transform:uppercase; letter-spacing:.03em; border-bottom:1px solid #d8d4c8;
  padding-bottom:2px;
}

/* ------------------------------------------------------------------ */
/* navigation — AdminNavGroupsV3 sidebar reads as an MMC console tree: captioned chapter
   bars, color-swatched sub-chapters (swatch colors are data-driven --hueA../F, untouched
   here), pale-yellow hover, solid #316AC5 selection on the active leaf. */
[data-theme="xp"] .yumyum-admin nav.nav-groups{background:#fff}
[data-theme="xp"] .yumyum-admin .nav-v3{background:#fff;border-right:1px solid #919b9c}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group{border-bottom:1px solid #d8d4c8}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-hd{
  font-family:var(--ui); min-height:0; padding:4px 8px;
  background:linear-gradient(180deg,#fefefe 0%,#eceadf 100%);
  border-bottom:1px solid #d8d4c8;
}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group.open .nav-group-hd,
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-hd:hover{background:#fff7d6}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-chev{color:#0a246a;font-size:12px}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-dot{
  width:6px; height:6px; border-radius:0; background:var(--xp-sel); display:inline-block; margin-left:6px;
}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-body{padding:1px 0 3px}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-sub-hd{
  font-family:var(--ui); font-size:10px; letter-spacing:.06em; padding:3px 8px 3px 12px;
}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-sub-hd:hover{background:#fff7d6}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-sub-swatch{border-radius:0}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-sub-body a,
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-body>a{
  font-family:var(--ui); font-size:11px; line-height:1.7; padding:1px 8px 1px 22px; margin-left:6px;
}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-sub-body a:hover,
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-body>a:hover{background:#fff7d6;color:#000}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-sub-body a.act,
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-group-body>a.act{
  background:var(--xp-sel); color:#fff; font-weight:700; border-radius:0;
  border-left-width:0; padding-left:20px; margin-left:6px;
}
[data-theme="xp"] .yumyum-admin .nav-v3 .nav-foot{
  font-family:var(--ui); font-size:9.5px; color:#7a7568; border-top:1px solid #d8d4c8; padding:6px 8px;
}

/* ------------------------------------------------------------------ */
/* panels — SAP-B1 group boxes: white body, captioned Luna-tinted header bar, navy caption */
[data-theme="xp"] .yumyum-admin .panel{
  background:#fff; border:1px solid #919b9c; margin-bottom:8px;
}
[data-theme="xp"] .yumyum-admin .panel-v3 .hd-panel{
  background:linear-gradient(180deg,#fefefe 0%,#d6dff7 100%);
  border-bottom:1px solid #919b9c; padding:2px 6px; gap:8px;
}
[data-theme="xp"] .yumyum-admin .panel-v3 .hd-title,
[data-theme="xp"] .yumyum-admin .panel .hd{
  font-family:var(--ui); font-weight:700; font-size:11px; color:#0a246a; letter-spacing:0;
}
[data-theme="xp"] .yumyum-admin .panel-v3 .hd-panel .hd-meta{font-family:var(--ui);font-size:10.5px;color:#4a4a4a}
[data-theme="xp"] .yumyum-admin .create-new{
  font-family:var(--ui); font-size:11px; font-weight:400; color:#000;
  border:1px solid #003c74; border-radius:0; background:var(--xp-face);
  box-shadow:inset 1px 1px 0 #fff; padding:2px 9px;
}
[data-theme="xp"] .yumyum-admin .create-new:hover{background:var(--xp-face-hot)}

/* ------------------------------------------------------------------ */
/* data tables — dense SAP-B1 grid: white rows, gradient header, tight padding */
[data-theme="xp"] .yumyum-admin th,
[data-theme="xp"] .yumyum-admin td{padding:2px 5px;font-size:11px;border-bottom:1px solid #e4e2d8}
[data-theme="xp"] .yumyum-admin thead th{
  font-family:var(--ui); font-size:11px; letter-spacing:0; text-transform:none; font-weight:700;
  color:#000; background:linear-gradient(180deg,#fefefe,#d8d4c8); border-bottom:1px solid #aca899;
}
[data-theme="xp"] .yumyum-admin tbody tr:nth-child(even) td{background:#f6f5ef}
[data-theme="xp"] .yumyum-admin tbody tr.clickable:hover td,
[data-theme="xp"] .yumyum-admin tbody tr:hover td{background:#fff7d6}
[data-theme="xp"] .yumyum-admin tbody tr.clickable td:last-child::after{color:#316ac5}
[data-theme="xp"] .yumyum-admin .m{font-size:11px}
[data-theme="xp"] .yumyum-admin .admin-cell-sm{font-size:10px}
[data-theme="xp"] .yumyum-admin .admin-cell-pre,
[data-theme="xp"] .yumyum-admin .admin-cell-wrap{font-family:var(--mono);font-size:10.5px}

/* filter bar / toolbar — DataTable's own search+filter strip */
[data-theme="xp"] .yumyum-admin .dt-toolbar{
  background:#ece9d8; border:1px solid #aca899; padding:3px 5px; margin:0 0 4px; gap:5px;
}
[data-theme="xp"] .yumyum-admin .dt-search{
  font-family:var(--ui); font-size:11px; border:1px solid #7F9DB9; border-radius:0;
  padding:2px 5px; background:#fff; color:#000; width:200px;
}
[data-theme="xp"] .yumyum-admin .dt-search:focus{outline:1px dotted #0a246a;outline-offset:1px;border-color:#0a5bc4}
[data-theme="xp"] .yumyum-admin th.sortable:hover{background:#eaf1fc;cursor:pointer}
[data-theme="xp"] .yumyum-admin th .arrow{color:#316ac5;font-size:9px}
[data-theme="xp"] .yumyum-admin .dt-pager{margin:4px 0;gap:5px}
[data-theme="xp"] .yumyum-admin select.plan,
[data-theme="xp"] .yumyum-admin input.seat{
  font-family:var(--ui); font-size:11px; border:1px solid #7F9DB9; border-radius:0;
  padding:2px 4px; background:#fff; color:#000;
}

/* pills — status chips, square, one-word tone reads */
[data-theme="xp"] .yumyum-admin .pill{
  font-family:var(--ui); font-size:10px; padding:0 4px; border-radius:0;
  border:1px solid #919b9c; background:#fff; color:#4a4a4a;
}
[data-theme="xp"] .yumyum-admin .pill.on{background:#d3ecc9;border-color:#4a7c2f;color:#274d12}
[data-theme="xp"] .yumyum-admin .pill.admin{background:#0a246a;border-color:#0a246a;color:#fff}
[data-theme="xp"] .yumyum-admin .pill.off{background:#f4c9c9;border-color:#a33;color:#600}

/* mini buttons — Prev/Next pager, per-row actions */
[data-theme="xp"] .yumyum-admin .mini{
  font-family:var(--ui); font-size:10px; border:1px solid #003c74; border-radius:0;
  background:var(--xp-face); color:#000; box-shadow:inset 1px 1px 0 #fff; padding:1px 8px;
}
[data-theme="xp"] .yumyum-admin .mini:hover{background:var(--xp-face-hot)}
[data-theme="xp"] .yumyum-admin .mini.danger:hover{background:#f4c9c9;border-color:#a33;color:#600}
[data-theme="xp"] .yumyum-admin .mini:disabled{background:#e6e2d6;color:#9a958a;border-color:#b5b0a2}

/* ------------------------------------------------------------------ */
/* notes / hints — the console's inline data-handling and status footnotes */
[data-theme="xp"] .yumyum-admin .note{
  font-family:var(--ui); font-size:11px; color:#333; background:#fffbe6;
  border:1px solid #d4b96a; border-radius:0; padding:4px 8px;
}
[data-theme="xp"] .yumyum-admin .warn{
  font-family:var(--ui); font-size:11px; color:#600; background:#f4c9c9;
  border:1px solid #a33; border-radius:0; padding:4px 8px; font-weight:700;
}
[data-theme="xp"] .yumyum-admin .admin-inline-hint,
[data-theme="xp"] .yumyum-admin .admin-inline-note,
[data-theme="xp"] .yumyum-admin .admin-geo-note,
[data-theme="xp"] .yumyum-admin .admin-legend-note{color:#4a4a4a;font-size:10.5px}
[data-theme="xp"] .yumyum-admin .admin-panel-note{background:#fffbe6;border-top:1px solid #d4b96a}

/* code / pre blocks — DOM snapshots, JSON dumps, request bodies */
[data-theme="xp"] .yumyum-admin .admin-pre-block,
[data-theme="xp"] .yumyum-admin .admin-pre-block-lg,
[data-theme="xp"] .yumyum-admin .admin-pre-flush{
  font-family:var(--mono); background:#f6f5ef; border:1px solid #d8d4c8;
  padding:5px 7px; color:#000;
}

/* ------------------------------------------------------------------ */
/* modals — .modal/.mcard/.mclosebtn already come from xp.css (bare selectors, reach every
   [data-theme="xp"] .modal on the page including RecordModal here); only the admin action
   row needs its own treatment, read as a real XP dialog button row. */
[data-theme="xp"] .yumyum-admin .admin-modal-actions{
  border-top:1px solid #aca899; margin-top:8px; padding-top:6px; justify-content:flex-end;
}
[data-theme="xp"] .yumyum-admin .modal-subtable table{font-size:10.5px}

/* ------------------------------------------------------------------ */
/* admin login page — a real XP logon dialog: Luna caption strip for the "Yumyum" word,
   #ECE9D8 body, sunk fields (input/.fld/.submit already come from xp.css). */
[data-theme="xp"] .yumyum-admin.admin-login-page{background:var(--bg)}
[data-theme="xp"] .admin-login-box .authc{
  background:#ece9d8; border:3px solid #0053ee; border-radius:7px 7px 4px 4px;
  box-shadow:0 10px 30px rgba(0,0,0,.45); padding:0 0 12px;
}
[data-theme="xp"] .admin-login-box .authc::before{display:none}
[data-theme="xp"] .admin-login-box .authc .word{
  display:block; text-align:left; background:var(--xp-luna); color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,.45); font-size:13px; font-weight:700;
  padding:5px 10px; margin:0 0 10px; border-radius:4px 4px 0 0;
}
[data-theme="xp"] .admin-login-box .authc .asub{
  text-align:left; color:#333; font-size:11px; padding:0 10px; margin:0 0 8px;
}
[data-theme="xp"] .admin-login-box .authc .aerr{
  color:#a33; font-family:var(--ui); font-size:11px; text-align:left; padding:0 10px;
}
[data-theme="xp"] .admin-login-box .authc > *:not(.word){padding-left:10px;padding-right:10px}
[data-theme="xp"] .admin-login-footer{font-family:var(--ui);font-size:11px;color:#333}
[data-theme="xp"] .admin-login-back-link{color:#0a246a}

/* ------------------------------------------------------------------ */
/* marketing sub-nav — sticky strip of section links above a marketing tab's content */
[data-theme="xp"] .yumyum-admin .admin-marketing-subnav{
  background:#ece9d8; border-bottom:1px solid #aca899; padding:3px 4px; font-family:var(--ui); font-size:11px;
}
[data-theme="xp"] .yumyum-admin .admin-marketing-subnav a{
  color:#0a246a; text-decoration:none; padding:1px 6px; border:1px solid transparent;
}
[data-theme="xp"] .yumyum-admin .admin-marketing-subnav a:hover{background:#fff7d6;border-color:#aca899}

/* invite + feedback evidence frames */
[data-theme="xp"] .yumyum-admin .admin-feedback-shot{border:1px solid #919b9c;border-radius:0}
[data-theme="xp"] .yumyum-admin .admin-invite-preview-frame{border:1px solid #7F9DB9;border-radius:0;background:#fff}
[data-theme="xp"] .yumyum-admin .admin-invite-check-label{font-size:11px}
[data-theme="xp"] .yumyum-admin .admin-invite-result{font-size:11px;color:#333}

/* ------------------------------------------------------------------ */
/* Operations overview — the one console surface the first pass left in
   the Unison voice. Every caption on it (Timeline, Quick invites, each
   chart head, the stat cells, the surface strip) was mono, tracked and
   uppercase; XP captions are plain Tahoma. The nav rail also stayed
   white, so the window had two different chromes side by side. */
[data-theme="xp"] .yumyum-admin nav.nav-groups{background:#ECE9D8;border-right:1px solid #919b9c}
[data-theme="xp"] .yumyum-admin .nav-group-body{background:#ECE9D8}
[data-theme="xp"] .yumyum-admin .nav-foot{background:#ECE9D8}

[data-theme="xp"] .yumyum-admin .dash-range-lbl,
[data-theme="xp"] .yumyum-admin .dash-quick-hd,
[data-theme="xp"] .yumyum-admin .dash-quick-codes-label,
[data-theme="xp"] .yumyum-admin .dash-chart-hd,
[data-theme="xp"] .yumyum-admin .dash-chart-scale,
[data-theme="xp"] .yumyum-admin .dash-cell-hd,
[data-theme="xp"] .yumyum-admin .dash-head,
[data-theme="xp"] .yumyum-admin .dash-stamp,
[data-theme="xp"] .yumyum-admin .dash-surface-meta,
[data-theme="xp"] .yumyum-admin .dash-explain,
[data-theme="xp"] .yumyum-admin .dash-entity-title,
[data-theme="xp"] .yumyum-admin .dash-row-tip,
[data-theme="xp"] .yumyum-admin .dash-embed-caption{
  font-family:var(--ui); font-size:11px; letter-spacing:0; text-transform:none; color:#333;
}
[data-theme="xp"] .yumyum-admin .dash-chart-hd,
[data-theme="xp"] .yumyum-admin .dash-entity-title{color:#0a246a;font-weight:700}
[data-theme="xp"] .yumyum-admin .dash-chart-val,
[data-theme="xp"] .yumyum-admin .dash-cell strong{font-family:var(--ui);letter-spacing:0}

/* the stat cells and chart panels are XP group boxes, not floating cards */
[data-theme="xp"] .yumyum-admin .dash-cell,
[data-theme="xp"] .yumyum-admin .dash-chart-body,
[data-theme="xp"] .yumyum-admin .dash-quick,
[data-theme="xp"] .yumyum-admin .dash-range{
  border:1px solid #919b9c; border-radius:0; background:#fff; box-shadow:none;
}
[data-theme="xp"] .yumyum-admin .dash-range{background:#ECE9D8}
[data-theme="xp"] .yumyum-admin .dash-quick{background:#ECE9D8}
[data-theme="xp"] .yumyum-admin .dash-range-btn{
  border:1px solid #003c74; border-radius:3px; background:var(--xp-face);
  box-shadow:inset 1px 1px 0 #fff; font-family:var(--ui); font-size:11px; color:#000;
  letter-spacing:0; padding:2px 9px;
}
[data-theme="xp"] .yumyum-admin .dash-range-btn:hover{background:var(--xp-face-hot)}
[data-theme="xp"] .yumyum-admin .dash-range-btn[aria-pressed="true"],
[data-theme="xp"] .yumyum-admin .dash-range-btn.on{background:#c1d2ee;border-color:#316ac5}

/* the KPI strip under the charts and the platform strip below it kept the mono
   tracked caption; the number stays tabular, the label becomes a Tahoma caption */
[data-theme="xp"] .yumyum-admin .dash-kpi{background:#fff;padding:3px 7px}
[data-theme="xp"] .yumyum-admin .dash-kpi b{
  font-family:var(--ui); font-size:14px; color:#000; font-variant-numeric:tabular-nums;
}
[data-theme="xp"] .yumyum-admin .dash-kpi span{
  font-family:var(--ui); font-size:10px; letter-spacing:0; text-transform:none; color:#444;
}
[data-theme="xp"] .yumyum-admin .dash-kpi-click:hover{background:#fff7d6}
[data-theme="xp"] .yumyum-admin .dash-mini,
[data-theme="xp"] .yumyum-admin .dash-mini span,
[data-theme="xp"] .yumyum-admin .dash-row,
[data-theme="xp"] .yumyum-admin .dash-links{
  font-family:var(--ui); font-size:11px; letter-spacing:0; text-transform:none;
}

/* section dividers on the overview (surfaces, models, acquisition, delivery) */
[data-theme="xp"] .yumyum-admin .dash-section-hd{
  font-family:var(--ui); font-size:11px; font-weight:700; letter-spacing:0;
  text-transform:none; color:#0a246a;
}