/* ═══════════════════════════════════════════════════════════════
   SHOPILOT PROTOTYPE v8 — Design System
   Geist + shadcn/ui zinc + elevation + clean cascade
   ═══════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  /* zinc palette (shadcn/ui) */
  --bg:#09090b; --surface:#18181b; --surface2:#27272a; --surface3:#3f3f46;
  --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.13);
  --text:#fafafa; --text2:#a1a1aa; --text3:#71717a; --text4:#52525b;
  /* semantic */
  --accent:#f97316; --accent2:#ea6a00;
  --accent-bg:rgba(249,115,22,.1); --accent-border:rgba(249,115,22,.28);
  --green:#22c55e; --green-bg:rgba(34,197,94,.1); --green-border:rgba(34,197,94,.28);
  --red:#ef4444; --red-bg:rgba(239,68,68,.1); --red-border:rgba(239,68,68,.28);
  --amber:#f59e0b; --amber-bg:rgba(245,158,11,.1); --amber-border:rgba(245,158,11,.28);
  --blue:#3b82f6; --blue-bg:rgba(59,130,246,.1); --blue-border:rgba(59,130,246,.22);
  --purple:#a855f7; --purple-bg:rgba(168,85,247,.1); --purple-border:rgba(168,85,247,.22);
  /* marketplace */
  --amz-navy:#232f3e; --amz-orange:#FF9900; --amz-blue:#146EB4; --amz-bg:#f3f3f3;
  --meli-yellow:#FFE600; --meli-blue:#3483FA;
  /* radius */
  --r-xs:4px; --r-sm:6px; --r:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --r-2xl:20px; --r-full:9999px;
  /* elevation */
  --shadow-xs:0 1px 2px rgba(0,0,0,.25);
  --shadow-sm:0 1px 3px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.2);
  --shadow:0 2px 8px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.25);
  --shadow-md:0 4px 16px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.25);
  --shadow-lg:0 8px 32px rgba(0,0,0,.7),0 4px 8px rgba(0,0,0,.25);
  /* fonts */
  --font:'Geist','Inter',sans-serif;
  --font-mono:'Geist Mono','JetBrains Mono',monospace;
}

