/* R16 admin-console polish.
   Loaded after app.css so legacy templates remain functional while the shared
   shell and renovated pages get a coherent visual system. */

:root {
  color-scheme: dark;
  --bg: #07101d;
  --surface: #0d1725;
  --surface-2: #111d2c;
  --surface-3: #162335;
  --text: #f7f9fc;
  --muted: #8d9bad;
  --line: #233247;
  --line-soft: #18263a;
  --accent: #2f6df6;
  --accent-strong: #4b82ff;
  --accent-text: #ffffff;
  --good: #49d17d;
  --warn: #f0ad3d;
  --bad: #ff6b6b;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 18px 50px rgba(0,0,0,.22);
}

* { scrollbar-color: #33435a transparent; }

body {
  background:
    radial-gradient(circle at 70% -20%, rgba(47,109,246,.08), transparent 36%),
    var(--bg);
  color: var(--text);
  font-size: 15px;
}

.ui-sprite { position:absolute; width:0; height:0; overflow:hidden; }
svg { display:block; }
.icon-button svg,
.nav-item svg,
.sidebar-brand svg,
.metric-icon svg,
.metric-chevron,
.activity-icon svg,
.empty-icon svg,
.button-icon,
.card-details-link svg,
.retailer-health-row > svg,
.opportunity-mini-row > svg,
.global-search > svg,
.action-audit-note svg,
.action-card > svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.syntrack-admin { min-height:100vh; overflow-x:hidden; }
.admin-shell { min-height:100vh; display:grid; grid-template-columns:238px minmax(0,1fr); }
.admin-sidebar {
  position:fixed;
  inset:0 auto 0 0;
  width:238px;
  z-index:40;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,#081321 0%,#09111d 100%);
  border-right:1px solid var(--line-soft);
}
.sidebar-head {
  height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  border-bottom:1px solid var(--line-soft);
}
.sidebar-brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  color:var(--text);
  font-weight:850;
  letter-spacing:.045em;
}
.brand-mark {
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#57a2ff;
  background:linear-gradient(145deg,rgba(47,109,246,.22),rgba(47,109,246,.05));
  border:1px solid rgba(78,137,255,.2);
}
.brand-mark svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.sidebar-close { display:none !important; }

