:root {
      color-scheme:light;
      --font-ui:"Aptos Display","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --bg:#f6f9fc; --panel:#fff; --soft:#eef4fb; --ink:#0d253d; --muted:#64748d;
      --line:#e3e8ee; --primary:#533afd; --blue:#2662d9; --green:#14866d;
      --red:#c7532b; --amber:#d97706; --shadow:0 18px 44px rgba(39,57,81,.10);
      --body-gradient:radial-gradient(circle at 16% -10%, rgba(249,107,238,.20), transparent 28%), radial-gradient(circle at 85% 0%, rgba(83,58,253,.18), transparent 30%), linear-gradient(180deg,#ffffff 0%,#f6f9fc 46%,#eef4fb 100%);
      --sticky-bg:rgba(255,255,255,.84); --nav-bg:rgba(255,255,255,.86); --panel-gradient:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,252,.96));
      --radius-card:18px; --radius-control:999px; --accent-ring:rgba(83,58,253,.20);
    }
    :root[data-theme="stripe"] {
      --font-ui:"Aptos Display","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --bg:#f6f9fc; --panel:#fff; --soft:#eef4fb; --ink:#0d253d; --muted:#64748d;
      --line:#e3e8ee; --primary:#533afd; --blue:#533afd; --green:#14866d;
      --red:#ea2261; --amber:#9b6829; --shadow:0 18px 44px rgba(39,57,81,.10);
      --body-gradient:radial-gradient(circle at 16% -10%, rgba(249,107,238,.20), transparent 28%), radial-gradient(circle at 85% 0%, rgba(83,58,253,.18), transparent 30%), linear-gradient(180deg,#ffffff 0%,#f6f9fc 46%,#eef4fb 100%);
      --sticky-bg:rgba(255,255,255,.84); --nav-bg:rgba(255,255,255,.86); --panel-gradient:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,252,.96));
      --radius-card:18px; --radius-control:999px; --accent-ring:rgba(83,58,253,.20);
    }
    :root[data-theme="linear"] {
      color-scheme:dark;
      --font-ui:"Aptos","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --bg:#010102; --panel:#0f1011; --soft:#18191a; --ink:#f7f8f8; --muted:#8a8f98;
      --line:#2a2c31; --primary:#828fff; --blue:#5e6ad2; --green:#27a644;
      --red:#ff8b6c; --amber:#fbbf24; --shadow:0 22px 58px rgba(0,0,0,.42);
      --body-gradient:radial-gradient(circle at 85% -8%, rgba(94,106,210,.28), transparent 26%), linear-gradient(180deg,#010102 0%,#0b0c0e 48%,#010102 100%);
      --sticky-bg:rgba(15,16,17,.86); --nav-bg:rgba(15,16,17,.90); --panel-gradient:linear-gradient(180deg,rgba(20,21,22,.98),rgba(15,16,17,.96));
      --radius-card:12px; --radius-control:8px; --accent-ring:rgba(94,106,210,.28);
    }
    :root[data-theme="shopify"] {
      --font-ui:"Aptos","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --bg:#fbfbf5; --panel:#ffffff; --soft:#edf8ef; --ink:#111111; --muted:#5f6f69;
      --line:#d9e5dc; --primary:#0f5132; --blue:#3066be; --green:#12805c;
      --red:#b42318; --amber:#8a6116; --shadow:0 16px 38px rgba(16,68,46,.09);
      --body-gradient:radial-gradient(circle at 12% -6%, rgba(193,251,212,.74), transparent 30%), radial-gradient(circle at 88% 8%, rgba(212,249,224,.72), transparent 28%), linear-gradient(180deg,#fbfbf5 0%,#f4fbf1 100%);
      --sticky-bg:rgba(251,251,245,.88); --nav-bg:rgba(255,255,255,.86); --panel-gradient:linear-gradient(180deg,#ffffff,#f7fff7);
      --radius-card:20px; --radius-control:999px; --accent-ring:rgba(18,128,92,.18);
    }
    :root[data-theme="figma"] {
      --font-ui:"Aptos Display","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --bg:#ffffff; --panel:#ffffff; --soft:#f7f7f5; --ink:#050505; --muted:#65615c;
      --line:#111111; --primary:#000000; --blue:#1f1d3d; --green:#1ea64a;
      --red:#d73567; --amber:#b46a24; --shadow:8px 8px 0 rgba(0,0,0,.12);
      --body-gradient:radial-gradient(circle at 12% 3%, rgba(220,238,177,.82), transparent 18%), radial-gradient(circle at 92% 0%, rgba(197,176,244,.70), transparent 18%), linear-gradient(180deg,#fff 0%,#f7f7f5 100%);
      --sticky-bg:rgba(255,255,255,.88); --nav-bg:rgba(255,255,255,.92); --panel-gradient:linear-gradient(180deg,#ffffff,#f7f7f5);
      --radius-card:24px; --radius-control:999px; --accent-ring:rgba(255,61,139,.20);
    }
    :root[data-theme="apple"] {
      --font-ui:"SF Pro Display","SF Pro Text","Aptos","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --bg:#f5f5f7; --panel:rgba(255,255,255,.78); --soft:#f5f5f7; --ink:#1d1d1f; --muted:#6e6e73;
      --line:rgba(0,0,0,.10); --primary:#0066cc; --blue:#0071e3; --green:#1d8f55;
      --red:#bf4800; --amber:#b86e00; --shadow:0 18px 42px rgba(0,0,0,.07);
      --body-gradient:linear-gradient(180deg,#ffffff 0%,#f5f5f7 58%,#ffffff 100%);
      --sticky-bg:rgba(245,245,247,.78); --nav-bg:rgba(255,255,255,.74); --panel-gradient:linear-gradient(180deg,rgba(255,255,255,.88),rgba(250,250,252,.82));
      --radius-card:18px; --radius-control:999px; --accent-ring:rgba(0,102,204,.18);
    }
    :root[data-theme="atelier"] {
      color-scheme:light;
      --font-ui:"Inter","Aptos","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --bg:#f5f7fb; --panel:#ffffff; --soft:#f0f4ff; --ink:#101828; --muted:#5b667a;
      --line:#dbe3f1; --primary:#3554d1; --blue:#275cce; --green:#11845b;
      --red:#d33f49; --amber:#b76b12; --shadow:0 12px 32px rgba(29,42,73,.09);
      --body-gradient:linear-gradient(180deg,#fbfcff 0%,#f5f7fb 44%,#eef3fb 100%);
      --sticky-bg:rgba(250,252,255,.94); --nav-bg:rgba(255,255,255,.94); --panel-gradient:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
      --radius-card:8px; --radius-control:8px; --accent-ring:rgba(53,84,209,.18);
    }
    * { box-sizing:border-box; }
    body {
      margin:0; background:var(--body-gradient,var(--bg)); color:var(--ink);
      font-family:var(--font-ui);
      letter-spacing:0; line-height:1.55;
    }
    a { color:var(--primary); text-decoration:none; }
    main { max-width:1540px; margin:0 auto; padding:24px 28px; }
    header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:14px; }
    h1 { margin:0 0 6px; font-size:clamp(28px,3vw,44px); line-height:1.04; letter-spacing:-.8px; }
    h2 { margin:0; font-size:18px; letter-spacing:0; }
    h3 { margin:0; font-size:15px; letter-spacing:0; }
    p { margin:0; }
    .tagline { max-width:980px; color:var(--muted); }
    .muted { color:var(--muted); font-size:13px; }
    .toolbar { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; align-items:center; }
    .theme-switcher { display:flex; align-items:center; gap:8px; min-height:38px; padding:4px 5px 4px 12px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--panel); box-shadow:var(--shadow); }
    .theme-switcher span { color:var(--muted); font-size:12px; font-weight:900; white-space:nowrap; }
    .theme-switcher select { min-width:156px; border:0; border-left:1px solid var(--line); border-radius:var(--radius-control); background:var(--soft); font-weight:900; cursor:pointer; }
    .date-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px; justify-content:flex-end; }
    .inline-date-nav { justify-content:flex-start; margin:0 0 8px; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--soft); }
    .compact-date-panel {
      padding:14px 16px; margin-bottom:12px; border:none;
      background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.22), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(96,165,250,.28), transparent 32%),
        linear-gradient(135deg,#081a52 0%, #11368b 58%, #1e5fd1 100%);
      box-shadow:0 18px 42px rgba(11,34,96,.28);
    }
    .compact-date-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; }
    .compact-date-label {
      display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px;
      background:rgba(255,255,255,.14); color:#fff; font-size:12px; font-weight:900;
      border:1px solid rgba(255,255,255,.16);
    }
    .compact-date-source {
      display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px;
      border:1px solid rgba(255,255,255,.18); background:rgba(5,18,56,.28); color:rgba(255,255,255,.8);
      font-size:12px; font-weight:700;
    }
    .compact-date-bar input {
      min-width:170px; min-height:38px; margin:0; color:#fff;
      border-color:rgba(255,255,255,.24); background:rgba(255,255,255,.08);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
    }
    .compact-date-bar input::-webkit-calendar-picker-indicator { filter:invert(1); opacity:.92; }
    .compact-date-btn {
      min-height:38px; padding:8px 14px; border-radius:10px; border:1px solid rgba(255,255,255,.16);
      background:#fff; color:#0d2a74; font-size:12px; font-weight:900; cursor:pointer;
      box-shadow:0 8px 18px rgba(8,26,82,.18);
    }
    .compact-date-picker-btn {
      min-width:38px; min-height:38px; padding:0; display:inline-grid; place-items:center;
      border-radius:10px; border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.1); color:#fff; font-size:14px; font-weight:900; cursor:pointer;
      box-shadow:0 8px 18px rgba(8,26,82,.14);
    }
    .compact-date-picker-btn:hover { filter:brightness(1.04); }
    .compact-date-btn:hover { filter:brightness(.98); }
    .compact-date-hint { color:rgba(255,255,255,.78); font-size:12px; line-height:1.6; flex:1 1 320px; min-width:220px; }
    button,input,select {
      border:1px solid var(--line); background:var(--panel); color:var(--ink);
      border-radius:var(--radius-control); padding:8px 10px; cursor:pointer;
    }
    input,select { cursor:text; }
    button:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
    .sticky-stack {
      position:sticky; top:0; z-index:28; margin:6px 0 12px; padding:6px 0 9px;
      background:var(--sticky-bg);
      backdrop-filter:blur(12px);
      transition:padding .22s ease, background .22s ease, box-shadow .22s ease;
    }
    :root[data-theme="dark"] .sticky-stack {
      background:linear-gradient(180deg, rgba(17,24,39,.99) 0%, rgba(17,24,39,.96) 82%, rgba(17,24,39,.90) 100%);
    }
    .sticky-stack.is-compact {
      padding:4px 0 6px; box-shadow:var(--shadow);
      background:var(--sticky-bg);
    }
    :root[data-theme="dark"] .sticky-stack.is-compact {
      background:linear-gradient(180deg, rgba(17,24,39,.995) 0%, rgba(17,24,39,.98) 100%);
    }
    .quick-nav {
      position:sticky; top:calc(var(--sticky-stack-height, 0px) - 1px); z-index:18; display:flex; gap:4px; flex-wrap:nowrap; align-items:center;
      overflow-x:auto; overflow-y:hidden; scrollbar-width:thin;
      margin:0 0 12px; padding:4px 8px 0; background:var(--nav-bg);
      border:1px solid rgba(220,229,239,.86); border-radius:8px;
      box-shadow:0 5px 14px rgba(17,31,48,.045); backdrop-filter:blur(12px);
    }
    :root[data-theme="dark"] .quick-nav {
      background:rgba(28,39,55,.96); border-color:#334155;
      box-shadow:0 10px 24px rgba(0,0,0,.22);
    }
    .quick-nav a {
      display:inline-flex; align-items:center; min-height:30px; padding:0 10px 5px; flex:0 0 auto; white-space:nowrap;
      border:0; border-radius:0; background:transparent; color:#475569;
      font-size:12px; font-weight:800; box-shadow:none;
    }
    .quick-nav a:hover,.quick-nav a.active { color:var(--primary); }
    .quick-nav a::after {
      content:""; display:block; width:0; height:2px; margin-left:0;
      border-radius:999px; background:var(--primary); transition:width .18s ease;
      position:absolute; left:10px; right:10px; bottom:0; transform:none;
    }
    .quick-nav a { position:relative; }
    .quick-nav a:hover::after,.quick-nav a.active::after { width:calc(100% - 20px); }
    .view-switch { display:flex; gap:6px; align-items:center; margin:0; padding:4px; width:max-content; max-width:100%; overflow-x:auto; overflow-y:hidden; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--panel); box-shadow:var(--shadow); }
    .view-tab { min-width:102px; padding:7px 10px; font-size:12px; font-weight:800; color:var(--primary); }
    .view-tab.active { background:var(--primary); border-color:var(--primary); color:#fff; }
    .compact-state-strip {
      display:none; align-items:center; gap:6px; margin:0 0 6px; padding:5px 8px;
      overflow-x:auto; overflow-y:hidden; border:1px solid var(--line); border-radius:999px;
      background:var(--nav-bg); box-shadow:var(--shadow);
    }
    :root[data-theme="dark"] .compact-state-strip { background:rgba(17,24,39,.94); }
    .compact-state-item {
      display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; white-space:nowrap;
      min-height:24px; padding:0 8px; border-radius:999px; background:var(--soft);
      color:var(--ink); font-size:10px; font-weight:700; border:1px solid var(--line);
    }
    .compact-state-item span { color:var(--muted); font-size:9px; font-weight:800; }
    .global-state-bar {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; margin:0 0 8px;
      position:relative; top:auto; z-index:auto; padding:8px; border:1px solid var(--line);
      border-radius:var(--radius-card); background:var(--nav-bg); backdrop-filter:blur(10px); box-shadow:var(--shadow);
      transition:padding .22s ease, gap .22s ease, border-radius .22s ease, box-shadow .22s ease;
    }
    :root[data-theme="dark"] .global-state-bar { background:rgba(17,24,39,.92); }
    .global-state-bar article { display:grid; align-content:start; min-width:0; min-height:52px; padding:7px 10px; border:1px solid var(--line); border-radius:calc(var(--radius-card) - 6px); background:var(--panel-gradient); }
    .global-state-bar span,.global-state-bar strong { display:block; overflow:hidden; text-overflow:ellipsis; }
    .global-state-bar span { color:var(--muted); font-size:11px; }
    .global-state-bar strong { margin-top:3px; font-size:13px; line-height:1.3; color:var(--ink); white-space:normal; overflow-wrap:anywhere; }
    .sticky-stack.is-compact .global-state-bar { display:none; }
    .sticky-stack.is-compact .compact-state-strip { display:flex; }
    .sticky-stack.is-compact .view-switch { padding:3px; box-shadow:0 5px 14px rgba(17,31,48,.05); }
    .sticky-stack.is-compact .view-tab { min-width:84px; padding:6px 8px; font-size:11px; }
    .report-view { display:none; }
    .report-view.active { display:block; animation:viewReveal .32s ease both; }
    #dataView {
      font-size:13px;
    }
    #dataView .panel {
      padding:12px;
      margin-bottom:10px;
    }
    #dataView .section-head {
      margin-bottom:8px;
    }
    #dataView .section-head h2 {
      font-size:15px;
    }
    #dataView .section-head span,
    #dataView .note {
      font-size:11px;
      line-height:1.5;
    }
    #dataView .quick-nav {
      margin-bottom:10px;
      padding:3px 6px 0;
      gap:2px;
    }
    #dataView .quick-nav a {
      min-height:28px;
      padding:0 8px 4px;
      font-size:11px;
      font-weight:700;
    }
    #dataView .compact-date-panel {
      padding:8px 10px !important;
      background:#fff !important;
      box-shadow:none !important;
      border:1px solid var(--line) !important;
    }
    #dataView .compact-date-bar {
      gap:8px;
    }
    #dataView .compact-date-label,
    #dataView .compact-date-source,
    #dataView .compact-date-btn {
      min-height:30px;
      font-size:11px;
    }
    #dataView .compact-date-label {
      background:#eef4ff;
      color:var(--primary);
      border-color:#d8e4ff;
    }
    #dataView .compact-date-source {
      background:#fff;
      color:var(--muted);
      border-color:var(--line);
    }
    #dataView .compact-date-bar input {
      min-width:148px;
      min-height:30px;
      color:var(--ink);
      background:#fff;
      border-color:var(--line);
      box-shadow:none;
    }
    #dataView .compact-date-btn {
      padding:6px 10px;
      color:#fff;
      background:var(--primary);
      border-color:var(--primary);
      box-shadow:none;
    }
    #dataView .compact-date-picker-btn {
      min-width:30px;
      min-height:30px;
      padding:0;
      color:#fff;
      background:var(--primary);
      border-color:var(--primary);
      box-shadow:none;
    }
    #dataView .compact-date-hint {
      display:none;
    }
    #dataView table {
      font-size:12px;
    }
    #dataView th,
    #dataView td {
      padding:8px 9px;
    }
    @keyframes viewReveal {
      from { opacity:0; transform:translateY(10px); }
      to { opacity:1; transform:translateY(0); }
    }
    .view-brief {
      display:grid; grid-template-columns:minmax(220px,.9fr) repeat(2,minmax(180px,1fr)); gap:10px;
      margin:0 0 14px; padding:10px; border:1px solid var(--line); border-radius:var(--radius-card);
      background:var(--panel-gradient); box-shadow:var(--shadow);
    }
    .view-brief article { min-width:0; padding:12px; border:1px solid var(--line); border-radius:calc(var(--radius-card) - 6px); background:rgba(255,255,255,.58); }
    :root[data-theme="linear"] .view-brief article { background:rgba(20,21,22,.72); }
    .view-brief span { display:block; color:var(--muted); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .view-brief strong { display:block; margin-top:5px; font-size:16px; line-height:1.35; color:var(--ink); }
    .view-brief p { margin-top:5px; color:var(--muted); font-size:12px; line-height:1.55; }
    .data-focus-brief {
      grid-template-columns:1.15fr repeat(3,minmax(170px,1fr));
      background:
        radial-gradient(circle at 0% 0%, rgba(38,98,217,.12), transparent 34%),
        radial-gradient(circle at 100% 15%, rgba(20,134,109,.10), transparent 32%),
        var(--panel-gradient);
    }
    .data-focus-brief article:first-child {
      background:linear-gradient(135deg, rgba(15,23,42,.92), rgba(38,98,217,.86));
      color:#fff; border-color:rgba(255,255,255,.16);
    }
    .data-focus-brief article:first-child span,.data-focus-brief article:first-child p { color:rgba(255,255,255,.72); }
    .data-focus-brief article:first-child strong { color:#fff; }
    .data-focus-brief a { color:inherit; text-decoration:none; }
    .data-workflow {
      display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; padding:10px;
      border:1px solid var(--line); border-radius:var(--radius-card); background:rgba(248,250,252,.86);
    }
    .data-workflow a {
      display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:6px 11px;
      border:1px solid var(--line); border-radius:999px; background:var(--panel);
      color:var(--primary); font-size:12px; font-weight:900;
    }
    .data-workflow a:first-child { background:var(--primary); border-color:var(--primary); color:#fff; }
    .priority-panel { border-color:rgba(38,98,217,.26); box-shadow:0 18px 46px rgba(38,98,217,.10); }
    .support-fold summary strong { color:var(--primary); }
    .support-dock {
      margin:14px 0 14px;
      padding:12px;
      border:1px solid var(--line);
      border-radius:10px;
      background:linear-gradient(180deg,rgba(248,250,252,.92),rgba(255,255,255,.84));
    }
    .support-dock-head {
      display:flex; align-items:flex-end; justify-content:space-between; gap:14px;
      padding:0 2px 10px;
    }
    .support-dock-head h2 { margin:0; font-size:17px; }
    .support-dock-head span { color:var(--muted); font-size:12px; }
    .support-dock-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:start; }
    .support-dock-grid .fold-panel {
      margin:0; min-width:0; box-shadow:none; background:#fff;
      border-color:#dbe5ef;
    }
    .support-dock-grid .fold-panel[open] { grid-column:1/-1; box-shadow:var(--shadow); }
    .support-dock-grid .fold-panel summary {
      position:relative; min-height:74px; padding:13px 42px 13px 14px;
      display:grid; grid-template-columns:1fr; align-content:center; gap:6px;
      background:linear-gradient(180deg,#fff,#f8fafc);
    }
    .support-dock-grid .fold-panel summary::after {
      position:absolute; right:12px; top:50%; margin-top:-11px;
    }
    .support-dock-grid .fold-panel summary strong {
      display:block; color:var(--ink); font-size:15px; line-height:1.25;
    }
    .support-dock-grid .fold-panel summary span {
      display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
      overflow:hidden; color:var(--muted); font-size:12px; line-height:1.4;
    }
    .support-dock-grid .fold-panel[open] summary {
      min-height:0; border-bottom:1px solid var(--line); background:#fff;
    }
    .support-dock-grid .fold-body { padding:12px; }
    .report-view section[id],.report-view details[id],.report-view article[id],.report-view nav[id] {
      scroll-margin-top:var(--anchor-offset, 160px);
    }
    .overview-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:14px; margin:0 0 14px; }
    .overview-grid.full { grid-template-columns:1fr; }
    .overview-periods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .overview-category-layout { display:block; }
    .category-position-fold { margin-top:14px; }
    .overview-period-card { background:var(--panel-gradient); border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:var(--shadow); padding:15px; min-width:0; }
    .category-pill {
      display:inline-flex; align-items:center; min-height:28px; padding:0 10px;
      border-radius:999px; background:#eef4fb; color:var(--primary); font-weight:700;
    }
    .category-trend-tools {
      display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0 12px;
      padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--soft);
    }
    .category-trend-tools span {
      color:var(--muted); font-size:12px; font-weight:900;
    }
    .category-trend-tools small {
      margin-left:auto; color:var(--muted); font-size:12px;
    }
    .category-count-btn { border-radius:7px; font-weight:900; }
    .category-count-btn.active { background:var(--amber); border-color:var(--amber); color:#fff; }
    .category-metric-btn { border-radius:7px; font-weight:900; }
    .category-metric-btn.active { background:var(--primary); border-color:var(--primary); color:#fff; }
    .country-metric-btn { border-radius:7px; font-weight:900; }
    .country-metric-btn.active { background:var(--primary); border-color:var(--primary); color:#fff; }
    .subsection-band {
      margin:18px 0 12px; padding:0;
    }
    .subsection-head {
      display:flex; justify-content:space-between; align-items:flex-end; gap:16px;
      padding:0 2px 10px; border-bottom:1px solid var(--line); margin-bottom:12px;
    }
    .subsection-head h2 { font-size:20px; }
    .subsection-head p { color:var(--muted); font-size:13px; max-width:760px; }
    .sub-quick-nav {
      display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 14px; padding:8px 10px;
      position:relative; z-index:1; border:1px solid var(--line); border-radius:10px; background:rgba(248,250,252,.86);
    }
    .sub-quick-nav a {
      display:inline-flex; align-items:center; min-height:30px; padding:5px 10px;
      border:1px solid var(--line); border-radius:999px; background:var(--panel);
      color:var(--primary); font-size:12px; font-weight:700;
    }
    :root[data-theme="dark"] .sub-quick-nav { background:rgba(28,39,55,.82); }
    .ops-flow-nav {
      display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 14px;
    }
    .ops-flow-group {
      display:grid; gap:8px; padding:12px; border:1px solid var(--line); border-radius:12px;
      background:linear-gradient(180deg,#ffffff,#f7fafc); box-shadow:0 8px 18px rgba(17,31,48,.045);
    }
    :root[data-theme="dark"] .ops-flow-group { background:linear-gradient(180deg,#111827,#1f2937); }
    .ops-flow-group strong { color:var(--ink); font-size:13px; }
    .ops-flow-group span { color:var(--muted); font-size:12px; line-height:1.5; }
    .ops-flow-links { display:flex; flex-wrap:wrap; gap:6px; }
    .ops-flow-links a {
      display:inline-flex; align-items:center; min-height:28px; padding:4px 9px; border:1px solid var(--line);
      border-radius:999px; background:var(--panel); color:var(--primary); font-size:12px; font-weight:800;
    }
    .ops-flow-links a:hover,.ops-flow-links a.active { border-color:#9db3ca; background:#f8fafc; color:var(--primary); }
    .period-title { display:flex; justify-content:space-between; gap:8px; align-items:center; color:var(--muted); font-size:12px; }
    .period-title span { color:var(--primary); font-weight:900; }
    .period-title b { font-weight:700; color:var(--muted); }
    .period-main { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:12px 0 4px; }
    .period-main strong { font-size:34px; line-height:1; }
    .period-mini { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:12px; }
    .period-mini div { background:var(--soft); border:1px solid var(--line); border-radius:7px; padding:7px; min-width:0; }
    .period-mini b,.period-mini span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .period-mini b { font-size:14px; }
    .period-mini span { color:var(--muted); font-size:11px; margin-top:2px; }
    .change-chip { display:inline-flex; width:max-content; max-width:100%; align-items:center; border-radius:999px; padding:2px 7px; font-size:11px; font-weight:900; white-space:nowrap; }
    .change-chip.up { color:#047857; background:#dcfce7; border:1px solid #86efac; }
    .change-chip.down { color:#b42318; background:#ffe4df; border:1px solid #ffb4a8; }
    .change-chip.flat,.change-chip.muted { color:#64748b; background:#f1f5f9; border:1px solid #dbe5ef; }
    .action-label { display:inline-flex; align-items:center; justify-content:center; width:max-content; border-radius:999px; padding:4px 9px; background:var(--soft); color:var(--primary); font-weight:900; font-size:12px; border:1px solid var(--line); }
    .action-label.new { color:#0f766e; background:#dcfce7; border-color:#86efac; }
    .action-label.recolor { color:#7c2d12; background:#ffedd5; border-color:#fdba74; }
    .custom-period-box { margin-top:12px; border:1px solid var(--line); border-radius:8px; background:var(--soft); padding:12px; }
    .custom-period-controls { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
    .custom-period-controls label { display:grid; gap:4px; color:var(--muted); font-size:12px; font-weight:800; }
    .custom-period-controls input { min-width:150px; }
    .custom-period-controls span { color:var(--muted); font-size:12px; }
    .custom-period-result { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-top:10px; }
    .custom-period-result div { background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:9px; min-width:0; }
    .custom-period-result b,.custom-period-result span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .custom-period-result b { font-size:18px; }
    .custom-period-result span { color:var(--muted); font-size:11px; }
    .overview-activity-board { margin-top:-10px; border:1px solid var(--line); border-radius:8px; background:linear-gradient(180deg,#f8fbff,#f1f6fb); padding:6px 10px 9px; }
    .overview-activity-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:7px 0 0; }
    .overview-activity-head strong { font-size:15px; }
    .overview-activity-head span { color:var(--muted); font-size:12px; }
    .activity-timeline-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:8px; }
    .activity-summary-card { border:1px solid var(--line); border-radius:7px; background:var(--panel); padding:7px 8px; min-width:0; }
    .activity-summary-card span,.activity-summary-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:11px; }
    .activity-summary-card strong { display:block; margin:2px 0; font-size:16px; line-height:1.1; }
    .activity-campaign-list { overflow:hidden; border:0; border-radius:0; background:transparent; padding-left:var(--activity-plot-left,0px); padding-right:var(--activity-plot-right,0px); }
    .activity-strip-gantt { position:relative; display:grid; gap:5px; width:100%; min-width:0; padding:2px 0 8px; background:
      repeating-linear-gradient(90deg, transparent 0, transparent calc((100% / var(--activity-days)) - 1px), rgba(148,163,184,.22) calc((100% / var(--activity-days)) - 1px), rgba(148,163,184,.22) calc(100% / var(--activity-days)));
    }
    .activity-strip-row { position:relative; height:20px; }
    .activity-strip-bar { position:absolute; top:2px; height:16px; border-radius:2px; border:1px solid rgba(15,23,42,.18); overflow:hidden; white-space:nowrap; color:#0f172a; font-size:10px; font-weight:900; line-height:14px; padding:0 6px; box-shadow:0 1px 2px rgba(15,23,42,.08); }
    .activity-strip-bar.global { background:#4f7dcc; color:#fff; }
    .activity-strip-bar.clearance { background:#f6c400; color:#172033; }
    .activity-strip-bar.new { background:#16b981; color:#fff; }
    .activity-strip-bar.daily { background:#9b5cf6; color:#fff; }
    .activity-strip-bar.other { background:#94a3b8; color:#fff; }
    .activity-gantt { display:grid; grid-template-columns:210px repeat(var(--activity-days), minmax(52px,1fr)); min-width:calc(210px + var(--activity-days) * 52px); }
    .gantt-head,.gantt-date,.gantt-label,.gantt-track { border-bottom:1px solid var(--line); }
    .gantt-head,.gantt-date { position:sticky; top:0; z-index:2; background:var(--soft); color:var(--muted); font-size:11px; font-weight:900; text-align:center; padding:6px 5px; }
    .gantt-head { left:0; z-index:3; text-align:left; }
    .gantt-label { position:sticky; left:0; z-index:1; background:var(--panel); padding:7px 8px; min-width:0; box-shadow:2px 0 0 rgba(203,213,225,.75); }
    .gantt-label strong,.gantt-label span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .gantt-label strong { font-size:12px; }
    .gantt-label span { margin-top:3px; color:var(--muted); font-size:11px; }
    .gantt-track { position:relative; grid-column:2 / -1; min-height:44px; background:
      repeating-linear-gradient(90deg, transparent 0, transparent calc((100% / var(--activity-days)) - 1px), rgba(148,163,184,.28) calc((100% / var(--activity-days)) - 1px), rgba(148,163,184,.28) calc(100% / var(--activity-days)));
    }
    .gantt-bar { position:absolute; top:9px; height:26px; border-radius:999px; display:flex; align-items:center; gap:6px; padding:0 9px; color:#fff; font-size:11px; font-weight:900; overflow:hidden; white-space:nowrap; box-shadow:0 6px 14px rgba(15,23,42,.11); }
    .gantt-bar.global { background:linear-gradient(90deg,#2662d9,#0ea5e9); }
    .gantt-bar.clearance { background:linear-gradient(90deg,#d97706,#f59e0b); }
    .gantt-bar.new { background:linear-gradient(90deg,#14866d,#10b981); }
    .gantt-bar.daily { background:linear-gradient(90deg,#7c3aed,#a855f7); }
    .gantt-bar.other { background:linear-gradient(90deg,#64748b,#94a3b8); }
    .activity-gantt-note { padding:8px 10px; color:var(--muted); font-size:12px; background:var(--soft); border-top:1px solid var(--line); }
    .hero-kpi-delta {
      display:inline-flex; align-items:center; min-height:20px; width:max-content; max-width:100%;
      padding:0 6px; border-radius:999px; font-size:10px; font-weight:800;
      border:1px solid transparent;
    }
    .hero-kpi-delta.up { color:#047857; background:#dcfce7; border-color:#86efac; }
    .hero-kpi-delta.down { color:#b42318; background:#ffe4df; border-color:#ffb4a8; }
    .hero-kpi-delta.flat { color:#475569; background:#e2e8f0; border-color:#cbd5e1; }
    .hero-kpi-delta.muted { color:#64748b; background:#f1f5f9; border-color:#dbe5ef; }
    .ops-overview-shell {
      border:1px solid var(--line); border-radius:12px; background:#fff; padding:10px;
      box-shadow:0 8px 20px rgba(15,23,42,.035);
    }
    .ops-overview-pills {
      display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; padding-bottom:8px;
      border-bottom:1px solid #e6eef7;
    }
    .ops-overview-pills span {
      display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border-radius:8px;
      background:#f5f8ff; color:#5b6b85; font-size:11px; font-weight:700; border:1px solid #e3ebfb;
    }
    .ops-overview-pills span.active { background:#eef4ff; color:#265fcf; border-color:#bfd2ff; }
    .ops-overview-grid {
      display:grid; grid-template-columns:1.08fr .92fr; gap:10px; align-items:start;
    }
    .ops-overview-col {
      display:grid; gap:10px; align-content:start; min-width:0;
    }
    .ops-module {
      border:1px solid #dfe8f4; border-radius:12px; background:#fff; padding:10px; min-width:0; align-self:start;
    }
    .ops-module-head {
      display:flex; justify-content:space-between; align-items:flex-end; gap:10px; margin-bottom:8px;
    }
    .ops-module-head h3 { margin:0; font-size:14px; color:var(--ink); }
    .ops-module-head span { color:var(--muted); font-size:11px; }
    .ops-site-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .ops-site-card {
      border:1px solid #dbe7fb; border-radius:10px; background:#fff; padding:9px; min-width:0;
    }
    .ops-site-card.empty { display:grid; align-content:center; min-height:92px; }
    .ops-site-card-top { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
    .ops-site-card-top strong { font-size:13px; color:var(--ink); }
    .ops-site-card-top span { color:var(--muted); font-size:10px; text-align:right; }
    .ops-site-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:8px; }
    .ops-site-metrics div {
      border:1px solid var(--line); border-radius:8px; background:#f8fbff; padding:6px;
      min-width:0;
    }
    .ops-site-metrics b,.ops-site-metrics span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .ops-site-metrics b { font-size:13px; color:var(--ink); }
    .ops-site-metrics span { color:var(--muted); font-size:10px; margin-top:2px; }
    .ops-site-metrics div:nth-child(2) b {
      font-size:12px;
    }
    .ops-country-list { display:grid; gap:8px; }
    .ops-country-row {
      display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center;
      padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:#fff;
    }
    .ops-country-row strong,.ops-country-row span,.ops-country-row b {
      display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .ops-country-row strong { font-size:13px; }
    .ops-country-row span { color:var(--muted); font-size:10px; margin-top:2px; }
    .ops-country-row b { text-align:right; font-size:14px; color:var(--ink); }
    .ops-country-trend {
      display:inline-flex; justify-content:flex-end; width:100%; margin-top:4px;
      font-size:10px; font-weight:800; color:#64748b;
    }
    .ops-country-trend.up { color:#047857; }
    .ops-country-trend.down { color:#b42318; }
    .ops-country-trend.flat,.ops-country-trend.muted { color:#64748b; }
    .ops-rank-list,.ops-country-list { display:grid; gap:10px; }
    .ops-rank-row {
      display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center;
      padding:8px 10px; border:1px solid #e8eef7; border-radius:10px; background:#fbfdff;
    }
    .ops-rank-row strong,.ops-rank-row span,.ops-rank-row b {
      display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .ops-rank-row strong { font-size:13px; color:var(--ink); }
    .ops-rank-row span { color:var(--muted); font-size:10px; margin-top:3px; text-align:right; }
    .ops-rank-row b { font-size:15px; color:var(--ink); text-align:right; }
    .ops-diagnosis-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .ops-diagnosis-card {
      border:1px solid #e7edf7; border-radius:10px; background:#fbfdff; padding:9px 10px;
    }
    .ops-diagnosis-card span,.ops-diagnosis-card small { display:block; color:var(--muted); font-size:10px; }
    .ops-diagnosis-card strong { display:block; margin:4px 0 3px; font-size:16px; color:var(--ink); }
    .ops-diagnosis-card.good { border-color:#b7ebd3; background:#f1fcf6; }
    .ops-diagnosis-card.good strong { color:#0f766e; }
    .ops-diagnosis-card.warn { border-color:#fbd38d; background:#fffaf0; }
    .ops-diagnosis-card.warn strong { color:#b7791f; }
    .ops-diagnosis-card.risk { border-color:#fecaca; background:#fff5f5; }
    .ops-diagnosis-card.risk strong { color:#b42318; }
    .ops-overview-bottom { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
    .ops-brief-list {
      border:1px solid #dfe8f4; border-radius:12px; background:#fff; padding:10px; min-width:0;
    }
    .ops-brief-list ul { margin:6px 0 0; padding:0; list-style:none; display:grid; gap:5px; }
    .ops-brief-list li { display:grid; grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr); gap:8px; align-items:center; border-top:1px solid var(--line); padding-top:6px; }
    .ops-brief-list b,.ops-brief-list span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .ops-brief-list b { font-size:13px; }
    .ops-brief-list span { color:var(--muted); font-size:11px; }
    .data-gap-list li {
      grid-template-columns:1fr; gap:4px; align-items:start;
    }
    .data-gap-list span {
      white-space:normal; line-height:1.55;
    }
    .data-gap-list.compact {
      margin-top:8px; border-top:1px solid #edf2f7; padding-top:8px;
    }
    .single-skc-tools { display:flex; flex-wrap:wrap; align-items:end; gap:10px; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--soft); margin-bottom:12px; }
    .single-skc-tools label { display:grid; gap:4px; color:var(--muted); font-size:12px; font-weight:900; }
    .single-skc-tools input,.single-skc-tools select,.site-select-control select { min-width:160px; }
    #singleSkcInput { min-width:310px; }
    .single-skc-tools span { color:var(--muted); font-size:12px; }
    .site-select-control { display:grid; gap:4px; color:var(--muted); font-size:12px; font-weight:900; }
    .site-select-control select,.single-skc-tools select { height:34px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); padding:0 10px; font-weight:800; }
    .section-head .site-select-control { margin-left:auto; min-width:150px; }
    .single-skc-layout { display:grid; grid-template-columns:340px minmax(0,1fr); gap:12px; margin-bottom:12px; align-items:stretch; }
    .single-skc-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:12px; min-height:220px; }
    .single-skc-chart { display:grid; gap:6px; align-content:start; }
    .single-skc-head { display:grid; grid-template-columns:82px minmax(0,1fr); gap:10px; align-items:start; }
    .single-skc-img { width:82px; height:110px; border-radius:8px; overflow:hidden; background:#eef2f7; }
    .single-skc-img img { width:100%; height:100%; object-fit:cover; }
    .single-skc-meta strong,.single-skc-meta small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .single-skc-meta small { color:var(--muted); margin-top:4px; }
    .single-skc-kpis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:10px; }
    .single-skc-kpis div { background:var(--panel); border:1px solid var(--line); border-radius:7px; padding:8px; min-width:0; }
    .single-skc-kpis div.finance { background:#f7fbff; border-color:#bfdbfe; }
    .single-skc-kpis div.finance b { color:var(--primary); }
    .single-skc-kpis div.loss { background:#fff7f5; border-color:#ffb4a8; }
    .single-skc-kpis div.loss b { color:var(--red); }
    .single-skc-kpis b,.single-skc-kpis span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .single-skc-kpis span { color:var(--muted); font-size:11px; }
    .single-activity-strip-wrap { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:linear-gradient(180deg,#f8fbff,#f1f6fb); padding:7px 10px 8px; padding-left:var(--single-activity-plot-left,10px); padding-right:var(--single-activity-plot-right,10px); }
    .single-activity-strip { position:relative; display:grid; gap:4px; width:100%; min-width:0; background:
      repeating-linear-gradient(90deg, transparent 0, transparent calc((100% / var(--single-activity-days)) - 1px), rgba(148,163,184,.22) calc((100% / var(--single-activity-days)) - 1px), rgba(148,163,184,.22) calc(100% / var(--single-activity-days)));
    }
    .single-activity-strip .activity-strip-row { height:18px; }
    .single-activity-strip .activity-strip-bar { top:2px; height:14px; line-height:12px; font-size:10px; }
    .single-activity-empty { color:var(--muted); font-size:12px; padding:4px 0; }
    .matrix-toolbar {
      margin-bottom:8px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin;
      border:1px solid var(--line); border-radius:8px; background:rgba(248,250,252,.96); backdrop-filter:blur(10px);
    }
    .matrix-controls {
      display:inline-flex; width:max-content; min-width:100%; flex-wrap:nowrap; align-items:center; gap:8px;
      margin:0; padding:8px 10px;
    }
    .matrix-control-group { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; padding-right:4px; white-space:nowrap; }
    .matrix-control-group + .matrix-control-group { padding-left:10px; border-left:1px solid var(--line); }
    .matrix-controls span { color:var(--muted); font-size:12px; font-weight:900; white-space:nowrap; flex:0 0 auto; }
    .matrix-metric-btn,.matrix-filter-btn,.matrix-type-btn { border-radius:7px; font-weight:900; }
    .matrix-metric-btn.active,.matrix-filter-btn.active,.matrix-type-btn.active { background:var(--primary); border-color:var(--primary); color:#fff; }
    .matrix-filter-btn.pass.active { background:var(--green); border-color:var(--green); }
    .matrix-filter-btn.adjust.active { background:var(--red); border-color:var(--red); }
    .matrix-filter-btn.watch.active { background:#9a6700; border-color:#9a6700; }
    .matrix-type-btn.new.active { background:#0f766e; border-color:#0f766e; }
    .matrix-type-btn.recolor.active { background:#c2410c; border-color:#c2410c; }
    .matrix-wrap { max-height:650px; overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
    .matrix-all-wrap { display:none; }
    .matrix-area.show-merged .matrix-single-wrap { display:none; }
    .matrix-area.show-merged .matrix-all-wrap { display:block; }
    .new-daily-matrix { min-width:3380px; table-layout:fixed; border-collapse:separate; border-spacing:0; background:var(--panel); }
    .new-daily-matrix th,.new-daily-matrix td { padding:7px 8px; font-size:12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); vertical-align:middle; }
    .new-daily-matrix th { text-align:center; background:var(--soft); }
    .new-daily-matrix .matrix-col-product { left:0; z-index:6; position:sticky; background:#fff; background-clip:padding-box; box-shadow:inset -1px 0 0 #cbd5e1, 2px 0 0 #cbd5e1; }
    .new-daily-matrix .matrix-col-thumb { left:180px; z-index:6; position:sticky; background:#fff; background-clip:padding-box; border-left:1px solid var(--line); box-shadow:inset -1px 0 0 #cbd5e1, 2px 0 0 #cbd5e1; }
    .new-daily-matrix .matrix-col-metric { left:256px; z-index:6; position:sticky; background:#f1f5f9; background-clip:padding-box; border-left:1px solid var(--line); border-right:3px solid var(--primary); box-shadow:none; }
    .new-daily-matrix th.matrix-col-product,.new-daily-matrix th.matrix-col-thumb,.new-daily-matrix th.matrix-col-metric { z-index:7; }
    .new-daily-matrix .metric-name,.new-daily-matrix .matrix-name-cell { text-align:left; color:var(--primary); font-weight:900; background:#f1f5f9; }
    .new-daily-matrix td { text-align:center; }
    .new-daily-matrix tbody tr:nth-child(12n+1),.new-daily-matrix tbody tr:nth-child(12n+2),.new-daily-matrix tbody tr:nth-child(12n+3),.new-daily-matrix tbody tr:nth-child(12n+4),.new-daily-matrix tbody tr:nth-child(12n+5),.new-daily-matrix tbody tr:nth-child(12n+6) { background:#fffaf0; }
    .matrix-metric-row { display:none; }
    .matrix-metric-row.active-metric { display:table-row; }
    .matrix-all-row { display:table-row; }
    .matrix-status-hidden { display:none !important; }
    .matrix-merged-table .metric-sales_units td { border-top:2px solid var(--line); }
    .matrix-merged-table .matrix-meta-main { background:#fff; vertical-align:middle; }
    .matrix-merged-table .matrix-meta-main.sticky-product { position:sticky; left:0; z-index:6; background:#fff; box-shadow:inset -1px 0 0 #cbd5e1, 2px 0 0 #cbd5e1; }
    .matrix-merged-table .matrix-col-thumb.matrix-meta-main { position:sticky; left:180px; z-index:6; background:#fff; border-left:1px solid var(--line); box-shadow:inset -1px 0 0 #cbd5e1, 2px 0 0 #cbd5e1; }
    .matrix-merged-table .matrix-col-metric { position:sticky; left:256px; z-index:6; background:#f1f5f9; border-left:1px solid var(--line); border-right:3px solid var(--primary); box-shadow:none; }
    .sticky-product strong,.sticky-product small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .sticky-product small { color:var(--muted); margin-top:4px; }
    .matrix-product-meta { display:grid; gap:5px; text-align:left; }
    .matrix-product-meta .copy-code { display:block; color:var(--primary); font-size:13px; line-height:1.28; font-weight:900; overflow-wrap:anywhere; user-select:text; }
    .matrix-product-meta .copy-code.skc { color:var(--ink); font-size:12px; font-weight:800; }
    .matrix-product-tags { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
    .matrix-inline-meta { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; background:#eef2ff; border:1px solid #c7d2fe; color:#4338ca; font-size:11px; font-weight:800; line-height:1.2; }
    .identity-skc { user-select:text; }
    .matrix-status-chip { display:inline-flex; justify-content:center; align-items:center; margin-top:6px; padding:3px 7px; border-radius:999px; font-size:11px; font-style:normal; font-weight:900; border:1px solid var(--line); background:var(--soft); color:var(--ink); }
    .matrix-status-chip.pass { color:var(--green); border-color:rgba(20,134,109,.35); background:rgba(20,134,109,.08); }
    .matrix-status-chip.adjust { color:var(--red); border-color:rgba(180,35,24,.3); background:rgba(180,35,24,.08); }
    .matrix-status-chip.watch { color:#9a6700; border-color:rgba(154,103,0,.35); background:rgba(154,103,0,.08); }
    .metric-name { color:var(--primary); font-weight:900; }
    .matrix-thumb { width:52px; height:68px; border-radius:6px; overflow:hidden; background:#eef2f7; margin:auto; }
    .matrix-thumb img { width:100%; height:100%; object-fit:cover; }
    .matrix-thumb .no-img { min-height:68px; font-size:10px; }
    .matrix-day-cell { position:relative; min-width:88px; background:#fff; overflow:hidden; }
    .matrix-day-box { position:relative; display:grid; gap:5px; min-height:44px; align-content:center; justify-items:center; }
    .matrix-day-main { position:relative; z-index:1; display:block; font-weight:900; color:var(--ink); }
    .matrix-day-trend { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; min-width:30px; padding:2px 7px; border-radius:999px; font-size:10px; line-height:1.2; font-weight:900; }
    .matrix-day-trend:empty { display:none; }
    .matrix-day-cell.trend-up { background:#f0fdf4; }
    .matrix-day-cell.trend-up .matrix-day-trend { color:#047857; background:#dcfce7; }
    .matrix-day-cell.trend-down { background:#fff7f5; }
    .matrix-day-cell.trend-down .matrix-day-trend { color:#b42318; background:#ffe4df; }
    .matrix-day-cell.trend-flat { background:#f8fafc; }
    .matrix-day-cell.trend-flat .matrix-day-trend { color:#475569; background:#e2e8f0; }
    .matrix-day-cell.trend-na { background:#fffdf7; }
    .matrix-day-cell.trend-na .matrix-day-trend { color:#92400e; background:#fef3c7; }
    .kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0; }
    .kpi,.panel,.product-card,.country-card {
      background:var(--panel); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow);
    }
    .kpi { padding:15px; min-height:104px; }
    .kpi span,.kpi small { display:block; color:var(--muted); font-size:13px; }
    .kpi strong { display:block; margin:7px 0 6px; font-size:clamp(21px,2vw,25px); line-height:1.1; overflow-wrap:anywhere; }
    .kpi.good strong,.up { color:var(--green); }
    .kpi.warn strong,.down { color:var(--red); }
    .exec-hero {
      display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:10px; margin:10px 0 10px;
      align-items:start; padding:10px 12px; border-radius:14px; overflow:hidden;
      background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.18), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(96,165,250,.24), transparent 30%),
        linear-gradient(135deg,#0d225d 0%, #16357f 50%, #1d4eb0 100%);
      box-shadow:0 14px 34px rgba(11,34,93,.18);
    }
    .exec-health {
      display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; min-width:0; align-items:start;
    }
    .exec-kpis { display:grid; min-width:0; align-self:start; }
    .ops-kpi-card {
      min-width:0; min-height:72px; padding:9px 11px; border-radius:10px; background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10); backdrop-filter:blur(8px);
    }
    .ops-kpi-card span,.ops-kpi-card small { display:block; color:rgba(255,255,255,.74); font-size:11px; }
    .ops-kpi-card strong { display:block; margin:4px 0 3px; font-size:17px; color:#fff; line-height:1.05; }
    .ops-kpi-status {
      display:grid; align-content:start; gap:5px; min-width:0; padding:9px 10px;
      border-radius:10px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12);
      box-shadow:inset 4px 0 0 #facc15;
    }
    .ops-kpi-status-label { display:block; color:rgba(255,255,255,.72); font-size:10px; }
    .ops-kpi-status strong { display:block; color:#fff; font-size:16px; line-height:1.05; }
    .ops-kpi-status small { display:block; color:rgba(255,255,255,.8); font-size:10px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .ops-kpi-status-meta { display:flex; flex-wrap:nowrap; gap:5px; min-width:0; }
    .ops-kpi-status-meta span {
      display:inline-flex; align-items:center; min-height:20px; width:100%; max-width:100%;
      padding:0 8px; border-radius:999px; background:rgba(255,255,255,.10); color:#fff;
      font-size:9px; font-weight:700; border:1px solid rgba(255,255,255,.10);
      overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    #dataView .action-board,
    #dataView .products,
    #dataView .metric-grid,
    #dataView .analysis-card-grid,
    #dataView .country-grid,
    #dataView .profit-summary {
      gap:10px;
    }
    #dataView .action-card {
      padding:10px;
      gap:8px;
    }
    #dataView .action-rank {
      width:34px;
      height:34px;
      font-size:12px;
    }
    #dataView .action-main h3,
    #dataView .product-body h3 {
      min-height:auto;
      font-size:13px;
    }
    #dataView .action-main p,
    #dataView .reason,
    #dataView .product-next strong,
    #dataView .action-bottom span,
    #dataView .action-bottom strong {
      font-size:11px;
      line-height:1.45;
    }
    #dataView .action-metrics div,
    #dataView .mini-grid div,
    #dataView .metric-card,
    #dataView .profit-summary article {
      padding:8px;
    }
    #dataView .action-metrics b,
    #dataView .mini-grid b {
      font-size:12px;
    }
    #dataView .action-metrics span,
    #dataView .mini-grid span,
    #dataView .metric-card span,
    #dataView .metric-card small,
    #dataView .profit-summary span,
    #dataView .profit-summary small {
      font-size:10px;
    }
    #dataView .metric-card {
      min-height:88px;
    }
    #dataView .metric-card strong,
    #dataView .profit-summary strong {
      font-size:18px;
      margin:5px 0 4px;
    }
    #dataView .product-card {
      grid-template-columns:96px 1fr;
    }
    #dataView .product-body {
      padding:10px;
      gap:6px;
    }
    #dataView .photo {
      padding:6px;
    }
    .judgment-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
    .judgment-grid article { background:#fff; border:1px solid var(--line); border-radius:8px; padding:14px; min-width:0; }
    .judgment-grid article > span { display:block; color:var(--muted); font-size:12px; }
    .judgment-grid article strong { display:block; margin:6px 0; font-size:20px; }
    .judgment-grid ul { margin:8px 0 0; padding-left:18px; font-size:13px; }
    .exception-card { background:#fff7f5 !important; border-color:#ffb4a8 !important; box-shadow:inset 4px 0 0 var(--red); }
    .exception-card strong { color:var(--red); }
    .exception-card.ok { background:#f0fdf4 !important; border-color:#86efac !important; box-shadow:inset 4px 0 0 var(--green); }
    .exception-card.ok strong { color:var(--green); }
    .trend { display:inline-flex !important; align-items:center; width:max-content; max-width:100%; gap:5px; border-radius:999px; padding:4px 8px; font-size:12px !important; font-weight:700; }
    .trend-up { color:#047857 !important; background:#dff8ec; border:1px solid #9ee7c2; }
    .trend-down { color:#c2410c !important; background:#fff1e8; border:1px solid #fdba74; }
    .trend-flat,.muted-trend { color:#64748b !important; background:#f1f5f9; border:1px solid #dbe5ef; }
    .chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .country-overview-layout { display:grid; grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr); gap:14px; align-items:start; }
    .country-overview-chart { min-width:0; }
    .panel { padding:16px; min-width:0; margin-bottom:12px; }
    .wide { grid-column:1/-1; }
    .chart-box { position:relative; width:100%; height:360px; }
    .chart-box.tall { height:460px; }
    .single-skc-chart .chart-box { height:420px; }
    .pending-copy-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--soft); }
    .pending-copy-tools button { border:1px solid var(--line); background:var(--panel); color:var(--ink); border-radius:7px; padding:8px 11px; font-weight:800; cursor:pointer; }
    .pending-copy-tools button.primary { background:var(--primary); color:#fff; border-color:var(--primary); }
    .pending-copy-status { color:var(--muted); font-size:12px; }
    .pending-thumb { width:54px; height:68px; border-radius:6px; overflow:hidden; background:#eef2f7; }
    .pending-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
    .pending-thumb .no-img { min-height:68px; font-size:11px; }
    .reconcile { display:grid; gap:12px; }
    .reconcile-row { display:grid; grid-template-columns:92px minmax(0,1fr) 90px; align-items:center; gap:10px; }
    .reconcile-row span { color:var(--muted); font-size:12px; font-weight:800; }
    .reconcile-row b { display:block; height:22px; border-radius:6px; background:var(--blue); }
    .reconcile-row.activity b { background:var(--amber); }
    .reconcile-row strong { text-align:right; }
    .reconcile-diff { display:flex; align-items:center; gap:10px; border-radius:8px; padding:12px; background:#f0fdf4; border:1px solid #86efac; }
    .reconcile-diff.bad { background:#fff7f5; border-color:#ffb4a8; }
    .reconcile-diff span,.reconcile-diff em { color:var(--muted); font-style:normal; font-size:12px; }
    .reconcile-diff strong { color:var(--green); font-size:22px; }
    .reconcile-diff.bad strong { color:var(--red); }
    .activity-tags { display:flex; flex-wrap:wrap; gap:6px; }
    .activity-tags span { border:1px solid var(--line); border-radius:999px; padding:4px 8px; background:var(--soft); font-size:12px; }
    .activity-tags .missing { color:var(--muted); background:#f1f5f9; border-style:dashed; }
    .profit-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
    .profit-summary article { border:1px solid var(--line); border-radius:8px; padding:12px; background:var(--soft); min-width:0; }
    .profit-summary article.danger { background:#fff7f5; border-color:#ffb4a8; }
    .profit-summary span,.profit-summary small { display:block; color:var(--muted); font-size:12px; }
    .profit-summary strong { display:block; margin:5px 0; font-size:22px; overflow-wrap:anywhere; }
    .profit-summary .danger strong,.bad-text { color:var(--red); }
    .good-text { color:var(--green); }
    .profit-filters { display:grid; grid-template-columns:1.2fr 1.1fr .9fr .95fr; gap:10px; padding:12px; margin:0 0 12px; border:1px solid var(--line); border-radius:8px; background:linear-gradient(180deg,#f8fbff,#f1f6fb); }
    .profit-filter-group { min-width:0; padding:10px; border:1px solid #dbe5ef; border-radius:8px; background:rgba(255,255,255,.72); }
    .profit-filter-group > span { display:block; margin-bottom:7px; color:var(--muted); font-size:12px; font-weight:900; }
    .profit-tag-list { display:flex; flex-wrap:wrap; gap:6px; }
    .profit-tag { border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:999px; padding:6px 10px; font-size:12px; font-weight:900; cursor:pointer; box-shadow:0 1px 0 rgba(15,23,42,.04); }
    .profit-tag:hover { border-color:#9db3ca; background:#f8fafc; }
    .profit-tag.active { background:var(--primary); border-color:var(--primary); color:#fff; box-shadow:0 6px 16px rgba(38,98,217,.18); }
    .profit-tag.danger.active { background:var(--red); border-color:var(--red); }
    .profit-tag.warn.active { background:#b7791f; border-color:#b7791f; }
    .profit-tag.good.active { background:var(--green); border-color:var(--green); }
    .profit-filter-hint { grid-column:1/-1; color:var(--muted); font-size:12px; padding:2px 2px 0; }
    .site-switch-panel { border:1px solid var(--line); border-radius:14px; background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%); padding:14px; margin-bottom:12px; }
    .site-switch-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:12px; }
    .site-switch-head h3 { margin:0 0 4px; font-size:16px; }
    .site-switch-head p { margin:0; color:var(--muted); font-size:12px; }
    .site-tabs { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
    .site-tab { border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:999px; padding:7px 12px; font-size:12px; font-weight:900; cursor:pointer; box-shadow:0 1px 0 rgba(15,23,42,.04); }
    .site-tab:hover { border-color:#9db3ca; background:#f8fafc; }
    .site-tab.active { background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 8px 20px rgba(38,98,217,.18); }
    .site-metric-grid { grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:12px; }
    .site-loading-row td { color:var(--muted); font-weight:800; }
    .profit-product-cell { display:grid; grid-template-columns:48px minmax(120px,1fr); gap:8px; align-items:center; min-width:190px; }
    .profit-product-cell strong,.profit-product-cell small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .profit-product-cell small { color:var(--muted); margin-top:2px; }
    .status-chip { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:3px 7px; font-size:11px; font-weight:900; border:1px solid var(--line); background:var(--soft); white-space:nowrap; }
    .status-chip.ok { color:var(--green); background:#f0fdf4; border-color:#86efac; }
    .status-chip.warn { color:#9a6700; background:#fffbeb; border-color:#fcd34d; }
    .status-chip.loss { color:var(--red); background:#fff7f5; border-color:#ffb4a8; }
    .status-chip.muted { color:var(--muted); background:#f1f5f9; border-color:#dbe5ef; }
    .compact-note { display:block; max-width:280px; max-height:3.2em; overflow:hidden; color:var(--muted); line-height:1.6; }
    .leaderboard { display:grid; gap:9px; }
    .leaderboard-summary { display:grid; gap:10px; margin-bottom:14px; }
    .leader-row { display:grid; grid-template-columns:54px minmax(0,1fr) 240px; gap:10px; align-items:center; border:1px solid var(--line); border-radius:8px; padding:8px; background:var(--panel); }
    .leader-img { width:54px; height:70px; border-radius:6px; overflow:hidden; background:#eef2f7; }
    .leader-img img { width:100%; height:100%; object-fit:cover; }
    .leader-img .no-img { min-height:70px; font-size:10px; }
    .leader-head { display:flex; justify-content:space-between; gap:10px; }
    .leader-head strong,.leader-head span,.leader-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .leader-head span { color:var(--primary); font-size:12px; font-weight:800; }
    .leader-main small { display:block; color:var(--muted); margin:2px 0 7px; }
    .leader-bar { position:relative; height:22px; border-radius:999px; overflow:hidden; background:#edf2f7; }
    .leader-bar i { display:block; height:100%; background:linear-gradient(90deg,var(--blue),var(--green)); }
    .leader-bar b { position:absolute; right:8px; top:2px; font-size:12px; }
    .leader-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
    .leader-metrics div { background:var(--soft); border:1px solid var(--line); border-radius:6px; padding:6px; min-width:0; }
    .leader-metrics b,.leader-metrics span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .leader-metrics span { color:var(--muted); font-size:11px; }
    .layer-efficiency { display:grid; gap:10px; }
    .layer-eff-row { border:1px solid var(--line); border-radius:8px; padding:10px; background:var(--panel); }
    .layer-eff-title { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
    .layer-eff-title i { width:10px; height:10px; border-radius:3px; }
    .layer-eff-title strong { flex:1; }
    .layer-eff-title span { color:var(--primary); font-size:12px; font-weight:900; background:var(--soft); padding:2px 6px; border-radius:999px; }
    .dual-bars { display:grid; grid-template-columns:58px minmax(0,1fr) 110px; gap:6px 8px; align-items:center; font-size:12px; }
    .dual-bars span { color:var(--muted); }
    .dual-bars b { height:9px; background:#edf2f7; border-radius:999px; overflow:hidden; }
    .dual-bars i { display:block; height:100%; }
    .dual-bars em { color:var(--muted); font-style:normal; text-align:right; white-space:nowrap; }
    .section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
    .section-head span { color:var(--muted); font-size:13px; }
    .section-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
    .mini-action-btn { min-height:32px; padding:7px 11px; border-radius:7px; border:1px solid var(--primary); background:var(--primary); color:#fff; font-size:12px; font-weight:900; cursor:pointer; white-space:nowrap; }
    .mini-action-btn:hover { filter:brightness(.96); }
    .supplier-target-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; margin:0 0 10px; padding:10px; border:1px solid #dbeafe; border-radius:8px; background:linear-gradient(135deg,#f8fbff,#eef6ff); }
    .supplier-target-grid { display:flex; flex-wrap:wrap; gap:8px; align-items:center; min-width:0; }
    .supplier-target-item { display:grid; grid-template-columns:auto 74px auto; gap:6px; align-items:center; min-height:34px; padding:5px 7px; border:1px solid var(--line); border-radius:8px; background:#fff; }
    .supplier-target-item span { color:var(--primary); font-size:12px; font-weight:900; white-space:nowrap; }
    .supplier-target-item input { width:74px; min-height:28px; border:1px solid #bfdbfe; border-radius:6px; padding:4px 6px; text-align:center; color:var(--ink); font-weight:900; font-variant-numeric:tabular-nums; }
    .supplier-target-item small { color:var(--muted); font-size:11px; white-space:nowrap; }
    .supplier-target-summary { color:var(--muted); font-size:12px; line-height:1.45; text-align:right; }
    .supplier-target-item.is-draft { border-color:#f59e0b; background:#fffbeb; box-shadow:0 0 0 2px rgba(245,158,11,.08); }
    .supplier-target-item.is-draft small { color:#b45309; font-weight:900; }
    .supplier-target-reset { min-height:32px; padding:6px 10px; border-radius:7px; background:#fff; color:var(--primary); border:1px solid #bfdbfe; font-size:12px; font-weight:900; cursor:pointer; white-space:nowrap; }
    .supplier-target-apply { background:#2563eb; color:#fff; border-color:#2563eb; }
    .supplier-target-undo { color:#92400e; border-color:#fde68a; background:#fffbeb; }
    .note { margin-top:12px; padding:10px 12px; background:#f8fafc; border:1px solid #dbe5ef; color:#66758a; border-radius:8px; font-size:12px; }
    :root[data-theme="dark"] .note { background:#1c2737; border-color:#334155; color:#aab7c8; }
    .surface-block { border:1px solid var(--line); border-radius:8px; background:#fff; padding:12px; min-width:0; margin-top:12px; }
    .analysis-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .bullets { margin:0; padding-left:18px; color:var(--ink); }
    .bullets li { margin:7px 0; }
    .action-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    .action-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:12px; border:1px solid var(--line); border-radius:8px; background:var(--panel); box-shadow:inset 4px 0 0 #94a3b8; }
    .action-card.focus { box-shadow:inset 4px 0 0 var(--green); }
    .action-card.warn { box-shadow:inset 4px 0 0 var(--amber); }
    .action-card.risk { box-shadow:inset 4px 0 0 var(--red); }
    .action-rank { width:42px; height:42px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:var(--soft); color:var(--primary); font-weight:900; }
    .action-main { min-width:0; }
    .action-main h3,.action-main p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .action-main p { color:var(--muted); font-size:12px; }
    .action-metrics { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .action-metrics div { background:var(--soft); border:1px solid var(--line); border-radius:7px; padding:7px; min-width:0; }
    .action-metrics b { display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .action-metrics span { color:var(--muted); font-size:11px; }
    .action-bottom { grid-column:1/-1; display:grid; gap:4px; padding-top:2px; }
    .action-bottom span { color:var(--muted); font-size:12px; }
    .action-bottom strong { color:var(--ink); font-size:13px; }
    .action-panel { border-left:4px solid var(--amber); }
    .action-panel .section-head { align-items:flex-start; }
    .secondary-fold summary strong { color:var(--ink); }
    .profit-detail-fold { margin-top:12px; }
    .country-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    .country-card { padding:14px; min-height:245px; position:relative; overflow:hidden; }
    .country-rank { color:var(--blue); font-weight:800; font-size:12px; }
    .country-meta { display:grid; gap:5px; margin:10px 0; color:var(--muted); font-size:12px; }
    .country-card p { font-size:13px; color:var(--ink); margin-top:8px; }
    .country-delta { color:var(--muted); background:#eef2f7; border:1px solid var(--line); border-radius:999px; padding:3px 8px; font-weight:900; }
    .country-delta.up { color:var(--green); background:#dcfce7; border-color:#86efac; }
    .country-delta.down { color:var(--red); background:#ffe4df; border-color:#ffb4a8; }
    .country-news { margin-top:9px; padding:9px; border:1px solid var(--line); border-radius:8px; background:var(--soft); }
    .country-news strong { display:block; margin-bottom:5px; font-size:12px; color:var(--primary); }
    .country-news ul { margin:0; padding-left:17px; display:grid; gap:4px; }
    .country-news li { font-size:12px; color:var(--muted); line-height:1.45; }
    .country-news a { color:inherit; text-decoration:none; border-bottom:1px dashed color-mix(in srgb,var(--primary) 45%,transparent); }
    .products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    .product-card { display:grid; grid-template-columns:112px 1fr; overflow:hidden; min-height:0; }
    .photo { background:linear-gradient(180deg,#fff,#f8fbff); display:flex; align-items:center; justify-content:center; padding:8px; }
    .photo img { width:100%; height:100%; object-fit:contain; object-position:center top; }
    .no-img { width:100%; min-height:196px; display:flex; align-items:center; justify-content:center; background:#eef2f7; color:#94a3b8; }
    .product-body { padding:12px; min-width:0; display:grid; align-content:start; gap:8px; }
    .product-head { display:flex; justify-content:space-between; gap:8px; align-items:flex-start; margin:0; }
    .product-head strong { font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
    .product-head > span:not(.decision-pill) { color:var(--primary); background:var(--soft); padding:3px 7px; border-radius:999px; font-size:12px; }
    .product-body h3 { min-height:42px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .ops-title { display:grid; gap:4px; margin:0; }
    .ops-title b { color:var(--ink); font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .ops-title span { color:var(--muted); font-size:12px; line-height:1.45; }
    .decision-pill { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border-radius:999px; border:1px solid var(--line); background:var(--soft); color:var(--ink); font-size:11px; font-weight:900; white-space:nowrap; }
    .decision-pill.focus { color:#0f766e; background:#ecfdf5; border-color:#99f6e4; }
    .decision-pill.warn { color:#9a6700; background:#fffbeb; border-color:#fcd34d; }
    .decision-pill.risk { color:#b42318; background:#fff7f5; border-color:#ffb4a8; }
    .decision-pill.muted { color:var(--muted); background:#f8fafc; border-color:#dbe5ef; }
    .decision-meta { display:flex; flex-wrap:wrap; gap:6px; }
    .meta-chip { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border-radius:999px; border:1px solid #dbe5ef; background:#f8fafc; color:#475569; font-size:11px; font-weight:800; white-space:nowrap; }
    .meta-chip.ok { color:#0f766e; background:#ecfdf5; border-color:#99f6e4; }
    .meta-chip.warn { color:#9a6700; background:#fffbeb; border-color:#fcd34d; }
    .meta-chip.muted { color:var(--muted); background:#f8fafc; border-color:#dbe5ef; }
    .mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0; }
    .mini-grid div { background:var(--soft); border:1px solid var(--line); border-radius:6px; padding:6px; min-width:0; }
    .mini-grid b { display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .mini-grid span { display:block; margin-top:2px; color:var(--muted); font-size:11px; }
    .reason { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
    .product-next { display:grid; gap:3px; padding-top:8px; border-top:1px dashed #dbe5ef; }
    .product-next span { color:var(--muted); font-size:11px; }
    .product-next strong { font-size:12px; line-height:1.5; color:var(--ink); }
    .table-wrap { max-height:560px; overflow:auto; border:1px solid var(--line); border-radius:8px; background:#fff; }
    table { width:100%; border-collapse:collapse; font-size:13px; }
    th,td { padding:10px 11px; border-bottom:1px solid var(--line); text-align:right; white-space:nowrap; vertical-align:middle; }
    th { position:sticky; top:0; z-index:2; background:var(--soft); color:var(--primary); }
    th:first-child,td:first-child,th:nth-child(2),td:nth-child(2),th:last-child,td:last-child { text-align:left; }
    .sources { columns:2; margin:0; padding-left:18px; color:var(--muted); font-size:12px; }
    .metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
    .metric-card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:14px; min-height:112px; }
    .metric-card span,.metric-card small { display:block; color:var(--muted); font-size:12px; }
    .metric-card strong { display:block; margin:8px 0 6px; font-size:24px; line-height:1.1; }
    .metric-card.danger { box-shadow:inset 4px 0 0 var(--red); }
    .metric-card.warn { box-shadow:inset 4px 0 0 var(--amber); }
    .metric-card.good { box-shadow:inset 4px 0 0 var(--green); }
    .metric-card.info { box-shadow:inset 4px 0 0 var(--blue); }
    .metric-card.pressure { box-shadow:inset 4px 0 0 #d97706; }
    .metric-card.danger strong { color:#b42318; }
    .metric-card.good strong { color:#047857; }
    .metric-card.warn strong,.metric-card.pressure strong { color:#a15c00; }
    .conversion-layout { display:grid; grid-template-columns:1.08fr .92fr; gap:14px; align-items:start; margin-top:14px; }
    .conversion-side { display:grid; gap:12px; }
    .stock-overview-shell { margin-bottom:14px; padding:14px; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:var(--shadow); }
    .stock-overview-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:14px; }
    .stock-overview-head strong { display:block; font-size:18px; color:var(--ink); }
    .stock-overview-head p { margin-top:5px; color:var(--muted); font-size:12px; max-width:760px; }
    .stock-overview-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
    .stock-overview-tags span { display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; border:1px solid var(--line); background:#f8fafc; color:var(--primary); font-size:12px; font-weight:800; white-space:nowrap; }
    .stock-snapshot-tools { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:0 0 14px; padding:10px; border:1px solid var(--line); border-radius:8px; background:#f1f5f9; }
    .stock-snapshot-tools label { display:grid; gap:4px; color:var(--muted); font-size:12px; font-weight:900; }
    .stock-snapshot-tools select { min-width:170px; }
    .stock-snapshot-tools span { color:var(--muted); font-size:12px; }
    .stock-delta-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 14px; }
    .stock-delta-card { background:rgba(255,255,255,.9); border:1px solid var(--line); border-radius:10px; padding:13px; min-width:0; position:relative; overflow:hidden; }
    .stock-delta-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#94a3b8; }
    .stock-delta-card.good::before { background:var(--green); }
    .stock-delta-card.danger::before { background:var(--red); }
    .stock-delta-card.warn::before { background:var(--amber); }
    .stock-delta-card.up::before { background:var(--blue); }
    .stock-delta-card.down::before { background:var(--amber); }
    .stock-delta-card span,.stock-delta-card strong,.stock-delta-card small,.stock-delta-card em { display:block; }
    .stock-delta-card span,.stock-delta-card small { color:var(--muted); font-size:12px; }
    .stock-delta-card strong { margin:7px 0 4px; font-size:22px; color:var(--ink); }
    .stock-delta-card em { font-style:normal; font-size:12px; font-weight:900; color:var(--primary); margin-bottom:6px; }
    .stock-summary-grid { display:grid; grid-template-columns:1.55fr repeat(3,minmax(170px,1fr)); gap:12px; margin:0 0 12px; }
    .stock-summary-card { background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:13px; min-width:0; position:relative; overflow:hidden; }
    .stock-summary-card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--primary); }
    .stock-summary-card.decision { background:#fff; border-color:#cbd5e1; display:grid; align-content:center; }
    .stock-summary-card.decision strong { font-size:28px; }
    .stock-summary-card.focus::before { background:var(--amber); }
    .stock-summary-card.good::before { background:var(--green); }
    .stock-summary-card.warn::before { background:var(--amber); }
    .stock-summary-card.danger::before { background:var(--red); }
    .stock-summary-card span,.stock-summary-card small { display:block; color:var(--muted); font-size:12px; }
    .stock-summary-card strong { display:block; margin:8px 0 6px; font-size:22px; line-height:1.25; overflow-wrap:anywhere; }
    .stock-metric-grid .metric-card { min-height:88px; background:#f8fafc; }
    .stock-metric-grid:empty { display:none; }
    .legacy-stock-ops { display:none !important; }
    .ops-current-tools { justify-content:space-between; background:#f1f5f9; }
    .ops-current-tools span { font-weight:800; color:var(--primary); }
    .ops-status-pill { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border-radius:999px; border:1px solid #99f6e4; background:#ecfdf5; color:#0f766e; font-size:12px; white-space:nowrap; }
    .ops-pressure-grid { margin-bottom:10px; }
    .ops-pressure-grid .metric-card { background:#fff; min-height:96px; }
    .ops-subhead { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:4px 0 10px; color:var(--muted); font-size:12px; }
    .ops-subhead strong { color:var(--ink); font-size:15px; }
    .replenishment-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 12px; }
    .replenish-card { border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:13px; min-width:0; position:relative; overflow:hidden; }
    .replenish-card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:#94a3b8; }
    .replenish-card.send::before { background:var(--green); }
    .replenish-card.follow::before { background:#c2410c; }
    .replenish-card.supplier::before { background:#f59e0b; }
    .replenish-card.missing::before { background:#64748b; }
    .replenish-card.closed::before { background:#0f766e; }
    .replenish-card span,.replenish-card small { display:block; color:var(--muted); font-size:12px; }
    .replenish-card strong { display:block; margin:7px 0 6px; font-size:20px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .replenish-card b { display:block; color:var(--primary); font-size:13px; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .priority-line { display:flex !important; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
    .priority-pill { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:22px; padding:0 7px; border-radius:999px; color:#fff; font-size:11px; font-weight:900; }
    .priority-pill.p0 { background:#b42318; }
    .priority-pill.p1 { background:#d97706; }
    .priority-pill.p2 { background:#f59e0b; color:#422006; }
    .priority-pill.p3 { background:#0f766e; }
    .replenish-table strong { color:var(--ink); }
    .replenish-table small { display:block; color:var(--muted); font-size:11px; margin-top:2px; }
    .replenish-table th,.replenish-table td { text-align:right; }
    .replenish-table th:nth-child(1),.replenish-table td:nth-child(1),.replenish-table th:nth-child(2),.replenish-table td:nth-child(2),.replenish-table th:nth-child(3),.replenish-table td:nth-child(3),.replenish-table th:nth-child(4),.replenish-table td:nth-child(4),.replenish-table th:last-child,.replenish-table td:last-child { text-align:left; }
    .replenish-table.replenish-layered { min-width:1120px; border-collapse:separate; border-spacing:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
    .replenish-table.replenish-layered th,.replenish-table.replenish-layered td { text-align:center !important; vertical-align:middle !important; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
    .replenish-table.replenish-layered th { background:#f1f5f9; color:var(--primary); font-weight:900; }
    .replenish-table.replenish-layered td { background:#fff; }
    .replenish-table.replenish-layered tr:nth-child(even) td:not(.merged-style-cell):not(.merged-image-cell):not(.layered-skc-cell) { background:#fbfdff; }
    .replenish-table.replenish-layered small { text-align:center; }
    .send-num { display:inline-flex; min-width:48px; justify-content:center; padding:5px 9px; border-radius:999px; background:#eef6ff; color:#1f4e79; border:1px solid #bfdbfe; font-size:15px; font-weight:900; font-variant-numeric:tabular-nums; }
    .num-danger { color:#b42318; font-weight:900; font-variant-numeric:tabular-nums; }
    .num-good { color:#047857; font-weight:900; font-variant-numeric:tabular-nums; }
    .ops-table-filters { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:0 0 10px; padding:8px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; }
    .ops-table-filters span { color:var(--muted); font-size:12px; font-weight:900; }
    .ops-table-filters button { min-height:28px; padding:4px 9px; border-radius:999px; background:#fff; color:#475569; font-size:12px; font-weight:800; }
    .ops-table-filters button.active { background:var(--primary); border-color:var(--primary); color:#fff; }
    .send-filter-hidden,.pending-filter-hidden { display:none !important; }
    .calc-rule-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:8px; }
    .calc-rule-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:9px; min-width:0; }
    .calc-rule-card span { display:block; color:var(--muted); font-size:11px; font-weight:900; }
    .calc-rule-card strong { display:block; margin:3px 0; color:var(--ink); font-size:13px; line-height:1.35; }
    .calc-rule-card small { display:block; color:var(--muted); font-size:11px; line-height:1.35; }
    .calc-rule-note { margin-top:8px; color:var(--muted); font-size:12px; line-height:1.5; }
    .replenish-table .merged-skc-cell,.replenish-table .merged-style-cell,.replenish-table .merged-image-cell { vertical-align:middle; text-align:center; background:rgba(248,251,255,.78); border-right:1px solid var(--line); }
    .replenish-table .merged-skc-cell.hot { background:linear-gradient(180deg,#fff1f1,#fff7ed); box-shadow:inset 4px 0 0 var(--red); }
    .replenish-table .merged-skc-cell.warm { background:linear-gradient(180deg,#fff7ed,#fffbeb); box-shadow:inset 4px 0 0 var(--amber); }
    .replenish-table .merged-skc-cell.cool { background:linear-gradient(180deg,#f8fbff,#f1f5f9); box-shadow:inset 4px 0 0 #94a3b8; }
    .replenish-table .merged-skc-cell strong { display:block; color:var(--primary); }
    .replenish-table .merged-skc-cell small { overflow-wrap:anywhere; }
    .replenish-table .merged-skc-cell em { display:inline-flex; align-items:center; justify-content:center; margin-top:7px; padding:4px 9px; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--red); font-size:12px; font-style:normal; font-weight:900; }
    .replenish-table .merged-style-cell { min-width:108px; background:#fff; font-size:15px; font-weight:900; color:#0f172a; }
    .replenish-table .merged-style-cell strong { display:block; color:#0f172a; overflow-wrap:anywhere; line-height:1.35; }
    .replenish-table .merged-style-cell em { display:inline-flex; align-items:center; justify-content:center; margin-top:8px; padding:4px 9px; border-radius:999px; border:1px solid var(--line); background:#f8fafc; color:var(--primary); font-size:12px; font-style:normal; font-weight:900; }
    .replenish-table .merged-image-cell { min-width:92px; background:#fbfdff; }
    .replenish-table .merged-image-cell .pending-thumb { width:76px; height:102px; margin:0 auto; border-radius:4px; }
    .replenish-table .layered-skc-cell { min-width:150px; font-size:13px; font-weight:900; color:#0f172a; overflow-wrap:anywhere; background:#fff; }
    .replenish-table .layered-barcode-cell { min-width:150px; overflow-wrap:anywhere; color:var(--primary); font-weight:800; }
    .replenish-table.replenish-layered .coverage-cell { margin:0 auto; }
    .replenish-table.replenish-layered .coverage-bar { justify-content:center; }
    .replenish-table.replenish-layered .coverage-bar span { text-align:center; }
    .replenish-table.replenish-layered .send-num,.replenish-table.replenish-layered .supplier-need-number,.replenish-table.replenish-layered .follow-need-number,.replenish-table.replenish-layered .follow-action-pill { margin:0 auto; }
    .replenish-table.replenish-layered .replenish-reason { margin:0 auto; text-align:center; }
    .merged-skc-cell small { display:block; margin-top:3px; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
    .pending-group-list { display:grid; gap:10px; max-height:none; overflow:visible; border:1px solid var(--line); border-radius:8px; background:#fff; padding:10px; }
    .pending-group-card { display:grid; grid-template-columns:286px minmax(0,1fr); border:1px solid var(--line); border-radius:8px; overflow:visible; background:#fff; }
    .pending-group-card.blocked { border-color:#fed7aa; box-shadow:inset 4px 0 0 #f59e0b; }
    .pending-group-card.transit { border-color:#bfdbfe; box-shadow:inset 4px 0 0 #2563eb; }
    .pending-group-card.transit.blocked { border-color:#fed7aa; box-shadow:inset 4px 0 0 #d97706; }
    .pending-group-id { display:grid; grid-template-columns:62px minmax(0,1fr); gap:9px; align-items:center; padding:10px; border-right:1px solid var(--line); background:#f8fafc; }
    .pending-group-card.blocked .pending-group-id { background:#fffaf0; }
    .pending-group-card.transit:not(.blocked) .pending-group-id { background:#f8fbff; }
    .pending-group-id .pending-thumb { margin:0 auto; }
    .pending-group-meta { display:grid; gap:5px; min-width:0; }
    .pending-group-meta .copy-code { display:block; color:var(--primary); font-size:13px; line-height:1.28; font-weight:900; overflow-wrap:anywhere; user-select:text; }
    .pending-group-meta .copy-code.skc { color:var(--ink); font-size:12px; font-weight:800; }
    .pending-group-meta small { color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
    .pending-group-meta .row-total { display:inline-flex; width:max-content; align-items:center; justify-content:center; min-width:54px; padding:3px 8px; border-radius:999px; border:1px solid #fed7aa; background:#fff7ed; color:#c2410c; font-size:12px; font-weight:900; box-shadow:0 4px 12px rgba(15,23,42,.035); }
    .pending-group-meta .row-total.transit { border-color:#bfdbfe; background:#eff6ff; color:#1d4ed8; }
    .pending-group-meta .layer-warning { display:inline-flex; width:max-content; align-items:center; justify-content:center; padding:3px 7px; border-radius:999px; border:1px solid #fed7aa; background:#fff7ed; color:#c2410c; font-size:11px; font-weight:900; box-shadow:0 4px 12px rgba(15,23,42,.035); }
    #opsPendingListingStock .surface-block h3 { font-size:14px; }
    .pending-detail-table { max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; font-size:12px; }
    .pending-detail-head,.pending-detail-row { display:grid; grid-template-columns:minmax(140px,1fr) 70px 76px 76px 76px minmax(360px,1.5fr); align-items:stretch; min-width:920px; }
    .pending-detail-table.transit-flow { min-width:0; }
    .pending-detail-table.transit-flow .pending-detail-head,.pending-detail-table.transit-flow .pending-detail-row { grid-template-columns:minmax(140px,1fr) 70px 76px 76px 76px 76px minmax(220px,1.2fr); }
    .pending-detail-table.transit-flow .pending-detail-head,.pending-detail-table.transit-flow .pending-detail-row { min-width:980px; }
    .pending-detail-head span { display:flex; align-items:center; justify-content:center; min-height:34px; padding:7px 8px; background:#f1f5f9; color:var(--primary); font-size:11px; font-weight:900; text-align:center; border-bottom:1px solid var(--line); }
    .pending-detail-row > div { min-height:46px; display:flex; align-items:center; justify-content:center; padding:7px 8px; border-bottom:1px solid var(--line); text-align:center; font-variant-numeric:tabular-nums; }
    .pending-detail-row:last-child > div { border-bottom:0; }
    .pending-detail-row .attr { justify-content:flex-start; text-align:left; font-size:13px; }
    .pending-detail-row .action { display:grid; grid-template-columns:1fr; align-content:center; justify-items:start; gap:3px; text-align:left; }
    .pending-detail-row .follow-action-pill { padding:3px 7px; font-size:11px; line-height:1.25; }
    .pending-detail-row .action small { display:block; color:var(--muted); font-size:10px; line-height:1.25; white-space:nowrap; }
    .pending-detail-row .num strong { font-variant-numeric:tabular-nums; }
    .pending-detail-row:nth-child(odd) { background:#fff; }
    .pending-detail-row:nth-child(even) { background:#fbfdff; }
    .pending-empty { margin:0; padding:14px; border:1px dashed var(--line); border-radius:8px; color:var(--muted); background:#fff; }
    .supplier-need-number { display:inline-flex; min-width:58px; justify-content:center; padding:5px 9px; border-radius:999px; background:#fff1f1; color:#b42318; border:1px solid #fecaca; font-size:15px; font-weight:900; }
    .follow-need-number { display:inline-flex; min-width:58px; justify-content:center; padding:5px 9px; border-radius:999px; background:#fff7ed; color:#c2410c; border:1px solid #fed7aa; font-size:15px; font-weight:900; }
    .follow-action-pill { display:inline-flex; align-items:center; justify-content:center; padding:5px 9px; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--primary); font-size:12px; font-weight:900; white-space:nowrap; box-shadow:0 4px 12px rgba(15,23,42,.035); }
    .follow-action-pill.urgent { background:#fff1f1; border-color:#fecaca; color:#b42318; }
    .follow-action-pill.track { background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }
    .follow-action-pill.check { background:#fffbeb; border-color:#fde68a; color:#92400e; }
    .follow-action-pill.blocked { background:#fff7ed; border-color:#fed7aa; color:#c2410c; }
    .supplier-row-hot td { background:rgba(255,247,237,.42); }
    .supplier-row-warm td { background:rgba(255,251,235,.32); }
    .coverage-cell { min-width:128px; }
    .coverage-bar { display:grid; grid-template-columns:minmax(0,1fr) 42px; gap:7px; align-items:center; }
    .coverage-bar i { display:block; height:8px; border-radius:999px; overflow:hidden; background:#e2e8f0; }
    .coverage-bar b { display:block; height:100%; border-radius:999px; background:var(--green); }
    .coverage-bar.warn b { background:var(--amber); }
    .coverage-bar.danger b { background:var(--red); }
    .coverage-bar span { color:var(--muted); font-size:11px; text-align:right; }
    .replenish-reason { max-width:260px; max-height:2.9em; overflow:hidden; white-space:normal; line-height:1.45; color:var(--muted); }
    .replenish-empty { margin:0; padding:14px; border:1px dashed var(--line); border-radius:8px; color:var(--muted); background:rgba(255,255,255,.62); }
    .card,.panel,.surface-block,.product-card,.analysis-product,.action-card,.risk-matrix-card,.pending-group-card,.new-card,.graduate-card,.overview-period-card {
      border-radius:var(--radius-card);
      box-shadow:var(--shadow);
    }
    .panel,.surface-block,.product-card,.analysis-product,.action-card,.risk-matrix-card,.new-card,.graduate-card {
      background:var(--panel-gradient);
    }
    :root[data-theme="linear"] .global-state-bar article,
    :root[data-theme="linear"] .surface-block,
    :root[data-theme="linear"] .panel,
    :root[data-theme="linear"] .card,
    :root[data-theme="linear"] .product-card,
    :root[data-theme="linear"] .analysis-product,
    :root[data-theme="linear"] .pending-group-card,
    :root[data-theme="linear"] .risk-basic {
      background:var(--panel-gradient);
    }
    :root[data-theme="figma"] .panel,
    :root[data-theme="figma"] .card,
    :root[data-theme="figma"] .surface-block,
    :root[data-theme="figma"] .product-card {
      border-width:2px;
    }
    :root[data-theme="figma"] .kpi-card:nth-child(4n+1),
    :root[data-theme="figma"] .overview-period-card:nth-child(4n+1) { background:#dceeb1; }
    :root[data-theme="figma"] .kpi-card:nth-child(4n+2),
    :root[data-theme="figma"] .overview-period-card:nth-child(4n+2) { background:#c5b0f4; }
    :root[data-theme="figma"] .kpi-card:nth-child(4n+3),
    :root[data-theme="figma"] .overview-period-card:nth-child(4n+3) { background:#f4ecd6; }
    :root[data-theme="figma"] .kpi-card:nth-child(4n+4),
    :root[data-theme="figma"] .overview-period-card:nth-child(4n+4) { background:#c8e6cd; }
    :root[data-theme="shopify"] .action-label,
    :root[data-theme="shopify"] .category-pill,
    :root[data-theme="shopify"] .change-chip.up { background:#c1fbd4; color:#0b3320; border-color:#98e8b2; }
    :root[data-theme="apple"] .panel,
    :root[data-theme="apple"] .card,
    :root[data-theme="apple"] .surface-block,
    :root[data-theme="apple"] .view-brief,
    :root[data-theme="apple"] .quick-nav,
    :root[data-theme="apple"] .global-state-bar {
      backdrop-filter:blur(22px) saturate(180%);
      -webkit-backdrop-filter:blur(22px) saturate(180%);
    }
    :root[data-theme="apple"] h1 {
      font-weight:700;
      letter-spacing:-1.2px;
    }
    :root[data-theme="apple"] .view-tab.active,
    :root[data-theme="apple"] .category-metric-btn.active,
    :root[data-theme="apple"] .country-metric-btn.active,
    :root[data-theme="apple"] .matrix-metric-btn.active {
      background:#0071e3;
      border-color:#0071e3;
      color:#fff;
    }
    :root[data-theme="apple"] .kpi,
    :root[data-theme="apple"] .overview-period-card {
      background:rgba(255,255,255,.82);
      border-color:rgba(0,0,0,.08);
    }
    :root[data-theme="atelier"] body {
      background:
        linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,247,251,.96)),
        linear-gradient(90deg,rgba(53,84,209,.04) 1px,transparent 1px),
        linear-gradient(180deg,rgba(53,84,209,.035) 1px,transparent 1px);
      background-size:auto,32px 32px,32px 32px;
    }
    :root[data-theme="atelier"] main { max-width:none; margin:0; padding:18px 10px 28px 24px; }
    :root[data-theme="atelier"] header {
      align-items:center; margin:0 0 12px; padding:14px 16px;
      border:1px solid var(--line); border-radius:10px;
      background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#f1f4ff 100%);
      box-shadow:0 10px 28px rgba(22,34,64,.07);
    }
    :root[data-theme="atelier"] h1 {
      margin:0 0 4px; color:#081226; font-size:clamp(24px,2.3vw,34px);
      line-height:1.12; letter-spacing:0; font-weight:900;
    }
    :root[data-theme="atelier"] h2,
    :root[data-theme="atelier"] h3 { color:#111827; letter-spacing:0; }
    :root[data-theme="atelier"] .tagline { max-width:1060px; color:#667085; font-size:13px; line-height:1.55; }
    :root[data-theme="atelier"] .toolbar { gap:10px; }
    :root[data-theme="atelier"] .theme-switcher {
      min-height:42px; border-color:#ccd7ea; border-radius:9px;
      background:#fff; box-shadow:0 8px 20px rgba(35,50,88,.08);
    }
    :root[data-theme="atelier"] .theme-switcher span { color:#344054; font-weight:800; }
    :root[data-theme="atelier"] .theme-switcher select {
      min-height:32px; background:#eef3ff; color:#1d2b6b; border-radius:7px;
    }
    :root[data-theme="atelier"] button,
    :root[data-theme="atelier"] input,
    :root[data-theme="atelier"] select { border-radius:8px; }
    :root[data-theme="atelier"] .sticky-stack {
      margin:0 0 12px; padding:8px; border:1px solid var(--line); border-radius:10px;
      background:rgba(255,255,255,.92); box-shadow:0 12px 30px rgba(27,39,70,.07);
    }
    :root[data-theme="atelier"] .global-state-bar {
      gap:8px; margin:0 0 8px; padding:0; border:0; border-radius:0;
      background:transparent; box-shadow:none; backdrop-filter:none;
    }
    :root[data-theme="atelier"] .global-state-bar article {
      min-height:58px; padding:10px 12px; border-color:#d8e1f0; border-radius:8px;
      background:linear-gradient(180deg,#fff,#f9fbff); box-shadow:none;
    }
    :root[data-theme="atelier"] .global-state-bar span { color:#667085; font-size:11px; font-weight:700; }
    :root[data-theme="atelier"] .global-state-bar strong { color:#101828; font-size:14px; font-weight:900; }
    :root[data-theme="atelier"] .view-switch {
      width:100%; padding:4px; gap:4px; border-color:#d5def0; border-radius:9px;
      background:#edf2fb; box-shadow:none;
    }
    :root[data-theme="atelier"] .view-tab {
      flex:1 1 0; min-width:106px; min-height:36px; color:#344054;
      border:1px solid transparent; border-radius:7px; background:transparent;
      font-weight:900;
    }
    :root[data-theme="atelier"] .view-tab.active {
      background:linear-gradient(135deg,#253bc9,#5a45d8); border-color:rgba(37,59,201,.16);
      color:#fff; box-shadow:0 9px 18px rgba(53,84,209,.22);
    }
    :root[data-theme="atelier"] .quick-nav,
    :root[data-theme="atelier"] .sub-quick-nav {
      padding:4px 8px 0; border-color:#d8e1f0; border-radius:8px;
      background:#ffffff; box-shadow:0 8px 18px rgba(29,42,73,.05);
    }
    :root[data-theme="atelier"] .quick-nav a,
    :root[data-theme="atelier"] .sub-quick-nav a { color:#475467; font-weight:800; }
    :root[data-theme="atelier"] .quick-nav a:hover,
    :root[data-theme="atelier"] .quick-nav a.active,
    :root[data-theme="atelier"] .sub-quick-nav a:hover,
    :root[data-theme="atelier"] .sub-quick-nav a.active { color:#253bc9; }
    :root[data-theme="atelier"] .view-brief {
      grid-template-columns:1.05fr repeat(2,minmax(190px,1fr)); gap:8px; margin-bottom:12px;
      padding:8px; border-color:#d8e1f0; border-radius:10px;
      background:linear-gradient(135deg,#fff 0%,#f7faff 100%); box-shadow:0 12px 28px rgba(29,42,73,.07);
    }
    :root[data-theme="atelier"] .view-brief article {
      padding:12px; border-color:#dfe7f4; border-radius:8px; background:#fff;
    }
    :root[data-theme="atelier"] .view-brief article:first-child {
      background:linear-gradient(135deg,#101828,#243b8f 68%,#4534a8); border-color:transparent;
    }
    :root[data-theme="atelier"] .view-brief article:first-child span,
    :root[data-theme="atelier"] .view-brief article:first-child p { color:rgba(255,255,255,.72); }
    :root[data-theme="atelier"] .view-brief article:first-child strong { color:#fff; }
    :root[data-theme="atelier"] .panel,
    :root[data-theme="atelier"] .surface-block,
    :root[data-theme="atelier"] .card,
    :root[data-theme="atelier"] .product-card,
    :root[data-theme="atelier"] .analysis-product,
    :root[data-theme="atelier"] .action-card,
    :root[data-theme="atelier"] .risk-matrix-card,
    :root[data-theme="atelier"] .pending-group-card,
    :root[data-theme="atelier"] .new-card,
    :root[data-theme="atelier"] .graduate-card,
    :root[data-theme="atelier"] .overview-period-card {
      border-color:#d8e1f0; border-radius:8px;
      background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
      box-shadow:0 10px 24px rgba(29,42,73,.07);
    }
    :root[data-theme="atelier"] .panel.wide,
    :root[data-theme="atelier"] .priority-panel { box-shadow:0 14px 32px rgba(39,65,130,.08); }
    :root[data-theme="atelier"] .section-head {
      border-bottom-color:#e2e8f3; background:linear-gradient(180deg,#fff,#f8fbff);
    }
    :root[data-theme="atelier"] .kpi,
    :root[data-theme="atelier"] .kpi-card,
    :root[data-theme="atelier"] .metric-card,
    :root[data-theme="atelier"] .site-metric-card {
      border-color:#dce5f3; border-radius:8px; background:#fff; box-shadow:none;
    }
    :root[data-theme="atelier"] .kpi .num,
    :root[data-theme="atelier"] .kpi-card strong,
    :root[data-theme="atelier"] .metric-card strong { color:#0b1220; font-variant-numeric:tabular-nums; }
    :root[data-theme="atelier"] .trend.up,
    :root[data-theme="atelier"] .change-chip.up,
    :root[data-theme="atelier"] .status-chip.ok { background:#e8f7ef; color:#067647; border-color:#afe4c7; }
    :root[data-theme="atelier"] .trend.down,
    :root[data-theme="atelier"] .change-chip.down,
    :root[data-theme="atelier"] .status-chip.bad { background:#fff1f2; color:#c01f32; border-color:#ffd2d7; }
    :root[data-theme="atelier"] .status-chip.warn,
    :root[data-theme="atelier"] .action-label,
    :root[data-theme="atelier"] .category-pill { border-radius:999px; }
    :root[data-theme="atelier"] .table-wrap {
      border-color:#d9e2f1; border-radius:8px; background:#fff;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    }
    :root[data-theme="atelier"] table { font-variant-numeric:tabular-nums; }
    :root[data-theme="atelier"] th {
      background:#f3f6fb; color:#344054; border-bottom-color:#d9e2f1;
      font-size:12px; font-weight:900;
    }
    :root[data-theme="atelier"] td { border-bottom-color:#edf1f7; color:#1f2937; }
    :root[data-theme="atelier"] tr:hover td { background:#f8fbff; }
    :root[data-theme="atelier"] .chart-box {
      border-color:#dce5f3; border-radius:8px; background:#fff;
    }
    :root[data-theme="atelier"] .products,
    :root[data-theme="atelier"] .metric-grid,
    :root[data-theme="atelier"] .analysis-grid,
    :root[data-theme="atelier"] .stock-risk-grid,
    :root[data-theme="atelier"] .action-board {
      gap:10px;
    }
    :root[data-theme="atelier"] .data-workflow {
      border-color:#d8e1f0; border-radius:8px; background:#f8fbff;
    }
    :root[data-theme="atelier"] .data-workflow a {
      min-height:34px; border-radius:7px; background:#fff; color:#344054;
    }
    :root[data-theme="atelier"] .data-workflow a:first-child {
      background:#253bc9; border-color:#253bc9; color:#fff;
    }
    :root[data-theme="atelier"] .support-dock {
      border-color:#d8e1f0; border-radius:10px; background:#f8fbff;
    }
    :root[data-theme="atelier"] .support-dock-grid .fold-panel {
      border-radius:8px; border-color:#d8e1f0;
    }
    :root[data-theme="stripe"] header::after,
    :root[data-theme="shopify"] header::after,
    :root[data-theme="figma"] header::after,
    :root[data-theme="apple"] header::after,
    :root[data-theme="linear"] header::after,
    :root[data-theme="atelier"] header::after {
      content:""; display:block; position:absolute; inset:auto 0 -10px auto; width:180px; height:3px;
      border-radius:999px; background:linear-gradient(90deg,var(--primary),transparent);
    }
    :root[data-theme="atelier"] header::after { inset:auto 16px -1px auto; height:2px; width:220px; }
    header { position:relative; }
    @media (max-width:1180px) {
      .replenishment-board,.ops-flow-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .supplier-target-panel { grid-template-columns:1fr; }
      .supplier-target-summary { text-align:left; }
    }
    @media (max-width:720px) {
      .ops-flow-nav { grid-template-columns:1fr; }
      .ops-flow-group { padding:10px; }
    }
    .stock-risk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
    .stock-risk-grid.single { grid-template-columns:1fr; }
    .stock-risk-card { min-width:0; }
    .stock-risk-card .table-wrap { max-height:460px; }
    .stock-risk-card table { table-layout:fixed; min-width:0; }
    .stock-risk-card th,.stock-risk-card td { padding:9px 8px; line-height:1.35; white-space:normal; }
    .stock-risk-card th:nth-child(1),.stock-risk-card td:nth-child(1) { width:54px; }
    .stock-risk-card th:nth-child(2),.stock-risk-card td:nth-child(2) { width:92px; overflow-wrap:anywhere; }
    .stock-risk-card th:nth-child(3),.stock-risk-card td:nth-child(3) { width:170px; overflow-wrap:anywhere; }
    .stock-risk-card th:nth-child(4),.stock-risk-card td:nth-child(4) { width:86px; }
    .stock-risk-card th:nth-child(5),.stock-risk-card td:nth-child(5) { width:210px; overflow-wrap:anywhere; }
    .stock-risk-card th:nth-child(6),.stock-risk-card td:nth-child(6) { width:78px; text-align:right; }
    .stock-risk-card th:nth-child(7),.stock-risk-card td:nth-child(7) { width:82px; text-align:right; }
    .stock-risk-card th:nth-child(8),.stock-risk-card td:nth-child(8) { width:76px; text-align:right; }
    .stock-risk-card th:nth-child(9),.stock-risk-card td:nth-child(9) { overflow-wrap:anywhere; }
    .risk-matrix-list { display:grid; gap:12px; margin-top:12px; }
    .risk-matrix-card { display:grid; grid-template-columns:290px minmax(0,1fr); border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--panel); }
    .risk-basic { display:grid; grid-template-columns:78px minmax(0,1fr); gap:10px; padding:12px; background:#fff; border-right:1px solid var(--line); }
    .risk-photo { width:78px; height:104px; border-radius:6px; overflow:hidden; background:#eef2f7; }
    .risk-photo img { width:100%; height:100%; object-fit:cover; }
    .risk-photo .no-img { min-height:104px; }
    .risk-basic strong,.risk-basic span { display:block; font-size:12px; overflow-wrap:anywhere; }
    .risk-basic strong { color:var(--ink); margin-bottom:5px; font-size:14px; line-height:1.25; }
    .risk-basic span { color:var(--muted); margin-top:2px; }
    .risk-basic .identity-sub { display:block; color:var(--muted); font-size:11px; line-height:1.35; }
    .risk-basic .identity-extra { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; align-items:center; }
    .risk-basic .identity-extra span { display:inline-flex; width:max-content; align-items:center; padding:2px 5px; border-radius:4px; border:1px solid var(--line); background:#f8fafc; font-size:11px; color:#475569; }
    .risk-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
    .risk-tags em { font-style:normal; color:#047857; background:#ecfdf5; border:1px solid #a7f3d0; border-radius:4px; padding:2px 5px; font-size:11px; font-weight:800; }
    .risk-size-table { min-width:0; overflow:auto; }
    .risk-size-head,.risk-size-row,.risk-size-total { display:grid; grid-template-columns:1.45fr .7fr .9fr .7fr .7fr .7fr .7fr .8fr; min-width:780px; }
    .risk-size-head span { padding:9px 10px; background:var(--soft); color:var(--primary); font-size:12px; font-weight:900; border-bottom:1px solid var(--line); text-align:right; }
    .risk-size-head span:first-child { text-align:left; }
    .risk-size-row > div,.risk-size-total span { padding:9px 10px; border-bottom:1px solid var(--line); text-align:right; font-size:12px; min-width:0; }
    .risk-size-row > div:first-child { text-align:left; display:grid; grid-template-columns:auto 1fr; gap:4px 7px; align-items:center; }
    .risk-size-row strong,.risk-size-row b { color:var(--ink); }
    .risk-size-row small { display:block; grid-column:2; color:var(--muted); overflow-wrap:anywhere; }
    .risk-size-row.danger { background:linear-gradient(90deg, rgba(220,38,38,.09) 0 3px, #fffdfd 3px); }
    .risk-size-row.warn { background:#fffbeb; }
    .status-pill { display:inline-flex; width:max-content; align-items:center; justify-content:center; min-height:22px; border-radius:999px; padding:3px 8px; font-size:11px; font-weight:900; line-height:1.2; border:1px solid #dbe3ef; background:#f8fafc; color:#334155; white-space:nowrap; box-shadow:0 4px 12px rgba(15,23,42,.035); }
    .status-pill.danger { color:#b42318; background:#fef2f2; border-color:#fecaca; }
    .status-pill.warn { color:#92400e; background:#fffbeb; border-color:#fde68a; }
    .status-pill.ok { color:#047857; background:#ecfdf5; border-color:#86efac; }
    .mini-sales-bar { display:inline-flex; width:72px; height:7px; margin-right:6px; border-radius:999px; overflow:hidden; background:#edf2f7; vertical-align:middle; }
    .mini-sales-bar i { display:block; height:100%; background:var(--blue); }
    .risk-size-total { background:#f8fafc; font-weight:900; }
    :root[data-theme="dark"] .risk-basic,:root[data-theme="dark"] .risk-size-total { background:#1f2a3a; }
    .new-check-board { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; align-items:start; }
    .new-lane { border:1px solid var(--line); border-radius:8px; background:var(--soft); padding:11px; min-width:0; box-shadow:inset 4px 0 0 #94a3b8; }
    .new-lane.scale { box-shadow:inset 4px 0 0 var(--green); }
    .new-lane.boost { box-shadow:inset 4px 0 0 #0f766e; }
    .new-lane.watch { box-shadow:inset 4px 0 0 var(--blue); }
    .new-lane.detail { box-shadow:inset 4px 0 0 var(--amber); }
    .new-lane.image { box-shadow:inset 4px 0 0 var(--red); }
    .new-lane-head { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-bottom:5px; }
    .new-lane-head strong { font-size:15px; }
    .new-lane-head span { color:var(--primary); background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:2px 7px; font-size:12px; font-weight:900; }
    .new-lane > p { color:var(--muted); font-size:12px; min-height:56px; }
    .new-lane-body { display:grid; gap:9px; margin-top:9px; }
    .new-card { display:grid; grid-template-columns:54px minmax(0,1fr); gap:9px; border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:8px; min-width:0; }
    .new-card.missing-data,.graduate-card.missing-data { border-color:#f3c36d; background:#fffaf0; }
    .new-img { width:54px; height:72px; border-radius:6px; overflow:hidden; background:#eef2f7; }
    .new-img img { width:100%; height:100%; object-fit:cover; }
    .new-img .no-img { min-height:72px; font-size:10px; }
    .new-main { min-width:0; }
    .new-head { display:flex; gap:6px; justify-content:space-between; align-items:center; }
    .new-head strong,.new-head span,.new-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .new-head strong { font-size:13px; }
    .new-head span { color:var(--primary); font-size:11px; font-weight:800; }
    .new-subline { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:3px; }
    .new-subline span,.new-subline small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .new-subline span { color:var(--primary); font-size:11px; font-weight:800; }
    .new-subline small { color:var(--muted); }
    .new-main small { color:var(--muted); font-size:11px; }
    .new-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:7px 0; }
    .new-facts div { background:var(--soft); border:1px solid var(--line); border-radius:6px; padding:5px; min-width:0; }
    .new-facts b,.new-facts span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .new-facts b { font-size:12px; }
    .new-card.missing-data .new-facts b,.graduate-card.missing-data .graduate-facts b { color:#9a6700; }
    .new-facts span { color:var(--muted); font-size:10px; }
    .new-rates { display:grid; grid-template-columns:1fr; gap:4px; }
    .new-rates label { display:flex; justify-content:space-between; gap:6px; color:var(--muted); font-size:11px; }
    .new-rates span { height:7px; background:#edf2f7; border-radius:999px; overflow:hidden; }
    .new-rates i { display:block; height:100%; background:var(--blue); }
    .brushed-observation-summary { display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; margin:4px 0 10px; color:var(--muted); font-size:12px; }
    .brushed-observation-summary strong { color:var(--ink); font-size:14px; }
    .brushed-observation-table table { min-width:920px; }
    .brushed-observation-table td:first-child strong,.brushed-observation-table td:first-child small { display:block; }
    .brushed-observation-table td:first-child small { color:var(--muted); font-size:11px; margin-top:2px; }
    .brushed-decision { display:inline-flex; border-radius:999px; padding:3px 8px; font-size:11px; font-weight:800; white-space:nowrap; }
    .brushed-decision.ok { color:#047857; background:#ecfdf5; }
    .brushed-decision.warn { color:#92400e; background:#fffbeb; }
    .brushed-decision.danger { color:#b42318; background:#fef2f2; }
    .brushed-decision.muted { color:var(--muted); background:var(--soft); }
    .brushed-natural-ok { color:#047857; font-weight:800; }
    .brushed-natural-warn { color:#92400e; font-weight:800; }
    .brushed-natural-danger { color:#b42318; font-weight:800; }
    .new-card.detail .new-rates i,.new-lane.detail .new-rates i { background:var(--amber); }
    .new-card.image .new-rates i,.new-lane.image .new-rates i { background:var(--red); }
    .new-card.scale .new-rates i,.new-lane.scale .new-rates i { background:var(--green); }
    .new-card.boost .new-rates i,.new-lane.boost .new-rates i { background:#0f766e; }
    .graduate-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:start; }
    .graduate-lane { border:1px solid var(--line); border-radius:8px; background:var(--soft); padding:11px; min-width:0; box-shadow:inset 4px 0 0 #94a3b8; }
    .graduate-lane.graduated { box-shadow:inset 4px 0 0 var(--green); }
    .graduate-lane.ready { box-shadow:inset 4px 0 0 var(--blue); }
    .graduate-lane.observe { box-shadow:inset 4px 0 0 var(--amber); }
    .graduate-lane.phaseout { box-shadow:inset 4px 0 0 var(--red); }
    .graduate-lane-head { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-bottom:5px; }
    .graduate-lane-head strong { font-size:15px; }
    .graduate-lane-head span { color:var(--primary); background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:2px 7px; font-size:12px; font-weight:900; }
    .graduate-lane > p { color:var(--muted); font-size:12px; min-height:56px; }
    .graduate-lane-body { display:grid; gap:9px; margin-top:9px; }
    .graduate-card { display:grid; grid-template-columns:54px minmax(0,1fr); gap:9px; border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:8px; min-width:0; }
    .graduate-thumb { width:54px; height:72px; border-radius:6px; overflow:hidden; background:#eef2f7; }
    .graduate-thumb img { width:100%; height:100%; object-fit:cover; }
    .graduate-head,.graduate-sub { display:flex; justify-content:space-between; gap:8px; align-items:center; }
    .graduate-head strong,.graduate-sub span,.graduate-sub small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .graduate-sub span { color:var(--primary); font-size:11px; font-weight:800; }
    .graduate-sub small { color:var(--muted); }
    .graduate-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin:7px 0; }
    .graduate-facts div { background:var(--soft); border:1px solid var(--line); border-radius:6px; padding:5px; min-width:0; }
    .graduate-facts b,.graduate-facts span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .graduate-facts b { font-size:12px; }
    .graduate-facts span { color:var(--muted); font-size:10px; }
    .graduate-card p { color:var(--ink); font-size:12px; }
    .new-main p { margin-top:7px; color:var(--muted); font-size:12px; }
    .new-main p b { color:var(--ink); }
    .empty-lane { color:var(--muted); font-size:13px; padding:12px; background:var(--panel); border:1px dashed var(--line); border-radius:8px; }
    .product-analysis-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:14px; }
    .seg-funnel { display:grid; grid-template-columns:1fr 86px 1fr 86px 1fr 86px 1fr; align-items:center; gap:8px; min-height:230px; }
    .seg-stage { min-height:112px; border:1px solid var(--line); border-radius:8px; background:var(--soft); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:14px; text-align:center; }
    .seg-stage span { color:var(--muted); font-size:13px; font-weight:800; }
    .seg-stage strong { margin-top:8px; font-size:25px; }
    .seg-arrow { display:grid; justify-items:center; gap:7px; }
    .seg-arrow i { width:100%; height:2px; background:var(--line); position:relative; }
    .seg-arrow i:after { content:""; position:absolute; right:-1px; top:-4px; border-left:8px solid var(--line); border-top:5px solid transparent; border-bottom:5px solid transparent; }
    .seg-arrow b { color:var(--primary); background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:3px 7px; font-size:12px; }
    .funnel { width:100%; min-height:460px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:18px 0; }
    .funnel-row { min-width:210px; max-width:100%; min-height:72px; border-radius:8px; border:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 22px; background:#eaf1ff; box-shadow:inset 0 0 0 1px rgba(38,98,217,.08); }
    .funnel-row:nth-child(2) { background:#e9f9f1; }
    .funnel-row:nth-child(3) { background:#fff6dd; }
    .funnel-row:nth-child(4) { background:#eef8f8; }
    .funnel-row:nth-child(5) { background:#ffecec; }
    .funnel-row span { font-size:17px; font-weight:700; color:#172033; white-space:nowrap; }
    .funnel-row strong { font-size:25px; color:#172033; white-space:nowrap; }
    .rate-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .rate-card { background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:12px; }
    .rate-card span { color:var(--muted); font-size:12px; }
    .rate-card strong { display:block; margin-top:6px; font-size:22px; }
    .bar { height:9px; background:#edf2f7; border-radius:999px; overflow:hidden; min-width:100px; }
    .bar span { display:block; height:100%; background:linear-gradient(90deg,var(--blue),var(--green)); }
    .analysis-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .analysis-list { display:grid; gap:10px; }
    .analysis-product { display:grid; grid-template-columns:58px minmax(0,1fr); gap:10px; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
    .thumb { width:58px; height:78px; background:#eef2f7; border-radius:6px; overflow:hidden; grid-row:span 2; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:12px; }
    .thumb img { width:100%; height:100%; object-fit:cover; }
    .table-thumb { width:44px; height:58px; border-radius:6px; overflow:hidden; background:#eef2f7; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:10px; }
    .table-thumb img { width:100%; height:100%; object-fit:cover; }
    .table-thumb .no-img { min-height:58px; font-size:10px; }
    .analysis-product-main h3 { margin:4px 0; font-size:13px; line-height:1.35; max-height:36px; overflow:hidden; }
    .analysis-product-main p { margin:0; color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .analysis-product-main .ops-line { color:var(--primary); margin-top:3px; }
    .analysis-product-main small { color:var(--muted); font-size:11px; }
    .analysis-product-kpi { grid-column:2; }
    .analysis-product-kpi strong { display:block; color:var(--blue); font-size:18px; }
    .analysis-product-kpi span { color:var(--muted); font-size:12px; }
    .product-mini-metrics { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-top:4px; }
    .product-mini-metrics div { background:var(--soft); border:1px solid var(--line); border-radius:6px; padding:6px; min-width:0; }
    .product-mini-metrics b { display:block; font-size:12px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .product-mini-metrics span { display:block; margin-top:2px; color:var(--muted); font-size:11px; }
    .layer-panel { display:grid; grid-template-columns:1.08fr .92fr; gap:12px; align-items:center; }
    .layer-share-list { display:grid; gap:7px; min-width:0; }
    .layer-share-row { display:grid; grid-template-columns:minmax(0,1fr) 66px auto; gap:8px; align-items:center; padding:7px 8px; border:1px solid var(--line); border-radius:8px; background:var(--soft); }
    .layer-share-row span { display:flex; align-items:center; gap:7px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink); font-weight:700; font-size:12px; }
    .layer-share-row i { width:10px; height:10px; border-radius:3px; flex:0 0 auto; }
    .layer-share-row small { color:var(--muted); font-size:11px; text-align:right; }
    .layer-share-row strong { color:var(--ink); font-size:12px; text-align:right; white-space:nowrap; }
    .layer-share-row em { color:var(--primary); font-style:normal; margin-left:4px; }
    .recolor-tier { border:1px solid var(--line); border-radius:8px; background:var(--soft); padding:12px; margin-bottom:12px; box-shadow:inset 4px 0 0 #cbd5e1; }
    .recolor-tier.level-3 { box-shadow:inset 4px 0 0 #2f80ed; }
    .recolor-tier.level-5 { box-shadow:inset 4px 0 0 #d97706; }
    .recolor-tier.level-8 { box-shadow:inset 4px 0 0 #c7532b; }
    .recolor-tier-head { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:10px; }
    .recolor-tier-head h3 { font-size:16px; }
    .recolor-tier-head p { color:var(--muted); font-size:12px; margin-top:3px; }
    .recolor-tier-stats { display:grid; grid-template-columns:auto auto; gap:2px 8px; align-items:baseline; min-width:max-content; }
    .recolor-tier-stats strong { color:var(--ink); font-size:17px; text-align:right; }
    .recolor-tier-stats span { color:var(--muted); font-size:11px; }
    .recolor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
    .recolor-card { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px; padding:9px; border:1px solid var(--line); border-radius:8px; background:var(--panel); box-shadow:inset 4px 0 0 #cbd5e1; }
    .recolor-card.level-3 { box-shadow:inset 4px 0 0 #2f80ed; }
    .recolor-card.level-5 { box-shadow:inset 4px 0 0 #d97706; }
    .recolor-card.level-8 { box-shadow:inset 4px 0 0 #c7532b; }
    .recolor-card .thumb { width:44px; height:60px; border-radius:6px; }
    .recolor-main h3 { margin:4px 0; font-size:14px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .recolor-main p,.recolor-main small { display:block; color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .recolor-decision { grid-column:2; background:#eef6ff; border:1px solid #b9d8ff; border-radius:8px; padding:7px; }
    .level-5 .recolor-decision { background:#fff7e8; border-color:#f3c36d; }
    .level-8 .recolor-decision { background:#fff0ec; border-color:#f3a992; }
    .recolor-level { display:inline-flex; align-items:center; width:max-content; border-radius:999px; padding:2px 7px; margin-bottom:5px; font-size:11px; font-weight:800; color:#1d4f8f; background:#dcecff; }
    .level-5 .recolor-level { color:#92400e; background:#fdecc8; }
    .level-8 .recolor-level { color:#9a3412; background:#ffd8cc; }
    .recolor-decision strong { display:block; color:#1d4f8f; font-size:14px; line-height:1.35; }
    .level-5 .recolor-decision strong { color:#b45309; }
    .level-8 .recolor-decision strong { color:#c2410c; }
    .recolor-need-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:8px; }
    .recolor-need-grid div { position:relative; min-width:0; border:1px solid #cfe2ff; border-radius:8px; background:rgba(255,255,255,.72); padding:7px 6px; }
    .level-5 .recolor-need-grid div { border-color:#f5cf8a; }
    .level-8 .recolor-need-grid div { border-color:#f2b09d; }
    .recolor-need-grid span { display:block; color:var(--muted); font-size:11px; font-weight:700; white-space:nowrap; }
    .recolor-need-grid b { display:inline-block; margin-top:2px; color:#1d4f8f; font-size:20px; line-height:1; letter-spacing:0; }
    .level-5 .recolor-need-grid b { color:#b45309; }
    .level-8 .recolor-need-grid b { color:#c2410c; }
    .recolor-need-grid .gap { background:#fff; box-shadow:inset 0 0 0 1px rgba(199,83,43,.16); }
    .recolor-need-grid .gap b { font-size:28px; }
    .recolor-need-grid em { margin-left:3px; color:var(--muted); font-style:normal; font-size:11px; font-weight:700; }
    .top-thumb-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:12px; }
    .top-thumb { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px; align-items:center; background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:7px; min-width:0; }
    .top-thumb-img { width:44px; height:58px; border-radius:6px; overflow:hidden; background:#eef2f7; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:11px; }
    .top-thumb-img .no-img { min-height:58px; font-size:10px; }
    .top-thumb-img img { width:100%; height:100%; object-fit:cover; }
    .top-thumb strong { display:block; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .top-thumb span { display:block; margin-top:3px; color:var(--blue); font-size:12px; font-weight:800; }
    .spu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .spu-stack { display:grid; gap:14px; }
    .spu-card { background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:14px; min-width:0; }
    .spu-card-head { display:grid; grid-template-columns:82px minmax(0,1fr); gap:12px; align-items:start; margin-bottom:10px; }
    .spu-card-head p { color:var(--muted); font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .spu-image { width:82px; height:110px; border-radius:8px; overflow:hidden; background:#eef2f7; display:flex; align-items:center; justify-content:center; color:#94a3b8; }
    .spu-image img { width:100%; height:100%; object-fit:cover; }
    .spu-image .no-img { min-height:110px; font-size:12px; }
    .spu-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:10px 0; }
    .spu-summary div { background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:9px; }
    .spu-summary b { display:block; font-size:16px; }
    .spu-summary span { color:var(--muted); font-size:11px; }
    .compact-wrap { max-height:280px; }
    .lifecycle-layout { display:grid; grid-template-columns:.96fr 1.04fr; gap:14px; align-items:start; }
    .exception-pool { display:grid; gap:14px; }
    .quality-surface { margin-top:14px; }
    .category-empty {
      padding:28px 18px; border:1px dashed var(--line); border-radius:10px;
      text-align:center; color:var(--muted); background:rgba(255,255,255,.45);
    }
    .period-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
    .period-card { background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:14px; }
    .period-card strong { display:block; margin-bottom:6px; font-size:15px; }
    .period-card p { color:var(--muted); font-size:12px; }
    .fold-panel { background:var(--panel); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow); margin-bottom:14px; padding:0; overflow:hidden; }
    .fold-panel summary { cursor:pointer; list-style:none; padding:16px 18px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--primary); font-weight:800; }
    .fold-panel summary::after { content:"›"; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px; border:1px solid var(--line); color:var(--muted); transform:rotate(90deg); transition:transform .18s ease; flex:0 0 auto; }
    .fold-panel[open] summary::after { transform:rotate(-90deg); }
    .fold-panel summary::-webkit-details-marker { display:none; }
    .fold-panel summary span { color:var(--muted); font-size:13px; font-weight:500; }
    .fold-panel[open] summary { border-bottom:1px solid var(--line); }
    .compact-fold { box-shadow:none; border-style:dashed; margin-bottom:10px; }
    .compact-fold summary { padding:10px 12px; font-size:13px; background:rgba(248,250,252,.72); }
    .compact-fold summary span { font-size:12px; }
    .fold-body { padding:18px; }
    .data-footnote { color:var(--muted); font-size:12px; border-top:1px solid var(--line); margin-top:8px; padding-top:12px; }
    .data-footnote summary { cursor:pointer; color:var(--primary); font-weight:700; }
    .async-panel { position:relative; isolation:isolate; }
    .async-panel.is-loading { overflow:hidden; }
    .async-panel.is-loading > canvas,
    .async-panel.is-loading > table,
    .async-panel.is-loading > .single-skc-card,
    .async-panel.is-loading > .single-skc-layout,
    .async-panel.is-loading > .products,
    .async-panel.is-loading > .metric-grid { opacity:.44; filter:saturate(.75); }
    .async-panel.is-loading:not(.has-inline-loader)::before {
      content:""; position:absolute; inset:10px; z-index:7; border:1px solid color-mix(in srgb, var(--line) 72%, transparent);
      border-radius:16px; background:color-mix(in srgb, var(--panel) 84%, transparent);
      box-shadow:0 18px 45px rgba(15,23,42,.12);
      backdrop-filter:blur(14px) saturate(150%); -webkit-backdrop-filter:blur(14px) saturate(150%);
    }
    .async-panel.is-loading:not(.has-inline-loader)::after {
      content:attr(data-loading-title) "\A" attr(data-loading-detail);
      position:absolute; inset:10px; z-index:8; display:grid; place-items:center; white-space:pre-line;
      text-align:center; color:var(--ink); font-size:13px; font-weight:900; line-height:1.75; pointer-events:none;
    }
    .local-loading {
      position:absolute; inset:10px; z-index:8; display:none; place-items:center; gap:10px; min-height:78px;
      border:1px solid color-mix(in srgb, var(--line) 72%, transparent); border-radius:16px;
      background:color-mix(in srgb, var(--panel) 84%, transparent);
      box-shadow:0 18px 45px rgba(15,23,42,.12);
      backdrop-filter:blur(14px) saturate(150%); -webkit-backdrop-filter:blur(14px) saturate(150%);
      pointer-events:none;
    }
    .async-panel.is-loading > .local-loading { display:grid; animation:viewReveal .18s ease both; }
    .local-loading-orbit {
      position:relative; width:34px; height:34px; border-radius:999px;
      background:conic-gradient(from 120deg, transparent 0 18%, var(--primary) 20% 50%, var(--blue) 64%, transparent 82% 100%);
      animation:loadingSpin .82s linear infinite;
    }
    .local-loading-orbit::after { content:""; position:absolute; inset:6px; border-radius:inherit; background:var(--panel); box-shadow:inset 0 0 0 1px var(--line); }
    .local-loading-copy { display:grid; gap:4px; text-align:center; }
    .local-loading-copy strong { font-size:13px; color:var(--ink); letter-spacing:.02em; }
    .local-loading-copy span { color:var(--muted); font-size:12px; }
    .local-loading-bars { display:flex; gap:5px; align-items:end; height:18px; }
    .local-loading-bars i { display:block; width:28px; height:8px; border-radius:999px; background:linear-gradient(90deg,var(--soft),color-mix(in srgb,var(--primary) 24%,var(--soft)),var(--soft)); background-size:220% 100%; animation:loadingShimmer 1.1s ease-in-out infinite; }
    .local-loading-bars i:nth-child(2) { animation-delay:.12s; }
    .local-loading-bars i:nth-child(3) { animation-delay:.24s; }
    #shopTrendPanel.ops-shop-trend-ready .local-loading,
    #shopTrendPanel.ops-shop-trend-empty .local-loading,
    #shopTrendPanel .local-loading[hidden] { display:none !important; }
    @keyframes loadingSpin { to { transform:rotate(360deg); } }
    @keyframes loadingShimmer { 0% { background-position:120% 0; } 100% { background-position:-120% 0; } }
    @media (prefers-reduced-motion: reduce) {
      .local-loading-orbit,.local-loading-bars i,.report-view.active { animation:none; }
    }
    @media (max-width:1180px) {
      main { padding:18px; }
      header { display:block; }
      .kpi-grid,.chart-grid,.analysis-grid,.stock-risk-grid,.country-grid,.products,.metric-grid,.site-metric-grid,.product-analysis-grid,.analysis-card-grid,.top-thumb-strip,.spu-grid,.period-grid,.recolor-grid,.layer-panel,.action-board,.new-check-board,.graduate-board,.overview-grid,.overview-periods,.overview-category-layout,.single-skc-layout,.selected-date-grid,.selected-date-lists,.country-overview-layout,.conversion-layout,.stock-delta-grid,.global-state-bar,.profit-filters,.view-brief,.exec-hero,.exec-health,.exec-kpis,.support-dock-grid,.ops-site-grid,.ops-overview-grid,.ops-overview-bottom { grid-template-columns:1fr; }
      .support-dock-head { align-items:flex-start; flex-direction:column; gap:4px; }
      .stock-summary-grid { grid-template-columns:1fr; }
      .product-card { grid-template-columns:96px 1fr; }
      .recolor-tier-head { align-items:flex-start; flex-direction:column; }
    }
    @media print {
      button { display:none; }
      body { background:#fff; }
      .sticky-stack,.quick-nav,.sub-quick-nav { position:static !important; top:auto !important; box-shadow:none !important; break-inside:avoid; }
      .compact-state-strip { display:none !important; }
      .global-state-bar { position:static !important; box-shadow:none !important; }
      .panel,.kpi,.country-card,.product-card { box-shadow:none; break-inside:avoid; }
      .table-wrap { max-height:none; overflow:visible; }
    }