html,body{height:100%;overflow:hidden;font-family:var(--font);background:var(--bg);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ── OS DESKTOP — macOS-like desktop background ─────────────────── */
.os-desktop{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;
  background:linear-gradient(160deg,#1b0438 0%,#0c1a3e 40%,#07112a 70%,#040810 100%)}
.os-desktop-menubar{height:24px;background:rgba(6,4,16,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  display:flex;align-items:center;padding:0 10px;flex-shrink:0;gap:0;
  border-bottom:1px solid rgba(255,255,255,.07);z-index:10;position:relative}
.os-desktop-menubar-app{font-size:12px;font-weight:700;color:white;padding:0 8px}
.os-desktop-menubar-item{font-size:11px;color:rgba(255,255,255,.7);padding:0 8px;white-space:nowrap}
.os-desktop-menubar-right{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;color:rgba(255,255,255,.6)}
.os-desktop-main{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;position:relative;
  background:radial-gradient(ellipse 60% 55% at 22% 38%,rgba(100,28,190,.24) 0%,transparent 60%),
             radial-gradient(ellipse 50% 45% at 80% 62%,rgba(12,48,130,.2) 0%,transparent 55%)}
.os-desktop-dock-bar{height:68px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;flex-shrink:0}
.os-desktop-dock-inner{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(24px);
  border-radius:18px;padding:4px 10px;display:flex;align-items:flex-end;gap:4px}
.dock-app{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  font-size:26px;cursor:pointer;transition:transform .12s;flex-shrink:0;position:relative}
.dock-app:hover{transform:scale(1.2) translateY(-8px)}
.dock-app-dot{width:4px;height:4px;background:rgba(255,255,255,.85);border-radius:50%;
  position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);opacity:0}
.dock-app-dot.on{opacity:1}
.dock-sep{width:1px;background:rgba(255,255,255,.22);height:32px;margin:0 2px;align-self:flex-end;margin-bottom:4px}

/* ── ELECTRON WINDOW — responsive, fills ~90% of desktop area ──── */
.electron-window{width:calc(100vw - 40px);height:calc(100vh - 24px - 68px - 20px);
  max-width:1380px;min-width:900px;
  border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.9),0 48px 120px rgba(0,0,0,.6)}
.electron-titlebar{
  background:rgba(18,18,22,.97);height:38px;display:flex;align-items:center;
  padding:0 14px;gap:10px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.09);
  -webkit-app-region:drag;position:relative;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.tl{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.tl.r{background:#ff5f57}.tl.y{background:#febc2e}.tl.g{background:#28c840}
.win-title{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;font-weight:500;color:var(--text3);pointer-events:none}
.win-controls{margin-left:auto;display:flex;align-items:center;gap:8px}
.win-model{font-family:var(--font-mono);font-size:10px;color:var(--text4);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--r-xs);padding:2px 8px;margin-right:4px}
.dev-mode-btn{font-size:10px;font-weight:500;color:var(--text3);border:1px solid var(--border);border-radius:var(--r-xs);padding:2px 8px;cursor:pointer;transition:all .15s;background:transparent;font-family:var(--font)}
.dev-mode-btn:hover,.dev-mode-btn.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}

/* ── BROWSER CHROME (App Nav Bar) ──────────────────────────────── */
.browser-chrome{background:#0d0d14;height:44px;display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}
.url-bar{display:flex;align-items:center;padding:0 16px;gap:8px;border-right:1px solid rgba(255,255,255,.06);min-width:260px}
.url-favicon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.url-text{font-size:11px;font-family:var(--font-mono);color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.url-domain{color:var(--text2)}
.url-path{color:var(--text4)}
.browser-tabs{display:flex;align-items:stretch;flex:1}
.btab{display:flex;align-items:center;gap:7px;padding:0 18px;font-size:11px;font-weight:500;color:var(--text3);border-right:1px solid rgba(255,255,255,.06);cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}
.btab:hover{background:rgba(255,255,255,.04);color:var(--text2)}
.btab.active{background:rgba(255,255,255,.05);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
.btab-favicon{width:14px;height:14px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.btab-title{font-size:11px}
.btab-close{display:none}
.shopilot-toggle{width:28px;height:28px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;margin:8px 12px 8px 4px;transition:all .15s}
.shopilot-toggle:hover{background:rgba(249,115,22,.2)}

/* ── CONTENT AREA ──────────────────────────────────────────────── */
.content-area{flex:1;display:flex;overflow:hidden}
.marketplace-pane{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--amz-bg);position:relative}
.marketplace-view{flex:1;overflow-y:auto;display:none}
.marketplace-view.visible{display:flex;flex-direction:column}
.marketplace-view::-webkit-scrollbar{width:5px}
.marketplace-view::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}

/* ── AMAZON SC ─────────────────────────────────────────────────── */
.amz-topnav{background:var(--amz-navy);color:white;padding:8px 20px;display:flex;align-items:center;gap:20px;flex-shrink:0}
.amz-logo{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:700;color:white}
.amz-logo .amz-arrow{color:var(--amz-orange);font-size:18px;line-height:1}
.amz-sc-label{color:rgba(255,255,255,.6);font-size:11px;border-left:1px solid rgba(255,255,255,.2);padding-left:14px}
.amz-nav-links{display:flex;gap:18px;margin-left:auto}
.amz-nav-links a{color:rgba(255,255,255,.65);text-decoration:none;font-size:12px;transition:color .15s}
.amz-nav-links a:hover,.amz-nav-links a.active{color:var(--amz-orange)}
.amz-user{color:rgba(255,255,255,.6);font-size:11px;margin-left:16px}
.amz-subnav{background:white;border-bottom:1px solid #ddd;padding:6px 20px;display:flex;gap:24px;flex-shrink:0}
.amz-subnav a{font-size:12px;color:#555;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;transition:all .15s}
.amz-subnav a:hover{color:var(--amz-navy)}
.amz-subnav a.active{color:var(--amz-orange);border-bottom-color:var(--amz-orange);font-weight:600}
.amz-main{padding:20px;flex:1;background:var(--amz-bg)}
.amz-page-title{font-size:18px;font-weight:700;color:#111;margin-bottom:16px}
.amz-section-title{font-size:14px;font-weight:700;color:#111;margin-bottom:10px}

/* Amazon metric cards */
.amz-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.amz-metric-card{background:white;border:1px solid #e2e8f0;border-radius:var(--r-md);padding:14px 16px;overflow:hidden;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
.amz-metric-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05);transform:translateY(-1px)}
.amz-metric-card.mc-revenue{border-top:2px solid var(--amz-orange)}
.amz-metric-card.mc-units{border-top:2px solid var(--amz-blue)}
.amz-metric-card.mc-orders{border-top:2px solid #15803d}
.amz-metric-card.mc-price{border-top:2px solid #6b7280}
.amz-metric-label{font-size:11px;color:#64748b;font-weight:500;margin-bottom:4px}
.amz-metric-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.amz-metric-value{font-size:22px;font-weight:700;color:#0f172a;line-height:1.2;font-family:var(--font)}
.amz-metric-delta{font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--r-full);display:inline-block}
.amz-metric-delta.up{background:#dcfce7;color:#15803d}
.amz-metric-delta.down{background:#fee2e2;color:#dc2626}
.amz-sparkline{width:100%;height:32px;display:block;margin-top:4px}
@keyframes countUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.amz-metric-value.counting{animation:countUp .4s ease both}

/* Revenue chart */
.amz-chart-card{background:white;border:1px solid #e2e8f0;border-radius:var(--r-md);padding:16px 16px 12px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.amz-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.amz-chart-title{font-size:13px;font-weight:600;color:#0f172a}
.amz-chart-note{font-size:11px;color:#dc2626;font-weight:500}
.amz-chart-legend{display:flex;gap:12px;margin-top:8px}
.amz-chart-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b}
.amz-chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.chart-annotation{position:absolute;background:#dc2626;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px rgba(220,38,38,.2)}

/* Amazon table */
.amz-table{width:100%;border-collapse:collapse;background:white;border:1px solid #e2e8f0;border-radius:var(--r-md);overflow:hidden;font-size:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.amz-table th{background:#f8fafc;padding:8px 12px;text-align:left;font-size:11px;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;letter-spacing:.3px}
.amz-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle}
.amz-table tr:last-child td{border-bottom:none}
.amz-table tr:hover td{background:#f8fafc}
.amz-badge{display:inline-block;padding:2px 8px;border-radius:var(--r-full);font-size:10px;font-weight:600}
.amz-badge.active{background:#dcfce7;color:#15803d}
.amz-badge.warning{background:#fff7ed;color:#c2410c}
.amz-badge.inactive{background:#f1f5f9;color:#64748b}
.amz-link{color:var(--amz-blue);text-decoration:none;cursor:pointer}
.amz-link:hover{text-decoration:underline}
.amz-alert-card{background:white;border:1px solid #e2e8f0;border-left:3px solid var(--amz-orange);border-radius:var(--r-md);padding:12px 16px;margin-bottom:10px;cursor:pointer;transition:box-shadow .15s,border-left-color .15s;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.amz-alert-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-left-color:#e68a00}
.amz-alert-title{font-size:12px;font-weight:600;color:#0f172a;margin-bottom:3px}
.amz-alert-desc{font-size:11px;color:#4b5563;line-height:1.5}
.amz-btn{background:var(--amz-orange);border:1px solid #e68a00;border-radius:var(--r-xs);padding:6px 14px;font-size:12px;font-weight:600;color:#111;cursor:pointer;font-family:var(--font);transition:background .15s}
.amz-btn:hover{background:#e68a00}
.amz-btn-sec{background:white;border:1px solid #d1d5db;border-radius:var(--r-xs);padding:6px 14px;font-size:12px;color:#374151;cursor:pointer;font-family:var(--font);transition:background .15s}
.amz-btn-sec:hover{background:#f9fafb}
/* Amazon product page */
.amz-product-layout{display:flex;gap:0}
.amz-product-sidebar{width:200px;background:white;border-right:1px solid #e2e8f0;padding:14px;flex-shrink:0}
.amz-product-sidebar h3{font-size:11px;font-weight:700;text-transform:uppercase;color:#9ca3af;margin-bottom:8px;letter-spacing:.5px}
.amz-product-sidebar a{display:block;font-size:12px;color:var(--amz-blue);margin-bottom:6px;text-decoration:none;cursor:pointer;padding:4px 6px;border-radius:var(--r-xs)}
.amz-product-sidebar a:hover{background:#f1f5f9}
.amz-product-sidebar a.active{background:#fff7ed;color:var(--amz-orange);font-weight:600}
.amz-product-content{flex:1;padding:20px;background:var(--amz-bg)}
.amz-product-header{background:white;border:1px solid #e2e8f0;border-radius:var(--r-md);padding:16px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.amz-asin-badge{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-xs);padding:4px 10px;font-size:11px;color:#64748b;margin-bottom:10px;font-family:var(--font-mono)}
.amz-product-title-text{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:10px}
.amz-product-meta{display:flex;gap:16px;flex-wrap:wrap}
.amz-meta-item{display:flex;flex-direction:column;gap:2px}
.amz-meta-label{font-size:10px;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.5px}
.amz-meta-value{font-size:13px;color:#0f172a;font-weight:500}
.amz-price-section{background:white;border:1px solid #e2e8f0;border-radius:var(--r-md);padding:16px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.amz-price-section h3{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}
.amz-price-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.amz-price-label{font-size:12px;color:#64748b;width:140px;flex-shrink:0}
.amz-price-input{border:1px solid #d1d5db;border-radius:var(--r-xs);padding:6px 10px;font-size:14px;font-weight:600;color:#0f172a;width:120px;font-family:var(--font);transition:all .4s}
.amz-price-input.updated{border-color:#15803d;background:#f0fdf4;animation:priceFlash 1.5s ease-out}
@keyframes priceFlash{0%{background:#bbf7d0;border-color:#15803d;box-shadow:0 0 0 3px rgba(21,128,61,.2)}70%{background:#f0fdf4;box-shadow:none}100%{background:#f0fdf4;border-color:#15803d}}
.amz-competitor-table{background:white;border:1px solid #e2e8f0;border-radius:var(--r-md);padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.amz-competitor-table h3{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:12px}
.amz-comp-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:12px}
.amz-comp-row:last-child{border-bottom:none}
.buy-box-winner{color:#15803d;font-weight:700}
.amz-comp-seller{flex:1;color:#374151}
.amz-comp-price{font-weight:700;color:#0f172a;min-width:60px}
.amz-comp-rating{color:#94a3b8;min-width:40px}
.amz-comp-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--r-full)}
.amz-comp-badge.winner{background:#dcfce7;color:#15803d}
.amz-comp-badge.you{background:#fff7ed;color:#c2410c}

/* ── MERCADOLIBRE ──────────────────────────────────────────────── */
.meli-topnav{background:var(--meli-yellow);padding:0 20px;display:flex;align-items:center;height:44px;gap:20px;flex-shrink:0}
.meli-logo{font-size:16px;font-weight:800;color:#333;display:flex;align-items:center;gap:6px}
.meli-logo-icon{width:26px;height:26px;background:var(--meli-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:800}
.meli-nav-links{display:flex;gap:16px}
.meli-nav-links a{font-size:12px;color:#333;text-decoration:none;font-weight:500;padding:4px 0;border-bottom:2px solid transparent}
.meli-nav-links a.active{border-bottom-color:#333}
.meli-seller-badge{margin-left:auto;background:white;border-radius:var(--r-full);padding:3px 12px;font-size:11px;font-weight:600;color:#333}
.meli-main{padding:20px;flex:1}
.meli-page-title{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}
.meli-page-sub{font-size:12px;color:#666;margin-bottom:20px}
.meli-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.meli-metric-card{background:white;border-radius:var(--r-md);padding:14px 16px;box-shadow:0 1px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}
.meli-metric-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08);transform:translateY(-1px)}
.meli-metric-label{font-size:11px;color:#9ca3af;margin-bottom:4px}
.meli-metric-value{font-size:20px;font-weight:700;color:#333}
.meli-metric-delta{font-size:11px;margin-top:2px}
.meli-metric-delta.up{color:#00a650}.meli-metric-delta.down{color:#e03}
.meli-reputation{display:flex;align-items:center;gap:14px;background:white;border-radius:var(--r-md);padding:16px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.meli-rep-bar{flex:1;height:8px;background:#eee;border-radius:var(--r-full);overflow:hidden}
.meli-rep-fill{height:100%;background:linear-gradient(90deg,#00a650,#7ec800);border-radius:var(--r-full);width:97%}
.meli-rep-label{font-size:20px;font-weight:800;color:#00a650;min-width:50px}
.meli-product-section{background:white;border-radius:var(--r-md);padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.meli-product-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f5f5f5}
.meli-product-row:last-child{border-bottom:none}
.meli-product-thumb{width:44px;height:44px;background:#f5f5f5;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.meli-product-info{flex:1}
.meli-product-name{font-size:12px;font-weight:600;color:#333;margin-bottom:2px}
.meli-product-id{font-size:10px;color:#999;font-family:var(--font-mono)}
.meli-product-price{font-size:14px;font-weight:700;color:#333;min-width:70px}
.meli-badge{display:inline-block;padding:2px 8px;border-radius:var(--r-full);font-size:10px;font-weight:600}
.meli-badge.green{background:#e7f9f0;color:#00a650}
.meli-badge.amber{background:#fff8e1;color:#f57c00}
.meli-badge.highlighted{background:var(--meli-yellow);color:#333;animation:meli-pulse 1s ease-in-out 3}
@keyframes meli-pulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(255,230,0,.5)}}
.meli-btn{background:var(--meli-blue);color:white;border:none;border-radius:var(--r-sm);padding:8px 18px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s}
.meli-btn:hover{background:#2968c8}

/* ── SHOPIFY ───────────────────────────────────────────────────── */
.shopify-topnav{background:#1a1a1a;border-bottom:1px solid #2d2d2d;padding:0 20px;display:flex;align-items:center;height:52px;gap:16px;flex-shrink:0}
.shopify-logo{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#95bf47}
.shopify-logo-icon{width:28px;height:28px;background:#95bf47;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:white;font-size:14px;font-weight:800}
.shopify-nav a{font-size:12px;color:rgba(255,255,255,.45);text-decoration:none;padding:4px 8px;border-radius:var(--r-sm)}
.shopify-nav a:hover,.shopify-nav a.active{background:rgba(255,255,255,.07);color:rgba(255,255,255,.85)}
.shopify-main{padding:20px;flex:1;overflow-y:auto;background:#1a1a1a}
.shopify-page-title{font-size:20px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:16px}
.shopify-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.shopify-metric{background:#222;border:1px solid #2d2d2d;border-radius:var(--r-md);padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:box-shadow .2s,transform .2s}
.shopify-metric:hover{box-shadow:0 4px 16px rgba(0,0,0,.25);transform:translateY(-1px)}
.shopify-metric-label{font-size:11px;color:rgba(255,255,255,.38);margin-bottom:4px}
.shopify-metric-value{font-size:20px;font-weight:700;color:rgba(255,255,255,.9)}
.shopify-metric-delta{font-size:11px;margin-top:2px}
.shopify-metric-delta.up{color:#95bf47}.shopify-metric-delta.down{color:var(--red)}
.shopify-product-table{background:#222;border:1px solid #2d2d2d;border-radius:var(--r-md);overflow:hidden}
.shopify-table-header{padding:12px 16px;font-size:11px;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2d2d2d;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px}
.shopify-table-row{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;align-items:center}
.shopify-table-row:last-child{border-bottom:none}
.shopify-table-row:hover{background:rgba(255,255,255,.02)}
.shopify-product-name{font-size:12px;font-weight:600;color:rgba(255,255,255,.85)}
.shopify-product-sku{font-size:10px;color:rgba(255,255,255,.28);font-family:var(--font-mono)}
.shopify-badge{display:inline-block;padding:2px 8px;border-radius:var(--r-xs);font-size:10px;font-weight:600}
.shopify-badge.active{background:rgba(149,191,71,.12);color:#95bf47}
.shopify-badge.draft{background:rgba(255,255,255,.07);color:rgba(255,255,255,.35)}
.variant-grid{display:grid;grid-template-columns:auto auto auto auto;gap:3px 14px;font-size:10px;font-family:var(--font-mono);margin:6px 0;padding:10px 12px;background:var(--surface2);border-radius:var(--r-sm);line-height:1.7}
.variant-grid .vh{font-weight:600;color:var(--text);font-size:9px}

/* ══════════════════════════════════════════════════════════════════
   SHOPILOT SIDEBAR — Premium dark panel
   ══════════════════════════════════════════════════════════════════ */
.shopilot-pane{width:380px;flex-shrink:0;background:var(--bg);border-left:1px solid var(--border);box-shadow:-4px 0 30px rgba(0,0,0,.5);display:flex;flex-direction:column;position:relative}

/* Header */
.sp-header{background:rgba(9,9,11,.82);border-bottom:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;gap:9px;flex-shrink:0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.sp-logo{width:24px;height:24px;background:linear-gradient(135deg,var(--accent) 0%,#d97706 100%);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:white;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 0 14px rgba(249,115,22,.32)}
.sp-title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.25px}
.sp-credits{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-full);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);white-space:nowrap;transition:all .4s;font-family:var(--font-mono)}
.sp-credits.warning{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}
.sp-credits.reloaded{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}

/* Context strip */
.sp-context-strip{background:rgba(249,115,22,.04);border-bottom:1px solid rgba(249,115,22,.08);padding:6px 14px;display:flex;align-items:center;gap:7px;flex-shrink:0}
.sp-context-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:spulse 2s infinite;flex-shrink:0}
@keyframes spulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(249,115,22,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(249,115,22,0)}}
.sp-context-text{font-size:10px;color:var(--accent);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}
.sp-context-marketplace{font-size:10px;color:var(--text3);margin-left:auto;white-space:nowrap;font-family:var(--font-mono)}

/* Chat area */
.sp-chat{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.sp-chat::-webkit-scrollbar{width:3px}
.sp-chat::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}

/* User messages */
.msg-user{align-self:flex-end;max-width:88%;background:rgba(249,115,22,.13);border:1px solid rgba(249,115,22,.22);border-radius:var(--r-lg) var(--r-lg) var(--r-xs) var(--r-lg);padding:8px 12px;font-size:12px;line-height:1.55;color:rgba(255,235,215,.9);font-family:var(--font)}
.msg-user-bubble{display:block}

/* Coach messages */
.msg-coach{align-self:flex-start;width:100%}
.msg-coach-header{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.coach-avatar{width:20px;height:20px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent),var(--amber));display:flex;align-items:center;justify-content:center;color:white;font-size:9px;font-weight:700;flex-shrink:0}
.coach-name{font-size:11px;font-weight:600;color:var(--accent)}
.msg-coach-body{font-size:12px;line-height:1.62;color:var(--text2)}

/* ── ReAct blocks ──────────────────────────────────────────────── */
.react-thought{background:rgba(168,85,247,.05);border:1px solid rgba(168,85,247,.16);border-left:2px solid rgba(168,85,247,.5);border-radius:var(--r-sm);padding:8px 12px;margin:6px 0}
.react-thought-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#a855f7;margin-bottom:4px}
.react-thought-text{font-size:11px;color:rgba(196,181,253,.78);line-height:1.5;font-family:var(--font-mono)}
.react-label{color:rgba(168,85,247,.65);font-size:10px}

.react-tool{background:rgba(12,18,32,.7);border:1px solid var(--border);border-left:2px solid rgba(59,130,246,.5);border-radius:var(--r-sm);padding:8px 12px;margin:4px 0}
.react-tool-header{display:flex;align-items:center;gap:7px;margin-bottom:4px}
.tool-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--blue)}
.tool-name{font-family:var(--font-mono);font-size:11px;color:#93c5fd;background:rgba(59,130,246,.08);padding:1px 8px;border-radius:var(--r-xs)}
.tool-type-badge{font-size:9px;font-weight:600;padding:1px 6px;border-radius:var(--r-xs);margin-left:auto;font-family:var(--font-mono)}
.tool-type-badge.read{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}
.tool-type-badge.write{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}
.tool-args{font-family:var(--font-mono);font-size:10px;color:var(--text3);margin-bottom:5px;padding-left:3px}
.tool-status{display:flex;align-items:center;gap:6px;font-size:11px}
.tool-spinner{width:11px;height:11px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--blue);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes appOpen{from{transform:scale(0.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.electron-window.opening{animation:appOpen .38s cubic-bezier(.4,0,.2,1) both}
@keyframes chatEnter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.sp-chat.enter{animation:chatEnter .3s cubic-bezier(.4,0,.2,1) both}
/* ── Coach thinking dots ─────────────────────────────────── */
.coach-thinking{display:flex;align-items:center;gap:5px;padding:10px 14px;margin:4px 0}
.coach-thinking span{width:7px;height:7px;border-radius:50%;background:var(--text3);animation:thinking-dot .9s ease-in-out infinite;flex-shrink:0}
.coach-thinking span:nth-child(2){animation-delay:.18s}
.coach-thinking span:nth-child(3){animation-delay:.36s}
@keyframes thinking-dot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}
/* Disabled arrows during thinking */
#demo-arrows.thinking button{opacity:.3;pointer-events:none}
.sp-send.typing{background:var(--accent)!important;transform:scale(1.12);transition:transform .12s,background .12s}
.ap-hint{display:block;text-align:center;font-size:9px;font-family:var(--font-mono);color:var(--text4);padding:3px 0;letter-spacing:.4px}
.tool-ok{color:var(--green)}
.tool-time{color:var(--text3);font-size:10px;font-family:var(--font-mono)}
.tool-result-toggle{font-size:10px;color:var(--green);cursor:pointer;user-select:none;opacity:.75;margin-top:4px;display:inline-block;font-family:var(--font-mono)}
.tool-result-toggle:hover{opacity:1}
.tool-result{font-family:var(--font-mono);font-size:10px;color:rgba(134,239,172,.82);margin-top:5px;background:rgba(0,0,0,.45);border-radius:var(--r-xs);padding:7px 9px;white-space:pre-wrap;cursor:pointer;border:1px solid rgba(255,255,255,.05);line-height:1.5;max-height:200px;overflow-y:auto}
.tool-toggle-btn{font-family:var(--font-mono);font-size:9px;background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.1);border-radius:0;color:var(--text3);padding:2px 0;cursor:pointer;display:block;text-align:left;margin-top:4px;transition:color .15s}
.tool-toggle-btn:hover{color:var(--text2)}

.react-obs{background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.14);border-left:2px solid rgba(34,197,94,.45);border-radius:var(--r-sm);padding:7px 12px;margin:4px 0}
.react-obs .react-label{color:rgba(34,197,94,.65);font-family:var(--font-mono);font-size:10px}
.react-obs-text{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.48);line-height:1.5}

/* ── Confirmation card ─────────────────────────────────────────── */
.confirm-card{background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--r-lg);overflow:hidden;margin:8px 0;box-shadow:var(--shadow-md)}
.confirm-card-header{background:rgba(249,115,22,.06);padding:10px 14px;border-bottom:1px solid rgba(249,115,22,.12)}
.confirm-card-header h4{font-size:11px;font-weight:600;color:var(--accent)}
.confirm-card-header p{font-size:10px;color:var(--text3);margin-top:2px}
.confirm-diff{padding:10px 14px;display:flex;flex-direction:column;gap:7px}
.diff-row{display:flex;align-items:center;gap:8px;font-size:11px}
.diff-label{color:var(--text3);width:82px;flex-shrink:0}
.diff-before{color:var(--red);text-decoration:line-through;font-family:var(--font-mono)}
.diff-arrow{color:var(--text3)}
.diff-after{color:var(--green);font-weight:600;font-family:var(--font-mono)}
.diff-reversible{font-size:9px;font-weight:600;padding:1px 7px;border-radius:var(--r-full);background:var(--green-bg);color:var(--green);margin-left:auto;border:1px solid var(--green-border)}
.confirm-reason{padding:8px 14px;background:rgba(59,130,246,.04);border-top:1px solid rgba(59,130,246,.1);font-size:10px;color:var(--text2);line-height:1.55;border-bottom:1px solid var(--border)}
.confirm-reason strong{color:var(--blue);display:block;margin-bottom:3px}
.confirm-actions{padding:10px 14px;display:flex;gap:8px}

/* Buttons */
.btn-confirm{background:var(--accent);color:white;border:none;padding:8px 14px;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);flex:1;transition:background .15s;box-shadow:0 1px 4px rgba(249,115,22,.35)}
.btn-confirm:hover{background:var(--accent2)}
.btn-confirm:disabled{background:rgba(120,25,10,.3);box-shadow:none;cursor:not-allowed;color:rgba(255,255,255,.3);opacity:.6}
.btn-reject{background:transparent;color:var(--text2);border:1px solid var(--border2);padding:8px 14px;border-radius:var(--r);font-size:12px;cursor:pointer;font-family:var(--font);flex:1;transition:all .15s}
.btn-reject:hover{border-color:rgba(255,255,255,.22);color:var(--text)}

/* ── Proactive cards ───────────────────────────────────────────── */
.proactive-card{background:var(--surface);border:1px solid rgba(249,115,22,.2);border-radius:var(--r-md);padding:11px 13px;margin:6px 0;box-shadow:var(--shadow-xs)}
.proactive-card-header{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.proactive-icon{font-size:14px}
.proactive-title{font-size:11px;font-weight:600;color:var(--accent);flex:1}
.proactive-text{font-size:11px;color:var(--text2);line-height:1.55;margin-bottom:8px}
.proactive-actions{display:flex;gap:6px}
.proactive-btn-yes{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);padding:4px 12px;border-radius:var(--r);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s}
.proactive-btn-yes:hover{background:rgba(249,115,22,.2)}
.proactive-btn-no{background:transparent;color:var(--text3);border:1px solid var(--border);padding:4px 10px;border-radius:var(--r);font-size:11px;cursor:pointer;font-family:var(--font)}
.proactive-auto{background:rgba(168,85,247,.05);border:1px solid rgba(168,85,247,.2);border-radius:var(--r-md);padding:10px 13px;margin:6px 0;animation:slideIn .3s ease}
.proactive-auto-header{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.proactive-auto-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a855f7;background:rgba(168,85,247,.1);padding:2px 7px;border-radius:var(--r-xs);border:1px solid rgba(168,85,247,.2)}

/* ── Alert cards ───────────────────────────────────────────────── */
.alert-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-left:3px solid rgba(245,158,11,.4);border-radius:var(--r);padding:9px 12px;margin:5px 0;cursor:pointer;transition:all .15s}
.alert-card:hover{border-color:rgba(249,115,22,.2);background:rgba(249,115,22,.03);border-left-color:var(--accent)}
.alert-card-title{font-size:11px;font-weight:600;color:var(--text);margin-bottom:3px}
.alert-card-desc{font-size:10px;color:var(--text2);line-height:1.45}
.alert-card-cta{font-size:10px;color:var(--accent);margin-top:5px;font-weight:600}

/* ── Credit warning ────────────────────────────────────────────── */
.credit-warning-strip{background:rgba(239,68,68,.07);border-top:1px solid rgba(239,68,68,.18);border-bottom:1px solid rgba(239,68,68,.18);padding:7px 14px;display:flex;align-items:center;gap:8px;flex-shrink:0}
.credit-warning-strip span{font-size:11px;color:var(--text)}
.credit-warning-strip strong{color:var(--red)}
.credit-warning-strip button{margin-left:auto;background:var(--red);color:white;border:none;padding:4px 12px;border-radius:var(--r-xs);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font)}

/* ── Billing ───────────────────────────────────────────────────── */
.billing-view{padding:14px;display:flex;flex-direction:column;gap:12px}
.billing-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.25px}
.billing-sub{font-size:11px;color:var(--text3)}
.plan-card-sp{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;position:relative;transition:border-color .15s}
.plan-card-sp.pro{border-color:var(--accent-border);background:rgba(249,115,22,.04)}
.plan-card-sp.current::before{content:'ACTUAL';position:absolute;top:10px;right:10px;font-size:9px;font-weight:600;color:var(--text3);background:var(--surface2);padding:2px 7px;border-radius:var(--r-xs);font-family:var(--font-mono)}
.plan-name-sp{font-size:14px;font-weight:600;margin-bottom:4px}
.plan-price-sp{font-size:24px;font-weight:700;color:var(--accent);margin-bottom:10px;letter-spacing:-.5px}
.plan-price-sp span{font-size:12px;font-weight:400;color:var(--text3)}
.plan-feature{font-size:11px;color:var(--text2);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.plan-feature::before{content:'✓';color:var(--green);font-weight:600;flex-shrink:0}
.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pack-card-sp{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:10px;text-align:center;cursor:pointer;transition:all .15s}
.pack-card-sp:hover{border-color:var(--accent-border);background:var(--accent-bg)}
.pack-card-sp.sel{border-color:var(--accent);background:rgba(249,115,22,.08)}
.pack-cr{font-size:18px;font-weight:700;color:var(--text)}
.pack-cr-label{font-size:9px;color:var(--text3);font-family:var(--font-mono)}
.pack-price-sp{font-size:13px;font-weight:600;color:var(--accent);margin-top:4px}

/* ── Input area ────────────────────────────────────────────────── */
.sp-input-area{padding:10px 12px;border-top:1px solid var(--border);background:rgba(0,0,0,.25);flex-shrink:0}
.sp-input-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:8px 12px;transition:border-color .2s,box-shadow .2s}
.sp-input-box:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px rgba(249,115,22,.07)}
.sp-input-box input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font);font-size:12px;color:var(--text)}
.sp-input-box input::placeholder{color:var(--text4)}
.sp-send{width:26px;height:26px;border-radius:var(--r);background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;box-shadow:0 1px 4px rgba(249,115,22,.35)}
.sp-send:hover{background:var(--accent2)}
.sp-send svg{width:12px;height:12px;fill:white}

/* ── Status bar ────────────────────────────────────────────────── */
.sp-statusbar{background:rgba(249,115,22,.04);border-top:1px solid rgba(249,115,22,.08);padding:4px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:9px;color:var(--text3);font-family:var(--font-mono)}
.sb-item{display:flex;align-items:center;gap:4px}
.sb-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}
.sb-dot.amber{background:var(--amber)}.sb-dot.red{background:var(--red)}
.sb-sep{color:var(--border2)}
.sb-accent{color:var(--accent)}
.token-bar{flex:1;height:2px;background:rgba(255,255,255,.05);border-radius:1px;overflow:hidden}
.token-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--amber));border-radius:1px;width:21%;transition:width .8s ease}
.token-fill.high{background:linear-gradient(90deg,var(--amber),var(--red))}

/* ── Feedback ──────────────────────────────────────────────────── */
.feedback-hook{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text3);background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--r-xs);padding:3px 8px;margin-top:6px;font-family:var(--font-mono)}
.feedback-thumbs{display:flex;align-items:center;gap:8px;margin-top:8px}
.feedback-thumbs span{font-size:10px;color:var(--text3)}
.thumb-btn{background:transparent;border:1px solid var(--border);border-radius:var(--r-xs);padding:3px 8px;font-size:12px;cursor:pointer;transition:all .15s}
.thumb-btn:hover{border-color:var(--border2);background:rgba(255,255,255,.04)}
.thumb-btn.voted-up{background:rgba(34,197,94,.1);border-color:var(--green-border)}
.thumb-btn.voted-down{background:rgba(239,68,68,.08);border-color:var(--red-border)}

/* ── Guardrail ─────────────────────────────────────────────────── */
.guardrail-block{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-left:3px solid rgba(239,68,68,.6);border-radius:var(--r);padding:10px 13px;margin:7px 0}
.guardrail-header{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.guardrail-title{font-size:10px;font-weight:600;color:var(--red);font-family:var(--font-mono);margin-bottom:3px}
.guardrail-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--red);background:var(--red-bg);padding:2px 7px;border-radius:var(--r-xs);border:1px solid var(--red-border)}
.guardrail-rule{font-family:var(--font-mono);font-size:10px;color:rgba(239,68,68,.75);flex:1}
.guardrail-body{font-size:11px;color:rgba(255,255,255,.55);line-height:1.5}
.guardrail-detail{font-family:var(--font-mono);font-size:10px;color:rgba(239,68,68,.55);margin-top:5px;background:rgba(239,68,68,.04);padding:6px 8px;border-radius:var(--r-xs);white-space:pre}

/* ── Bulk confirm ──────────────────────────────────────────────── */
.bulk-confirm{background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--r-md);overflow:hidden;margin:8px 0;box-shadow:var(--shadow)}
.bulk-confirm-header{background:rgba(249,115,22,.06);padding:9px 12px;border-bottom:1px solid rgba(249,115,22,.12);display:flex;justify-content:space-between;align-items:center}
.bulk-confirm-header h4{font-size:11px;font-weight:600;color:var(--accent)}
.bulk-count{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-bg);padding:2px 8px;border-radius:var(--r-full);border:1px solid var(--accent-border)}
.bulk-table{width:100%;font-size:10px;border-collapse:collapse}
.bulk-table th{padding:5px 10px;text-align:left;color:var(--text3);font-size:9px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);font-family:var(--font-mono)}
.bulk-table td{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text2);font-family:var(--font-mono)}
.bulk-table tr:last-child td{border-bottom:none}
.bulk-table .before{color:var(--red);text-decoration:line-through}
.bulk-table .after{color:var(--green);font-weight:600}

/* ── Irreversible ──────────────────────────────────────────────── */
.irreversible-badge{font-size:9px;font-weight:600;padding:1px 7px;border-radius:var(--r-xs);background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}
.irreversible-confirm-input{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.18);border-radius:var(--r);padding:10px 13px;margin:6px 13px;font-size:11px;color:var(--text2)}
.irreversible-confirm-input strong{color:var(--red);display:block;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}

/* ── Hard block ────────────────────────────────────────────────── */
.hard-block-banner{background:rgba(239,68,68,.08);border-top:2px solid rgba(239,68,68,.4);padding:10px 14px;display:none;align-items:center;gap:10px;flex-shrink:0}
.hard-block-banner.visible{display:flex}
.hard-block-icon{font-size:16px}
.hard-block-text{font-size:11px;color:rgba(255,255,255,.75);flex:1;line-height:1.4}
.hard-block-text strong{color:var(--red)}
.hard-block-upgrade{background:var(--red);color:white;border:none;padding:5px 14px;border-radius:var(--r-xs);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font);white-space:nowrap}

/* ── Tool chips ────────────────────────────────────────────────── */
.tool-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.tool-chip{font-size:9px;padding:2px 7px;border-radius:var(--r-xs);font-family:var(--font-mono);white-space:nowrap;transition:opacity .2s,transform .3s,box-shadow .3s}
.tool-chip.read{background:var(--green-bg);color:#86efac;border:1px solid var(--green-border)}
.tool-chip.write{background:var(--accent-bg);color:#fdba74;border:1px solid var(--accent-border)}
.tool-chip.aux{background:var(--purple-bg);color:#d8b4fe;border:1px solid var(--purple-border)}
.tool-chip.locked{opacity:.25}

/* ── Dev panel ─────────────────────────────────────────────────── */
.dev-panel{position:absolute;top:0;right:0;bottom:0;width:100%;background:rgba(5,5,8,.96);border-left:1px solid var(--border);z-index:20;display:none;flex-direction:column;overflow:hidden;backdrop-filter:blur(20px)}
.dev-panel.visible{display:flex}
.dev-panel-header{background:var(--surface);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}
.dev-panel-header h3{font-size:12px;font-weight:600;color:var(--text);font-family:var(--font-mono)}
.dev-close{color:var(--text3);cursor:pointer;font-size:16px;background:transparent;border:none}
.dev-content{flex:1;overflow-y:auto;padding:14px;font-family:var(--font-mono);font-size:10px;color:var(--text2)}
.dev-section{margin-bottom:14px}
.dev-section-title{font-size:10px;font-weight:600;color:var(--text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px;padding-bottom:4px;border-bottom:1px solid var(--border);font-family:var(--font-mono)}
.dev-layer{border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:8px;overflow:hidden;background:rgba(255,255,255,.01)}
.dev-layer-header{background:var(--surface);padding:6px 10px;display:flex;align-items:center;gap:8px}
.dev-layer-badge{font-size:9px;font-weight:600;padding:1px 7px;border-radius:var(--r-full);font-family:var(--font-mono)}
.dev-layer-badge.l1{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-border)}
.dev-layer-badge.l2{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}
.dev-layer-badge.l3{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}
.dev-layer-title{font-size:10px;color:var(--text);font-family:var(--font-mono);flex:1}
.dev-layer-tokens{font-size:9px;color:var(--text3);font-family:var(--font-mono)}
.dev-layer-body{padding:8px 10px;background:rgba(0,0,0,.25);font-size:10px;color:var(--text2);line-height:1.6;white-space:pre-wrap;font-family:var(--font-mono)}
.dev-metric{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03)}
.dev-metric:last-child{border:none}
.dev-metric-label{color:var(--text3);font-family:var(--font-mono)}
.dev-metric-value{color:var(--text);font-weight:500;font-family:var(--font-mono)}
.dev-metric-value.green{color:var(--green)}.dev-metric-value.amber{color:var(--amber)}.dev-metric-value.accent{color:var(--accent)}

/* ── Animations ────────────────────────────────────────────────── */
@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
.stream-msg{animation:msgSlide .28s ease both}
@keyframes msgSlide{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.stream-cursor{display:inline-block;width:7px;height:12px;background:var(--accent);animation:twblink .5s step-end infinite;vertical-align:text-bottom;margin-left:2px;border-radius:1px}
.tw-cursor{display:inline-block;width:2px;height:12px;background:var(--text2);animation:twblink .7s step-end infinite;vertical-align:text-bottom;margin-left:1px}
@keyframes twblink{0%,100%{opacity:1}50%{opacity:0}}

/* ── Executing overlay ─────────────────────────────────────────── */
.executing-overlay{position:absolute;inset:0;background:rgba(9,9,11,.72);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s}
.executing-overlay.visible{opacity:1}
.executing-inner{background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--r-md);padding:20px 24px;text-align:center;box-shadow:var(--shadow-lg)}
.executing-spinner{width:28px;height:28px;border:3px solid var(--accent-bg);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 10px}
.executing-label{font-size:12px;font-weight:600;color:var(--accent)}
.executing-sub{font-size:10px;color:var(--text2);margin-top:3px}

/* ══════════════════════════════════════════════════════════════════
   NAV CONTROLS
   ══════════════════════════════════════════════════════════════════ */
.demo-nav{display:none}
/* ── Persistent nav arrows ──────────────────────────────────── */
#demo-arrows{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);
  display:flex;gap:10px;z-index:600;pointer-events:auto}
#demo-arrows button{width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.85);font-size:17px;cursor:pointer;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center}
#demo-arrows button:hover{background:rgba(255,255,255,.24);transform:scale(1.08)}
#demo-arrows button:active{transform:scale(.94)}
.demo-label{font-size:11px;color:var(--text2);min-width:100px;text-align:center;font-family:var(--font-mono)}
.demo-btn{background:transparent;border:1px solid var(--border2);color:var(--text);padding:5px 14px;border-radius:var(--r-full);font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .15s}
.demo-btn:hover{background:rgba(255,255,255,.06)}
.demo-btn.primary{background:var(--accent);color:white;border-color:var(--accent)}
.demo-btn.primary:hover{background:var(--accent2)}
#btn-autoplay{background:var(--green);color:#000;border-color:var(--green);font-size:12px;font-weight:700;padding:5px 16px}
#btn-autoplay:hover{background:#86efac}
#btn-autoplay.playing{background:rgba(239,68,68,.9);border-color:rgba(239,68,68,.9);color:#fff;animation:ap-pulse 1.5s ease infinite}
@keyframes ap-pulse{0%,100%{opacity:1}50%{opacity:.7}}
.demo-dots{display:flex;gap:5px}
.ddot{width:6px;height:6px;border-radius:50%;background:var(--text3);cursor:pointer;transition:all .2s}
.ddot.active{background:var(--accent);transform:scale(1.3)}

/* ══════════════════════════════════════════════════════════════════
   PRE-APP OVERLAY (Landing, Download, Onboarding)
   ══════════════════════════════════════════════════════════════════ */
.pre-app-overlay{position:absolute;top:38px;left:0;right:0;bottom:0;z-index:30;display:none;flex-direction:column;overflow:hidden}
.pre-app-overlay.visible{display:flex}
.pa-screen{flex:1;display:none;flex-direction:column;overflow:hidden}
.pa-screen.visible{display:flex}

/* Landing */
.landing-nav{background:rgba(9,9,11,.96);border-bottom:1px solid var(--border);padding:0 40px;height:52px;display:flex;align-items:center;gap:24px;flex-shrink:0;backdrop-filter:blur(20px)}
.landing-logo{font-size:16px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;letter-spacing:-.35px}
.landing-logo-icon{width:28px;height:28px;background:var(--accent);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:white;font-size:13px;font-weight:700}
.landing-nav-links{display:flex;gap:20px;margin-left:auto}
.landing-nav-links a{font-size:12px;color:var(--text3);text-decoration:none;cursor:pointer;transition:color .15s}
.landing-nav-links a:hover{color:var(--text2)}
.landing-nav-cta{background:var(--accent);color:white;padding:6px 16px;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:var(--font);transition:background .15s}
.landing-nav-cta:hover{background:var(--accent2)}
.landing-body{flex:1;overflow-y:auto;background:#09090b;display:flex;flex-direction:column;align-items:center;padding:60px 40px 40px}
.landing-hero{text-align:center;max-width:680px;margin-bottom:52px}
.landing-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-full);padding:4px 14px;font-size:11px;color:var(--accent);font-weight:600;margin-bottom:22px}
.landing-h1{font-size:46px;font-weight:800;color:var(--text);line-height:1.1;margin-bottom:18px;letter-spacing:-2px}
.landing-h1 span{color:var(--accent)}
.landing-sub{font-size:15px;color:var(--text2);line-height:1.65;margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto}
.landing-cta-row{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:16px}
.landing-dl-btn{background:var(--accent);color:white;padding:12px 28px;border-radius:var(--r-md);font-size:14px;font-weight:700;cursor:pointer;border:none;font-family:var(--font);display:flex;align-items:center;gap:8px;transition:background .15s}
.landing-dl-btn:hover{background:var(--accent2)}
.landing-dl-badge{font-size:10px;color:var(--text3);display:flex;align-items:center;gap:5px}
/* ── Fake cursor ───────────────────────────────────────────── */
#fake-cursor{position:absolute;pointer-events:none;z-index:200;display:none;transition:left .85s cubic-bezier(.4,0,.2,1),top .85s cubic-bezier(.4,0,.2,1),opacity .25s}
#fake-cursor.clicking{transform:scale(0.82);transition:transform .1s ease-in!important}

/* Download */
.download-screen{flex:1;background:#07070a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px}
.dmg-dialog{background:#1a1a1d;border:1px solid var(--border2);border-radius:var(--r-xl);padding:32px 40px;text-align:center;width:420px;box-shadow:var(--shadow-lg)}
.dmg-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--accent),#d97706);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px;box-shadow:0 0 30px rgba(249,115,22,.25)}
.dmg-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.3px}
.dmg-sub{font-size:12px;color:var(--text3);margin-bottom:24px}
.dmg-progress{background:rgba(255,255,255,.06);border-radius:var(--r-full);height:5px;overflow:hidden;margin-bottom:20px}
.dmg-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#d97706);border-radius:var(--r-full);animation:dmgLoad 2s ease-in-out forwards}
@keyframes dmgLoad{0%{width:0}60%{width:70%}100%{width:100%}}
.dmg-install-area{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:8px}
.dmg-app{display:flex;flex-direction:column;align-items:center;gap:8px}
.dmg-app-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent),#d97706);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;animation:iconBounce 1s ease 2s}
@keyframes iconBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.dmg-app-label{font-size:11px;color:var(--text3)}
.dmg-arrow{font-size:28px;color:var(--text3)}
.dmg-apps-folder{width:64px;height:64px;background:rgba(255,255,255,.06);border:2px dashed rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px}
.dmg-notify{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;display:flex;align-items:center;gap:12px;width:340px}
.dmg-notify-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),#d97706);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dmg-notify-text{font-size:11px;color:rgba(255,255,255,.65);line-height:1.4}

/* Onboarding — App layout (sidebar + content) */
.onboard-screen{flex:1;display:flex;overflow:hidden}
.onboard-sidebar{width:196px;background:#090910;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0}
.onboard-sidebar-logo{display:flex;align-items:center;gap:9px;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.onboard-sidebar-icon{width:26px;height:26px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:white;flex-shrink:0}
.onboard-sidebar-name{font-size:13px;font-weight:700;color:var(--text)}
.onboard-nav-items{padding:10px 8px;flex:1}
.onboard-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text4);margin-bottom:1px}
.onboard-nav-item.setup{background:rgba(249,115,22,.08);color:var(--accent)}
.onboard-nav-lock{font-size:9px;margin-left:auto;opacity:.35}
.onboard-content{flex:1;background:#0d0d14;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}
.onboard-card{background:#16161f;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-xl);width:460px;overflow:hidden;box-shadow:0 8px 48px rgba(0,0,0,.7)}
/* Auth choice screen (step 0) */
.auth-choice{display:flex;flex-direction:column;align-items:center;padding:48px 40px 40px}
.auth-choice-icon{width:52px;height:52px;background:var(--accent);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:white;margin-bottom:20px}
.auth-choice-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin-bottom:6px;text-align:center}
.auth-choice-sub{font-size:12px;color:var(--text3);text-align:center;margin-bottom:32px;line-height:1.6}
.auth-choice-btns{display:flex;flex-direction:column;gap:10px;width:100%}
.auth-btn-primary{background:var(--accent);color:white;border:none;padding:13px;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s;letter-spacing:-.2px}
.auth-btn-primary:hover{background:var(--accent2)}
.auth-btn-secondary{background:transparent;color:var(--text2);border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:var(--r);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .15s}
.auth-btn-secondary:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.22)}
.onboard-steps{display:flex;border-bottom:1px solid var(--border);background:rgba(255,255,255,.02)}
.onboard-step{flex:1;padding:12px 8px;text-align:center;font-size:10px;color:var(--text3);font-weight:500;position:relative}
.onboard-step.done{color:var(--green)}.onboard-step.active{color:var(--accent);font-weight:600}
.onboard-step-num{display:block;font-size:16px;font-weight:700;margin-bottom:2px}
.onboard-body{padding:32px}
.onboard-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.4px}
.onboard-sub{font-size:12px;color:var(--text3);margin-bottom:28px;line-height:1.55}
.mkt-connect-row{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:var(--r);margin-bottom:10px;transition:all .2s}
.mkt-connect-row.connected{border-color:var(--green-border);background:rgba(34,197,94,.04)}
.mkt-icon{width:32px;height:32px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}
.mkt-name{font-size:13px;font-weight:600;color:var(--text);flex:1;margin-left:12px}
.mkt-status{font-size:11px;font-weight:600}
.mkt-status.connected{color:var(--green)}.mkt-status.connecting{color:var(--amber)}
.mkt-connect-btn{background:rgba(255,255,255,.05);border:1px solid var(--border2);border-radius:var(--r-sm);padding:5px 14px;font-size:11px;color:var(--text2);cursor:pointer;font-family:var(--font)}
.oauth-popup{background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin:12px 0;font-size:11px;color:var(--text3)}
.oauth-url{font-family:var(--font-mono);font-size:10px;color:var(--green);margin-top:6px}
.sync-progress{margin-top:16px}
.sync-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;color:var(--text2)}
.sync-check{color:var(--green);font-weight:700;flex-shrink:0}
.sync-spinner{width:12px;height:12px;border:2px solid var(--accent-bg);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}
.onboard-btn{width:100%;background:var(--accent);color:white;border:none;padding:11px;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);margin-top:20px;transition:background .15s}
.onboard-btn:hover{background:var(--accent2)}

/* ── Phase 5: Shopilot app window on macOS desktop ─────────────── */
.shopilot-app-win{width:740px;height:490px;background:#0d0d14;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.7),0 24px 80px rgba(0,0,0,.9);display:flex;flex-direction:column}
.shopilot-app-tb{height:40px;background:#111118;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 14px;flex-shrink:0;gap:6px}
.shopilot-app-win-title{font-size:12px;font-weight:600;color:rgba(255,255,255,.45);margin:0 auto}
.shopilot-app-body{flex:1;display:flex;overflow:hidden}
.shopilot-win-sidebar{width:176px;background:#090910;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0}
.shopilot-win-sidebar-top{display:flex;align-items:center;gap:8px;padding:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.shopilot-win-sidebar-icon{width:24px;height:24px;background:var(--accent);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;flex-shrink:0}
.shopilot-win-sidebar-name{font-size:12px;font-weight:700;color:var(--text)}
.shopilot-win-nav{padding:8px 6px}
.shopilot-win-nav-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:5px;font-size:11px;font-weight:500;color:var(--text4);margin-bottom:1px}
.shopilot-win-nav-item.active{background:rgba(249,115,22,.08);color:var(--accent)}
.shopilot-win-nav-lock{font-size:8px;margin-left:auto;opacity:.3}
.shopilot-win-main{flex:1;background:#0d0d14;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}
.shopilot-win-card{background:#16161f;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-xl);width:100%;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.5)}

/* ── Success badge ─────────────────────────────────────────────── */
.success-badge-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(34,197,94,.92);color:white;font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--r);z-index:5;animation:successPop .4s ease forwards;pointer-events:none}
@keyframes successPop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}40%{transform:translate(-50%,-50%) scale(1.05);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}

/* ══════════════════════════════════════════════════════════════════
   v13 — REALISTIC INSTALL + NATIVE FORMS + MARKETPLACE NAV
   ══════════════════════════════════════════════════════════════════ */

/* ── Install Flow ──────────────────────────────────────────────── */
/* ── OS-level install overlay: covers full viewport, above everything ── */
#os-install-overlay{position:absolute;inset:0;z-index:500;display:none;flex-direction:column}
#os-install-overlay.active{display:flex}
/* Electron window dims during install */
.electron-window-dim{opacity:.15!important;pointer-events:none!important;transition:opacity .4s}

.macos-os-desktop{flex:1;display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(160deg,#1b0438 0%,#0c1a3e 40%,#07112a 70%,#040810 100%)}
.macos-os-menubar{height:24px;background:rgba(6,4,16,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  display:flex;align-items:center;padding:0 10px;flex-shrink:0;
  border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:20}
.macos-os-desktop-area{flex:1;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 60% 55% at 22% 38%,rgba(100,28,190,.24) 0%,transparent 60%),
             radial-gradient(ellipse 50% 45% at 80% 62%,rgba(12,48,130,.2) 0%,transparent 55%)}
.macos-os-desktop-icons{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;gap:10px;align-items:center;z-index:5}
.macos-os-icon{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:default}
.macos-os-icon-img{font-size:32px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.macos-os-icon-lbl{font-size:9px;color:rgba(255,255,255,.8);
  text-shadow:0 1px 3px rgba(0,0,0,.9);background:rgba(0,0,0,.4);
  padding:1px 5px;border-radius:3px;white-space:nowrap}
.macos-os-dock{height:58px;display:flex;align-items:flex-end;justify-content:center;
  padding-bottom:6px;flex-shrink:0;position:relative;z-index:20}
.macos-os-dock-inner{display:flex;align-items:flex-end;gap:5px;
  background:rgba(255,255,255,.15);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  border:1px solid rgba(255,255,255,.22);border-radius:16px;
  padding:5px 10px;
  box-shadow:0 4px 24px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.18)}
.dock-os-app{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;cursor:default}
.dock-os-icon{width:38px;height:38px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  transition:transform .12s}
.dock-os-dot{width:4px;height:4px;background:rgba(255,255,255,.85);
  border-radius:50%;position:absolute;bottom:-3px;opacity:0}
.dock-os-dot.visible{opacity:1}
.dock-os-sep{width:1px;background:rgba(255,255,255,.22);height:32px;
  margin:0 2px;align-self:flex-end;margin-bottom:4px}
@keyframes dockBounceOS{from{transform:translateY(0)}to{transform:translateY(-12px)}}
.dock-os-bounce{animation:dockBounceOS .5s ease infinite alternate}
.install-label{display:none;font-size:10px;color:rgba(255,255,255,.55);font-family:var(--font-mono);
  letter-spacing:.6px;text-transform:uppercase;
  background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);
  padding:4px 12px;border-radius:20px;margin-bottom:12px;white-space:nowrap}
.install-phase{display:none;position:absolute;inset:0;
  flex-direction:column;align-items:center;justify-content:center;
  padding:28px 20px 12px;gap:12px;z-index:10}
.install-phase.visible{display:flex}
.install-dots{display:flex;gap:6px;position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:30}
.idot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.15);transition:all .3s}
.idot.active{background:var(--accent);width:18px;border-radius:3px}
.install-next-btn{display:none}
.install-nav{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:30}
.install-nav-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.85);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;font-family:sans-serif;line-height:1}
.install-nav-btn:hover{background:rgba(255,255,255,.22)}
.install-nav-btn:disabled{opacity:.22;cursor:default;pointer-events:none}

/* ── Safari window mockup ──────────────────────────────────────── */
.macos-desktop-mini{width:100%;max-width:620px;display:contents}
.safari-window{background:white;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.1)}
.safari-titlebar{background:#f0f0f0;height:36px;display:flex;align-items:center;padding:0 12px;gap:8px;border-bottom:1px solid #ddd}
.safari-url{flex:1;background:white;border:1px solid #d1d5db;border-radius:6px;height:22px;font-size:11px;color:#374151;display:flex;align-items:center;padding:0 10px;margin:0 60px;font-family:var(--font-mono)}
.safari-content{background:#f8fafc;padding:40px 40px 20px;text-align:center}
.safari-hero{background:white;border-radius:10px;padding:28px;box-shadow:0 1px 8px rgba(0,0,0,.08)}
.safari-dl-btn{background:#232f3e;color:#FF9900;border:none;padding:10px 22px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer}
.safari-dl-bar{background:#f0f0f0;border-top:1px solid #ddd;padding:8px 12px}
.safari-dl-item{display:flex;align-items:center;gap:10px;background:white;border-radius:6px;padding:7px 10px;border:1px solid #e5e7eb}
.safari-dl-icon{font-size:20px}
.safari-dl-info{flex:1}
.safari-dl-name{font-size:11px;font-weight:600;color:#111;margin-bottom:3px}
.safari-dl-progress-track{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:3px}
.safari-dl-progress-fill{height:100%;background:#007aff;width:100%;border-radius:2px}
.safari-dl-meta{font-size:10px;color:#6b7280}
.safari-dl-check{font-size:16px;color:#16a34a;font-weight:700}

/* ── Finder window mockup ──────────────────────────────────────── */
.finder-wrapper{width:100%;max-width:620px;display:contents}
.finder-win{background:#f5f5f5;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.15)}
.finder-titlebar{background:linear-gradient(180deg,#e0dfe0,#c8c7c8);height:36px;display:flex;align-items:center;padding:0 12px;gap:8px;border-bottom:1px solid #b0b0b0}
.finder-title{flex:1;text-align:center;font-size:12px;font-weight:600;color:#333}
.finder-body{display:flex;height:200px}
.finder-sidebar{width:140px;background:#eae9ea;border-right:1px solid #c8c7c8;padding:10px 6px;flex-shrink:0}
.finder-sidebar-section{font-size:9px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:6px 6px 2px;margin-top:6px}
.finder-sidebar-item{font-size:11px;color:#333;padding:3px 6px;border-radius:4px;cursor:pointer}
.finder-sidebar-item.active{background:#007aff;color:white}
.finder-content-area{flex:1;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}
.finder-bg-hint{font-size:11px;color:#9ca3af;font-style:italic}
.finder-drop-zone{display:flex;align-items:center;gap:20px}
.finder-app-icon,.finder-apps-folder{display:flex;flex-direction:column;align-items:center;gap:4px}
.app-icon-visual{width:56px;height:56px;background:linear-gradient(135deg,#ff8252,#e8724a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:22px;font-weight:900;box-shadow:0 4px 16px rgba(232,114,74,.4)}
.finder-icon-label{font-size:10px;color:#374151;font-weight:500}
.finder-drag-arrow{font-size:24px;color:#9ca3af}
.apps-folder-icon{width:56px;height:56px;background:linear-gradient(135deg,#e0e8f5,#b8c8e8);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;border:2px dashed rgba(0,0,0,.12)}
.apps-folder-grid{position:absolute;bottom:4px;right:4px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.apps-mini-icon{width:8px;height:8px;border-radius:2px}
.finder-copy-progress{background:#f0f4f8;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;width:100%;max-width:280px}
.finder-progress-track{height:5px;background:#d1d5db;border-radius:3px;overflow:hidden;margin:4px 0}
.finder-progress-fill{height:100%;background:#007aff;width:78%;border-radius:3px;animation:finderCopy 1.5s ease-in-out infinite}
@keyframes finderCopy{0%{width:65%}50%{width:90%}100%{width:65%}}

/* ── Gatekeeper dialog ─────────────────────────────────────────── */
.macos-gatekeeper-bg{width:100%;max-width:680px;background:rgba(0,0,0,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:30px;backdrop-filter:blur(8px)}
.macos-dialog-box{background:rgba(236,236,236,.97);border-radius:12px;padding:24px 28px;width:340px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.macos-dialog-icon-row{display:flex;align-items:flex-start;justify-content:center;margin-bottom:14px;position:relative}
.macos-app-icon-lg{width:64px;height:64px;background:linear-gradient(135deg,#ff8252,#e8724a);border-radius:14px;display:flex;align-items:center;justify-content:center;color:white;font-size:28px;font-weight:900;box-shadow:0 4px 16px rgba(232,114,74,.4)}
.macos-warning-badge{width:24px;height:24px;background:#ff9f0a;border:3px solid white;border-radius:50%;position:absolute;bottom:-4px;right:calc(50% - 44px);display:flex;align-items:center;justify-content:center;color:white;font-size:14px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.macos-dialog-title{font-size:13px;font-weight:700;color:#1c1c1e;margin-bottom:8px;line-height:1.4}
.macos-dialog-body{font-size:12px;color:#3c3c43;line-height:1.5;margin-bottom:14px}
.macos-dialog-details{background:rgba(0,0,0,.06);border-radius:6px;padding:8px 12px;margin-bottom:16px;text-align:left}
.macos-detail-row{display:flex;gap:8px;font-size:11px;padding:2px 0}
.macos-detail-key{color:#6c6c70;width:80px;flex-shrink:0}
.macos-detail-val{color:#1c1c1e;font-weight:500}
.macos-dialog-btns{display:flex;gap:8px;justify-content:flex-end}
.macos-btn-cancel{background:rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer;font-weight:500}
.macos-btn-open{background:#007aff;color:white;border:none;border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer;font-weight:600}

/* ── Splash screen ─────────────────────────────────────────────── */
.splash-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
.splash-dock-hint{display:flex;flex-direction:column;align-items:center}
.dock-mini{display:flex;align-items:flex-end;gap:4px;background:rgba(255,255,255,.12);border-radius:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.15)}
.dock-item-mini{width:24px;height:24px;border-radius:5px}
.dock-sep{width:1px;height:24px;background:rgba(255,255,255,.2);margin:0 2px}
.dock-active{color:white;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(232,114,74,.6)}
.dock-bounce-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.6);position:absolute;margin-top:28px;align-self:center}
.app-splash-card{background:#1a1614;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(232,114,74,.1);width:320px}
.splash-logo-big{width:72px;height:72px;background:linear-gradient(135deg,#ff8252,#e8724a);border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;font-size:32px;font-weight:900;margin:0 auto 12px;box-shadow:0 0 30px rgba(232,114,74,.4)}
.splash-app-name{font-size:20px;font-weight:800;letter-spacing:-.5px;color:rgba(255,255,255,.9);margin-bottom:4px}
.splash-version{font-size:11px;color:rgba(255,255,255,.35);font-family:var(--font-mono);margin-bottom:20px}
.splash-loading-bar{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-bottom:10px}
.splash-loading-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ff9264);border-radius:2px;animation:splashLoad 2s ease-in-out forwards}
@keyframes splashLoad{0%{width:0}60%{width:75%}100%{width:100%}}
.splash-loading-txt{font-size:11px;color:rgba(255,255,255,.35);font-family:var(--font-mono);letter-spacing:.3px}

/* ── Native forms (onboarding) ─────────────────────────────────── */
.native-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.nf-group{display:flex;flex-direction:column;gap:4px}
.nf-label{font-size:11px;font-weight:600;color:var(--text2);letter-spacing:.1px}
.nf-input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 11px;font-size:12px;color:var(--text);font-family:var(--font);outline:none;transition:border-color .15s,box-shadow .15s}
.nf-input:focus{border-color:rgba(232,114,74,.45);box-shadow:0 0 0 3px rgba(232,114,74,.1)}
.nf-hint{font-size:10px;color:var(--text4);line-height:1.4;margin-top:1px}
.nf-input-row{display:flex}
.nf-input-suffix{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 6px 6px 0;padding:8px 10px;font-size:11px;color:var(--text3);white-space:nowrap;display:flex;align-items:center}
.nf-plan-picker{display:flex;flex-direction:column;gap:6px}
.nf-plan-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .15s}
.nf-plan-opt.active{border-color:rgba(232,114,74,.35);background:rgba(232,114,74,.07)}
.nf-plan-radio{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;position:relative}
.nf-plan-opt.active .nf-plan-radio{border-color:var(--accent)}
.nf-plan-opt.active .nf-plan-radio::after{content:'';position:absolute;inset:2px;background:var(--accent);border-radius:50%}
.nf-plan-name{font-size:12px;font-weight:600;color:var(--text)}
.nf-plan-price{color:var(--accent)}
.nf-plan-sub{font-size:10px;color:var(--text3)}

/* ── Marketplace tabs ──────────────────────────────────────────── */
.mkt-tabs{display:flex;gap:2px;background:rgba(255,255,255,.04);border-radius:6px;padding:2px;margin-bottom:12px}
.mkt-tab{flex:1;background:transparent;border:none;padding:6px;border-radius:4px;font-size:11px;font-weight:500;color:var(--text3);cursor:pointer;font-family:var(--font);transition:all .15s}
.mkt-tab.active{background:rgba(255,255,255,.08);color:var(--text)}
.mkt-tab-content{display:flex;flex-direction:column;gap:8px}
.mkt-tab-content.hidden{display:none}
.mkt-connect-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:6px}
.mkt-connected-box{background:rgba(255,255,255,.02);border:1px solid rgba(34,197,94,.15);border-radius:6px;padding:10px 12px}
.mkt-conn-row{display:flex;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03)}
.mkt-conn-row:last-child{border-bottom:none}
.mkt-conn-key{color:var(--text3);width:90px;flex-shrink:0}
.mkt-conn-val{color:var(--text2);font-size:10.5px}
.mkt-oauth-btn{background:var(--accent);color:white;border:none;padding:9px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s}
.mkt-oauth-btn:hover{background:var(--accent2)}
.mkt-reconnect-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text3);padding:6px 12px;border-radius:5px;font-size:11px;cursor:pointer;font-family:var(--font)}

/* ── Amazon SC left nav ─────────────────────────────────────────── */
.amz-left-nav{width:140px;background:#fff;border-right:1px solid #e2e8f0;padding:8px 0;flex-shrink:0;overflow-y:auto}
.amz-leftnav-item{display:flex;align-items:center;gap:7px;padding:7px 12px;font-size:11px;color:#232f3e;cursor:pointer;transition:background .12s;white-space:nowrap}
.amz-leftnav-item:hover{background:#f0f4f8}
.amz-leftnav-item.active{background:#fff7ed;color:#c45500;font-weight:700;border-right:3px solid #FF9900}
.amz-ln-icon{font-size:13px;width:18px;text-align:center;flex-shrink:0}
.amz-leftnav-sep{height:1px;background:#e2e8f0;margin:5px 0}

/* ── MeLi left nav ─────────────────────────────────────────────── */
.meli-left-nav{width:148px;background:#fff;border-right:1px solid #eee;padding:8px 0;flex-shrink:0;overflow-y:auto}
.meli-ln-item{padding:8px 14px;font-size:11px;color:#333;cursor:pointer;transition:background .12s;white-space:nowrap}
.meli-ln-item:hover{background:#f5f5f5}
.meli-ln-item.active{background:#fff3e0;color:#e37222;font-weight:700;border-right:3px solid #e37222}
.meli-ln-sep{height:1px;background:#eee;margin:4px 0}

/* ── Shopify left nav ──────────────────────────────────────────── */
.shopify-left-nav{width:200px;background:#1a1a1a;border-right:1px solid #2d2d2d;padding:12px 0;flex-shrink:0;overflow-y:auto}
.shopify-ln-logo{display:flex;align-items:center;gap:8px;padding:8px 14px 14px;border-bottom:1px solid #2d2d2d;margin-bottom:8px}
.shopify-ln-item{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12px;color:rgba(255,255,255,.5);cursor:pointer;transition:all .12s;white-space:nowrap}
.shopify-ln-item:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.04)}
.shopify-ln-item.active{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08)}
.shopify-ln-item span{font-size:14px;width:20px;text-align:center}
.shopify-ln-sep{height:1px;background:#2d2d2d;margin:6px 0}
/* ── macOS Full Desktop Scene (Phase 3) ───────────────────────────── */
.macos-full-desktop{position:relative;width:100%;height:280px;background:linear-gradient(165deg,#1a0436 0%,#0b1838 45%,#060f24 75%,#04080f 100%);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.macos-menubar-full{height:24px;background:rgba(8,6,18,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;padding:0 10px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}
.macos-menu-apple{font-size:14px;color:rgba(255,255,255,.85);padding:0 8px;cursor:default}
.macos-menu-item{font-size:11px;color:rgba(255,255,255,.7);padding:0 7px;cursor:default;white-space:nowrap;line-height:24px}
.macos-menu-item.bold{font-weight:700;color:rgba(255,255,255,.88)}
.macos-menu-right{margin-left:auto;display:flex;align-items:center;gap:2px}
.macos-menu-icon{font-size:12px;color:rgba(255,255,255,.6);padding:0 3px;cursor:default;line-height:24px}
.macos-menu-clock{font-size:11px;color:rgba(255,255,255,.72);font-weight:500;padding:0 6px;line-height:24px;white-space:nowrap}
.macos-desktop-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative}
.macos-wallpaper-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 55% 55% at 25% 40%,rgba(100,30,180,.28) 0%,transparent 60%),radial-gradient(ellipse 45% 45% at 78% 60%,rgba(15,50,130,.22) 0%,transparent 55%);pointer-events:none}
/* macOS desktop icons (top-right) */
.macos-desktop-icons{position:absolute;top:8px;right:10px;display:flex;flex-direction:column;gap:8px;align-items:center}
.macos-desktop-icon{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:default}
.macos-desktop-icon-img{width:36px;height:36px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:20px}
.macos-desktop-icon-lbl{font-size:8px;color:rgba(255,255,255,.75);text-shadow:0 1px 2px rgba(0,0,0,.8);background:rgba(0,0,0,.35);padding:1px 4px;border-radius:2px;white-space:nowrap}
/* Gatekeeper dialog */
.macos-gatekeeper-dialog{background:rgba(237,237,240,.97);border-radius:14px;padding:22px 24px 18px;width:320px;box-shadow:0 24px 80px rgba(0,0,0,.75),0 0 0 0.5px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.6);position:relative}
.macos-gk-icon-row{display:flex;align-items:flex-start;justify-content:center;margin-bottom:14px;position:relative;height:58px}
.macos-gk-app-icon{width:54px;height:54px;background:linear-gradient(135deg,#ff8252,#e8724a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;font-weight:800;box-shadow:0 4px 14px rgba(232,114,74,.45)}
.macos-gk-warning{position:absolute;bottom:0;right:calc(50% - 40px);width:22px;height:22px;background:#f5a623;border-radius:50%;border:2px solid rgba(237,237,240,.97);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#7a4500}
.macos-gk-title{font-size:13px;font-weight:700;color:#1c1c1e;text-align:center;margin-bottom:7px;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.macos-gk-body{font-size:11.5px;color:#48484a;text-align:center;line-height:1.55;margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.macos-gk-details{background:rgba(0,0,0,.055);border-radius:8px;padding:8px 12px;margin-bottom:14px}
.macos-gk-row{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;border-bottom:1px solid rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.macos-gk-row:last-child{border-bottom:none}
.macos-gk-key{color:#8e8e93}.macos-gk-val{color:#1c1c1e;font-weight:500}
.macos-gk-btns{display:flex;gap:8px;justify-content:flex-end}
.macos-gk-btn{border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;transition:filter .1s;letter-spacing:-.1px}
.macos-gk-btn.trash{background:rgba(0,0,0,.1);color:#3c3c43}.macos-gk-btn.trash:hover{background:rgba(0,0,0,.15)}
.macos-gk-btn.open{background:#007aff;color:white;box-shadow:0 1px 4px rgba(0,122,255,.45)}.macos-gk-btn.open:hover{filter:brightness(1.1)}
@keyframes gkPulse{0%,100%{box-shadow:0 1px 4px rgba(0,122,255,.45)}50%{box-shadow:0 0 0 4px rgba(0,122,255,.3),0 1px 4px rgba(0,122,255,.45)}}
.macos-gk-btn.open.auto-click{animation:gkPulse .5s ease-in-out 2;filter:brightness(1.15)}
/* macOS Dock */
.macos-dock-full{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:5px;background:rgba(255,255,255,.14);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:5px 10px 5px;box-shadow:0 4px 24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15)}
.dock-app-full{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}
.dock-app-icon-full{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .15s;cursor:default}
.dock-app-dot{width:4px;height:4px;background:rgba(255,255,255,.85);border-radius:50%;position:absolute;bottom:-3px}
.dock-sep-v{width:1px;background:rgba(255,255,255,.25);height:34px;margin:0 3px;align-self:flex-end;margin-bottom:4px}
.dock-shopilot-icon{animation:dockBounce .55s ease infinite alternate}
@keyframes dockBounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}

/* ── OAuth Authorization Popup ─────────────────────────────────────── */
.oauth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.oauth-overlay.hidden{display:none!important}
.oauth-popup{border-radius:12px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.07);width:390px;flex-direction:column;max-height:85vh;overflow-y:auto}
/* Amazon */
.oauth-amz-header{background:#232f3e;padding:13px 18px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.oauth-amz-logo{color:white;font-size:13px;font-weight:800;letter-spacing:-.2px}
.oauth-amz-logo span{color:#FF9900}
.oauth-amz-body{background:white;padding:20px 22px}
.oauth-amz-title{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:5px}
.oauth-amz-sub{font-size:12px;color:#64748b;margin-bottom:15px;line-height:1.55}
.oauth-perm-list{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:16px}
.oauth-perm-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #f1f5f9;font-size:12px;color:#374151}
.oauth-perm-item:last-child{border-bottom:none}
.oauth-perm-icon{font-size:15px;width:22px;text-align:center;flex-shrink:0}
.oauth-perm-desc{flex:1;line-height:1.4}
.oauth-perm-check{color:#16a34a;font-weight:700;font-size:13px;flex-shrink:0}
.oauth-amz-notice{font-size:10.5px;color:#9ca3af;background:#f8fafc;border-radius:6px;padding:8px 11px;line-height:1.5;margin-bottom:4px}
.oauth-amz-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 22px;display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}
.oauth-amz-btn{border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s}
.oauth-amz-btn.cancel{background:#e8ecf0;color:#374151}.oauth-amz-btn.cancel:hover{background:#dde2e8}
.oauth-amz-btn.authorize{background:#FF9900;color:#111}.oauth-amz-btn.authorize:hover{background:#e68a00}
/* MeLi */
.oauth-meli-header{background:#FFE600;padding:13px 18px;display:flex;align-items:center;gap:8px;flex-shrink:0}
.oauth-meli-logo{font-size:15px;font-weight:900;color:#333}
.oauth-meli-body{background:white;padding:20px 22px}
.oauth-meli-title{font-size:13px;font-weight:600;color:#333;margin-bottom:12px}
.oauth-meli-app-row{display:flex;align-items:center;gap:10px;background:#f5f5f5;border-radius:8px;padding:10px 13px;margin-bottom:14px}
.oauth-meli-app-icon{width:38px;height:38px;background:linear-gradient(135deg,#ff8252,#e8724a);border-radius:9px;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;font-weight:800;flex-shrink:0}
.oauth-meli-perm-title{font-size:12px;font-weight:700;color:#333;margin-bottom:8px}
.oauth-meli-perm{display:flex;align-items:center;gap:8px;font-size:12px;color:#333;padding:6px 0;border-bottom:1px solid #f5f5f5}
.oauth-meli-perm:last-child{border-bottom:none}
.oauth-meli-notice{font-size:10px;color:#999;line-height:1.5;margin-top:12px}
.oauth-meli-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:14px;border-top:1px solid #eee;flex-shrink:0}
.oauth-meli-btn{border:none;border-radius:7px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font)}
.oauth-meli-btn.cancel{background:#f5f5f5;color:#666}.oauth-meli-btn.cancel:hover{background:#ececec}
.oauth-meli-btn.authorize{background:#3483FA;color:white}.oauth-meli-btn.authorize:hover{background:#2968c8}
/* Shopify */
.oauth-shp-header{background:#1a1a1a;border-bottom:1px solid #2d2d2d;padding:13px 18px;display:flex;align-items:center;gap:8px;flex-shrink:0}
.oauth-shp-logo-icon{width:24px;height:24px;background:#95bf47;border-radius:5px;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:800;flex-shrink:0}
.oauth-shp-logo-txt{color:rgba(255,255,255,.85);font-size:13px;font-weight:700}
.oauth-shp-body{background:#1a1a1a;padding:20px 22px}
.oauth-shp-title{font-size:14px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:5px}
.oauth-shp-sub{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:14px;line-height:1.5}
.oauth-shp-store-badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:10px 13px;margin-bottom:14px}
.oauth-shp-store-url{font-size:12px;font-family:var(--font-mono);color:rgba(255,255,255,.65)}
.oauth-shp-scope-title{font-size:11px;font-weight:600;color:rgba(255,255,255,.55);margin-bottom:8px;letter-spacing:.2px}
.oauth-shp-scope{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.45);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.oauth-shp-scope:last-child{border-bottom:none}
.oauth-shp-scope-code{font-family:var(--font-mono);background:rgba(255,255,255,.07);padding:1px 7px;border-radius:4px;color:rgba(149,191,71,.9);flex-shrink:0}
.oauth-shp-notice{font-size:10px;color:rgba(255,255,255,.3);margin-top:12px;line-height:1.5}
.oauth-shp-footer{background:rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.06);padding:12px 22px;display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}
.oauth-shp-btn{border:none;border-radius:7px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font)}
.oauth-shp-btn.cancel{background:rgba(255,255,255,.07);color:rgba(255,255,255,.5)}.oauth-shp-btn.cancel:hover{background:rgba(255,255,255,.1)}
.oauth-shp-btn.authorize{background:#95bf47;color:#111;font-weight:700}.oauth-shp-btn.authorize:hover{background:#7ea836}
/* Connected success state */
.mkt-connected-success{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .3s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.mkt-conn-success-banner{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.2);border-radius:7px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(34,197,94,.9);font-weight:600}

/* ══ TERMINAL MODE OVERRIDE (restored v12) ══════════════════════════
   Makes the Shopilot sidebar look like Claude Code / terminal
   ═══════════════════════════════════════════════════════════════════ */
.shopilot-pane{background:#0c0a08 !important;font-family:var(--font-mono) !important}
.sp-chat{background:#0c0a08 !important}
.msg-user{align-self:flex-start !important;max-width:100% !important}
.msg-user-bubble{background:transparent !important;border:none !important;border-radius:0 !important;padding:5px 0 !important;display:flex !important;gap:9px !important;color:rgba(255,245,235,.88) !important;font-family:var(--font-mono) !important;font-size:12px !important}
.msg-user-bubble::before{content:'❯';color:var(--accent);font-size:13px;font-weight:700;flex-shrink:0;padding-top:1px}
.coach-avatar{display:none !important}
.coach-name{font-size:10px !important;color:rgba(200,150,100,.45) !important;letter-spacing:.4px !important;font-weight:400 !important;font-family:var(--font-mono) !important}
.react-thought{background:rgba(251,191,36,.04) !important;border:none !important;border-left:2px solid rgba(251,191,36,.35) !important;border-radius:2px !important}
.react-thought-label{color:rgba(251,191,36,.55) !important;font-size:9px !important}
.react-thought-label::before{content:'⟳  '}
.react-thought-text{color:rgba(251,191,36,.72) !important;font-style:italic !important;font-size:11px !important}
.react-tool{background:rgba(4,8,14,.85) !important;border:none !important;border-left:2px solid rgba(59,130,246,.3) !important;border-radius:2px !important}
.tool-name{color:#7dd3fc !important;background:transparent !important;border:none !important;padding:0 !important;border-radius:0 !important}
.tool-name::before{content:'⏺ ';color:rgba(125,211,252,.45);font-size:9px}
.tool-spinner{width:auto !important;height:auto !important;border:none !important;animation:none !important;font-size:13px !important;color:var(--accent) !important;border-radius:0 !important;display:inline !important}
.tool-result{color:rgba(134,239,172,.85) !important;background:rgba(0,6,4,.6) !important}
.sp-input-box{background:rgba(5,4,3,.6) !important;border:none !important;border-top:1px solid rgba(255,255,255,.07) !important;border-radius:0 !important;padding-left:6px !important;gap:4px !important}
.sp-input-box::before{content:'❯';color:var(--accent);font-family:var(--font-mono);font-size:14px;font-weight:700;flex-shrink:0}
.sp-input-box:focus-within{border-color:rgba(255,255,255,.1) !important;box-shadow:none !important}
/* ── HOME SCREEN ─────────────────────────────────────────────── */
.home-screen{flex:1;background:#0d0d14;display:flex;flex-direction:column;overflow-y:auto;padding:32px 40px}
.home-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.home-logo-row{display:flex;align-items:center;gap:10px}
.home-logo-icon{width:32px;height:32px;background:var(--accent);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:white;font-size:15px;font-weight:800}
.home-logo-name{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.4px}
.home-logo-tag{font-size:11px;color:var(--text4);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xs);padding:2px 8px;font-family:var(--font-mono)}
.home-meta{text-align:right;font-size:11px;color:var(--text4);font-family:var(--font-mono);line-height:1.7}
.home-section-label{font-size:10px;font-weight:600;color:var(--text4);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}
.home-bp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:28px}
.home-bp-card{background:#13131c;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s;text-decoration:none;cursor:pointer}
.home-bp-card:hover{border-color:rgba(255,255,255,.14);background:#16161f}
.home-bp-card.live{border-color:rgba(249,115,22,.25);background:rgba(249,115,22,.03)}
.home-bp-ver{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px;display:flex;align-items:center;justify-content:space-between}
.home-bp-live{font-size:9px;font-weight:600;color:var(--accent);background:rgba(249,115,22,.12);border-radius:3px;padding:1px 6px}
.home-bp-date{font-size:10px;font-family:var(--font-mono);color:var(--text4)}
.home-bp-desc{font-size:10px;color:var(--text3);line-height:1.55}
.home-demo-card{background:#13131c;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xl);padding:24px 28px}
.home-demo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.home-demo-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.3px}
.home-demo-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-family:var(--font-mono);color:var(--accent);background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.18);border-radius:var(--r-xs);padding:3px 9px}
.home-demo-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1.5s infinite}
.home-demo-desc{font-size:12px;color:var(--text3);line-height:1.6;margin-bottom:16px}
.home-flow{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:20px}
.home-flow-step{font-size:10px;font-family:var(--font-mono);color:var(--text3);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-xs);padding:3px 9px;white-space:nowrap}
.home-flow-arr{font-size:10px;color:var(--text4);padding:0 4px}
.home-enter-btn{border:none;padding:12px 28px;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font);letter-spacing:-.2px;transition:all .15s;display:inline-flex;align-items:center;gap:8px}
.home-autoplay-btn{background:var(--green);color:#000;font-size:16px;padding:14px 32px}
.home-autoplay-btn:hover{background:#86efac;transform:scale(1.02)}
.home-manual-btn{background:transparent;color:var(--text3);border:1px solid var(--border2) !important;font-size:12px;padding:8px 20px;margin-top:8px}
.home-manual-btn:hover{color:var(--text);background:rgba(255,255,255,.04)}

/* ── Sidebar nav ────────────────────────────────────────────── */
.sp-nav{display:flex;align-items:center;justify-content:space-around;background:rgba(0,0,0,.3);border-top:1px solid var(--border);padding:5px 6px;flex-shrink:0}
.sp-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 10px;border-radius:var(--r);cursor:pointer;border:none;background:transparent;color:var(--text3);font-size:9px;font-family:var(--font);transition:color .15s,background .15s;position:relative}
.sp-nav-btn:hover{background:rgba(255,255,255,.05);color:var(--text2)}
.sp-nav-btn.active{color:var(--accent);background:rgba(249,115,22,.08)}
.sp-nav-icon{font-size:15px;line-height:1}
.sp-nav-label{font-size:8px;font-weight:500;letter-spacing:.3px;margin-top:1px}
.sp-nav-badge{position:absolute;top:3px;right:5px;width:13px;height:13px;background:var(--red);border-radius:50%;font-size:7px;font-weight:700;color:white;display:flex;align-items:center;justify-content:center}

/* ── Profile view ──────────────────────────────────────────── */
.sp-side-view{flex:1;overflow-y:auto;padding:14px;display:none;flex-direction:column;gap:11px}
.sp-side-view.active{display:flex}

/* ── Billing view ───────────────────────────────────────────── */
.sp-billing-plans{display:flex;gap:8px}
.sp-billing-plan{flex:1;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-lg);padding:10px 12px}
.sp-billing-plan.current{border-color:var(--accent-border);background:rgba(249,115,22,.04)}
.sp-billing-plan-name{font-size:10px;font-weight:700;color:var(--text);margin-bottom:2px}
.sp-billing-plan-price{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin:3px 0}
.sp-billing-plan-price span{font-size:9px;font-weight:400;color:var(--text3)}
.sp-billing-plan-feat{font-size:8px;color:var(--text3);line-height:1.8}
.sp-billing-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.sp-pack{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:7px;text-align:center;cursor:pointer;transition:all .15s}
.sp-pack:hover,.sp-pack.sel{border-color:var(--accent-border);background:rgba(249,115,22,.06)}
.sp-pack-cr{font-size:13px;font-weight:700;color:var(--text)}
.sp-pack-label{font-size:7px;color:var(--text4)}
.sp-pack-price{font-size:9px;color:var(--accent);font-weight:600;margin-top:2px}
.sp-btn{width:100%;background:var(--accent);color:white;border:none;padding:8px;border-radius:var(--r);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s}
.sp-btn:hover{background:var(--accent2)}
.sp-btn.sec{background:rgba(255,255,255,.06);color:var(--text3);border:1px solid var(--border)}
.sp-btn.sec:hover{background:rgba(255,255,255,.1);color:var(--text2)}

/* ── Notifications view ─────────────────────────────────────── */

/* ── Page refresh overlay ───────────────────────────────────── */
#page-refresh-overlay{position:absolute;inset:0;background:rgba(9,9,11,.7);z-index:30;pointer-events:none;opacity:0;transition:opacity .25s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}
#page-refresh-overlay.active{opacity:1;pointer-events:auto}
.page-refresh-bar{position:absolute;top:0;left:0;height:2px;background:var(--accent);width:0%;transition:width .6s cubic-bezier(.4,0,.2,1)}
#page-refresh-overlay.active .page-refresh-bar{width:100%}
.page-refresh-label{font-size:11px;color:var(--text3);font-family:var(--font-mono);display:flex;align-items:center;gap:8px}
.page-refresh-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--text3);border-radius:50%;animation:spin .6s linear infinite}

/* ── Scope states ───────────────────────────────────────────── */
.sp-context-dot.partial{background:var(--amber);animation:none}
.sp-context-dot.none{background:var(--text4);animation:none}
.sp-context-strip.partial{background:rgba(245,158,11,.04);border-color:rgba(245,158,11,.1)}
.sp-context-strip.none{background:transparent;border-color:var(--border)}

/* ── Arrow subtlety + demo-label hidden ─────────────────────── */
#demo-arrows{opacity:.4;transition:opacity .3s}
#demo-arrows:hover{opacity:1}
#demo-label{display:none}

/* ── Marketplace sub-nav ────────────────────────────────────── */
.amz-sub-view{display:none}
.amz-sub-view.active{display:flex;flex:1;flex-direction:column;overflow-y:auto}
.mkt-sub-table{width:100%;border-collapse:collapse;font-size:11px}
.mkt-sub-table th{text-align:left;padding:8px 12px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text4);border-bottom:1px solid rgba(255,255,255,.06);background:#e8e8e8;position:sticky;top:0}
.mkt-sub-table td{padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.07);color:#333;font-size:11px}
.mkt-sub-table tr:hover td{background:rgba(0,0,0,.02)}

/* ── Scenario Picker ─────────────────────────────────────────── */
.home-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}
.home-scenario-card{background:#13131c;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);padding:18px 20px;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:8px;text-align:left}
.home-scenario-card:hover{border-color:rgba(255,255,255,.16);background:#16161f}
.home-scenario-card.locked{opacity:.4;cursor:not-allowed;pointer-events:none}
.home-scenario-card.ready{border-color:rgba(249,115,22,.22);background:rgba(249,115,22,.03)}
.home-scenario-card.ready:hover{border-color:rgba(249,115,22,.4);background:rgba(249,115,22,.06)}
.home-scenario-icon{font-size:22px;line-height:1}
.home-scenario-title{font-size:12px;font-weight:700;color:var(--text);letter-spacing:-.2px}
.home-scenario-desc{font-size:10px;color:var(--text3);line-height:1.55}
.home-scenario-tag{display:inline-flex;gap:4px;align-items:center;font-size:8px;font-weight:600;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--r-xs)}
.home-scenario-tag.lote-a{background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.2)}
.home-scenario-tag.coming{background:rgba(255,255,255,.04);color:var(--text4);border:1px solid var(--border)}

/* ── Enrollment view ─────────────────────────────────────────── */
.enroll-steps{display:flex;align-items:center;gap:0;margin-bottom:14px}
.enroll-step{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:600;color:var(--text4);flex:1}
.enroll-step.active{color:var(--accent)}
.enroll-step.done{color:var(--green)}
.enroll-step-num{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;flex-shrink:0}
.enroll-step.active .enroll-step-num{background:var(--accent);border-color:var(--accent);color:white}
.enroll-step.done .enroll-step-num{background:var(--green);border-color:var(--green);color:white}
.enroll-step-line{flex:1;height:1px;background:var(--border);margin:0 4px}
.enroll-mkt-grid{display:flex;flex-direction:column;gap:8px}
.enroll-mkt-btn{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-lg);padding:11px 13px;cursor:pointer;transition:border-color .15s,background .15s;width:100%}
.enroll-mkt-btn:hover{border-color:rgba(255,255,255,.22);background:var(--surface2)}
.enroll-mkt-btn.connected{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.04);cursor:default}
.enroll-mkt-icon{width:28px;height:28px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.enroll-mkt-name{font-size:11px;font-weight:600;color:var(--text);flex:1;text-align:left}
.enroll-mkt-status{font-size:9px;font-weight:600;color:var(--text4)}
.enroll-mkt-btn.connected .enroll-mkt-status{color:var(--green)}
.enroll-oauth-box{background:white;border-radius:var(--r-lg);overflow:hidden;border:1px solid #ddd}
.enroll-oauth-bar{background:#f3f3f3;border-bottom:1px solid #ddd;padding:7px 12px;display:flex;align-items:center;gap:8px}
.enroll-oauth-url{font-size:10px;font-family:monospace;color:#444;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.enroll-oauth-body{padding:20px 18px;display:flex;flex-direction:column;gap:10px}
.enroll-oauth-logo{font-size:20px;font-weight:800;margin-bottom:4px}
.enroll-oauth-title{font-size:13px;font-weight:700;color:#111}
.enroll-oauth-desc{font-size:10px;color:#555;line-height:1.55}
.enroll-oauth-scope{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;padding:8px 10px;font-size:9px;color:#333;font-family:monospace;line-height:1.8}
.enroll-oauth-btn{background:#0061d5;color:white;border:none;padding:9px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;width:100%;font-family:var(--font)}
.enroll-oauth-btn.amazon-btn{background:#232f3e}
.enroll-oauth-btn.meli-btn{background:#3483FA}
.enroll-oauth-btn.shopify-btn{background:#95bf47}
.enroll-connecting{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}
.enroll-connect-spinner{width:32px;height:32px;border:3px solid rgba(249,115,22,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
.enroll-connect-label{font-size:11px;color:var(--text3);font-family:var(--font-mono)}
.enroll-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;text-align:center}
.enroll-success-icon{font-size:32px}
.enroll-success-title{font-size:12px;font-weight:700;color:var(--green)}
.enroll-success-meta{font-size:9px;color:var(--text3);font-family:var(--font-mono);line-height:1.6}
/* ── SubtaskRunner ───────────────────────────────────────────── */
.subtask-runner{background:rgba(168,85,247,.04);border:1px solid rgba(168,85,247,.18);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.subtask-runner-header{font-size:9px;font-weight:700;color:#a855f7;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.subtask-runner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.subtask-card{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:9px 10px;display:flex;flex-direction:column;gap:5px}
.subtask-card.done{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.03)}
.subtask-title{font-size:9px;font-weight:700;color:var(--text2)}
.subtask-tools{font-size:8px;color:var(--text4);font-family:var(--font-mono)}
.subtask-status{font-size:8px;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:2px}
.subtask-status.done{color:var(--green)}
.subtask-time{font-size:7px;color:var(--text4);font-family:var(--font-mono);margin-left:auto}
/* ── Extended Thinking ──────────────────────────────────────── */
.think-deep-panel{background:rgba(168,85,247,.05);border:1px solid rgba(168,85,247,.2);border-left:3px solid #a855f7;border-radius:var(--r-lg);margin:6px 0;overflow:hidden}
.think-deep-header{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;user-select:none}
.think-deep-label{font-size:9px;font-weight:700;color:#a855f7;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;flex:1}
.think-deep-tokens{font-size:8px;color:var(--text4);font-family:var(--font-mono)}
.think-deep-toggle{font-size:9px;color:var(--text4);transition:transform .2s}
.think-deep-body{padding:0 12px 10px;display:none;flex-direction:column;gap:6px}
.think-deep-body.open{display:flex}
.think-deep-step{font-size:9px;color:rgba(196,181,253,.75);font-family:var(--font-mono);line-height:1.7;border-bottom:1px solid rgba(168,85,247,.08);padding-bottom:5px}
.think-deep-step:last-child{border-bottom:none;padding-bottom:0}
.verifier-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:600;font-family:var(--font-mono);padding:3px 9px;border-radius:var(--r-xs);background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.2);margin-top:4px}
/* ── SessionResultCache ─────────────────────────────────────── */
.tool-cache-badge{display:inline-flex;align-items:center;gap:3px;font-size:7px;font-weight:700;font-family:var(--font-mono);color:#fbbf24;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);border-radius:var(--r-xs);padding:1px 6px;margin-left:6px;vertical-align:middle}
/* ── HyDE indicator ─────────────────────────────────────────── */
/* ── coach-badge variants ───────────────────────────────────── */
.coach-badge.purple{background:rgba(168,85,247,.12);color:#a855f7;border:1px solid rgba(168,85,247,.25)}
.coach-badge.blue{background:rgba(59,130,246,.12);color:var(--blue);border:1px solid rgba(59,130,246,.25)}
/* ── Competitor table ─────────────────────────────────────────── */
.comp-table{width:100%;border-collapse:collapse;margin:6px 0}
.comp-table th{font-size:8px;font-weight:700;color:var(--text4);font-family:var(--font-mono);padding:4px 6px;border-bottom:1px solid var(--border2);text-align:left;text-transform:uppercase;letter-spacing:.4px}
.comp-table td{font-size:9px;padding:5px 6px;border-bottom:1px solid var(--border);color:var(--text2);font-family:var(--font-mono)}
.comp-table tr:last-child td{border-bottom:none}
.comp-table tr.me td{background:rgba(249,115,22,.04);color:var(--text)}
.comp-rank{font-weight:700;color:var(--text4)}
.comp-winner{color:var(--green);font-weight:700}
.comp-loser{color:var(--red)}
/* ── Audit score ──────────────────────────────────────────────── */
.audit-score-panel{background:rgba(59,130,246,.04);border:1px solid rgba(59,130,246,.16);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.audit-score-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.audit-score-circle{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--amber) 67%,rgba(255,255,255,.06) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.audit-score-num{font-size:14px;font-weight:700;color:var(--text)}
.audit-score-info{display:flex;flex-direction:column;gap:2px}
.audit-score-title{font-size:11px;font-weight:700;color:var(--text)}
.audit-score-sub{font-size:9px;color:var(--text3);font-family:var(--font-mono)}
.audit-criteria{display:flex;flex-direction:column;gap:5px}
.audit-criterion{display:flex;align-items:center;gap:8px;font-size:9px}
.audit-criterion-name{color:var(--text2);flex:1;font-family:var(--font-mono)}
.audit-criterion-bar{flex:2;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.audit-criterion-fill{height:100%;border-radius:2px}
.audit-criterion-fill.good{background:var(--green)}
.audit-criterion-fill.medium{background:var(--amber)}
.audit-criterion-fill.bad{background:var(--red)}
.audit-criterion-score{color:var(--text3);font-family:var(--font-mono);width:28px;text-align:right}
/* ── Brand Health ─────────────────────────────────────────────── */
.brand-health-panel{background:rgba(34,197,94,.03);border:1px solid rgba(34,197,94,.15);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.brand-health-header{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.brand-health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.brand-stat{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r);padding:8px 10px}
.brand-stat-val{font-size:15px;font-weight:700;color:var(--text)}
.brand-stat-label{font-size:8px;color:var(--text4);font-family:var(--font-mono);margin-top:2px}
.brand-stat-delta{font-size:8px;font-family:var(--font-mono);margin-top:2px}
.brand-stat-delta.up{color:var(--green)}
.brand-stat-delta.down{color:var(--red)}
.brand-kw-row{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}
.brand-kw{font-size:9px;font-family:var(--font-mono);background:rgba(255,255,255,.04);padding:2px 7px;border-radius:var(--r-xs);color:var(--text2)}
.brand-kw-pos{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono)}
/* ── Confirmation EXPIRED ─────────────────────────────────────── */
.confirm-expired-card{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.25);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.confirm-expired-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.confirm-expired-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--r-xs);background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.25)}
.confirm-expired-title{font-size:11px;font-weight:600;color:var(--red)}
.confirm-expired-body{font-size:10px;color:var(--text2);line-height:1.65}
.confirm-expired-meta{font-size:9px;color:var(--text4);font-family:var(--font-mono);margin-top:6px;line-height:1.7;background:rgba(0,0,0,.2);padding:7px 9px;border-radius:var(--r-xs)}
/* ── Rollback ─────────────────────────────────────────────────── */
.rollback-panel{background:rgba(34,197,94,.03);border:1px solid rgba(34,197,94,.2);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.rollback-header{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.rollback-diff{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:6px}
.rollback-from{color:var(--text2);font-family:var(--font-mono)}
.rollback-to{color:var(--green);font-weight:700;font-family:var(--font-mono)}
.rollback-token{font-size:8px;color:var(--text4);font-family:var(--font-mono)}
/* ── Block comparison ─────────────────────────────────────────── */
.block-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}
.block-soft{background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.2);border-radius:var(--r-lg);padding:10px 12px}
.block-hard{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.2);border-radius:var(--r-lg);padding:10px 12px}
.block-type-label{font-size:9px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.block-soft .block-type-label{color:var(--amber)}
.block-hard .block-type-label{color:var(--red)}
.block-desc{font-size:9px;color:var(--text2);line-height:1.6}
.block-items{margin-top:6px;display:flex;flex-direction:column;gap:3px}
.block-item{font-size:8px;font-family:var(--font-mono);padding:2px 6px;border-radius:var(--r-xs)}
.block-soft .block-item{background:rgba(245,158,11,.08);color:#fcd34d}
.block-hard .block-item{background:rgba(239,68,68,.08);color:#fca5a5}
/* ── Audit Log ────────────────────────────────────────────────── */
.audit-log-panel{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:6px 0}
.audit-log-header{background:rgba(255,255,255,.03);padding:7px 12px;border-bottom:1px solid var(--border);font-size:9px;font-weight:700;color:var(--text3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:8px}
.audit-log-row{display:flex;align-items:flex-start;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px;font-family:var(--font-mono)}
.audit-log-row:last-child{border-bottom:none}
.audit-log-time{color:var(--text4);flex-shrink:0;width:36px}
.audit-log-action{color:var(--text2);flex:1;line-height:1.4}
.audit-log-status{font-size:8px;font-weight:700;padding:1px 5px;border-radius:var(--r-xs);flex-shrink:0}
.audit-log-status.ok{background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.2)}
.audit-log-status.warn{background:rgba(245,158,11,.1);color:var(--amber);border:1px solid rgba(245,158,11,.2)}
.audit-log-status.block{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.2)}
.fraud-alert-banner{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.25);border-radius:var(--r-lg);padding:10px 12px;margin:6px 0}
.fraud-alert-title{font-size:10px;font-weight:700;color:var(--red);margin-bottom:4px}
.fraud-alert-body{font-size:9px;color:var(--text2);line-height:1.65;font-family:var(--font-mono)}
/* ── Credits panel ────────────────────────────────────────────── */
.credits-panel{background:rgba(99,102,241,.03);border:1px solid rgba(99,102,241,.15);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.credits-panel-header{font-size:9px;font-weight:700;color:#6366f1;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.credits-big{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}
.credits-big-num{font-size:28px;font-weight:700;color:var(--text)}
.credits-big-total{font-size:12px;color:var(--text4);font-family:var(--font-mono)}
.credits-usage-bar{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-bottom:10px;border:1px solid var(--border)}
.credits-usage-fill{height:100%;border-radius:3px;transition:width .4s ease}
.credits-usage-fill.ok{background:linear-gradient(90deg,#6366f1,#a855f7)}
.credits-usage-fill.warn{background:linear-gradient(90deg,var(--amber),#f97316)}
.credits-usage-fill.danger{background:linear-gradient(90deg,var(--red),#dc2626)}
.credits-history{display:flex;flex-direction:column;gap:0}
.credits-history-row{display:flex;align-items:center;gap:8px;font-size:9px;font-family:var(--font-mono);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.credits-history-row:last-child{border-bottom:none}
.credits-history-action{color:var(--text2);flex:1}
.credits-history-cost{color:var(--text4);flex-shrink:0}
.credits-history-time{color:var(--text4);flex-shrink:0;width:42px}
/* ── Credit warning / block ───────────────────────────────────── */
.credit-warning-banner{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.25);border-radius:var(--r-lg);padding:10px 12px;margin:6px 0}
.credit-warning-title{font-size:10px;font-weight:700;color:var(--amber);margin-bottom:4px}
.credit-warning-body{font-size:9px;color:var(--text2);line-height:1.65;font-family:var(--font-mono)}
.credit-block-banner{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.25);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.credit-block-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.credit-block-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--r-xs);background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.25)}
.credit-block-title{font-size:11px;font-weight:600;color:var(--red)}
.credit-block-body{font-size:10px;color:var(--text2);line-height:1.65}
/* ── Upgrade panel ────────────────────────────────────────────── */
.upgrade-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.upgrade-plan-card{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px}
.upgrade-plan-card.popular{border-color:rgba(99,102,241,.4);background:rgba(99,102,241,.05)}
.upgrade-popular-badge{font-size:8px;font-weight:700;color:#6366f1;font-family:var(--font-mono);background:rgba(99,102,241,.12);padding:1px 6px;border-radius:var(--r-xs);margin-bottom:4px;display:inline-block}
.upgrade-plan-name{font-size:10px;font-weight:700;color:var(--text);margin-bottom:2px}
.upgrade-plan-price{font-size:16px;font-weight:700;color:var(--text);margin:4px 0}
.upgrade-plan-price span{font-size:9px;color:var(--text4);font-weight:400}
.upgrade-plan-credits{font-size:9px;color:var(--text3);font-family:var(--font-mono);margin-bottom:6px}
.upgrade-plan-feature{font-size:8px;color:var(--text2);font-family:var(--font-mono);padding:1px 0}
.upgrade-cta-btn{width:100%;padding:7px;background:#6366f1;color:#fff;border:none;border-radius:var(--r);font-size:10px;font-weight:700;cursor:pointer;margin-top:6px}
/* ── Proactive alert feed ─────────────────────────────────────── */
.proactive-feed{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.proactive-item{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px;display:flex;gap:10px;align-items:flex-start}
.proactive-item.urgent{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.03)}
.proactive-item.warning{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.03)}
.proactive-item.opportunity{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.03)}
.proactive-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px}
.proactive-dot.red{background:var(--red)}
.proactive-dot.amber{background:var(--amber)}
.proactive-dot.green{background:var(--green)}
.proactive-content{flex:1}
.proactive-title{font-size:10px;font-weight:700;color:var(--text);margin-bottom:3px}
.proactive-desc{font-size:9px;color:var(--text2);line-height:1.6}
.proactive-meta{font-size:8px;color:var(--text4);font-family:var(--font-mono);margin-top:4px}
/* ── Multi-marketplace ────────────────────────────────────────── */
.mkt-badge{font-size:8px;font-weight:700;font-family:var(--font-mono);padding:1px 6px;border-radius:var(--r-xs)}
.mkt-badge.amazon{background:rgba(249,115,22,.1);color:#f97316;border:1px solid rgba(249,115,22,.2)}
.mkt-badge.meli{background:rgba(234,179,8,.1);color:#eab308;border:1px solid rgba(234,179,8,.2)}
.mkt-badge.shopify{background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.2)}
.cross-market-table{width:100%;border-collapse:collapse;margin:6px 0}
.cross-market-table th{font-size:8px;font-weight:700;color:var(--text4);font-family:var(--font-mono);padding:4px 6px;border-bottom:1px solid var(--border2);text-align:left;text-transform:uppercase;letter-spacing:.4px}
.cross-market-table td{font-size:9px;padding:5px 6px;border-bottom:1px solid var(--border);color:var(--text2);font-family:var(--font-mono)}
.cross-market-table tr:last-child td{border-bottom:none}
.cross-market-table tr.total-row td{font-weight:700;color:var(--text);border-top:1px solid var(--border2);border-bottom:none}
.sync-panel{background:rgba(59,130,246,.03);border:1px solid rgba(59,130,246,.15);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.sync-panel-header{font-size:9px;font-weight:700;color:var(--blue);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.sync-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}
.sync-row:last-child{border-bottom:none}
.sync-market{flex:1;color:var(--text2);font-family:var(--font-mono)}
.sync-price-change{color:var(--text3);font-family:var(--font-mono)}
.sync-price-to{color:var(--green);font-weight:700;font-family:var(--font-mono)}
.sync-status{font-size:8px;font-weight:700;padding:1px 5px;border-radius:var(--r-xs)}
.sync-status.ok{background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.2)}
.sync-status.pending{background:rgba(245,158,11,.1);color:var(--amber);border:1px solid rgba(245,158,11,.2)}
.conflict-panel{background:rgba(168,85,247,.03);border:1px solid rgba(168,85,247,.2);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.conflict-header{font-size:9px;font-weight:700;color:#a855f7;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.conflict-row{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}
.conflict-row:last-child{border-bottom:none}
.conflict-mkt{flex-shrink:0;width:60px;font-family:var(--font-mono);color:var(--text3)}
.conflict-detail{flex:1;color:var(--text2);font-family:var(--font-mono);line-height:1.5}
/* ── Feedback Loop ────────────────────────────────────────────── */
.feedback-capture-panel{background:rgba(34,197,94,.03);border:1px solid rgba(34,197,94,.15);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.feedback-capture-header{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.feedback-monitoring-bar{display:flex;align-items:center;gap:8px;margin:8px 0}
.feedback-monitoring-label{font-size:9px;color:var(--text3);font-family:var(--font-mono);flex:1}
.feedback-monitoring-track{flex:2;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.feedback-monitoring-fill{height:100%;border-radius:2px;background:var(--green)}
.feedback-impact-panel{background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.2);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.feedback-impact-header{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.impact-badge{font-size:8px;font-weight:700;padding:2px 7px;border-radius:var(--r-xs);font-family:var(--font-mono)}
.impact-badge.positive{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.3)}
.impact-badge.neutral{background:rgba(255,255,255,.06);color:var(--text3);border:1px solid var(--border)}
.impact-badge.negative{background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.25)}
.feedback-before-after{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:8px 0}
.feedback-col-header{font-size:8px;font-weight:700;color:var(--text4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;background:rgba(255,255,255,.03);border-radius:var(--r-xs) var(--r-xs) 0 0;text-align:center}
.feedback-col-body{display:flex;flex-direction:column;gap:5px;padding:6px 8px;background:rgba(0,0,0,.2);border-radius:0 0 var(--r-xs) var(--r-xs)}
.feedback-metric-row{font-size:9px;font-family:var(--font-mono);color:var(--text2);display:flex;align-items:center;gap:4px}
.feedback-metric-row.delta-positive{color:var(--green);font-weight:700}
.feedback-metric-row.delta-negative{color:var(--red);font-weight:700}
.feedback-aggregate-table{width:100%;border-collapse:collapse;margin:6px 0}
.feedback-aggregate-table th{font-size:8px;font-weight:700;color:var(--text4);font-family:var(--font-mono);padding:4px 6px;border-bottom:1px solid var(--border2);text-align:left;text-transform:uppercase;letter-spacing:.4px}
.feedback-aggregate-table td{font-size:9px;padding:5px 6px;border-bottom:1px solid var(--border);color:var(--text2);font-family:var(--font-mono)}
.feedback-aggregate-table tr:last-child td{border-bottom:none}
.feedback-aggregate-table tr.total-feedback td{font-weight:700;color:var(--text);border-top:1px solid var(--border2);border-bottom:none}
/* ── Conflict Resolution Interactive ─────────────────────────── */
.conflict-option-btns{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.conflict-option-btn{width:100%;padding:10px 12px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--r);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.conflict-option-btn:hover{background:rgba(168,85,247,.06);border-color:rgba(168,85,247,.3)}
.conflict-option-btn-label{font-size:10px;font-weight:700;color:var(--text);display:block;margin-bottom:3px}
.conflict-option-btn-desc{font-size:9px;color:var(--text2);font-family:var(--font-mono)}
.conflict-resolved-panel{background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.2);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.conflict-resolved-header{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
/* ── Native Shell ────────────────────────────────────────────── */
.billing-view-panel{background:rgba(99,102,241,.03);border:1px solid rgba(99,102,241,.15);border-radius:var(--r-lg);padding:14px;margin:6px 0}
.billing-plan-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(0,0,0,.2);border:1px solid rgba(99,102,241,.2);border-radius:var(--r);margin-bottom:10px}
.billing-plan-name{font-size:13px;font-weight:700;color:var(--text)}
.billing-plan-price{font-size:11px;color:var(--text3);font-family:var(--font-mono)}
.billing-plan-badge{font-size:8px;font-weight:700;background:rgba(99,102,241,.12);color:#6366f1;border:1px solid rgba(99,102,241,.25);padding:1px 7px;border-radius:var(--r-xs);font-family:var(--font-mono);margin-left:auto}
.billing-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.billing-detail-row:last-of-type{border-bottom:none}
.billing-detail-label{color:var(--text3);font-family:var(--font-mono)}
.billing-detail-value{color:var(--text2);font-family:var(--font-mono)}
.auto-update-banner{background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.25);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.auto-update-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.auto-update-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--r-xs);background:rgba(245,158,11,.12);color:var(--amber);border:1px solid rgba(245,158,11,.25)}
.auto-update-title{font-size:11px;font-weight:600;color:var(--text)}
.update-changelog{font-size:9px;color:var(--text2);line-height:1.7;font-family:var(--font-mono);background:rgba(0,0,0,.2);padding:7px 9px;border-radius:var(--r-xs);margin:6px 0}
.update-actions{display:flex;gap:8px;margin-top:8px}
.update-btn-primary{padding:6px 14px;background:var(--amber);color:#000;border:none;border-radius:var(--r);font-size:9px;font-weight:700;cursor:pointer;font-family:var(--font-mono)}
.update-btn-secondary{padding:6px 14px;background:rgba(255,255,255,.06);color:var(--text2);border:1px solid var(--border);border-radius:var(--r);font-size:9px;cursor:pointer;font-family:var(--font-mono)}
/* ── Personality Engine ───────────────────────────────────────── */
.personality-profile{background:rgba(168,85,247,.04);border:1px solid rgba(168,85,247,.2);border-radius:var(--r-lg);padding:14px 16px;margin:6px 0}
.personality-profile-header{font-size:9px;font-weight:700;color:#a855f7;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.personality-avatar-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.personality-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#6366f1);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.personality-name{font-size:14px;font-weight:700;color:var(--text)}
.personality-role{font-size:9px;color:var(--text4);font-family:var(--font-mono);margin-top:2px}
.personality-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.personality-field{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r);padding:7px 10px}
.personality-field-label{font-size:8px;color:var(--text4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.personality-field-val{font-size:10px;color:var(--text);font-weight:600}
.personality-tag{display:inline-block;font-size:8px;font-family:var(--font-mono);padding:1px 6px;border-radius:var(--r-xs);background:rgba(168,85,247,.1);color:#c084fc;border:1px solid rgba(168,85,247,.2);margin:1px 2px 1px 0}
/* ── A/B FeedbackGate ─────────────────────────────────────────── */
.ab-setup-panel{background:rgba(59,130,246,.04);border:1px solid rgba(59,130,246,.2);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.ab-setup-header{font-size:9px;font-weight:700;color:#60a5fa;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.ab-variants{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.ab-variant{border-radius:var(--r);padding:10px 12px;border:1px solid}
.ab-variant.a{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.25)}
.ab-variant.b{background:rgba(168,85,247,.06);border-color:rgba(168,85,247,.25)}
.ab-variant-label{font-size:8px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.ab-variant.a .ab-variant-label{color:#60a5fa}
.ab-variant.b .ab-variant-label{color:#c084fc}
.ab-variant-price{font-size:18px;font-weight:700;color:var(--text);margin-bottom:2px}
.ab-variant-split{font-size:9px;color:var(--text4);font-family:var(--font-mono)}
.ab-config-row{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--text3);font-family:var(--font-mono);margin-top:4px}
.ab-config-label{color:var(--text4);width:90px}
/* ── A/B Progress ─────────────────────────────────────────────── */
.ab-progress-panel{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:6px 0}
.ab-progress-header{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.02)}
.ab-progress-title{font-size:9px;font-weight:700;color:var(--text2);font-family:var(--font-mono)}
.ab-progress-day{font-size:8px;color:var(--amber);font-family:var(--font-mono);margin-left:auto;background:rgba(245,158,11,.1);padding:1px 7px;border-radius:var(--r-xs);border:1px solid rgba(245,158,11,.2)}
.ab-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--border)}
.ab-metric-col{padding:10px 12px}
.ab-metric-col:first-child{border-right:1px solid var(--border)}
.ab-metric-col-label{font-size:8px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;margin-bottom:8px}
.ab-metric-col.a .ab-metric-col-label{color:#60a5fa}
.ab-metric-col.b .ab-metric-col-label{color:#c084fc}
.ab-metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;font-family:var(--font-mono)}
.ab-metric-key{color:var(--text4)}
.ab-metric-val{color:var(--text);font-weight:600}
.ab-metric-val.winning{color:var(--green)}
.ab-metric-val.losing{color:var(--red)}
.ab-status-row{padding:8px 12px;font-size:9px;color:var(--text3);font-family:var(--font-mono)}
/* ── A/B Winner ───────────────────────────────────────────────── */
.ab-winner-panel{background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.25);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.ab-winner-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ab-winner-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--r-xs);background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.25)}
.ab-winner-title{font-size:12px;font-weight:700;color:var(--green)}
.ab-winner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.ab-winner-stat{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r);padding:7px 10px;text-align:center}
.ab-winner-stat-val{font-size:14px;font-weight:700;color:var(--green)}
.ab-winner-stat-label{font-size:8px;color:var(--text4);font-family:var(--font-mono);margin-top:2px}
.ab-significance{font-size:9px;color:var(--text3);font-family:var(--font-mono);background:rgba(0,0,0,.2);padding:7px 10px;border-radius:var(--r-xs)}
/* ── InputGuard ───────────────────────────────────────────────── */
.inputguard-alert{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.3);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.inputguard-alert-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.inputguard-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--r-xs);background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.3)}
.inputguard-title{font-size:11px;font-weight:700;color:var(--red)}
.inputguard-original{font-size:9px;color:var(--text3);font-family:var(--font-mono);background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.12);border-radius:var(--r-xs);padding:7px 10px;margin-bottom:8px;line-height:1.6}
.inputguard-original-label{font-size:8px;color:var(--red);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.inputguard-findings{display:flex;flex-direction:column;gap:4px}
.inputguard-finding{display:flex;align-items:flex-start;gap:8px;font-size:9px;font-family:var(--font-mono);padding:5px 8px;border-radius:var(--r-xs);background:rgba(239,68,68,.06)}
.inputguard-finding-type{color:var(--red);font-weight:700;flex-shrink:0;width:120px}
.inputguard-finding-desc{color:var(--text2);flex:1;line-height:1.5}
.inputguard-score{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:9px;font-family:var(--font-mono)}
.inputguard-score-label{color:var(--text4)}
.inputguard-score-val{font-size:13px;font-weight:700;color:var(--red)}
.inputguard-score-bar{flex:1;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.inputguard-score-fill{height:100%;background:var(--red);border-radius:2px}
/* ── OutputGuard ──────────────────────────────────────────────── */
.outputguard-panel{background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.25);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.outputguard-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.outputguard-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--r-xs);background:rgba(245,158,11,.12);color:var(--amber);border:1px solid rgba(245,158,11,.25)}
.outputguard-diff{display:flex;flex-direction:column;gap:6px;font-size:9px;font-family:var(--font-mono)}
.outputguard-blocked{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);border-radius:var(--r-xs);padding:6px 9px;color:var(--text3);position:relative}
.outputguard-blocked::before{content:"BLOQUEADO";font-size:7px;font-weight:700;color:var(--red);position:absolute;top:4px;right:8px;background:rgba(239,68,68,.1);padding:1px 5px;border-radius:3px}
.outputguard-replaced{background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.15);border-radius:var(--r-xs);padding:6px 9px;color:var(--text2)}
.outputguard-replaced::before{content:"ENVIADO";font-size:7px;font-weight:700;color:var(--green);display:block;margin-bottom:4px;background:rgba(34,197,94,.1);padding:1px 5px;border-radius:3px;display:inline-block;margin-bottom:4px}
/* ── Prompt Caching ───────────────────────────────────────────── */
.cache-panel{background:rgba(34,197,94,.03);border:1px solid rgba(34,197,94,.18);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.cache-panel-header{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.cache-token-breakdown{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.cache-token-row{display:flex;align-items:center;gap:8px;font-size:9px;font-family:var(--font-mono)}
.cache-token-label{color:var(--text3);width:160px;flex-shrink:0}
.cache-token-bar{flex:1;height:6px;background:rgba(255,255,255,.04);border-radius:3px;overflow:hidden;border:1px solid var(--border)}
.cache-token-fill{height:100%;border-radius:3px}
.cache-token-fill.cached{background:var(--green)}
.cache-token-fill.new{background:#60a5fa}
.cache-token-fill.full{background:rgba(239,68,68,.6)}
.cache-token-count{color:var(--text4);width:60px;text-align:right}
.cache-token-tag{font-size:7px;font-weight:700;padding:1px 5px;border-radius:var(--r-xs)}
.cache-token-tag.hit{background:rgba(34,197,94,.1);color:var(--green)}
.cache-token-tag.miss{background:rgba(59,130,246,.1);color:#60a5fa}
.cache-cost-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.cache-cost-card{border-radius:var(--r);padding:10px 12px;border:1px solid}
.cache-cost-card.without{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.2)}
.cache-cost-card.with{background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.2)}
.cache-cost-label{font-size:8px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;margin-bottom:4px}
.cache-cost-card.without .cache-cost-label{color:var(--red)}
.cache-cost-card.with .cache-cost-label{color:var(--green)}
.cache-cost-val{font-size:16px;font-weight:700;color:var(--text)}
.cache-cost-detail{font-size:8px;color:var(--text4);font-family:var(--font-mono);margin-top:3px;line-height:1.6}
.cache-savings-banner{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);border-radius:var(--r);padding:8px 10px;display:flex;align-items:center;gap:10px}
.cache-savings-pct{font-size:20px;font-weight:700;color:var(--green)}
.cache-savings-text{font-size:9px;color:var(--text2);font-family:var(--font-mono)}
/* ── Amazon Ads ───────────────────────────────────────────────── */
.ads-panel{background:rgba(245,158,11,.03);border:1px solid rgba(245,158,11,.2);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.ads-panel-header{font-size:9px;font-weight:700;color:var(--amber);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.ads-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.ads-metric{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r);padding:7px 8px;text-align:center}
.ads-metric-val{font-size:13px;font-weight:700;color:var(--text)}
.ads-metric-label{font-size:7px;color:var(--text4);font-family:var(--font-mono);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}
.ads-metric-delta{font-size:8px;font-family:var(--font-mono);margin-top:1px}
.ads-campaign-table{width:100%;border-collapse:collapse}
.ads-campaign-table th{font-size:8px;font-weight:700;color:var(--text4);font-family:var(--font-mono);padding:4px 6px;border-bottom:1px solid var(--border2);text-align:left;text-transform:uppercase;letter-spacing:.3px}
.ads-campaign-table td{font-size:9px;padding:5px 6px;border-bottom:1px solid var(--border);color:var(--text2);font-family:var(--font-mono)}
.ads-campaign-table tr:last-child td{border-bottom:none}
.ads-status-active{color:var(--green);font-weight:700}
.ads-status-paused{color:var(--text4)}
.ads-status-warning{color:var(--amber);font-weight:700}
.ads-bid-suggestion{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.18);border-radius:var(--r);padding:8px 10px;margin:6px 0;font-size:9px;font-family:var(--font-mono)}
.ads-bid-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ads-bid-row:last-child{margin-bottom:0}
.ads-bid-kw{color:var(--text2);flex:1}
.ads-bid-from{color:var(--text4)}
.ads-bid-to{color:var(--amber);font-weight:700}
.ads-bid-reason{color:var(--text4);font-size:8px}
/* ── Content & Orders ─────────────────────────────────────────── */
.content-diff-panel{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:6px 0}
.content-diff-header{padding:7px 12px;border-bottom:1px solid var(--border);font-size:9px;font-weight:700;color:var(--text2);font-family:var(--font-mono);display:flex;align-items:center;gap:8px}
.content-diff-row{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04)}
.content-diff-row:last-child{border-bottom:none}
.content-diff-field{font-size:8px;font-weight:700;color:var(--text4);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:4px;letter-spacing:.3px}
.content-diff-before{font-size:9px;color:rgba(239,68,68,.7);font-family:var(--font-mono);background:rgba(239,68,68,.04);padding:4px 7px;border-radius:var(--r-xs);margin-bottom:3px;text-decoration:line-through;line-height:1.5}
.content-diff-after{font-size:9px;color:var(--green);font-family:var(--font-mono);background:rgba(34,197,94,.04);padding:4px 7px;border-radius:var(--r-xs);line-height:1.5}
.orders-table{width:100%;border-collapse:collapse;margin:6px 0}
.orders-table th{font-size:8px;font-weight:700;color:var(--text4);font-family:var(--font-mono);padding:4px 6px;border-bottom:1px solid var(--border2);text-align:left;text-transform:uppercase;letter-spacing:.3px}
.orders-table td{font-size:9px;padding:5px 6px;border-bottom:1px solid var(--border);color:var(--text2);font-family:var(--font-mono)}
.orders-table tr:last-child td{border-bottom:none}
.order-status-pending{color:var(--amber);font-weight:700}
.order-status-shipped{color:var(--green)}
.order-status-issue{color:var(--red);font-weight:700}
.review-request-card{background:rgba(34,197,94,.03);border:1px solid rgba(34,197,94,.15);border-radius:var(--r-lg);padding:10px 12px;margin:6px 0}
.review-request-header{font-size:9px;font-weight:700;color:var(--green);font-family:var(--font-mono);margin-bottom:6px}
.review-request-body{font-size:9px;color:var(--text3);font-family:var(--font-mono);line-height:1.6}
/* ── Account Health ──────────────────────────────────────────── */
.ahr-panel{background:rgba(34,197,94,.03);border:1px solid rgba(34,197,94,.18);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.ahr-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ahr-score-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;font-weight:700;color:#fff}
.ahr-score-circle.good{background:conic-gradient(var(--green) 96%,rgba(255,255,255,.06) 0)}
.ahr-score-circle.warn{background:conic-gradient(var(--amber) 72%,rgba(255,255,255,.06) 0)}
.ahr-score-circle.bad{background:conic-gradient(var(--red) 45%,rgba(255,255,255,.06) 0)}
.ahr-info{display:flex;flex-direction:column;gap:2px}
.ahr-title{font-size:11px;font-weight:700;color:var(--text)}
.ahr-sub{font-size:9px;color:var(--text3);font-family:var(--font-mono)}
.ahr-metrics{display:flex;flex-direction:column;gap:5px}
.ahr-metric-row{display:flex;align-items:center;gap:8px;font-size:9px;font-family:var(--font-mono)}
.ahr-metric-label{color:var(--text3);flex:1}
.ahr-metric-val{font-weight:700}
.ahr-metric-val.ok{color:var(--green)}
.ahr-metric-val.warn{color:var(--amber)}
.ahr-metric-val.bad{color:var(--red)}
.ahr-metric-threshold{color:var(--text4);font-size:8px}
/* ── Q&A Panel ───────────────────────────────────────────────── */
.qa-panel{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:6px 0}
.qa-panel-header{padding:7px 12px;border-bottom:1px solid var(--border);font-size:9px;font-weight:700;color:var(--text2);font-family:var(--font-mono);display:flex;align-items:center;gap:8px}
.qa-question-row{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04)}
.qa-question-row:last-child{border-bottom:none}
.qa-question-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.qa-question-tag{font-size:8px;font-weight:700;font-family:var(--font-mono);padding:1px 6px;border-radius:var(--r-xs)}
.qa-question-tag.unanswered{background:rgba(245,158,11,.1);color:var(--amber);border:1px solid rgba(245,158,11,.2)}
.qa-question-tag.answered{background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.2)}
.qa-question-text{font-size:9px;color:var(--text2);line-height:1.55}
.qa-draft-answer{font-size:9px;color:var(--text3);font-family:var(--font-mono);background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.12);border-radius:var(--r-xs);padding:6px 9px;margin-top:5px;line-height:1.6}
.qa-draft-label{font-size:8px;color:var(--green);font-weight:700;margin-bottom:3px}
/* ── Stock + Product lifecycle ───────────────────────────────── */
.stock-update-panel{background:rgba(59,130,246,.03);border:1px solid rgba(59,130,246,.18);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.stock-update-header{font-size:9px;font-weight:700;color:#60a5fa;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.stock-diff-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;margin-bottom:6px}
.stock-diff-from{color:var(--red)}
.stock-diff-to{color:var(--green)}
.stock-detail{font-size:9px;color:var(--text3);font-family:var(--font-mono);line-height:1.7}
.product-lifecycle-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-xs);border:1px solid var(--border);background:rgba(0,0,0,.2);margin:4px 0;font-size:9px;font-family:var(--font-mono)}
.product-lifecycle-asin{color:var(--text2);flex:1}
.product-lifecycle-status{font-size:8px;font-weight:700;padding:1px 6px;border-radius:var(--r-xs)}
.product-lifecycle-status.active{background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.2)}
.product-lifecycle-status.paused{background:rgba(245,158,11,.1);color:var(--amber);border:1px solid rgba(245,158,11,.2)}
.product-lifecycle-reason{color:var(--text4);font-size:8px}
/* ── Credit Packs ─────────────────────────────────────────────── */
.credit-packs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0}
.credit-pack{border-radius:var(--r-lg);padding:12px 10px;border:1px solid;text-align:center;position:relative;cursor:pointer;transition:border-color .15s}
.credit-pack.basic{background:rgba(255,255,255,.02);border-color:var(--border)}
.credit-pack.popular{background:rgba(249,115,22,.05);border-color:rgba(249,115,22,.35)}
.credit-pack.power{background:rgba(168,85,247,.04);border-color:rgba(168,85,247,.25)}
.credit-pack-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:700;font-family:var(--font-mono);padding:1px 8px;border-radius:var(--r-xs);white-space:nowrap}
.credit-pack.popular .credit-pack-badge{background:rgba(249,115,22,.2);color:#f97316;border:1px solid rgba(249,115,22,.35)}
.credit-pack-credits{font-size:18px;font-weight:700;color:var(--text);margin-bottom:2px}
.credit-pack-label{font-size:8px;color:var(--text4);font-family:var(--font-mono);margin-bottom:8px}
.credit-pack-price{font-size:16px;font-weight:700}
.credit-pack.basic .credit-pack-price{color:var(--text)}
.credit-pack.popular .credit-pack-price{color:#f97316}
.credit-pack.power .credit-pack-price{color:#c084fc}
.credit-pack-cpr{font-size:8px;color:var(--text4);font-family:var(--font-mono);margin-top:3px}
/* ── Product Metrics ──────────────────────────────────────────── */
.pm-panel{background:rgba(59,130,246,.03);border:1px solid rgba(59,130,246,.18);border-radius:var(--r-lg);padding:12px 14px;margin:6px 0}
.pm-panel-header{font-size:9px;font-weight:700;color:#60a5fa;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.pm-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.pm-metric{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:var(--r);padding:10px 8px;text-align:center}
.pm-metric-val{font-size:16px;font-weight:700;color:var(--green)}
.pm-metric-label{font-size:8px;color:var(--text4);font-family:var(--font-mono);margin-top:3px;line-height:1.4}
.pm-cohort{display:flex;flex-direction:column;gap:4px}
.pm-cohort-row{display:flex;align-items:center;gap:8px;font-size:9px;font-family:var(--font-mono)}
.pm-cohort-label{color:var(--text3);width:140px;flex-shrink:0}
.pm-cohort-bar{flex:1;height:5px;background:rgba(255,255,255,.04);border-radius:3px;overflow:hidden;border:1px solid var(--border)}
.pm-cohort-fill{height:100%;border-radius:3px;background:#60a5fa}
.pm-cohort-val{color:var(--text2);font-weight:600;width:36px;text-align:right}
/* ── M3: Enhanced thinking indicator ─────────────────────────────────────── */
.coach-thinking-rich{display:flex;flex-direction:column;gap:6px;padding:8px 0 8px 0;margin:4px 0}
.thinking-dots-row{display:flex;align-items:center;gap:5px}
.thinking-dot-lg{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:thinking-dot .9s ease-in-out infinite;flex-shrink:0;opacity:.75}
.thinking-dot-lg:nth-child(2){animation-delay:.18s}
.thinking-dot-lg:nth-child(3){animation-delay:.36s}
.thinking-label{font-size:10px;font-weight:600;color:var(--accent);font-family:var(--font-mono);margin-left:6px;opacity:.9;letter-spacing:.3px}
.thinking-sub{font-size:9px;color:var(--text4);font-family:var(--font-mono);line-height:1.5;border-left:2px solid rgba(249,115,22,.2);padding-left:8px;margin-top:2px}
/* ── M5: Follow-up suggestions ──────────────────────────────────────────── */
.followup-block{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border)}
.followup-label{font-size:9px;color:var(--text4);font-family:var(--font-mono);width:100%;margin-bottom:3px;letter-spacing:.3px}
.followup-btn{background:rgba(255,255,255,.03);border:1px solid var(--border2);color:var(--text3);font-size:10px;padding:4px 10px;border-radius:var(--r);cursor:pointer;font-family:var(--font-mono);transition:all .15s;white-space:nowrap}
.followup-btn:hover{background:rgba(249,115,22,.07);border-color:rgba(249,115,22,.3);color:var(--accent)}
/* ── M8: Message meta (marketplace + timestamp) ──────────────────────────── */
.msg-meta{margin-left:auto;display:flex;align-items:center;gap:5px;flex-shrink:0}
.msg-mkt-chip{font-size:8px;font-family:var(--font-mono);padding:1px 5px;border-radius:3px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text3)}
.msg-ts{font-size:9px;color:var(--text4);font-family:var(--font-mono)}