.sidebar-nav {
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:18px 10px;
  overflow-y:auto;
}
.nav-item {
  min-height:44px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 13px;
  border-radius:9px;
  color:#c2ccda;
  text-decoration:none;
  font-weight:620;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.nav-item svg { width:19px; height:19px; color:#8292a8; }
.nav-item:hover { color:#fff; background:rgba(255,255,255,.045); }
.nav-item:hover svg { color:#aac8ff; }
.nav-item.active {
  color:#eaf2ff;
  background:linear-gradient(90deg,rgba(47,109,246,.25),rgba(47,109,246,.11));
  box-shadow:inset 2px 0 0 #3f7cff;
}
.nav-item.active svg { color:#67a0ff; }
.nav-caption {
  padding:6px 13px 2px;
  color:#65758c;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.67rem;
  font-weight:800;
}
.nav-divider { height:1px; background:var(--line-soft); margin:9px 12px; }
.nav-subitems {
  margin:-1px 0 4px 43px;
  display:grid;
  gap:2px;
}
.nav-subitems a {
  padding:6px 9px;
  color:#75869d;
  text-decoration:none;
  border-radius:7px;
  font-size:.82rem;
}
.nav-subitems a:hover,
.nav-subitems a.active { color:#cfe0ff; background:rgba(47,109,246,.09); }

.sidebar-account {
  margin-top:auto;
  padding:14px 14px 17px;
  border-top:1px solid var(--line-soft);
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 30px;
  gap:9px;
  align-items:center;
}
.account-avatar {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#cfe0ff;
  background:#17253a;
  font-weight:800;
  font-size:.76rem;
}
.account-copy { min-width:0; display:grid; line-height:1.25; }
.account-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.84rem; }
.account-copy span { color:var(--muted); font-size:.72rem; }
.sidebar-account form { margin:0; }

.icon-button {
  width:36px;
  height:36px;
  border:1px solid transparent;
  border-radius:9px;
  display:inline-grid;
  place-items:center;
  padding:0;
  color:#91a1b6;
  background:transparent;
}
.icon-button:hover { color:#fff; border-color:var(--line); background:var(--surface-2); }

.admin-main { grid-column:2; min-width:0; }
.admin-topbar {
  position:sticky;
  top:0;
  z-index:30;
  height:66px;
  padding:0 28px;
  display:flex;
  align-items:center;
  gap:20px;
  background:rgba(7,16,29,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line-soft);
}
.mobile-menu { display:none; }
.global-search {
  width:min(430px,42vw);
  height:40px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:0 10px 0 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0c1725;
  color:#8190a6;
}
.global-search input {
  border:0 !important;
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--text);
  font-size:.9rem;
}
.global-search input:focus { outline:0; }
.search-shortcut {
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:6px;
  color:#66778e;
  font-size:.75rem;
}
.topbar-actions { margin-left:auto; display:flex; gap:9px; align-items:center; }
.topbar-user { display:grid; padding-left:4px; line-height:1.25; }
.topbar-user span { font-weight:720; font-size:.84rem; }
.topbar-user small { color:var(--muted); }

.syntrack-admin .page-shell {
  width:min(1380px,calc(100% - 48px));
  margin:0 auto;
  padding:28px 0 64px;
}
.r16-page-heading {
  min-height:70px;
  margin:0 0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.r16-page-heading h1 { font-size:clamp(1.75rem,2.5vw,2.25rem); line-height:1.1; margin:0 0 6px; letter-spacing:-.025em; }
.r16-page-heading p { margin:0; color:var(--muted); font-size:.96rem; }
.back-link { display:inline-block; margin-bottom:8px; color:#7ca8ff; text-decoration:none; font-size:.82rem; }

.button {
  min-height:40px;
  border-radius:9px;
  padding:9px 14px;
  font-weight:650;
  transition:transform .14s ease,background .14s ease,border-color .14s ease;
}
.button:hover { transform:translateY(-1px); }
.button-primary {
  background:linear-gradient(180deg,#3978ff,#2c65e9);
  border-color:#3978ff;
  color:#fff;
  box-shadow:0 6px 18px rgba(47,109,246,.18);
}
.button-large { min-height:46px; padding-inline:18px; }
.button-icon { width:16px; height:16px; margin-left:3px; }

input, select {
  border-color:var(--line);
  background:#0d1725;
  color:var(--text);
}
input::placeholder { color:#607088; }
input:focus, select:focus {
  outline:none;
  border-color:#426fae;
  box-shadow:0 0 0 3px rgba(47,109,246,.11);
}
label { font-weight:630; }
label > span:first-child { font-size:.8rem; color:#aab6c7; }

.panel,
.product-card,
.tracking-card,
.opportunity-card,
.alert-card,
.auth-card {
  border-color:var(--line);
  background:linear-gradient(180deg,#0f1a29,#0c1623);
  box-shadow:none;
}
.panel { border-radius:12px; }
.eyebrow {
  color:#6e80a0;
  font-size:.68rem;
  letter-spacing:.14em;
}
.pill,
.opportunity-badge,
.status-good,
.status-warn,
.status-bad {
  font-size:.69rem;
  padding:4px 8px;
  font-weight:750;
  line-height:1.1;
}
.status-good { color:#66da91; background:rgba(73,209,125,.11); }
.status-warn { color:#ffc15a; background:rgba(240,173,61,.11); }
.status-bad { color:#ff8585; background:rgba(255,107,107,.11); }
.pill { color:#9fb0c6; background:#162236; }
.muted { color:var(--muted); }

/* Authentication */
.syntrack-auth {
  min-height:100vh;
  background:
    radial-gradient(circle at 50% 20%,rgba(47,109,246,.08),transparent 30%),
    #07101d;
}
.auth-header { height:66px; display:flex; align-items:center; padding:0 34px; border-bottom:1px solid var(--line-soft); }
.auth-shell { min-height:calc(100vh - 66px); display:grid; align-content:center; justify-items:center; padding:30px 20px 12vh; }
.auth-shell .auth-card { margin:0; }
.r16-auth-card { width:min(430px,100%); padding:28px; gap:26px; box-shadow:var(--shadow); }
.auth-card-heading { display:flex; gap:14px; align-items:center; }
.auth-card-heading h1 { font-size:1.7rem; margin:0 0 3px; }
.auth-card-heading p { margin:0; }
.auth-mark { width:44px; height:44px; flex:0 0 44px; }
.auth-flashes { width:min(430px,100%); }

/* Dashboard */
.attention-panel {
  padding:18px;
  margin-bottom:18px;
  border:1px solid var(--line);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(16,28,44,.96),rgba(12,23,36,.96));
}
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:14px; }
.section-heading h2 { margin:2px 0 0; font-size:1.05rem; }
.section-kicker { color:#e9eef7; font-weight:720; font-size:.82rem; }
.quiet-meta { color:#64758b; font-size:.75rem; }
.metric-grid { display:grid; gap:10px; }
.metric-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.metric-card {
  min-height:92px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  padding:14px;
  border:1px solid var(--line-soft);
  border-radius:11px;
  background:#111d2c;
  color:inherit;
  text-decoration:none;
}
.metric-card:hover { border-color:#344a69; background:#132136; }
.metric-icon {
  width:42px; height:42px; border-radius:50%;
  display:grid; place-items:center;
  background:#17253a; color:#81a8ff;
}
.metric-card strong { display:block; font-size:1.35rem; line-height:1.1; }
.metric-card small { display:block; color:var(--muted); margin-top:3px; }
.metric-chevron { width:16px; height:16px; color:#63758d; }
.metric-danger .metric-icon { color:#ff7777; background:rgba(255,107,107,.12); }
.metric-warning .metric-icon { color:#ffbe50; background:rgba(240,173,61,.12); }
.metric-positive .metric-icon { color:#58d889; background:rgba(73,209,125,.11); }
.metric-quiet .metric-icon { color:#7c90aa; background:#142135; }

.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:18px; margin-bottom:18px; }
.dashboard-grid-lower { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dashboard-panel { margin:0; padding:18px; }
.clean-heading h2 { margin:0 0 4px; font-size:1rem; }
.clean-heading p { margin:0; font-size:.82rem; }
.text-link { color:#7da9ff; text-decoration:none; font-size:.8rem; }
.retailer-health-list { display:grid; margin-top:10px; }
.retailer-health-row {
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto 16px;
  gap:11px;
  align-items:center;
  min-height:55px;
  padding:8px 3px;
  border-bottom:1px solid var(--line-soft);
  color:inherit;
  text-decoration:none;
}
.retailer-health-row:last-child { border-bottom:0; }
.retailer-health-row > svg { width:14px; height:14px; color:#5f7088; }
.retailer-dot { width:8px; height:8px; border-radius:50%; }
.retailer-dot.healthy { background:var(--good); }
.retailer-dot.warning { background:var(--warn); }
.retailer-health-name { min-width:0; display:grid; }
.retailer-health-name strong { font-size:.86rem; }
.retailer-health-name small { color:var(--muted); font-size:.72rem; }
.retailer-health-state { font-size:.72rem; font-weight:700; }
.status-text-good { color:#67d990; }
.status-text-warn { color:#f5ba57; }
.profit-pulse { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.pulse-card { min-height:103px; display:grid; align-content:center; gap:3px; padding:14px; border:1px solid var(--line-soft); border-radius:10px; text-decoration:none; color:inherit; background:#111d2c; }
.pulse-card strong { font-size:1.65rem; }
.pulse-card span { color:var(--muted); font-size:.8rem; }
.pulse-good strong { color:#58d989; }
.pulse-accent strong { color:#78a5ff; }
.pulse-warn strong { color:#f5ba57; }
.dashboard-statline { display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; color:var(--muted); font-size:.75rem; }
.dashboard-statline strong { color:#d8e0ec; }
.activity-list, .opportunity-mini-list { display:grid; margin-top:8px; }
.activity-row,
.opportunity-mini-row {
  min-height:60px;
  display:grid;
  align-items:center;
  gap:11px;
  padding:9px 2px;
  border-bottom:1px solid var(--line-soft);
  color:inherit;
  text-decoration:none;
}
.activity-row { grid-template-columns:32px minmax(0,1fr) auto; }
.activity-icon, .empty-icon {
  width:32px; height:32px; border-radius:50%; display:grid; place-items:center;
  color:#68a0ff; background:rgba(47,109,246,.11);
}
.activity-icon svg, .empty-icon svg { width:16px; height:16px; }
.activity-copy { min-width:0; display:grid; }
.activity-copy strong { font-size:.82rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.activity-copy small { color:var(--muted); font-size:.72rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.activity-row time { color:#67778e; font-size:.7rem; }
.opportunity-mini-row { grid-template-columns:48px minmax(0,1fr) auto 15px; }
.opportunity-mini-row img, .mini-product-placeholder { width:48px; height:38px; border-radius:7px; object-fit:contain; background:#f7f7f7; }
.mini-product-placeholder { display:grid; place-items:center; color:#65758c; }
.mini-opportunity-name { min-width:0; display:grid; }
.mini-opportunity-name strong { font-size:.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mini-opportunity-name small { color:var(--muted); font-size:.71rem; }
.mini-opportunity-profit { display:grid; text-align:right; }
.mini-opportunity-profit strong { color:#60d98d; font-size:.82rem; }
.mini-opportunity-profit small { color:var(--muted); font-size:.7rem; }
.opportunity-mini-row > svg { width:14px; height:14px; color:#65758c; }
.empty-compact { min-height:150px; display:grid; justify-items:center; align-content:center; gap:7px; color:var(--muted); text-align:center; }
.empty-compact strong { color:#dce4ef; }

/* Catalog */
.catalog-filter-panel,
.radar-filter-panel {
  position:relative;
  margin-bottom:20px;
  padding:0;
}
.catalog-search {
  height:56px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:0 16px;
  margin-bottom:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(180deg,#0f1b2a,#0d1725);
}
.catalog-search svg { width:20px; height:20px; fill:none; stroke:#708198; stroke-width:1.8; }
.catalog-search input { border:0; min-height:0; padding:0; background:transparent; box-shadow:none; font-size:1rem; }
.catalog-search input:focus { box-shadow:none; }
.quick-filter-row {
  display:grid;
  grid-template-columns:repeat(4,minmax(135px,1fr)) auto auto;
  gap:10px;
  align-items:end;
}
.filter-control, .radar-filter-grid label { gap:5px; }
.filter-control > span,
.radar-filter-grid label > span,
.advanced-filter-grid label > span { color:#8493a7; font-size:.72rem; font-weight:650; }
.filter-control select { min-height:42px; }
.filter-actions { display:flex; gap:8px; }
.filter-actions .button { min-width:78px; }
.advanced-filter-panel { position:relative; align-self:end; }
.advanced-filter-panel > summary { list-style:none; }
.advanced-filter-panel > summary::-webkit-details-marker { display:none; }
.filter-summary { min-width:110px; }
.advanced-filter-grid {
  position:absolute;
  z-index:20;
  top:calc(100% + 10px);
  right:0;
  width:min(760px,85vw);
  display:grid;
  grid-template-columns:repeat(5,minmax(120px,1fr));
  gap:12px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#101c2b;
  box-shadow:0 18px 55px rgba(0,0,0,.35);
}
.advanced-filter-grid-small { grid-template-columns:repeat(2,minmax(180px,1fr)); width:420px; }
.price-range-field { grid-column:span 2; }
.price-range-inputs { display:grid; grid-template-columns:1fr auto 1fr; gap:7px; align-items:center; }
.price-range-inputs > span { color:#64758b; }
.active-filter-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.filter-chip { display:inline-flex; align-items:center; min-height:30px; padding:4px 10px; border:1px solid #273750; border-radius:999px; color:#b8c7da; background:#111e30; font-size:.74rem; }
.clear-filters { margin-left:4px; color:#72a3ff; text-decoration:none; font-size:.74rem; }

.r16-product-grid {
  grid-template-columns:repeat(auto-fill,minmax(255px,1fr));
  gap:14px;
}
.r16-product-card { overflow:hidden; border-radius:12px; transition:transform .16s ease,border-color .16s ease; }
.r16-product-card:hover { transform:translateY(-2px); border-color:#354a68; }
.product-image-link { position:relative; display:block; background:#f4f5f7; text-decoration:none; }
.r16-product-card .product-image { aspect-ratio:1.45/1; max-height:250px; }
.sale-corner {
  position:absolute; top:10px; left:10px;
  padding:5px 8px;
  border-radius:7px;
  color:#ddf8e7;
  background:#23814b;
  font-size:.68rem;
  font-weight:800;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.r16-product-card .product-card-body { padding:14px; }
.product-meta-row { display:flex; align-items:start; justify-content:space-between; gap:10px; }
.product-tags { display:flex; flex-wrap:wrap; gap:5px; min-width:0; }
.card-price { white-space:nowrap; font-size:.9rem; color:#f5f7fb; }
.r16-product-card h2 { margin:12px 0 4px; font-size:.98rem; min-height:2.35em; }
.product-subtitle { margin:0; color:#8e9db1; font-size:.75rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sale-line { min-height:19px; margin:10px 0 0; color:#a9b6c8; font-size:.72rem; }
.sale-line span { margin-left:7px; color:#6fdc97; }
.product-signal-row { display:flex; gap:12px; align-items:center; margin:12px 0 0; color:#9aabc0; font-size:.72rem; }
.match-state { color:#8da1b9; }
.match-confirmed { color:#59d689; }
.match-ambiguous, .match-pending { color:#f0b555; }
.opportunity-inline { display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; min-height:26px; margin-top:9px; color:#72d99b; font-size:.72rem; }
.signal-dot { width:7px; height:7px; border-radius:50%; background:#48d17d; box-shadow:0 0 0 3px rgba(73,209,125,.09); }
.product-card-footer { margin-top:13px; padding-top:10px; border-top:1px solid var(--line-soft); display:flex; align-items:center; justify-content:space-between; gap:8px; color:#66778d; font-size:.69rem; }
.card-details-link { display:inline-flex; align-items:center; gap:4px; color:#a9bad0; text-decoration:none; font-weight:650; }
.card-details-link svg { width:13px; height:13px; }
.r16-empty-state { display:grid; justify-items:center; gap:8px; }
.r16-empty-state strong { color:#e3e9f1; }
.r16-pagination { justify-content:space-between; }

/* Profit Radar filter polish */
.radar-filter-panel {
  padding:15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(180deg,#0f1a29,#0c1623);
}
.radar-filter-grid {
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr .9fr .8fr .8fr .9fr;
  gap:10px;
  align-items:end;
}
.radar-filter-grid input,
.radar-filter-grid select { min-height:42px; }
.compact-money { min-height:42px; padding-left:9px; }
.compact-money input { min-height:40px; }
.radar-advanced { display:inline-block; margin-top:11px; }
.radar-filter-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.radar-result-count { margin-left:auto; color:#7f90a7; font-size:.78rem; }
.radar-result-count strong { color:#d9e3ef; }
.save-radar-disclosure { position:relative; }
.save-radar-disclosure > summary { list-style:none; }
.save-radar-disclosure > summary::-webkit-details-marker { display:none; }
.save-radar-card {
  position:absolute; z-index:30; top:calc(100% + 10px); left:0;
  width:min(500px,85vw);
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#101c2b;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.save-radar-card p { margin:4px 0 12px; font-size:.78rem; }
.save-radar-inline { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.opportunity-grid { margin-top:18px; }
.opportunity-card { border-top-width:1px; }
.opportunity-card h2 { font-size:1.05rem; }

/* Tracking manager */
.tracking-page-heading { margin-bottom:16px; }
.tracking-summary-card {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:22px;
  align-items:center;
  min-height:160px;
  margin-bottom:16px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:13px;
  background:linear-gradient(180deg,#101c2b,#0d1826);
}
.tracking-summary-image, .tracking-detail-image { width:220px; height:128px; object-fit:contain; border-radius:10px; background:#f6f6f6; }
.tracking-summary-copy { min-width:0; }
.tracking-summary-title { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.tracking-summary-title h2 { margin:0 0 4px; font-size:1.45rem; }
.tracking-summary-title p { margin:0; color:var(--muted); }
.soft-status { display:inline-flex; align-items:center; gap:7px; min-height:29px; padding:4px 9px; border-radius:8px; background:#162235; color:#a7b5c8; font-size:.72rem; font-weight:700; }
.soft-status-good { background:rgba(73,209,125,.09); color:#6adc94; }
.status-dot { width:7px; height:7px; border-radius:50%; background:currentColor; }
.tracking-summary-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:24px; }
.tracking-summary-facts div { display:grid; gap:2px; }
.tracking-summary-facts span { color:#718197; font-size:.7rem; }
.tracking-summary-facts strong { font-size:.84rem; }

.tracking-manage-layout { display:grid; grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr); gap:16px; align-items:start; }
.tracking-config-form { display:grid; grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr); gap:16px; }
.tracking-config-form .panel,
.tracking-actions-panel { margin:0; }
.tracking-save-bar { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end; padding:14px; border:1px solid var(--line); border-radius:12px; background:#0e1927; }
.tracking-save-bar small { font-size:.68rem; }
.tracking-rule-panel, .tracking-size-panel, .tracking-actions-panel { padding:16px; }
.setting-row {
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--line-soft);
}
.setting-row:last-child { border-bottom:0; }
.setting-icon, .action-icon {
  width:36px; height:36px; display:grid; place-items:center;
  border-radius:50%;
}
.setting-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.setting-icon-green { color:#55d68a; background:rgba(73,209,125,.11); }
.setting-icon-blue { color:#75a2ff; background:rgba(47,109,246,.13); }
.setting-copy { min-width:0; display:grid; gap:2px; }
.setting-copy strong { font-size:.84rem; color:#eaf0f7; }
.setting-copy small { font-size:.71rem; color:#7d8da2; font-weight:500; }
.setting-row-field { align-items:start; }
.tracking-money { margin-top:8px; min-height:39px; }
.tracking-money input { min-height:37px; }

.switch-input {
  appearance:none;
  -webkit-appearance:none;
  width:38px !important;
  height:22px !important;
  min-height:22px !important;
  padding:0 !important;
  border:1px solid #33445b !important;
  border-radius:999px !important;
  background:#1a2636 !important;
  position:relative;
  cursor:pointer;
  transition:.15s ease;
}
.switch-input::after {
  content:"";
  position:absolute;
  top:2px; left:2px;
  width:16px; height:16px;
  border-radius:50%;
  background:#8493a7;
  transition:.15s ease;
}
.switch-input:checked { background:#2f6df6 !important; border-color:#4d82f8 !important; }
.switch-input:checked::after { transform:translateX(16px); background:#fff; }

.track-all-toggle { display:flex; align-items:center; gap:8px; font-size:.75rem; color:#9cadc1; }
.track-all-toggle > span { color:#9cadc1 !important; }
.size-legend { display:flex; flex-wrap:wrap; gap:12px; margin:11px 0 13px; color:#708197; font-size:.68rem; }
.size-legend span { display:inline-flex; align-items:center; gap:5px; }
.size-dot { width:7px; height:7px; border-radius:50%; display:inline-block; }
.size-dot.in-stock { background:#53d485; }
.size-dot.out-stock { background:#56657a; }
.size-selected-mark { width:10px; height:10px; border-radius:3px; border:2px solid #4a83ff; display:inline-block; }
.r16-size-grid { display:grid; grid-template-columns:repeat(4,minmax(72px,1fr)); gap:8px; margin:0; }
.r16-size-option {
  position:relative;
  min-height:50px;
  display:grid;
  place-items:center;
  padding:7px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#0d1825;
  cursor:pointer;
}
.r16-size-option:hover { border-color:#3b526f; }
.r16-size-option.selected { border-color:#3f7cff; background:rgba(47,109,246,.09); }
.r16-size-option input { position:absolute; opacity:0; pointer-events:none; }
.r16-size-option .size-label { color:#dce5f0; font-size:.8rem; font-weight:700; }
.r16-size-option .size-dot { position:absolute; bottom:6px; left:50%; transform:translateX(-50%); }
.r16-size-option .size-check { display:none; position:absolute; top:5px; right:5px; width:17px; height:17px; place-items:center; border-radius:50%; background:#3678ff; color:#fff; font-size:.65rem; }
.r16-size-option.selected .size-check { display:grid; }
.r16-size-option.selected .size-dot { display:none; }
.r16-size-option.unavailable:not(.selected) { opacity:.62; }

.tracking-actions-panel { display:grid; gap:10px; }
.action-card-form { display:grid; gap:7px; margin:0; }
.action-card {
  position:relative;
  min-height:70px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 16px;
  gap:10px;
  align-items:center;
  padding:11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#101c2b;
  cursor:pointer;
}
.action-card:hover { border-color:#3a506e; }
.action-card.disabled { opacity:.55; cursor:not-allowed; }
.action-card > span:nth-child(2) { display:grid; }
.action-card strong { font-size:.82rem; }
.action-card small { color:#7c8ca1; font-size:.7rem; }
.action-card > svg { width:14px; height:14px; color:#64758b; }
.action-icon-blue { color:#6da1ff; background:rgba(47,109,246,.12); }
.action-icon-red { color:#ff7c7c; background:rgba(255,107,107,.11); font-size:1.3rem; }
.action-hit { position:absolute; inset:0; opacity:0; cursor:pointer; }
.action-hit:disabled { cursor:not-allowed; }
.action-note { min-height:36px; font-size:.76rem; }
.action-audit-note { display:flex; gap:8px; align-items:center; margin-top:3px; padding-top:11px; border-top:1px solid var(--line-soft); color:#66778d; font-size:.7rem; }
.action-audit-note svg { width:15px; height:15px; }

/* Smaller, cleaner headings across legacy pages */
.syntrack-admin .page-heading h1 { font-size:clamp(1.7rem,2.5vw,2.35rem); }
.syntrack-admin .page-heading { align-items:center; }
.syntrack-admin .page-heading > div > .muted { max-width:820px; }

/* Responsive */
.sidebar-scrim { display:none; }
@media (max-width:1180px) {
  .metric-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-grid, .dashboard-grid-lower { grid-template-columns:1fr; }
  .quick-filter-row { grid-template-columns:repeat(2,minmax(160px,1fr)) auto auto; }
  .radar-filter-grid { grid-template-columns:repeat(4,minmax(130px,1fr)); }
  .tracking-manage-layout { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .admin-shell { grid-template-columns:1fr; }
  .admin-sidebar {
    transform:translateX(-102%);
    box-shadow:24px 0 60px rgba(0,0,0,.35);
    transition:transform .2s ease;
  }
  .admin-shell.sidebar-open .admin-sidebar { transform:translateX(0); }
  .sidebar-scrim {
    display:block;
    position:fixed; inset:0; z-index:35;
    background:rgba(0,0,0,.5);
    opacity:0; pointer-events:none;
    transition:opacity .2s ease;
  }
  .admin-shell.sidebar-open .sidebar-scrim { opacity:1; pointer-events:auto; }
  .sidebar-close { display:grid !important; }
  .admin-main { grid-column:1; }
  .mobile-menu { display:grid; }
  .global-search { width:min(520px,60vw); }
  .topbar-user { display:none; }
  .syntrack-admin .page-shell { width:min(100% - 30px,1380px); }
  .tracking-config-form { grid-template-columns:1fr; }
  .tracking-save-bar { grid-column:auto; }
}
@media (max-width:700px) {
  .admin-topbar { padding:0 14px; gap:10px; }
  .search-shortcut { display:none; }
  .global-search { width:auto; flex:1; }
  .topbar-actions { gap:4px; }
  .r16-page-heading { align-items:flex-start; flex-direction:column; }
  .r16-page-heading > .button { width:100%; }
  .metric-grid-four { grid-template-columns:1fr; }
  .quick-filter-row { grid-template-columns:1fr 1fr; }
  .advanced-filter-panel { position:static; }
  .advanced-filter-grid {
    position:static;
    width:auto;
    grid-template-columns:1fr;
    margin-top:8px;
    box-shadow:none;
  }
  .price-range-field { grid-column:auto; }
  .filter-actions { grid-column:1/-1; }
  .filter-actions .button { flex:1; }
  .r16-product-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .r16-product-card .product-image { max-height:none; }
  .radar-filter-grid { grid-template-columns:1fr 1fr; }
  .radar-result-count { width:100%; margin-left:0; }
  .radar-advanced { width:100%; }
  .radar-advanced .advanced-filter-grid { width:100%; grid-template-columns:1fr 1fr; }
  .save-radar-card { position:fixed; left:15px; right:15px; top:auto; bottom:18px; width:auto; }
  .tracking-summary-card { grid-template-columns:100px minmax(0,1fr); gap:14px; padding:12px; }
  .tracking-summary-image, .tracking-detail-image { width:100px; height:82px; }
  .tracking-summary-title { display:block; }
  .tracking-summary-title h2 { font-size:1.1rem; }
  .tracking-summary-title .soft-status { margin-top:7px; }
  .tracking-summary-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
  .tracking-save-bar { grid-template-columns:1fr; }
  .tracking-save-bar .button { width:100%; }
  .r16-size-grid { grid-template-columns:repeat(3,minmax(68px,1fr)); }
}
@media (max-width:520px) {
  .syntrack-admin .page-shell { width:calc(100% - 22px); padding-top:20px; }
  .quick-filter-row, .radar-filter-grid { grid-template-columns:1fr; }
  .filter-actions { display:grid; grid-template-columns:1fr 1fr; }
  .r16-product-grid { grid-template-columns:1fr; }
  .profit-pulse { grid-template-columns:1fr; }
  .activity-row { grid-template-columns:32px minmax(0,1fr); }
  .activity-row time { grid-column:2; }
  .opportunity-mini-row { grid-template-columns:46px minmax(0,1fr) auto; }
  .opportunity-mini-row > svg { display:none; }
  .mini-opportunity-profit { grid-column:3; }
  .tracking-summary-card { grid-template-columns:1fr; }
  .tracking-summary-image, .tracking-detail-image { width:100%; height:150px; }
  .r16-size-grid { grid-template-columns:repeat(3,1fr); }
}


/* R16 administration pages */
.r16-user-count-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.r16-user-count-grid .user-count {
  min-height:105px;
  margin:0;
  padding:14px;
  display:grid;
  align-content:center;
  gap:3px;
  text-decoration:none;
  border-radius:11px;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.r16-user-count-grid .user-count:hover {
  transform:translateY(-1px);
  border-color:#344b6b;
  background:#111f30;
}
.r16-user-count-grid .user-count > span {
  color:#8594a8;
  font-size:.72rem;
  font-weight:650;
}
.r16-user-count-grid .user-count > strong {
  font-size:1.55rem;
  line-height:1.05;
}
.r16-user-count-grid .user-count > small {
  color:#607187;
  font-size:.67rem;
}

.r16-user-filter-grid {
  display:grid;
  grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(125px,.8fr)) auto;
  gap:10px;
  align-items:end;
  margin:0 0 14px;
  padding:14px;
}
.r16-user-filter-grid label { gap:5px; }
.r16-user-filter-grid label > span { color:#8494a8; font-size:.72rem; }
.r16-user-filter-grid input,
.r16-user-filter-grid select { min-height:42px; }

.r16-user-list { gap:8px; }
.r16-user-row {
  grid-template-columns:52px minmax(0,1fr) auto;
  min-height:88px;
  padding:12px 14px;
  margin:0;
  border-radius:11px;
}
.r16-user-row .user-avatar {
  width:42px;
  height:42px;
}
.r16-user-row .user-name {
  margin:0 0 2px;
  font-size:.92rem;
}
.r16-user-row .user-row-meta {
  gap:11px;
  margin-top:7px;
  color:#718197;
  font-size:.7rem;
}
.user-manage-link { align-self:center; white-space:nowrap; }

.r16-discord-score-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:16px;
}
.discord-guild-panel { margin-bottom:16px; }
.tracking-section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin:24px 0 10px;
}
.tracking-section-heading h2 { margin:0 0 3px; font-size:1rem; }
.tracking-section-heading p { margin:0; color:var(--muted); font-size:.78rem; }
.discord-channel-grid { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }
.discord-channel-card { margin:0; padding:15px; }
.discord-channel-card h3 { margin:0; font-size:.95rem; }
.discord-publish-toggle {
  grid-template-columns:minmax(0,1fr) auto;
  padding:9px 0 2px;
  border-bottom:0;
}
.discord-last-verified { margin:10px 0 0; }

.r16-retailer-health-grid {
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr));
  gap:12px;
}
.retailer-health-card {
  margin:0;
  padding:16px;
  border-radius:12px;
}
.retailer-health-card h2 { margin:0 0 2px; font-size:1rem; }
.retailer-health-card p { margin:0; }
.retailer-health-numbers {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:16px;
}
.retailer-health-numbers > * {
  min-height:68px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:8px;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:#111d2c;
  text-decoration:none;
}
.retailer-health-numbers strong { font-size:1.12rem; }
.retailer-health-numbers span { color:#718197; font-size:.67rem; }
.retailer-health-numbers a:hover { border-color:#334965; background:#142137; }
.retailer-card-actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
}
.retailer-card-actions form { margin:0; }

.r16-ops-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 16px;
  padding:5px;
  width:max-content;
  max-width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0d1725;
}
.r16-ops-tabs a {
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:6px 11px;
  border-radius:7px;
  color:#8292a8;
  text-decoration:none;
  font-size:.76rem;
  font-weight:650;
}
.r16-ops-tabs a:hover { color:#d9e4f3; background:#132036; }
.r16-ops-tabs a.active { color:#dce9ff; background:rgba(47,109,246,.16); }

@media (max-width:1180px) {
  .r16-user-count-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .r16-user-filter-grid { grid-template-columns:repeat(3,minmax(150px,1fr)); }
}
@media (max-width:700px) {
  .r16-user-count-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .r16-user-filter-grid { grid-template-columns:1fr 1fr; }
  .r16-user-filter-grid .user-filter-search { grid-column:1/-1; }
  .r16-user-filter-grid .button { grid-column:1/-1; }
  .r16-user-row { grid-template-columns:44px minmax(0,1fr); }
  .user-manage-link { grid-column:2; justify-self:start; }
  .r16-discord-score-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .retailer-health-numbers { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:480px) {
  .r16-user-count-grid,
  .r16-user-filter-grid,
  .r16-discord-score-grid { grid-template-columns:1fr; }
  .r16-user-filter-grid .user-filter-search,
  .r16-user-filter-grid .button { grid-column:auto; }
  .r16-ops-tabs { width:100%; }
  .r16-ops-tabs a { flex:1; justify-content:center; }
}


/* User detail */
.r16-user-detail-grid {
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);
  gap:16px;
}
.r16-user-profile-panel {
  min-height:230px;
  grid-template-columns:92px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:18px;
}
.r16-user-profile-panel .user-avatar-large {
  width:86px;
  height:86px;
  border-radius:18px;
}
.r16-user-facts {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px 14px;
  margin-top:16px;
}
.r16-user-facts div {
  padding:10px 0;
  border-top:1px solid var(--line-soft);
}
.user-state-reason {
  display:grid;
  gap:3px;
  margin:12px 0 0;
  padding:10px 12px;
  border-radius:9px;
  color:#aebcd0;
  background:#111d2c;
  font-size:.78rem;
}
.user-state-reason span {
  color:#6f8199;
  font-size:.67rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.r16-access-panel,
.r16-role-panel {
  margin:0;
  padding:17px;
}
.r16-role-panel {
  grid-column:2;
}
.r16-user-action-stack {
  display:grid;
  gap:10px;
  margin-top:14px;
}
.r16-user-action-stack form {
  margin:0;
  padding:10px;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:#101c2b;
}
.r16-user-action-stack .inline-control-form {
  display:block;
}
.r16-user-action-stack .inline-control-form .button {
  width:100%;
}
.r16-user-action-stack .user-destructive-form {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:8px;
}
.r16-user-action-stack .user-destructive-form label {
  min-width:0;
}
.r16-user-action-stack .user-destructive-form input {
  min-height:39px;
}
.r16-user-tracking-callout {
  margin:16px 0;
  padding:15px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.r16-user-tracking-callout > div {
  display:flex;
  gap:12px;
  align-items:center;
}
.r16-user-tracking-callout h2 { margin:0 0 2px; font-size:.95rem; }
.r16-user-tracking-callout p { margin:0; font-size:.76rem; }
.r16-user-history-grid { margin-top:0; }
.r16-history-list { margin-top:10px; }
.r16-history-list .user-history-row {
  padding:10px 0;
  border-bottom:1px solid var(--line-soft);
}
.r16-history-list .user-history-row:last-child { border-bottom:0; }

@media (max-width:900px) {
  .r16-user-detail-grid { grid-template-columns:1fr; }
  .r16-role-panel { grid-column:auto; }
  .r16-user-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .r16-user-profile-panel { grid-template-columns:1fr; }
  .r16-user-profile-panel .user-avatar-large { width:72px; height:72px; }
  .r16-user-facts { grid-template-columns:1fr 1fr; }
  .r16-user-action-stack .user-destructive-form { grid-template-columns:1fr; }
  .r16-user-tracking-callout { align-items:stretch; flex-direction:column; }
  .r16-user-tracking-callout .button { width:100%; }
}


/* Long operational errors must never widen the admin canvas. */
.syntrack-admin .identity-card,
.syntrack-admin .identity-card p,
.syntrack-admin .error-box {
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}


/* Syntrack brand system */
.sidebar-brand-lockup,
.auth-wordmark-lockup {
  min-width:0;
}

.brand-wordmark-image {
  display:block;
  width:150px;
  height:29px;
  background-image:url("syntrack-wordmark.webp");
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.22));
}

.auth-wordmark-lockup {
  min-height:34px;
  display:inline-flex;
  align-items:center;
}

.auth-wordmark-image {
  width:170px;
  height:33px;
  background-size:contain;
}

.auth-brand-lockup {
  display:grid;
  place-items:center;
  padding:2px 0 18px;
  border-bottom:1px solid var(--line-soft);
}

.auth-system-logo {
  display:block;
  width:min(270px,84%);
  height:auto;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.28));
}

.auth-card-copy {
  display:block;
  text-align:center;
}

.auth-card-copy > div {
  width:100%;
}

.auth-card-copy h1 {
  margin-bottom:5px;
}

@media (max-width:520px) {
  .auth-header {
    padding-inline:20px;
  }

  .auth-system-logo {
    width:min(245px,88%);
  }

  .brand-wordmark-image {
    width:138px;
    height:27px;
    background-size:contain;
  }
}


/* R20 web-console documentation */
.docs-heading { margin-bottom:14px; }
.docs-jumpbar {
  position:sticky;
  top:78px;
  z-index:12;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 22px;
  padding:8px;
  border:1px solid var(--line-soft);
  border-radius:11px;
  background:rgba(8,19,33,.92);
  backdrop-filter:blur(12px);
}
.docs-jumpbar a {
  padding:7px 10px;
  border-radius:8px;
  color:#9fb0c7;
  text-decoration:none;
  font-size:.78rem;
  font-weight:680;
}
.docs-jumpbar a:hover {
  color:#fff;
  background:rgba(255,255,255,.055);
}
.docs-intro { padding:22px; margin-bottom:28px; }
.docs-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.docs-step {
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:11px;
  padding:15px;
  border:1px solid var(--line-soft);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.docs-step > span {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#dce9ff;
  background:rgba(47,109,246,.15);
  border:1px solid rgba(74,126,240,.24);
  font-weight:800;
}
.docs-step strong { display:block; margin-bottom:5px; font-size:.9rem; }
.docs-step p,
.docs-card p,
.docs-card li,
.docs-status-grid p,
.docs-footer-card p {
  color:var(--muted);
  line-height:1.55;
}
.docs-step p { margin:0; font-size:.82rem; }
.docs-step a,
.docs-card a:not(.button),
.docs-callout a { color:#91b8ff; }

.docs-section {
  scroll-margin-top:138px;
  margin:0 0 32px;
}
.docs-section-copy { margin:0 0 13px; }
.docs-section-copy h2 {
  margin:3px 0 5px;
  font-size:1.18rem;
}
.docs-section-copy p:last-child {
  margin:0;
  color:var(--muted);
  font-size:.88rem;
}
.docs-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.docs-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.docs-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  min-height:210px;
  padding:19px;
}
.docs-card-wide { min-height:0; }
.docs-card h3 {
  margin:0 0 7px;
  font-size:1rem;
}
.docs-card p { margin:0 0 10px; font-size:.84rem; }
.docs-card ul {
  margin:8px 0 0;
  padding-left:18px;
}
.docs-card li { margin:5px 0; font-size:.82rem; }
.docs-card .button { margin-top:auto; }
.docs-callout {
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:12px;
  padding:13px 15px;
  border:1px solid rgba(47,109,246,.18);
  border-radius:10px;
  background:rgba(47,109,246,.055);
  color:#b9c7da;
  font-size:.83rem;
}
.docs-callout strong { color:#e5efff; white-space:nowrap; }

.docs-status-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  padding:8px;
}
.docs-status-grid > div {
  padding:15px;
  border-radius:9px;
}
.docs-status-grid > div:nth-child(odd) { border-right:1px solid var(--line-soft); }
.docs-status-grid > div:nth-child(-n+2) { border-bottom:1px solid var(--line-soft); }
.docs-status-grid p { margin:8px 0 0; font-size:.81rem; }

.docs-footer-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:21px;
}
.docs-footer-card h2 { margin:3px 0 6px; font-size:1.08rem; }
.docs-footer-card p { margin:0; max-width:850px; font-size:.84rem; }

@media (max-width:1000px) {
  .docs-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .docs-grid-three { grid-template-columns:1fr; }
}

@media (max-width:700px) {
  .docs-jumpbar {
    position:static;
    overflow-x:auto;
    flex-wrap:nowrap;
  }
  .docs-jumpbar a { white-space:nowrap; }
  .docs-steps,
  .docs-grid,
  .docs-status-grid { grid-template-columns:1fr; }
  .docs-status-grid > div:nth-child(odd),
  .docs-status-grid > div:nth-child(-n+2) {
    border-right:0;
    border-bottom:1px solid var(--line-soft);
  }
  .docs-status-grid > div:last-child { border-bottom:0; }
  .docs-footer-card {
    align-items:flex-start;
    flex-direction:column;
  }
  .docs-footer-card .button { width:100%; }
}


/* R21 deeper guides for the console's decision-heavy pages */
.docs-deep-card {
  scroll-margin-top:138px;
  margin:12px 0;
  padding:20px;
}
.docs-deep-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.docs-deep-heading h3 {
  margin:3px 0 6px;
  font-size:1.06rem;
}
.docs-deep-heading p:last-child {
  max-width:820px;
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.55;
}
.docs-read-grid,
.docs-mode-grid {
  display:grid;
  gap:10px;
  margin:14px 0;
}
.docs-read-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.docs-mode-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.docs-read-grid > div,
.docs-mode-grid > div {
  padding:13px 14px;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:rgba(255,255,255,.016);
}
.docs-read-grid strong,
.docs-mode-grid strong {
  display:block;
  margin-bottom:5px;
  color:#e6effd;
  font-size:.82rem;
}
.docs-read-grid p,
.docs-mode-grid p {
  margin:0;
  color:var(--muted);
  font-size:.79rem;
  line-height:1.5;
}
.docs-order {
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:11px 13px;
  border-left:2px solid rgba(47,109,246,.55);
  background:rgba(47,109,246,.035);
  color:#aebdd0;
  font-size:.8rem;
  line-height:1.5;
}
.docs-order strong {
  color:#e8f0fb;
  white-space:nowrap;
}
.docs-small-note {
  margin:12px 0 0;
  color:var(--muted);
  font-size:.79rem;
  line-height:1.5;
}
.docs-tight-list {
  margin:12px 0 0;
  padding-left:19px;
}
.docs-tight-list li {
  margin:6px 0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.5;
}

@media (max-width:1000px) {
  .docs-read-grid { grid-template-columns:1fr; }
  .docs-mode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:700px) {
  .docs-deep-heading {
    flex-direction:column;
    gap:12px;
  }
  .docs-deep-heading .button { width:100%; }
  .docs-mode-grid { grid-template-columns:1fr; }
  .docs-order { flex-direction:column; gap:4px; }
}