:root{
      --bg:#0b1020;
      --panel:#131d36;
      --panel-2:#1a2748;
      --line:#344773;
      --soft:#a5b7dd;
      --text:#f7f9ff;
      --green:var(--accent-green, #22c55e);
      --red:var(--accent-red, #ef4444);
      --yellow:var(--accent-amber, #f59e0b);
      --blue:#3b82f6;
      --cyan:#06b6d4;
      --muted:var(--accent-slate, #64748b);
      --shadow:0 14px 34px rgba(0,0,0,.34);
      --radius:18px;
      --font-sans:"Inter", "IBM Plex Sans", system-ui, -apple-system, sans-serif;
      --font-features:"cv11", "ss01", "tnum";
      --page-accent:#60a5fa;
      --page-accent-soft:rgba(96,165,250,.20);
      --page-accent-soft-strong:rgba(96,165,250,.52);
      --page-accent-glow:rgba(96,165,250,.18);
      --cockpit-bg:#0b1020;
      --cockpit-text:var(--text-strong, #f8fafc);
      --cockpit-text-soft:#eaf2ff;
      --cockpit-link:#dbeafe;
      --cockpit-muted:var(--text-muted, rgba(203,213,225,.72));
      --cockpit-muted-strong:var(--text-soft, rgba(226,232,240,.82));
      --cockpit-line:var(--line, rgba(148,163,184,.18));
      --cockpit-line-soft:rgba(255,255,255,.08);
      --cockpit-line-strong:rgba(84,109,168,.72);
      --cockpit-card-bg:linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.58));
      --cockpit-card-bg-strong:linear-gradient(180deg, rgba(15,23,42,.92), var(--surface-strong, rgba(15,23,42,.62)));
      --cockpit-cell-bg:var(--surface, rgba(15,23,42,.56));
      --cockpit-cell-bg-soft:var(--surface-soft, rgba(15,23,42,.48));
      --cockpit-cell-bg-strong:rgba(9,15,27,.50);
      --cockpit-blue:#60a5fa;
      --cockpit-blue-soft:rgba(96,165,250,.12);
      --cockpit-blue-ring:rgba(96,165,250,.24);
      --cockpit-cyan:var(--accent-blue, #38bdf8);
      --cockpit-cyan-soft:rgba(56,189,248,.12);
      --cockpit-cyan-ring:rgba(56,189,248,.24);
      --cockpit-sky-soft:rgba(125,211,252,.14);
      --cockpit-sky-ring:rgba(125,211,252,.24);
      --cockpit-teal:#2dd4bf;
      --cockpit-teal-soft:rgba(45,212,191,.11);
      --cockpit-teal-ring:rgba(45,212,191,.24);
      --cockpit-emerald-soft:rgba(20,184,166,.12);
      --cockpit-emerald-ring:rgba(20,184,166,.24);
      --cockpit-green:var(--accent-green, #22c55e);
      --cockpit-green-text:#a7f3d0;
      --cockpit-green-soft:rgba(34,197,94,.12);
      --cockpit-green-ring:rgba(34,197,94,.30);
      --cockpit-green-glow:0 0 18px rgba(34,197,94,.14);
      --cockpit-yellow:var(--accent-amber, #f59e0b);
      --cockpit-yellow-soft:rgba(245,158,11,.12);
      --cockpit-yellow-ring:rgba(234,179,8,.24);
      --cockpit-red:var(--accent-red, #ef4444);
      --cockpit-red-soft:rgba(239,68,68,.12);
      --cockpit-red-ring:rgba(248,113,113,.30);
      --cockpit-orange:#f97316;
      --cockpit-pill-text:#e0f2fe;
      --cockpit-panel-blue:radial-gradient(circle at 0 0, var(--cockpit-blue-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-panel-cyan:radial-gradient(circle at 0 0, var(--cockpit-cyan-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-panel-sky:radial-gradient(circle at 0 0, var(--cockpit-sky-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-panel-teal:radial-gradient(circle at 0 0, var(--cockpit-teal-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-panel-emerald:radial-gradient(circle at 0 0, var(--cockpit-emerald-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-panel-green:radial-gradient(circle at 0 0, var(--cockpit-green-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-panel-yellow:radial-gradient(circle at 0 0, var(--cockpit-yellow-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-panel-red:radial-gradient(circle at 0 0, var(--cockpit-red-soft), transparent 34%), var(--cockpit-card-bg);
      --cockpit-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 var(--highlight, rgba(255,255,255,.06));
    }

    :root[data-theme="light"]{
      --bg:#f7f8fa;
      --panel:#ffffff;
      --panel-2:#f1f5f9;
      --line:#e5e7eb;
      --line-soft:#f1f3f5;
      --text:#0f172a;
      --soft:#475569;
      --muted:var(--text-subtle, #94a3b8);
      --green:#16a34a;
      --red:#dc2626;
      --yellow:#ca8a04;
      --blue:#2563eb;
      --cyan:#0891b2;
      --orange:#ea580c;
      --purple:#6366f1;
      --green-soft:rgba(22,163,74,.10);
      --red-soft:rgba(220,38,38,.10);
      --yellow-soft:rgba(202,138,4,.10);
      --blue-soft:rgba(37,99,235,.10);
      --cyan-soft:rgba(8,145,178,.12);
      --orange-soft:rgba(234,88,12,.10);
      --purple-soft:rgba(99,102,241,.10);
      --cockpit-bg:var(--bg);
      --cockpit-text:var(--text);
      --cockpit-text-soft:#1e293b;
      --cockpit-link:var(--blue);
      --cockpit-muted:var(--soft);
      --cockpit-muted-strong:var(--soft);
      --cockpit-line:var(--line);
      --cockpit-line-soft:var(--line-soft);
      --cockpit-line-strong:var(--line);
      --cockpit-card-bg:linear-gradient(180deg, var(--panel), var(--panel-2));
      --cockpit-card-bg-strong:linear-gradient(180deg, var(--panel), var(--panel-2));
      --cockpit-cell-bg:var(--panel-2);
      --cockpit-cell-bg-soft:var(--panel-2);
      --cockpit-cell-bg-strong:var(--panel);
      --cockpit-blue:var(--blue);
      --cockpit-blue-soft:var(--blue-soft);
      --cockpit-blue-ring:rgba(37,99,235,.22);
      --cockpit-cyan:var(--cyan);
      --cockpit-cyan-soft:var(--cyan-soft);
      --cockpit-cyan-ring:rgba(8,145,178,.22);
      --cockpit-sky-soft:var(--blue-soft);
      --cockpit-sky-ring:rgba(37,99,235,.22);
      --cockpit-teal:var(--cyan);
      --cockpit-teal-soft:var(--cyan-soft);
      --cockpit-teal-ring:rgba(8,145,178,.22);
      --cockpit-emerald-soft:var(--green-soft);
      --cockpit-emerald-ring:rgba(22,163,74,.22);
      --cockpit-green:var(--green);
      --cockpit-green-text:var(--green);
      --cockpit-green-soft:var(--green-soft);
      --cockpit-green-ring:rgba(22,163,74,.24);
      --cockpit-green-glow:0 0 0 rgba(22,163,74,0);
      --cockpit-yellow:var(--yellow);
      --cockpit-yellow-soft:var(--yellow-soft);
      --cockpit-yellow-ring:rgba(202,138,4,.24);
      --cockpit-red:var(--red);
      --cockpit-red-soft:var(--red-soft);
      --cockpit-red-ring:rgba(220,38,38,.22);
      --cockpit-orange:var(--orange);
      --cockpit-pill-text:var(--blue);
      --cockpit-shadow:0 14px 34px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.72);
    }

    * { box-sizing:border-box; }
    html,body { margin:0; padding:0; }

    body{
      font-family:var(--font-sans);
      font-feature-settings:var(--font-features);
      background:linear-gradient(180deg,#08101d 0%, #0b1020 100%);
      color:var(--text);
      min-height:100vh;
    }

    button,
    input,
    select,
    textarea{
      font:inherit;
      font-feature-settings:inherit;
    }

    .wrap{
      width:min(1440px, calc(100% - 24px));
      margin:0 auto;
      padding:14px 0 24px;
    }

    .topbar{
      display:grid;
      grid-template-columns:1fr auto;
      gap:16px;
      align-items:center;
      margin-bottom:16px;
      position:sticky;
      top:0;
      z-index:3300;
      overflow:visible;
      padding:14px 16px;
      border:1px solid var(--page-accent-soft-strong);
      border-radius:var(--radius-lg, 18px);
      background:
        radial-gradient(circle at 88% 16%, var(--page-accent-soft) 0%, rgba(10,16,30,0) 32%),
        radial-gradient(circle at 12% 100%, color-mix(in srgb, var(--page-accent) 14%, transparent) 0%, rgba(10,16,30,0) 30%),
        linear-gradient(135deg, rgba(18,28,53,.94) 0%, rgba(8,15,31,.98) 58%, rgba(12,20,39,.96) 100%);
      box-shadow:
        0 22px 58px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 color-mix(in srgb, var(--page-accent) 16%, transparent);
      backdrop-filter:blur(18px);
    }

    .topbar::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(112deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 27%),
        linear-gradient(270deg, color-mix(in srgb, var(--page-accent) 12%, transparent) 0%, rgba(168,85,247,0) 32%);
      opacity:.62;
    }

    .topbar::after{
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      bottom:0;
      height:1px;
      pointer-events:none;
      background:linear-gradient(
        90deg,
        transparent,
        color-mix(in srgb, var(--page-accent) 78%, white 10%),
        color-mix(in srgb, var(--page-accent) 46%, transparent),
        transparent
      );
    }

    .titlebox{
      position:relative;
      z-index:1;
      min-width:0;
    }

    .titlebox h1{
      margin:0 0 6px;
      font-size:28px;
      line-height:1.1;
      text-shadow:0 10px 26px var(--page-accent-glow);
    }

    .titlebox p{
      margin:0;
      color:var(--soft);
      font-size:14px;
    }

    .actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      justify-content:flex-end;
    }

    .btn,
    .input{
      border:1px solid var(--line);
      background:var(--panel-2);
      color:var(--text);
      border-radius:var(--radius-md, 12px);
      padding:11px 14px;
      font-size:14px;
    }

    .btn{
      --btn-node:#7db0ff;
      --btn-node-2:#22d3ee;
      position:relative;
      isolation:isolate;
      overflow:hidden;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:42px;
      cursor:pointer;
      font-weight:700;
      text-decoration:none;
      background:
        linear-gradient(180deg, rgba(42,58,102,.96), rgba(24,36,68,.96)),
        var(--panel-2);
      border-color:rgba(91,116,178,.78);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 22px rgba(2,6,23,.18);
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
    }

    .btn::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:
        linear-gradient(105deg, rgba(255,255,255,.14), rgba(255,255,255,0) 38%),
        radial-gradient(circle at 20% 0%, rgba(125,176,255,.24), transparent 34%);
      opacity:.18;
      transition:opacity .18s ease;
    }

    .btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.92);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 14px 28px rgba(2,6,23,.25);
    }

    .btn:hover::before{ opacity:.44; }

    .btn:not(.icon-command)::after{
      content:"";
      order:-1;
      width:20px;
      height:20px;
      flex:0 0 20px;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      background:
        radial-gradient(circle at 29% 30%, rgba(255,255,255,.92) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.82) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 50% 71%, rgba(255,255,255,.76) 0 1.5px, transparent 2px),
        linear-gradient(29deg, transparent 42%, rgba(255,255,255,.38) 43% 47%, transparent 48%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(135deg, color-mix(in srgb, var(--btn-node) 86%, white 8%), color-mix(in srgb, var(--btn-node-2) 58%, #07101e 20%));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 8px 16px rgba(2,6,23,.20);
      transition:transform .18s ease, filter .18s ease;
    }

    .btn:hover:not(.icon-command)::after{
      transform:rotate(12deg) scale(1.04);
      filter:drop-shadow(0 0 8px color-mix(in srgb, var(--btn-node) 44%, transparent));
    }

    .btn:active{ transform:translateY(0); }

    .btn:focus-visible{
      outline:2px solid rgba(125,176,255,.86);
      outline-offset:2px;
    }

    .btn.primary{
      --btn-node:#eff6ff;
      --btn-node-2:#bfdbfe;
      background:
        linear-gradient(180deg, #60a5fa 0%, #2563eb 100%);
      border-color:rgba(147,197,253,.82);
      color:#ffffff;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 12px 28px rgba(59,130,246,.34);
    }

    .btn.ghost{
      --btn-node:#93c5fd;
      --btn-node-2:#22d3ee;
      background:rgba(255,255,255,.035);
      border-color:rgba(84,109,168,.68);
      box-shadow:inset 0 1px 0 var(--highlight, rgba(255,255,255,.05));
    }

    .input{
      min-width:120px;
      outline:none;
    }

    select.input{
      color-scheme:dark;
      appearance:auto;
    }

    select.input option,
    select.input optgroup{
      background:var(--panel-2);
      color:var(--text);
    }

    .statusbar{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      position:relative;
      margin-bottom:8px;
      overflow:visible;
      min-height:34px;
    }

    .statusbar-track{
      display:flex;
      flex-wrap:nowrap;
      align-items:center;
      gap:7px;
      overflow-x:auto;
      overflow-y:hidden;
      padding:0 106px 2px 0;
      scrollbar-width:none;
      -ms-overflow-style:none;
    }

    .statusbar-track::-webkit-scrollbar{
      display:none;
    }

    .stat{
      --stat-accent:#60a5fa;
      position:relative;
      overflow:hidden;
      min-height:32px;
      max-width:100%;
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      gap:7px;
      background:rgba(10,18,33,.22);
      border:1px solid rgba(84,109,168,.16);
      border-radius:var(--radius-sm, 10px);
      padding:5px 8px;
      box-shadow:none;
      min-width:0;
    }

    .stat::after{
      display:none;
    }

    .statusbar-track .stat:first-child{
      flex:1 0 210px;
      min-width:210px;
    }

    .stat.stat-menu{
      min-width:0;
      padding:0 0 0 12px;
      border:0;
      background:linear-gradient(90deg, rgba(10,18,33,0), rgba(10,18,33,.76) 24%, rgba(10,18,33,.96));
      box-shadow:none;
      overflow:visible;
      position:absolute;
      top:0;
      right:0;
      z-index:140;
    }

    .stat.stat-menu::before,
    .stat.stat-menu::after{
      display:none;
    }

    .statusbar.statusbar-nav-only{
      display:flex;
      justify-content:flex-end;
      overflow:visible;
      min-height:0;
    }

    .statusbar.statusbar-nav-only .stat.stat-menu{
      margin-left:0;
      padding-left:0;
      background:transparent;
      position:relative;
      top:auto;
      right:auto;
    }

    .statusbar .stat.stat-menu .app-nav.nav-flyout{
      margin:0;
      width:auto;
      max-width:none;
    }

    .statusbar .stat.stat-menu .nav-flyout-panel{
      left:auto;
      right:0;
      transform-origin:top right;
      z-index:160;
    }

    .stat::before{
      display:none;
    }

    .stat:nth-child(1){ --stat-accent:#60a5fa; }
    .stat:nth-child(2){ --stat-accent:var(--accent-green, #22c55e); }
    .stat:nth-child(3){ --stat-accent:#06b6d4; }
    .stat:nth-child(4){ --stat-accent:var(--accent-amber, #f59e0b); }
    .stat:nth-child(5){ --stat-accent:#a78bfa; }

    .stat .k{
      color:rgba(207,220,255,.54);
      font-size:8px;
      text-transform:uppercase;
      letter-spacing:.03em;
      margin:0;
      white-space:nowrap;
    }

    .stat .v{
      font-size:11px;
      font-weight:900;
      line-height:1.1;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .notice{
      display:none;
      margin-bottom:16px;
      background:rgba(19,29,54,.94);
      border:1px solid var(--line);
      border-radius:var(--radius-md, 14px);
      padding:12px 14px;
      color:var(--soft);
      font-size:14px;
    }

    .notice.show{ display:block; }

    .system-offcanvas-notice{
      position:fixed;
      inset:0;
      z-index:3600;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(2,6,23,.58);
      backdrop-filter:blur(10px);
      opacity:0;
      pointer-events:none;
      transition:opacity .22s ease;
      will-change:opacity;
    }

    .system-offcanvas-notice-card{
      width:min(560px, calc(100vw - 28px));
      max-height:min(76vh, 620px);
      border:1px solid rgba(34,197,94,.28);
      border-radius:var(--radius-sm, 10px);
      background:linear-gradient(145deg, rgba(15,34,28,.98), rgba(6,13,24,.98));
      box-shadow:0 24px 72px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08);
      color:#e9fff0;
      padding:14px;
      display:grid;
      gap:10px;
      overflow:hidden;
      transform:none;
    }

    .system-offcanvas-notice.is-open{
      opacity:1;
      pointer-events:auto;
    }

    .system-offcanvas-notice.is-open .system-offcanvas-notice-card{
      transform:none;
    }

    .system-offcanvas-notice.is-error{
      background:rgba(12,8,16,.64);
    }

    .system-offcanvas-notice.is-error .system-offcanvas-notice-card{
      border-color:rgba(248,113,113,.40);
      background:linear-gradient(145deg, rgba(43,18,24,.98), rgba(8,12,24,.98));
      color:#fff1f2;
    }

    .system-offcanvas-notice-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      color:#fff;
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .system-offcanvas-close{
      width:32px;
      height:32px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:999px;
      background:rgba(255,255,255,.07);
      color:#fff;
      cursor:pointer;
      font-size:20px;
      line-height:1;
    }

    .system-offcanvas-notice-body{
      color:inherit;
      font-size:14px;
      line-height:1.5;
      max-height:calc(76vh - 92px);
      overflow:auto;
      padding-right:2px;
      overflow-wrap:anywhere;
    }

    .system-offcanvas-confirm-body{
      white-space:pre-line;
    }

    .system-offcanvas-actions{
      display:flex;
      justify-content:flex-end;
      gap:9px;
      flex-wrap:wrap;
      padding-top:2px;
    }

    .system-offcanvas-btn{
      min-height:38px;
      padding:0 14px;
      border-radius:var(--radius-sm, 10px);
      border:1px solid rgba(255,255,255,.16);
      color:#e9fff0;
      background:rgba(255,255,255,.07);
      font-weight:800;
      cursor:pointer;
    }

    .system-offcanvas-btn.primary{
      border-color:rgba(34,197,94,.50);
      background:linear-gradient(135deg, rgba(34,197,94,.94), rgba(20,184,166,.82));
      color:#04110a;
    }

    .system-offcanvas-btn.ghost:hover,
    .system-offcanvas-close:hover{
      border-color:rgba(255,255,255,.32);
      background:rgba(255,255,255,.12);
    }

    .system-offcanvas-notice.is-error .system-offcanvas-btn.primary{
      border-color:rgba(248,113,113,.62);
      background:linear-gradient(135deg, rgba(248,113,113,.96), rgba(251,146,60,.86));
      color:#160506;
    }

    @media (max-width: 560px){
      .system-offcanvas-notice{
        padding:14px;
      }

      .system-offcanvas-notice-card{
        width:100%;
        max-height:70vh;
        padding:12px;
      }

      .system-offcanvas-close{
        width:34px;
        height:34px;
        flex:0 0 34px;
      }

      .system-offcanvas-notice-body{
        max-height:calc(70vh - 92px);
        font-size:13px;
      }

      .system-offcanvas-actions{
        display:grid;
        grid-template-columns:1fr;
      }

      .system-offcanvas-btn{
        width:100%;
      }
    }

    .active-coin-float{
      display:none;
      position:sticky;
      top:6px;
      z-index:34;
      min-height:44px;
      margin:0 0 10px;
      padding:6px 8px;
      border:1px solid rgba(84,109,168,.72);
      border-radius:var(--radius-md, 12px);
      background:rgba(9,16,31,.88);
      box-shadow:0 10px 26px rgba(0,0,0,.18);
      backdrop-filter:blur(14px);
      align-items:center;
      justify-content:space-between;
      gap:8px;
    }

    .active-coin-float.show{
      display:flex;
    }

    .active-coin-main{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }

    .asset-logo.active-coin-logo{
      width:30px;
      height:30px;
      box-shadow:none;
    }

    .active-coin-copy{
      display:grid;
      gap:2px;
      min-width:0;
    }

    .active-coin-copy strong{
      color:#fff;
      font-size:15px;
      line-height:1;
    }

    .active-coin-copy span{
      color:var(--soft);
      font-size:11px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      max-width:220px;
    }

    .active-coin-metrics{
      display:grid;
      grid-template-columns:repeat(5, minmax(0,1fr));
      gap:6px;
      min-width:0;
      flex:1 1 auto;
    }

    .active-coin-metrics span{
      min-width:72px;
      min-height:30px;
      display:grid;
      align-content:center;
      gap:1px;
      padding:3px 6px;
      border-radius:var(--radius-sm, 8px);
      background:rgba(255,255,255,.045);
      border:1px solid rgba(108,132,188,.28);
    }

    .active-coin-metrics small{
      color:rgba(207,220,255,.72);
      font-size:9px;
      text-transform:uppercase;
      font-weight:900;
    }

    .active-coin-metrics strong{
      color:#fff;
      font-size:12px;
      line-height:1.1;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .active-coin-open-list{
      flex:0 0 auto;
      min-height:30px;
    }

    .health-action-group{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
    }

    @media (max-width: 820px){
      .active-coin-float{
        min-height:38px;
        padding:5px 6px;
        align-items:center;
        gap:6px;
      }
      .active-coin-float.show{
        display:grid;
        grid-template-columns:minmax(96px,.78fr) minmax(0,1.46fr) auto;
      }
      .active-coin-main{
        gap:7px;
      }
      .asset-logo.active-coin-logo{
        width:26px;
        height:26px;
      }
      .active-coin-copy strong{
        font-size:13px;
      }
      .active-coin-copy span{
        max-width:96px;
        font-size:10px;
      }
      .active-coin-metrics{
        width:auto;
        display:grid;
        grid-template-columns:repeat(3, minmax(0,1fr));
        gap:4px;
      }
      .active-coin-metrics span{
        min-width:0;
        min-height:28px;
        padding:3px 4px;
        border-radius:7px;
      }
      .active-coin-metrics small{
        font-size:8px;
      }
      .active-coin-metrics strong{
        font-size:10.5px;
      }
      .active-coin-open-list{
        min-height:28px;
        margin-left:0;
        padding:0 8px;
        font-size:11px;
      }
      .health-action-group{
        justify-content:flex-start;
      }
    }

    @media (max-width: 520px){
      .topbar{
        padding:12px;
        border-radius:var(--radius, 16px);
      }
      .brand-row{
        gap:10px;
      }
      .header-bitcoin{
        width:38px;
        height:38px;
      }
      .blockchain-strip{
        right:-18px;
        bottom:-10px;
        width:190px;
        opacity:.28;
      }
      .blockchain-strip span{
        flex-basis:28px;
        height:15px;
        border-radius:5px;
      }
      .bitcoin-coin{
        inset:6px;
      }
      .bitcoin-mark{
        font-size:17px;
      }
      .active-coin-float.show{
        grid-template-columns:1fr;
        align-items:stretch;
        gap:6px;
      }
      .active-coin-main{
        gap:5px;
        min-width:0;
      }
      .asset-logo.active-coin-logo{
        width:22px;
        height:22px;
      }
      .active-coin-copy strong{
        font-size:12px;
      }
      .active-coin-copy span{
        display:none;
      }
      .active-coin-metrics{
        width:100%;
        grid-template-columns:1fr 1fr;
        gap:5px;
      }

      .active-coin-metrics span:last-child{
        grid-column:1 / -1;
      }
      .active-coin-metrics span{
        min-height:28px;
        padding:3px 5px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:4px;
      }
      .active-coin-metrics small{
        font-size:7.5px;
        line-height:1;
      }
      .active-coin-metrics strong{
        font-size:10.5px;
        line-height:1;
      }
      .active-coin-open-list{
        width:100%;
        min-height:30px;
        padding:0 8px;
        font-size:10px;
      }
      .watchlist-addbar{
        grid-template-columns:1fr 1fr;
      }
      .watchlist-addbar .btn{
        grid-column:1 / -1;
        width:100%;
      }
    }

    .system-health{
      position:relative;
      overflow:hidden;
      margin-bottom:16px;
      padding:16px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(84,109,168,.78);
      background:
        linear-gradient(180deg, rgba(19,29,54,.9), rgba(10,17,33,.94));
      box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.06));
      display:grid;
      gap:12px;
    }

    .system-health::before{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, rgba(96,165,250,.76), rgba(34,197,94,.56), transparent);
      opacity:.78;
    }

    .system-health.good{ border-color:rgba(34,197,94,.42); }
    .system-health.warn{ border-color:rgba(245,158,11,.46); }
    .system-health.bad{ border-color:rgba(239,68,68,.5); }

    .system-health-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .system-health-title{
      font-size:15px;
      font-weight:900;
      color:#ffffff;
      margin-bottom:4px;
    }

    .system-health-sub{
      color:var(--soft);
      font-size:13px;
    }

      .system-health-grid{
        display:grid;
        grid-template-columns:repeat(4, minmax(0,1fr));
        gap:10px;
      }

    .system-health-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      border-radius:var(--radius-md, 12px);
      padding:12px;
      display:grid;
      gap:8px;
      min-width:0;
      box-shadow:
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.05)),
        0 10px 20px rgba(2,6,23,.12);
    }

    .system-health-card::before{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:3px;
      background:rgba(96,165,250,.58);
    }

    .system-health-card.good{ border-color:rgba(34,197,94,.34); }
    .system-health-card.good::before{ background:var(--accent-green, #22c55e); }
    .system-health-card.warn{ border-color:rgba(245,158,11,.4); }
    .system-health-card.warn::before{ background:var(--accent-amber, #f59e0b); }
    .system-health-card.bad{ border-color:rgba(239,68,68,.46); }
    .system-health-card.bad::before{ background:var(--accent-red, #ef4444); }

    .system-card-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

    .system-card-top strong{
      color:#ffffff;
      font-size:13px;
    }

    .system-card-top span{
      font-size:11px;
      font-weight:900;
      color:var(--soft);
      text-transform:uppercase;
    }

    .system-card-lines{
      display:grid;
      gap:4px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }

    .system-log{
      border-top:1px solid rgba(69,92,145,.46);
      padding-top:10px;
    }

    .system-log summary{
      cursor:pointer;
      color:#dbe6ff;
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
    }

    .system-log pre{
      margin:10px 0 0;
      max-height:220px;
      overflow:auto;
      white-space:pre-wrap;
      border:1px solid rgba(69,92,145,.72);
      border-radius:var(--radius-md, 12px);
      background:rgba(8,16,29,.72);
      color:#dbe6ff;
      padding:12px;
      font-size:12px;
      line-height:1.45;
    }

    .score-health{
      display:none;
      margin-bottom:16px;
      background:rgba(19,29,54,.94);
      border:1px solid var(--line);
      border-radius:var(--radius, 16px);
      padding:14px 16px;
      box-shadow:var(--shadow);
    }

    .score-health.show{ display:block; }
    .score-health-top{ display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
    .score-health-title{ font-size:16px; font-weight:800; }
    .score-health-sub{ color:var(--soft); font-size:13px; margin-top:4px; }
    .score-health-badge{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:999px; padding:7px 10px; font-size:12px; font-weight:700; }
    .score-health-badge.good{ color:#86efac; background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.32); }
    .score-health-badge.warn{ color:#fde68a; background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.32); }
    .score-health-badge.bad{ color:#fca5a5; background:rgba(239,68,68,.14); border-color:rgba(239,68,68,.32); }
    .score-health-text{ margin-top:10px; color:#dfe8fb; font-size:14px; line-height:1.5; }

    .brand-row{
      display:flex;
      align-items:center;
      gap:14px;
      position:relative;
      z-index:2;
    }

    .brand-copy{
      min-width:0;
    }

    .brand-eyebrow{
      margin:0 0 5px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#9cecff;
      font-size:11px;
      font-weight:900;
      letter-spacing:.12em;
      line-height:1;
      text-transform:uppercase;
    }

    .brand-eyebrow::before{
      content:"";
      width:18px;
      height:18px;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 2px, transparent 2.4px),
        conic-gradient(from 40deg, #12dff3, #a855f7, #1c8dff, #12dff3);
      box-shadow:0 0 18px rgba(18,223,243,.26);
    }

    .topbar .brand-copy h1{
      display:inline-block;
      background:linear-gradient(90deg, #f7fbff 0%, #bdf8ff 46%, #caa6ff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      text-shadow:none;
    }

    .topbar .brand-copy > p:not(.brand-eyebrow){
      color:#b9c8e8;
    }

    .blockchain-strip{
      position:absolute;
      right:8px;
      bottom:-14px;
      z-index:0;
      width:min(390px, 48vw);
      height:42px;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      pointer-events:none;
      opacity:.46;
      transform:rotate(-4deg);
      -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
      mask-image:linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
    }

    .blockchain-strip::before{
      content:"";
      position:absolute;
      inset:-12px 0 -18px;
      background:
        radial-gradient(circle at 78% 42%, rgba(255,184,77,.18), transparent 36%),
        radial-gradient(circle at 58% 52%, rgba(76,141,255,.16), transparent 38%);
      filter:blur(12px);
    }

    .blockchain-strip span{
      position:relative;
      flex:0 0 34px;
      height:18px;
      margin-left:-5px;
      border:1px solid rgba(132,164,237,.36);
      border-radius:6px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%),
        linear-gradient(135deg, rgba(21,35,66,.94), rgba(9,18,36,.86));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 18px rgba(76,141,255,.13);
      transform:rotate(-16deg);
      animation:blockchainGlow 6.4s ease-in-out infinite;
    }

    .blockchain-strip span:nth-child(even){
      transform:rotate(16deg);
      border-color:rgba(255,184,77,.30);
      animation-delay:-2.1s;
    }

    .blockchain-strip span::after{
      content:"";
      position:absolute;
      top:50%;
      right:-11px;
      width:13px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(132,164,237,.44), rgba(255,184,77,.34));
      transform:translateY(-50%);
      box-shadow:0 0 10px rgba(122,162,255,.25);
    }

    .blockchain-strip span:last-child::after{
      display:none;
    }

    .header-bitcoin{
      width:46px;
      height:46px;
      position:relative;
      flex:0 0 auto;
      display:grid;
      place-items:center;
      perspective:620px;
      filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));
    }

    .header-bitcoin::before{
      content:"";
      position:absolute;
      inset:6px;
      border-radius:50%;
      background:rgba(255,184,77,.18);
      filter:blur(12px);
      transform:translateY(8px) scaleX(1.24);
    }

    .bitcoin-orbit{
      position:absolute;
      inset:1px;
      border-radius:50%;
      border:1px solid rgba(255,215,122,.32);
      border-left-color:rgba(76,141,255,.08);
      border-bottom-color:rgba(76,141,255,.16);
      animation:bitcoinOrbit 7s linear infinite;
    }

    .bitcoin-orbit::after{
      content:"";
      position:absolute;
      width:5px;
      height:5px;
      border-radius:50%;
      right:5px;
      top:6px;
      background:#ffd66b;
      box-shadow:0 0 12px rgba(255,214,107,.85);
    }

    .bitcoin-coin{
      position:absolute;
      inset:7px;
      border-radius:50%;
      transform-style:preserve-3d;
      animation:bitcoinSpin 4.8s linear infinite;
    }

    .bitcoin-face{
      position:absolute;
      inset:0;
      border-radius:50%;
      display:grid;
      place-items:center;
      backface-visibility:hidden;
      background:
        linear-gradient(135deg, #fff3b0 0%, #f6b02d 31%, #c77512 67%, #ffe38a 100%);
      border:1px solid rgba(255,238,177,.76);
      box-shadow:
        inset 0 2px 5px rgba(255,255,255,.46),
        inset 0 -5px 10px rgba(110,57,0,.42),
        0 8px 18px rgba(245,158,11,.25);
    }

    .bitcoin-face::after{
      content:"";
      position:absolute;
      inset:5px;
      border-radius:50%;
      border:1px solid rgba(121,68,0,.34);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
    }

    .bitcoin-back{
      transform:rotateY(180deg);
      filter:saturate(.92) brightness(.92);
    }

    .bitcoin-mark{
      position:relative;
      z-index:1;
      color:#fff8c9;
      font-weight:950;
      font-size:21px;
      font-family:Arial Black, Arial, Helvetica, sans-serif;
      line-height:1;
      text-shadow:0 2px 0 rgba(96,47,0,.55);
    }

    .bitcoin-mark::before,
    .bitcoin-mark::after{
      content:"";
      position:absolute;
      top:-3px;
      bottom:-3px;
      width:2px;
      border-radius:2px;
      background:#fff4b2;
      box-shadow:0 1px 0 rgba(93,46,0,.5);
      z-index:-1;
    }

    .bitcoin-mark::before{ left:4px; }
    .bitcoin-mark::after{ right:2px; }

    @keyframes bitcoinSpin{
      0%{ transform:rotateY(0deg) rotateZ(-8deg); }
      100%{ transform:rotateY(360deg) rotateZ(-8deg); }
    }

    @keyframes bitcoinOrbit{
      0%{ transform:rotateZ(0deg); }
      100%{ transform:rotateZ(360deg); }
    }

    @keyframes blockchainGlow{
      0%, 100%{
        opacity:.58;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 14px rgba(76,141,255,.10);
      }
      50%{
        opacity:.92;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 0 24px rgba(255,184,77,.16);
      }
    }

    @media (prefers-reduced-motion: reduce){
      .bitcoin-coin,
      .bitcoin-orbit,
      .blockchain-strip span{
        animation:none;
      }
    }

    .app-nav{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin:-4px 0 16px;
      padding:8px;
      border:1px solid rgba(79,104,165,.74);
      border-radius:var(--radius-lg, 18px);
      background:
        linear-gradient(180deg, rgba(18,28,53,.84), rgba(10,17,33,.86)),
        rgba(19,29,54,.72);
      box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.07);
    }

    .app-nav a{
      --nav-accent:#60a5fa;
      --nav-accent-soft:rgba(96,165,250,.2);
      position:relative;
      isolation:isolate;
      overflow:hidden;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:44px;
      padding:8px 14px 8px 10px;
      border-radius:13px;
      border:1px solid rgba(84,109,168,.34);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      color:#dce7ff;
      text-decoration:none;
      font-size:13px;
      font-weight:900;
      box-shadow:inset 0 1px 0 var(--highlight-soft, rgba(255,255,255,.04));
      transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
    }

    .app-nav a::before{
      content:"";
      width:26px;
      height:26px;
      border-radius:0;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      flex:0 0 auto;
      background:
        radial-gradient(circle at 29% 30%, rgba(255,255,255,.95) 0 1.8px, transparent 2.2px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.82) 0 1.5px, transparent 2px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.78) 0 1.8px, transparent 2.3px),
        linear-gradient(29deg, transparent 42%, rgba(255,255,255,.38) 43% 47%, transparent 48%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 88%, white 6%), rgba(8,16,31,.58));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 8px 16px rgba(2,6,23,.20),
        0 0 0 1px var(--highlight, rgba(255,255,255,.06));
      transition:transform .18s ease, filter .18s ease;
    }

    .app-nav a.has-nav-icon::before{
      display:none;
    }

    .nav-link-icon{
      width:26px;
      height:26px;
      flex:0 0 26px;
      display:grid;
      place-items:center;
      border-radius:9px;
      color:#ffffff;
      background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 10%), rgba(8,16,31,.56));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 8px 16px rgba(2,6,23,.20),
        0 0 0 1px var(--highlight, rgba(255,255,255,.06));
      transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
    }

    .nav-link-icon svg{
      width:17px;
      height:17px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.85;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .app-nav a::after{
      content:"";
      position:absolute;
      left:48px;
      right:14px;
      bottom:7px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, var(--nav-accent), transparent);
      opacity:0;
      transform:scaleX(.45);
      transform-origin:left;
      transition:opacity .18s ease, transform .18s ease;
    }

    .app-nav a[data-page-link="radar"]{ --nav-accent:#60a5fa; --nav-accent-soft:rgba(96,165,250,.20); }
    .app-nav a[data-page-link="spot"]{ --nav-accent:var(--accent-green, #22c55e); --nav-accent-soft:rgba(34,197,94,.18); }
    .app-nav a[data-page-link="investment"]{ --nav-accent:var(--accent-teal, #14b8a6); --nav-accent-soft:rgba(20,184,166,.18); }
    .app-nav a[data-page-link="analysis"]{ --nav-accent:#84cc16; --nav-accent-soft:rgba(132,204,22,.18); }
    .app-nav a[data-page-link="trading"]{ --nav-accent:var(--accent-amber, #f59e0b); --nav-accent-soft:rgba(245,158,11,.18); }
    .app-nav a[data-page-link="monitoring"]{ --nav-accent:#06b6d4; --nav-accent-soft:rgba(6,182,212,.18); }
    .app-nav a[data-page-link="scoring"]{ --nav-accent:#eab308; --nav-accent-soft:rgba(234,179,8,.18); }
    .app-nav a[data-page-link="scoring-config"]{ --nav-accent:var(--accent-amber, #f59e0b); --nav-accent-soft:rgba(245,158,11,.18); }
    .app-nav a[data-page-link="users"]{ --nav-accent:var(--accent-rose, #fb7185); --nav-accent-soft:rgba(251,113,133,.18); }

    body[data-page="radar"]{
      --page-accent:#60a5fa;
      --page-accent-soft:rgba(96,165,250,.20);
      --page-accent-soft-strong:rgba(96,165,250,.52);
      --page-accent-glow:rgba(96,165,250,.18);
    }

    body[data-page="investment"]{
      --page-accent:var(--accent-teal, #14b8a6);
      --page-accent-soft:rgba(20,184,166,.18);
      --page-accent-soft-strong:rgba(20,184,166,.44);
      --page-accent-glow:rgba(20,184,166,.18);
    }

    body[data-page="analysis"]{
      --page-accent:#84cc16;
      --page-accent-soft:rgba(132,204,22,.18);
      --page-accent-soft-strong:rgba(132,204,22,.44);
      --page-accent-glow:rgba(132,204,22,.18);
    }

    body[data-page="trading"]{
      --page-accent:var(--accent-amber, #f59e0b);
      --page-accent-soft:rgba(245,158,11,.18);
      --page-accent-soft-strong:rgba(245,158,11,.44);
      --page-accent-glow:rgba(245,158,11,.18);
    }

    body[data-page="monitoring"]{
      --page-accent:#06b6d4;
      --page-accent-soft:rgba(6,182,212,.18);
      --page-accent-soft-strong:rgba(6,182,212,.42);
      --page-accent-glow:rgba(6,182,212,.18);
    }

    body[data-page="scoring"],
    body[data-page="scoring-config"]{
      --page-accent:#eab308;
      --page-accent-soft:rgba(234,179,8,.18);
      --page-accent-soft-strong:rgba(234,179,8,.44);
      --page-accent-glow:rgba(234,179,8,.18);
    }

    body[data-page="users"]{
      --page-accent:var(--accent-rose, #fb7185);
      --page-accent-soft:rgba(251,113,133,.18);
      --page-accent-soft-strong:rgba(251,113,133,.42);
      --page-accent-glow:rgba(251,113,133,.18);
    }

    .app-nav a[data-page-link="radar"]::before{
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 1.6px, transparent 2.1px),
        radial-gradient(circle at 29% 31%, rgba(255,255,255,.82) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 72% 34%, rgba(255,255,255,.76) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.70) 0 1.3px, transparent 1.8px),
        conic-gradient(from 45deg, transparent 0 17%, rgba(255,255,255,.30) 18% 21%, transparent 22% 47%, rgba(255,255,255,.24) 48% 51%, transparent 52% 77%, rgba(255,255,255,.22) 78% 81%, transparent 82%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 88%, white 8%), rgba(8,16,31,.58));
    }

    .app-nav a[data-page-link="spot"]::before{
      background:
        radial-gradient(circle at 28% 32%, rgba(255,255,255,.92) 0 1.7px, transparent 2.2px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.80) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 49% 72%, rgba(255,255,255,.78) 0 1.7px, transparent 2.2px),
        linear-gradient(32deg, transparent 42%, rgba(255,255,255,.35) 43% 48%, transparent 49%),
        linear-gradient(150deg, transparent 42%, rgba(255,255,255,.28) 43% 48%, transparent 49%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 8%), rgba(20,184,166,.46));
    }

    .app-nav a[data-page-link="investment"]::before{
      background:
        radial-gradient(circle at 32% 34%, rgba(255,255,255,.92) 0 1.5px, transparent 2px),
        radial-gradient(circle at 68% 64%, rgba(255,255,255,.78) 0 1.5px, transparent 2px),
        linear-gradient(90deg, transparent 28%, rgba(255,255,255,.30) 29% 34%, transparent 35% 63%, rgba(255,255,255,.24) 64% 69%, transparent 70%),
        linear-gradient(0deg, transparent 28%, rgba(255,255,255,.26) 29% 34%, transparent 35% 63%, rgba(255,255,255,.22) 64% 69%, transparent 70%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 8%), rgba(45,212,191,.40));
    }

    .app-nav a[data-page-link="analysis"]::before{
      background:
        radial-gradient(circle at 28% 35%, rgba(255,255,255,.92) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 71% 35%, rgba(255,255,255,.84) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.74) 0 1.5px, transparent 2px),
        linear-gradient(90deg, transparent 18%, rgba(255,255,255,.24) 19% 26%, transparent 27% 74%, rgba(255,255,255,.18) 75% 82%, transparent 83%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 86%, white 10%), rgba(16,185,129,.42));
    }

    .app-nav a[data-page-link="trading"]::before{
      background:
        radial-gradient(circle at 28% 69%, rgba(255,255,255,.86) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 50% 28%, rgba(255,255,255,.92) 0 1.5px, transparent 2px),
        radial-gradient(circle at 73% 62%, rgba(255,255,255,.78) 0 1.4px, transparent 1.9px),
        linear-gradient(118deg, transparent 40%, rgba(255,255,255,.36) 41% 46%, transparent 47%),
        linear-gradient(62deg, transparent 44%, rgba(255,255,255,.28) 45% 50%, transparent 51%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 8%), rgba(239,68,68,.48));
    }

    .app-nav a[data-page-link="monitoring"]::before{
      background:
        radial-gradient(circle at 25% 52%, rgba(255,255,255,.88) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 50% 35%, rgba(255,255,255,.92) 0 1.5px, transparent 2px),
        radial-gradient(circle at 75% 56%, rgba(255,255,255,.78) 0 1.4px, transparent 1.9px),
        linear-gradient(90deg, transparent 21%, rgba(255,255,255,.34) 22% 28%, transparent 29% 45%, rgba(255,255,255,.28) 46% 53%, transparent 54% 71%, rgba(255,255,255,.24) 72% 78%, transparent 79%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 86%, white 8%), rgba(122,162,255,.44));
    }

    .app-nav a[data-page-link="scoring"]::before,
    .app-nav a[data-page-link="scoring-config"]::before{
      background:
        radial-gradient(circle at 31% 30%, rgba(255,255,255,.90) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 70% 30%, rgba(255,255,255,.82) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 31% 70%, rgba(255,255,255,.76) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 70% 70%, rgba(255,255,255,.70) 0 1.3px, transparent 1.8px),
        linear-gradient(90deg, transparent 46%, rgba(255,255,255,.28) 47% 53%, transparent 54%),
        linear-gradient(0deg, transparent 46%, rgba(255,255,255,.25) 47% 53%, transparent 54%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 88%, white 8%), rgba(245,158,11,.46));
    }

    .app-nav a[data-page-link="users"]::before{
      background:
        radial-gradient(circle at 30% 32%, rgba(255,255,255,.90) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 70% 32%, rgba(255,255,255,.82) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 50% 68%, rgba(255,255,255,.76) 0 1.4px, transparent 1.9px),
        linear-gradient(90deg, transparent 28%, rgba(255,255,255,.28) 29% 34%, transparent 35% 65%, rgba(255,255,255,.22) 66% 71%, transparent 72%),
        linear-gradient(0deg, transparent 46%, rgba(255,255,255,.22) 47% 53%, transparent 54%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 86%, white 8%), rgba(244,63,94,.42));
    }

    .app-nav a:hover{
      color:#ffffff;
      background:
        linear-gradient(180deg, var(--nav-accent-soft), rgba(255,255,255,.035));
      border-color:color-mix(in srgb, var(--nav-accent) 62%, white 16%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 12px 22px rgba(2,6,23,.22);
      transform:translateY(-1px);
    }

    .app-nav a:hover::after{ opacity:.82; transform:scaleX(1); }

    .app-nav a:hover::before{
      transform:rotate(10deg) scale(1.05);
      filter:drop-shadow(0 0 10px color-mix(in srgb, var(--nav-accent) 50%, transparent));
    }

    .app-nav a:hover .nav-link-icon{
      transform:rotate(8deg) scale(1.05);
      filter:drop-shadow(0 0 10px color-mix(in srgb, var(--nav-accent) 46%, transparent));
    }

    .app-nav a:focus-visible{
      outline:2px solid color-mix(in srgb, var(--nav-accent) 70%, white 18%);
      outline-offset:2px;
    }

    body[data-page="radar"] .app-nav a[data-page-link="radar"],
    body[data-page="spot"] .app-nav a[data-page-link="spot"],
    body[data-page="investment"] .app-nav a[data-page-link="investment"],
    body[data-page="analysis"] .app-nav a[data-page-link="analysis"],
    body[data-page="trading"] .app-nav a[data-page-link="trading"],
    body[data-page="monitoring"] .app-nav a[data-page-link="monitoring"],
    body[data-page="scoring"] .app-nav a[data-page-link="scoring"],
    body[data-page="scoring-config"] .app-nav a[data-page-link="scoring-config"],
    body[data-page="users"] .app-nav a[data-page-link="users"]{
      color:#ffffff;
      background:
        linear-gradient(180deg, var(--nav-accent-soft), rgba(255,255,255,.055));
      border-color:color-mix(in srgb, var(--nav-accent) 70%, white 14%);
      box-shadow:
        0 0 0 1px color-mix(in srgb, var(--nav-accent) 38%, transparent) inset,
        0 12px 24px rgba(2,6,23,.24);
    }

    body[data-page="radar"] .app-nav a[data-page-link="radar"]::after,
    body[data-page="spot"] .app-nav a[data-page-link="spot"]::after,
    body[data-page="investment"] .app-nav a[data-page-link="investment"]::after,
    body[data-page="analysis"] .app-nav a[data-page-link="analysis"]::after,
    body[data-page="trading"] .app-nav a[data-page-link="trading"]::after,
    body[data-page="monitoring"] .app-nav a[data-page-link="monitoring"]::after,
    body[data-page="scoring"] .app-nav a[data-page-link="scoring"]::after,
    body[data-page="scoring-config"] .app-nav a[data-page-link="scoring-config"]::after,
    body[data-page="users"] .app-nav a[data-page-link="users"]::after{
      opacity:1;
      transform:scaleX(1);
    }

    .app-nav.nav-flyout{
      position:relative;
      z-index:70;
      display:inline-flex;
      width:max-content;
      max-width:100%;
      align-items:flex-start;
      margin:-4px 0 16px;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }

    .top-actions .app-nav.nav-flyout,
    .toolbar .app-nav.nav-flyout{
      margin:0;
      flex:0 0 auto;
    }

    .nav-flyout-toggle{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:42px;
      padding:9px 14px;
      border:1px solid rgba(84,109,168,.68);
      border-radius:13px;
      background:
        linear-gradient(180deg, rgba(24,37,69,.92), rgba(10,17,33,.92)),
        rgba(19,29,54,.74);
      color:#e8f0ff;
      font:inherit;
      font-size:13px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 12px 24px rgba(2,6,23,.18);
      transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .nav-flyout-toggle:hover,
    .nav-flyout.open .nav-flyout-toggle{
      border-color:rgba(96,165,250,.78);
      background:
        linear-gradient(180deg, rgba(39,57,99,.96), rgba(13,23,43,.94)),
        rgba(19,29,54,.82);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 16px 30px rgba(2,6,23,.26);
      transform:translateY(-1px);
    }

    .nav-flyout-lines{
      width:18px;
      height:14px;
      display:grid;
      gap:4px;
      flex:0 0 auto;
    }

    .nav-flyout-lines span{
      display:block;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, #93c5fd, #22d3ee);
    }

    .nav-flyout-panel{
      position:absolute;
      top:calc(100% + 8px);
      left:0;
      display:grid;
      gap:7px;
      min-width:230px;
      max-width:min(320px, calc(100vw - 24px));
      padding:8px;
      border:1px solid rgba(84,109,168,.72);
      border-radius:var(--radius, 16px);
      background:
        linear-gradient(180deg, rgba(18,28,53,.98), rgba(8,14,28,.98)),
        rgba(19,29,54,.96);
      box-shadow:
        0 22px 52px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.07);
      opacity:0;
      pointer-events:none;
      transform:translateY(-4px) scale(.98);
      transform-origin:top left;
      transition:opacity .16s ease, transform .16s ease;
    }

    .nav-session{
      display:grid;
      gap:8px;
      padding:10px 12px 12px;
      border:1px solid rgba(84,109,168,.34);
      border-radius:var(--radius-md, 14px);
      background:
        linear-gradient(180deg, rgba(27,39,73,.94), rgba(10,17,33,.92)),
        rgba(19,29,54,.94);
      box-shadow:inset 0 1px 0 var(--highlight, rgba(255,255,255,.05));
    }

    .nav-session-head{
      display:flex;
      align-items:flex-start;
      gap:9px;
      min-width:0;
    }

    .nav-session-dot{
      width:9px;
      height:9px;
      margin-top:4px;
      flex:0 0 auto;
      border-radius:50%;
      background:var(--accent-green, #22c55e);
      box-shadow:0 0 0 3px rgba(34,197,94,.14), 0 0 12px rgba(34,197,94,.28);
    }

    .nav-session-copy{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .nav-session-status{
      color:rgba(207,220,255,.66);
      font-size:10px;
      font-weight:900;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .nav-session-user{
      min-width:0;
      color:#ffffff;
      font-size:14px;
      font-weight:900;
      line-height:1.1;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .nav-session-role{
      justify-self:start;
      padding:3px 8px;
      border-radius:999px;
      border:1px solid rgba(132,164,237,.2);
      background:var(--highlight, rgba(255,255,255,.06));
      color:rgba(215,225,255,.82);
      font-size:10px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
    }

    .nav-flyout.open .nav-flyout-panel{
      opacity:1;
      pointer-events:auto;
      transform:translateY(0) scale(1);
    }

    .app-nav.nav-flyout .nav-flyout-panel a{
      width:100%;
      justify-content:flex-start;
      gap:10px;
      min-height:42px;
      padding-right:14px;
    }

    .nav-flyout-footer{
      display:grid;
      gap:8px;
      margin-top:2px;
      padding-top:8px;
      border-top:1px solid rgba(84,109,168,.36);
    }

    .nav-flyout-logout{
      width:100%;
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
      gap:10px;
      min-height:42px;
      padding:10px 14px;
      border:1px solid rgba(248,113,113,.26);
      border-radius:var(--radius-md, 14px);
      background:
        linear-gradient(180deg, rgba(127,29,29,.34), rgba(69,10,10,.26)),
        rgba(19,29,54,.92);
      color:#ffd9df;
      font:inherit;
      font-size:13px;
      font-weight:900;
      cursor:pointer;
      box-shadow:
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.05)),
        0 10px 22px rgba(2,6,23,.16);
      transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .nav-flyout-logout:hover{
      transform:translateY(-1px);
      border-color:rgba(248,113,113,.42);
      background:
        linear-gradient(180deg, rgba(153,27,27,.42), rgba(88,28,28,.30)),
        rgba(19,29,54,.95);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 14px 28px rgba(2,6,23,.22);
    }

    .nav-flyout-logout:focus-visible{
      outline:2px solid rgba(248,113,113,.56);
      outline-offset:2px;
    }

    .nav-flyout-logout-icon{
      width:18px;
      height:18px;
      flex:0 0 auto;
      display:grid;
      place-items:center;
    }

    .nav-flyout-logout-icon svg{
      width:18px;
      height:18px;
      stroke:currentColor;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;
      fill:none;
    }

    .nav-link-label{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .nav-link-state{
      flex:0 0 auto;
      margin-left:auto;
      padding:3px 8px;
      border-radius:999px;
      border:1px solid rgba(132,164,237,.2);
      background:var(--highlight, rgba(255,255,255,.06));
      color:rgba(215,225,255,.74);
      font-size:10px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
    }

    .app-nav a.is-disabled,
    .app-nav a.is-disabled:hover{
      color:rgba(223,232,255,.68);
      background:
        linear-gradient(180deg, rgba(18,28,53,.84), rgba(8,15,31,.9));
      border-color:rgba(84,109,168,.42);
      box-shadow:none;
      transform:none;
      cursor:not-allowed;
    }

    .app-nav a.is-disabled::after{
      opacity:0;
      transform:scaleX(.3);
    }

    .app-nav a.is-disabled::before{
      opacity:.74;
      filter:saturate(.55) brightness(.82);
      transform:none;
    }

    .app-nav a.is-disabled .nav-link-icon{
      opacity:.72;
      filter:saturate(.55) brightness(.86);
      transform:none;
    }

    .app-nav a.is-disabled .nav-link-state{
      background:rgba(148,163,184,.1);
      border-color:var(--line-strong, rgba(148,163,184,.22));
      color:var(--text-soft, rgba(226,232,240,.82));
    }

    .app-nav.nav-flyout .nav-flyout-panel a.active,
    .app-nav.nav-flyout .nav-flyout-panel a[aria-current="page"]{
      color:#ffffff;
      background:
        linear-gradient(180deg, var(--nav-accent-soft), rgba(255,255,255,.055));
      border-color:color-mix(in srgb, var(--nav-accent) 70%, white 14%);
      box-shadow:
        0 0 0 1px color-mix(in srgb, var(--nav-accent) 38%, transparent) inset,
        0 10px 22px rgba(2,6,23,.22);
    }

    .app-nav.nav-flyout .nav-flyout-panel a.active::after,
    .app-nav.nav-flyout .nav-flyout-panel a[aria-current="page"]::after{
      opacity:1;
      transform:scaleX(1);
    }

    .layout{
      display:block;
      min-width:0;
    }

    .layout > *{
      min-width:0;
      width:100%;
    }

    .layout.watchlist-collapsed{ grid-template-columns:1fr; }

    .sidebar.is-collapsed .watchlist{
      display:none;
    }

    .bottom-actions{
      margin-top:16px;
      padding:16px;
    }

    .bottom-actions.utility-dock{
      padding:8px;
      display:grid;
      gap:8px;
      background:rgba(12,20,38,.76);
      border-color:rgba(69,92,145,.5);
      box-shadow:0 10px 28px rgba(2,6,23,.16);
    }

    .bottom-actions.is-compact{
      display:flex;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      align-items:center;
    }

    .actions.actions-bottom{
      justify-content:flex-start;
    }

    .dock-section{
      border:1px solid rgba(69,92,145,.54);
      border-radius:var(--radius-sm, 10px);
      background:rgba(255,255,255,.025);
      overflow:hidden;
      position:relative;
    }

    .dock-section[open]{
      background:rgba(255,255,255,.035);
      border-color:rgba(94,120,180,.68);
    }

    .dock-section.live-ai-dock,
    .dock-section.cron-dock,
    .dock-section.push-dock,
    .dock-section.hidden-dock,
    .dock-section.review-log-dock,
    .dock-section.log-dock{
      background:
        linear-gradient(118deg, rgba(18,28,52,.88), rgba(7,14,28,.82)),
        repeating-linear-gradient(90deg, rgba(125,176,255,.10) 0 1px, transparent 1px 22px);
    }

    .dock-section.live-ai-dock::before,
    .dock-section.cron-dock::before,
    .dock-section.push-dock::before,
    .dock-section.hidden-dock::before,
    .dock-section.review-log-dock::before,
    .dock-section.log-dock::before{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:3px;
      background:linear-gradient(180deg, rgba(34,211,238,.80), rgba(125,176,255,.30), rgba(34,197,94,.54));
      opacity:.82;
    }

    .dock-summary{
      min-height:42px;
      padding:7px 10px;
      display:flex;
      align-items:center;
      gap:10px;
      cursor:pointer;
      list-style:none;
      user-select:none;
    }

    .dock-summary::-webkit-details-marker{
      display:none;
    }

    .dock-summary::after{
      content:"";
      width:8px;
      height:8px;
      border-right:2px solid rgba(219,230,255,.72);
      border-bottom:2px solid rgba(219,230,255,.72);
      transform:rotate(45deg);
      margin-left:auto;
      transition:transform .18s ease;
    }

    .dock-section[open] .dock-summary::after{
      transform:rotate(225deg);
    }

    .dock-icon{
      width:28px;
      height:28px;
      border-radius:0;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      border:1px solid rgba(84,109,168,.58);
      background:
        radial-gradient(circle at 29% 30%, rgba(255,255,255,.88) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.72) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.66) 0 1.4px, transparent 1.9px),
        linear-gradient(29deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.24) 43% 47%, transparent 48%),
        linear-gradient(135deg, rgba(96,165,250,.70), rgba(12,20,39,.68));
      color:#dbe6ff;
      display:grid;
      place-items:center;
      flex:0 0 auto;
    }

    .dock-icon svg,
    .icon-command svg{
      width:16px;
      height:16px;
      fill:none;
      stroke:currentColor;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .dock-copy{
      min-width:0;
      display:grid;
      gap:1px;
    }

    .dock-copy-head{
      min-width:0;
      display:flex;
      align-items:center;
      gap:8px;
    }

    .dock-summary-info{
      flex:0 0 auto;
    }

    .dock-summary-info .info-toggle{
      width:19px;
      height:19px;
      font-size:11px;
    }

    .dock-copy strong{
      color:#ffffff;
      font-size:13px;
      line-height:1.2;
    }

    .dock-copy small{
      color:var(--soft);
      font-size:12px;
      line-height:1.3;
      font-weight:700;
    }

    .compact-actions{
      padding:0 10px 10px;
      gap:8px;
    }

    .icon-command{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      min-width:36px;
      min-height:36px;
      border:1px solid rgba(108,132,188,.54);
      border-radius:var(--radius-sm, 10px);
      background:
        linear-gradient(180deg, rgba(42,58,102,.92), rgba(18,28,53,.94));
      color:#dbeafe;
      cursor:pointer;
      padding:8px 10px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
      transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .icon-command:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.68);
      background:
        linear-gradient(180deg, rgba(55,75,128,.96), rgba(22,35,68,.96));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 20px rgba(2,6,23,.22);
    }

    .icon-command span[aria-hidden="true"]{
      display:inline-grid;
      place-items:center;
      width:24px;
      height:24px;
      flex:0 0 24px;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      background:
        radial-gradient(circle at 30% 30%, rgba(255,255,255,.86) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 71% 32%, rgba(255,255,255,.68) 0 1.1px, transparent 1.6px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.64) 0 1.3px, transparent 1.8px),
        linear-gradient(30deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(150deg, transparent 42%, rgba(255,255,255,.24) 43% 47%, transparent 48%),
        linear-gradient(135deg, rgba(125,176,255,.74), rgba(6,182,212,.44));
      color:currentColor;
      box-shadow:0 7px 14px rgba(2,6,23,.16);
      transition:transform .18s ease, filter .18s ease;
    }

    .icon-command:hover span[aria-hidden="true"]{
      transform:rotate(10deg) scale(1.04);
      filter:drop-shadow(0 0 8px rgba(125,176,255,.32));
    }

    .hidden-config-panel{
      margin-top:0;
      display:grid;
      gap:10px;
      padding:0 10px 10px;
    }

    .hidden-config-explainer{
      display:grid;
      gap:8px;
      padding:12px 14px;
      border:1px solid var(--line-soft, rgba(148,163,184,.16));
      border-radius:var(--radius-md, 12px);
      background:rgba(255,255,255,.03);
    }

    .hidden-config-explainer strong{
      color:#eef4ff;
      font-size:13px;
      font-weight:700;
      line-height:1.35;
    }

    .hidden-config-explainer p{
      margin:0;
      color:#c6d4e8;
      font-size:13px;
      line-height:1.55;
    }

    .hidden-config-explainer ul{
      margin:0;
      padding-left:18px;
      color:#d7e3f5;
      display:grid;
      gap:6px;
    }

    .hidden-config-explainer li{
      font-size:13px;
      line-height:1.5;
    }

    .hidden-config-panel + .hidden-config-panel{
      margin-top:12px;
    }

    .dock-log-block{
      border:1px solid rgba(69,92,145,.54);
      border-radius:var(--radius-md, 12px);
      background:rgba(8,16,29,.72);
      overflow:hidden;
    }

    .dock-log-block pre{
      margin:0;
      min-height:120px;
      max-height:260px;
      overflow:auto;
      padding:12px;
      white-space:pre-wrap;
      color:#dbe6ff;
    }

    .live-ai-panel{
      flex:1 1 100%;
      width:100%;
    }

    .hidden-config-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .hidden-config-head strong{
      font-size:14px;
      color:#ffffff;
    }

    .hidden-config-head span{
      color:var(--soft);
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
    }

    .hidden-config-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(150px, 1fr));
      gap:10px;
      align-items:stretch;
    }

    .hidden-config-grid.live-ai-config-grid{
      grid-template-columns:repeat(4, minmax(150px, 1fr));
    }

    .hidden-config-grid.cron-config-grid{
      grid-template-columns:repeat(4, minmax(150px, 1fr));
    }

    .hidden-toggle,
    .hidden-field{
      min-height:44px;
      border:1px solid rgba(69,92,145,.72);
      background:rgba(255,255,255,.025);
      border-radius:var(--radius-md, 12px);
      padding:9px 10px;
      display:flex;
      align-items:flex-start;
      gap:8px;
      color:#dbe6ff;
      font-size:12px;
      font-weight:800;
    }

    .hidden-toggle input{
      margin-top:3px;
    }

    .hidden-toggle.live-ai-toggle-info{
      align-items:center;
    }

    .hidden-toggle.live-ai-toggle-info input{
      margin-top:0;
    }

    .hidden-toggle.live-ai-toggle-info > span:not(.info-wrap){
      min-width:0;
      flex:1 1 auto;
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
    }

    .hidden-toggle.live-ai-toggle-info .info-wrap{
      margin-left:auto;
      flex:0 0 auto;
    }

    .hidden-toggle.live-ai-toggle-info .info-toggle{
      width:22px;
      height:22px;
      font-size:12px;
    }

    .hidden-toggle-copy{
      min-width:0;
      display:grid;
      gap:4px;
    }

    .hidden-field{
      display:grid;
      grid-template-columns:1fr;
      gap:5px;
      align-items:start;
      min-height:88px;
    }

    .hidden-field span,
    .hidden-toggle-copy > span{
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
    }

    .field-hint{
      color:rgba(207,220,255,.72);
      font-size:11px;
      font-weight:700;
      line-height:1.35;
      text-transform:none;
    }

    .field-label-with-info{
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      width:100%;
      min-width:0;
    }

    .field-label-with-info > span:first-child{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .cron-preset-tile{
      min-height:88px;
      border:1px solid rgba(69,92,145,.72);
      background:
        linear-gradient(180deg, rgba(34,211,238,.070), rgba(255,255,255,.024));
      border-radius:var(--radius-md, 12px);
      padding:9px 10px;
      display:grid;
      gap:8px;
      align-content:start;
    }

    .cron-preset-row{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:7px;
    }

    .cron-preset-btn{
      min-height:30px;
      padding:0 8px;
      font-size:11px;
    }

    .cron-preset-btn.active{
      border-color:rgba(34,211,238,.72);
      color:#e8fbff;
      background:
        linear-gradient(180deg, rgba(34,211,238,.20), rgba(59,130,246,.12));
      box-shadow:0 0 0 1px rgba(125,211,252,.20) inset;
    }

    .control-save-btn{
      min-height:48px;
      align-self:stretch;
    }

    .hidden-number{
      min-width:0;
      width:100%;
      padding:8px 9px;
      border-radius:9px;
    }

    .setup-overview-box{
      margin-top:18px;
      padding:14px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(34,197,94,.18);
      background:linear-gradient(180deg, rgba(34,197,94,.10), rgba(16,23,37,.88));
    }

    .setup-overview-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:10px;
      flex-wrap:wrap;
    }

    .setup-overview-head strong{
      font-size:14px;
      letter-spacing:.02em;
    }

    .setup-overview-list{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .setup-overview-item{
      display:flex;
      align-items:center;
      gap:8px;
      padding:10px 12px;
      border-radius:var(--radius-md, 14px);
      border:1px solid var(--line);
      background:rgba(12,18,30,.78);
      color:var(--text);
      text-decoration:none;
      transition:transform .18s ease, border-color .18s ease, background .18s ease;
    }

    .setup-overview-item:hover{
      transform:translateY(-1px);
      border-color:rgba(34,197,94,.4);
      background:rgba(16,23,37,.96);
    }

    .setup-overview-item.short-setup{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.12), rgba(12,18,30,.84));
    }

    .setup-overview-item.short-setup:hover{
      border-color:rgba(239,68,68,.44);
      background:linear-gradient(180deg, rgba(239,68,68,.16), rgba(16,23,37,.96));
    }

    .setup-overview-item strong{
      font-size:14px;
    }

    .setup-overview-meta{
      color:var(--soft);
      font-size:12px;
    }

    .panel{
      background:
        linear-gradient(180deg, rgba(21,32,59,.96), rgba(13,22,42,.97));
      border:1px solid rgba(84,109,168,.72);
      border-radius:var(--radius);
      box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.06));
      min-width:0;
    }

    .sidebar{
      position:fixed;
      top:10px;
      right:10px;
      bottom:10px;
      width:min(430px, calc(100vw - 20px));
      padding:12px;
      z-index:80;
      overflow:hidden;
      border-radius:var(--radius, 16px);
      background:rgba(12,20,38,.96);
      box-shadow:0 24px 70px rgba(0,0,0,.42);
      backdrop-filter:blur(16px);
      transform:translateX(0);
      opacity:1;
      transition:transform .22s ease, opacity .18s ease;
    }

    .sidebar.is-collapsed{
      transform:translateX(calc(100% + 22px));
      opacity:0;
      pointer-events:none;
    }

    .panel-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:12px;
      min-width:0;
    }

    .panel-head h2,
    .panel-head h3{
      margin:0;
      font-size:18px;
      min-width:0;
    }

    #tab-market .panel-head h3,
    #tab-market .section-title{
      color:#dfeaff;
    }

    #tab-flow .panel-head h3,
    #tab-flow .section-title{
      color:#ede7ff;
    }

    #tab-elliott .panel-head h3,
    #tab-elliott .section-title{
      color:#ffe6b0;
    }

    #tab-fib .panel-head h3,
    #tab-fib .section-title{
      color:#e7e8ff;
    }

    #tab-spot_setup .panel-head h3,
    #tab-spot_setup .section-title{
      color:#dbf8e6;
    }

    #tab-trading_setup .panel-head h3,
    #tab-trading_setup .section-title{
      color:#ffd9d9;
    }

    .small{
      font-size:12px;
      color:var(--soft);
    }

    .panel-meta{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .sidebar .panel-head{
      display:grid;
      grid-template-columns:1fr auto;
      align-items:start;
      gap:10px;
    }

    .sidebar .panel-head h2{
      align-self:center;
      text-align:center;
    }

    .watchlist-addbar{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:minmax(0,1fr) 122px auto;
      gap:8px;
      width:100%;
      align-items:center;
    }

    .watchlist-addbar .input{
      min-width:0;
      width:100%;
      padding:9px 10px;
      border-radius:var(--radius-sm, 10px);
    }

    .watchlist-addbar .btn{
      min-height:40px;
      white-space:nowrap;
    }

    .sidebar-toggle{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:9px 12px;
      border-radius:var(--radius-md, 12px);
      border:1px solid var(--line);
      background:var(--panel-2);
      color:var(--text);
      font-size:13px;
      font-weight:700;
      cursor:pointer;
    }

    .watchlist{
      display:grid;
      gap:10px;
      max-height:calc(100vh - 168px);
      overflow:auto;
      padding-right:2px;
      scrollbar-width:thin;
    }

    body[data-page="radar"]{
      scrollbar-width:thin;
      scrollbar-color:rgba(94, 234, 212, .28) rgba(15, 23, 42, .42);
    }

    body[data-page="radar"]::-webkit-scrollbar{
      width:10px;
      height:10px;
    }

    body[data-page="radar"]::-webkit-scrollbar-track{
      background:rgba(15, 23, 42, .48);
    }

    body[data-page="radar"]::-webkit-scrollbar-thumb{
      border:2px solid rgba(15, 23, 42, .48);
      border-radius:999px;
      background:linear-gradient(180deg, rgba(96, 165, 250, .52), rgba(45, 212, 191, .48));
    }

    body[data-page="radar"] .watchlist{
      scrollbar-color:rgba(96, 165, 250, .55) rgba(15, 23, 42, .4);
    }

    body[data-page="radar"] .watchlist::-webkit-scrollbar{
      width:8px;
    }

    body[data-page="radar"] .watchlist::-webkit-scrollbar-track{
      border-radius:999px;
      background:rgba(15, 23, 42, .38);
    }

    body[data-page="radar"] .watchlist::-webkit-scrollbar-thumb{
      border:2px solid rgba(15, 23, 42, .38);
      border-radius:999px;
      background:linear-gradient(180deg, rgba(96, 165, 250, .56), rgba(45, 212, 191, .46));
    }

    .sidebar .asset-section-tabs{
      grid-template-columns:repeat(3, minmax(0,1fr));
    }

    .sidebar .watchlist-toolbar{
      padding:8px 10px;
      border-radius:var(--radius-md, 12px);
    }

    .sidebar .coin-card{
      border-radius:var(--radius-md, 12px);
      padding:10px;
    }

    .sidebar .coin-card .chip-row{
      gap:6px;
    }

    .sidebar .coin-card .chip{
      padding:5px 7px;
      font-size:11px;
    }

    .sidebar .coin-card .scoreline{
      margin-top:8px;
    }

    .sidebar .card-actions{
      padding-top:8px;
      margin-top:8px;
    }

    .sidebar .coin-right strong{
      font-size:17px;
    }

    .asset-section-tabs{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:8px;
    }

    .asset-section-btn{
      position:relative;
      min-width:0;
      border:1px solid rgba(69,92,145,.84);
      background:rgba(255,255,255,.035);
      color:var(--text);
      border-radius:var(--radius-md, 12px);
      padding:9px 10px 9px 36px;
      cursor:pointer;
      display:grid;
      gap:3px;
      text-align:left;
      transition:.18s ease;
    }

    .asset-section-btn::before{
      content:"";
      position:absolute;
      left:10px;
      top:50%;
      width:18px;
      height:18px;
      transform:translateY(-50%);
      clip-path:polygon(50% 4%, 91% 27%, 91% 73%, 50% 96%, 9% 73%, 9% 27%);
      background:
        radial-gradient(circle at 30% 31%, rgba(255,255,255,.92) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 70% 32%, rgba(255,255,255,.76) 0 1px, transparent 1.5px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.72) 0 1.2px, transparent 1.7px),
        linear-gradient(31deg, transparent 42%, rgba(255,255,255,.32) 43% 48%, transparent 49%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.28) 43% 48%, transparent 49%),
        linear-gradient(135deg, rgba(34,197,94,.78), rgba(96,165,250,.60));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 6px 14px rgba(37,99,235,.14);
      transition:transform .16s ease, filter .16s ease;
    }

    .asset-section-btn:hover::before,
    .asset-section-btn.active::before{
      transform:translateY(-50%) rotate(10deg) scale(1.05);
      filter:drop-shadow(0 0 7px rgba(34,197,94,.28));
    }

    .asset-section-btn span{
      color:var(--soft);
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.02em;
    }

    .asset-section-btn strong{
      color:#ffffff;
      font-size:17px;
      font-weight:760;
      line-height:1;
    }

    .asset-section-btn.active{
      border-color:#7db0ff;
      background:rgba(59,130,246,.16);
      box-shadow:0 0 0 1px rgba(125,176,255,.18) inset;
    }

    .asset-section-title{
      padding:2px 2px 0;
    }

    .asset-section-title .small{
      display:block;
      margin-top:4px;
      line-height:1.35;
    }

    .watchlist-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      padding:10px 12px;
      border:1px solid rgba(69,92,145,.78);
      border-radius:var(--radius-md, 14px);
      background:rgba(255,255,255,.03);
    }

    .label{
      color:var(--soft);
      font-size:12px;
      font-weight:680;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .sort-group{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .sort-btn{
      border:1px solid rgba(69,92,145,.9);
      background:rgba(255,255,255,.035);
      color:var(--text);
      border-radius:var(--radius-sm, 10px);
      padding:8px 10px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      font-size:12px;
      font-weight:700;
      letter-spacing:0;
      transition:.18s ease;
    }

    .sort-btn.active{
      background:rgba(59,130,246,.18);
      border-color:#7db0ff;
      color:#ffffff;
      box-shadow:0 0 0 1px rgba(125,176,255,.18) inset;
    }

    .coin-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.78);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      border-radius:var(--radius, 16px);
      padding:12px;
      cursor:pointer;
      box-shadow:
        inset 0 1px 0 var(--highlight-soft, rgba(255,255,255,.04)),
        0 10px 20px rgba(2,6,23,.12);
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .coin-card::before{
      content:"";
      position:absolute;
      left:0;
      top:10px;
      bottom:10px;
      width:3px;
      border-radius:0 999px 999px 0;
      background:linear-gradient(180deg, #60a5fa, #06b6d4);
      opacity:.62;
    }

    .coin-card:hover{
      border-color:rgba(125,176,255,.82);
      background:
        linear-gradient(180deg, rgba(96,165,250,.10), rgba(255,255,255,.02));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 14px 28px rgba(2,6,23,.2);
      transform:translateY(-1px);
    }

    .coin-card.active{
      border-color:rgba(125,176,255,.9);
      box-shadow:
        0 0 0 1px rgba(125,176,255,.34) inset,
        0 14px 28px rgba(59,130,246,.16);
      background:
        linear-gradient(180deg, rgba(59,130,246,.18), rgba(255,255,255,.025));
    }

    .coin-top{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-start;
      margin-bottom:8px;
    }

    .asset-logo{
      position:relative;
      width:34px;
      height:34px;
      border-radius:999px;
      display:grid;
      place-items:center;
      flex:0 0 auto;
      overflow:hidden;
      border:1px solid rgba(125,176,255,.35);
      background:var(--highlight, rgba(255,255,255,.06));
      box-shadow:0 10px 24px rgba(0,0,0,.18);
    }

    .asset-logo img{
      position:relative;
      z-index:2;
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
      padding:5px;
      border-radius:inherit;
    }

    .asset-logo-fallback{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      color:#dbe6ff;
      font-size:10px;
      font-weight:900;
      letter-spacing:0;
      line-height:1;
    }

    .asset-logo.hero-logo{
      width:54px;
      height:54px;
    }

    .asset-logo.hero-logo img{
      padding:7px;
    }

    .coin-identity,
    .hero-identity{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }

    .hero-identity{
      gap:12px;
    }

    .coin-title-wrap{
      display:grid;
      gap:2px;
      min-width:0;
    }

    .coin-headline{
      display:flex;
      align-items:center;
      gap:6px;
      min-width:0;
    }

    .coin-headline strong,
    .coin-title-wrap > span{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .hero-identity > div{
      min-width:0;
    }

    .coin-left strong{
      display:block;
      font-size:18px;
      font-weight:720;
      letter-spacing:0;
      line-height:1.1;
      margin-bottom:2px;
    }

    .coin-headline strong{
      display:inline-block;
      margin-bottom:0;
    }

    .coin-left span{
      color:var(--soft);
      font-size:12px;
    }

    .coin-left .asset-logo-fallback{
      color:#dbe6ff;
      font-size:10px;
      font-weight:900;
    }

    .coin-right{
      text-align:right;
    }

    .coin-right strong{
      display:block;
      font-size:19px;
      line-height:1.05;
      margin-bottom:5px;
      color:#ffffff;
      font-weight:700;
      letter-spacing:0;
    }

    .change{
      display:inline-block;
      padding:5px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      letter-spacing:0;
    }

    .pos{ background:rgba(34,197,94,.22); color:#b7f7cb; }
    .neg{ background:rgba(239,68,68,.22); color:#ffc2c2; }
    .flat{ background:var(--line, rgba(148,163,184,.2)); color:#e6ecf7; }

    .chip-row{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-top:8px;
      align-items:center;
    }

    .workspace-chip-row{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:6px;
      min-width:0;
    }

    .asset-category-chip{
      background:rgba(14,165,233,.12);
      border-color:rgba(14,165,233,.28);
      color:#bae6fd;
    }

    .hidden-rank-chip{
      background:rgba(245,158,11,.12);
      border-color:rgba(245,158,11,.28);
      color:#fde68a;
    }

    .chip{
      padding:7px 11px;
      border-radius:999px;
      font-size:11px;
      font-weight:700;
      letter-spacing:0;
      border:1px solid transparent;
      box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
    }

    .chip.bias-bullish,
    .chip.signal-buy,
    .chip.struct-confirmed{
      background:rgba(34,197,94,.24);
      color:#c7ffd8;
      border-color:rgba(34,197,94,.46);
      box-shadow:0 0 0 1px rgba(34,197,94,.12) inset;
    }

    .chip.bias-bearish,
    .chip.signal-sell{
      background:rgba(239,68,68,.24);
      color:#ffd0d0;
      border-color:rgba(239,68,68,.46);
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset;
    }

    .chip.bias-neutral,
    .chip.signal-hold,
    .chip.struct-none{
      background:var(--line-strong, rgba(148,163,184,.22));
      color:#f0f4ff;
      border-color:rgba(148,163,184,.38);
      box-shadow:0 0 0 1px rgba(148,163,184,.1) inset;
    }

    .chip.struct-candidate{
      background:rgba(245,158,11,.22);
      color:#ffe0a8;
      border-color:rgba(245,158,11,.42);
      box-shadow:0 0 0 1px rgba(245,158,11,.1) inset;
    }

    .chip.market-phase{
      background:rgba(6,182,212,.22);
      color:#c2f4fb;
      border-color:rgba(6,182,212,.4);
      box-shadow:0 0 0 1px rgba(6,182,212,.1) inset;
    }

    .chip.ai-external{
      background:rgba(20,184,166,.18);
      color:#bcfbf1;
      border-color:rgba(45,212,191,.42);
      box-shadow:0 0 0 1px rgba(45,212,191,.1) inset, 0 0 18px rgba(20,184,166,.08);
    }

    .chip.ai-rule{
      background:rgba(14,165,233,.18);
      color:#d7f1ff;
      border-color:rgba(14,165,233,.34);
      box-shadow:0 0 0 1px rgba(14,165,233,.08) inset;
    }

    .chip.ai-confirmed{
      background:rgba(34,197,94,.12);
      border-color:rgba(34,197,94,.30);
      color:#86efac;
    }

    .chip.ai-mixed{
      background:rgba(245,158,11,.12);
      border-color:rgba(245,158,11,.28);
      color:#fcd34d;
    }

    .chip.ai-conflict{
      background:rgba(248,113,113,.12);
      border-color:rgba(248,113,113,.28);
      color:#fca5a5;
    }

    .chip.ai-unknown{
      background:rgba(148,163,184,.12);
      border-color:rgba(148,163,184,.26);
      color:var(--text-muted, #cbd5e1);
    }

    .chip.risk-ok{
      background:rgba(34,197,94,.16);
      color:#bdf7cc;
      border-color:rgba(34,197,94,.36);
      box-shadow:0 0 0 1px rgba(34,197,94,.08) inset;
    }

    .chip.risk-warn{
      background:rgba(245,158,11,.16);
      color:#fde7b0;
      border-color:rgba(245,158,11,.34);
      box-shadow:0 0 0 1px rgba(245,158,11,.08) inset;
    }

    .chip.risk-high{
      background:rgba(239,68,68,.17);
      color:#ffc9c9;
      border-color:rgba(239,68,68,.36);
      box-shadow:0 0 0 1px rgba(239,68,68,.08) inset;
    }

    .coin-headline{
      display:flex;
      align-items:center;
      gap:8px;
    }

    .rank-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:28px;
      height:24px;
      padding:0 8px;
      border-radius:999px;
      background:rgba(59,130,246,.16);
      border:1px solid rgba(76,141,255,.32);
      color:#cfe0ff;
      font-size:11px;
      font-weight:720;
      letter-spacing:0;
    }

    .scoreline{
      margin-top:10px;
      display:grid;
      gap:6px;
    }

    .scoretext{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      font-size:12px;
      color:var(--soft);
    }

    .scoretext strong{
      color:#ffffff;
      font-size:13px;
    }

    .scorebar{
      position:relative;
      overflow:hidden;
      height:8px;
      border-radius:999px;
      background:var(--highlight, rgba(255,255,255,.06));
      border:1px solid rgba(69,92,145,.75);
    }

    .scorefill{
      position:absolute;
      inset:0 auto 0 0;
      width:0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(239,68,68,.9) 0%, rgba(245,158,11,.95) 48%, rgba(34,197,94,.95) 100%);
    }

    .helper-box{
      display:grid;
      gap:10px;
      padding:14px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(69,92,145,.9);
      background:linear-gradient(180deg, rgba(76,141,255,.12) 0%, rgba(18,199,223,.05) 100%);
    }

    .helper-title{
      font-size:15px;
      font-weight:900;
      color:#ffffff;
      margin:0;
    }

    .helper-box.helper-box-market{
      border-color:rgba(76,141,255,.64);
      background:linear-gradient(180deg, rgba(76,141,255,.14) 0%, rgba(18,199,223,.05) 100%);
    }

    .helper-box.helper-box-flow{
      border-color:rgba(125,110,255,.58);
      background:linear-gradient(180deg, rgba(125,110,255,.14) 0%, rgba(56,189,248,.05) 100%);
    }

    .helper-box.helper-box-elliott{
      border-color:rgba(245,158,11,.56);
      background:linear-gradient(180deg, rgba(245,158,11,.14) 0%, rgba(251,191,36,.05) 100%);
    }

    .helper-box.helper-box-fib{
      border-color:rgba(99,102,241,.58);
      background:linear-gradient(180deg, rgba(99,102,241,.14) 0%, rgba(129,140,248,.05) 100%);
    }

    .helper-box.helper-box-spot_setup{
      border-color:rgba(34,197,94,.54);
      background:linear-gradient(180deg, rgba(34,197,94,.14) 0%, rgba(16,185,129,.05) 100%);
    }

    .helper-box.helper-box-trading_setup{
      border-color:rgba(239,68,68,.56);
      background:linear-gradient(180deg, rgba(239,68,68,.14) 0%, rgba(251,113,133,.05) 100%);
    }

    .helper-box.helper-box-market .helper-title{ color:#e2eeff; }
    .helper-box.helper-box-flow .helper-title{ color:#efe9ff; }
    .helper-box.helper-box-elliott .helper-title{ color:#ffe9bb; }
    .helper-box.helper-box-fib .helper-title{ color:#e7e8ff; }
    .helper-box.helper-box-spot_setup .helper-title{ color:#ddfbe8; }
    .helper-box.helper-box-trading_setup .helper-title{ color:#ffe0e0; }

    .helper-copy{
      margin:0;
      color:#d9e5ff;
      font-size:14px;
      line-height:1.55;
    }

    .helper-points{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .helper-point{
      padding:11px 12px;
      border-radius:var(--radius-md, 12px);
      background:rgba(255,255,255,.035);
      border:1px solid rgba(69,92,145,.76);
    }

    .helper-point .k{
      display:block;
      color:#bcd0f8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.05em;
      margin-bottom:6px;
      font-weight:800;
    }

    .helper-point .v{
      color:#ffffff;
      font-size:13px;
      line-height:1.45;
      font-weight:700;
    }

    .remove-btn{
      border:none;
      background:transparent;
      color:#fca5a5;
      cursor:pointer;
      font-size:12px;
      font-weight:700;
      padding:0;
    }

    .remove-btn:hover{ text-decoration:underline; }

    .hidden-reason{
      margin-top:10px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .card-actions{
      margin-top:10px;
      padding-top:10px;
      border-top:1px solid rgba(69,92,145,.42);
      display:flex;
      justify-content:flex-end;
      gap:10px;
      flex-wrap:wrap;
    }

    .coin-action-btn{
      border:none;
      background:transparent;
      color:#bcd0ff;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:5px;
      font-size:12px;
      font-weight:700;
      letter-spacing:0;
      padding:0;
    }

    .coin-action-btn::before{
      flex-basis:13px;
      width:13px;
      height:13px;
      opacity:.82;
    }

    .coin-action-btn:hover{
      color:#ffffff;
      text-decoration:underline;
    }

    .select-input{
      max-width:170px;
      cursor:pointer;
    }

    .priority-row{
      margin-top:12px;
      padding-top:12px;
      border-top:1px solid rgba(69,92,145,.45);
      display:grid;
      gap:8px;
    }

    .priority-copy{
      display:grid;
      gap:3px;
    }

    .priority-copy strong{
      color:#ffffff;
      font-size:13px;
    }

    .priority-copy span{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .priority-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:max-content;
      padding:5px 10px;
      border-radius:999px;
      font-size:11px;
      font-weight:900;
      letter-spacing:.02em;
      border:1px solid transparent;
      text-transform:uppercase;
    }

    .priority-kritisch{
      background:rgba(239,68,68,.18);
      border-color:rgba(239,68,68,.36);
      color:#ffd1d1;
    }

    .priority-hoch{
      background:rgba(245,158,11,.18);
      border-color:rgba(245,158,11,.34);
      color:#fff0b3;
    }

    .priority-mittel{
      background:rgba(76,141,255,.18);
      border-color:rgba(76,141,255,.34);
      color:#d8e7ff;
    }

    .priority-niedrig{
      background:rgba(34,197,94,.16);
      border-color:rgba(34,197,94,.28);
      color:#c7f7d5;
    }

    .priority-laden{
      background:rgba(148,163,184,.12);
      border-color:var(--line-strong, rgba(148,163,184,.22));
      color:#d9e5ff;
    }

    .coin-card.card-priority-kritisch{
      box-shadow:0 0 0 1px rgba(239,68,68,.22) inset, 0 12px 28px rgba(239,68,68,.08);
    }

    .coin-card.card-priority-hoch{
      box-shadow:0 0 0 1px rgba(245,158,11,.18) inset, 0 12px 28px rgba(245,158,11,.06);
    }

    .coin-card.card-priority-mittel{
      box-shadow:0 0 0 1px rgba(76,141,255,.18) inset;
    }

    .coin-card.card-priority-niedrig{
      box-shadow:0 0 0 1px rgba(34,197,94,.14) inset;
    }

    .main{
      padding:14px;
      display:grid;
      gap:16px;
    }

    .hero{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:14px;
    }

    .hero.hero-single{
      grid-template-columns:1fr;
    }

    .page-lead,
    .monitoring-overview{
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      padding:16px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(69,92,145,.82);
      background:
        linear-gradient(180deg, rgba(24,37,68,.94), rgba(11,20,39,.97));
      box-shadow:
        0 18px 42px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.07);
    }

    .page-lead::before,
    .monitoring-overview::before{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, rgba(96,165,250,.78), rgba(6,182,212,.58), transparent);
    }

    .page-lead h2,
    .monitoring-overview h2{
      margin:4px 0 6px;
      color:#ffffff;
      font-size:22px;
      line-height:1.15;
    }

    .page-lead p,
    .monitoring-overview p{
      margin:0;
      color:#c7d7f7;
      line-height:1.5;
      max-width:760px;
      font-size:14px;
    }

    .page-lead-side,
    .monitoring-state{
      display:grid;
      align-content:start;
      justify-items:end;
      gap:8px;
      min-width:220px;
    }

    .page-lead-spot{
      border-color:rgba(34,197,94,.32);
    }

    .page-lead-trading{
      border-color:rgba(239,68,68,.32);
    }

    .page-lead-side-trading{
      min-width:min(100%, 340px);
      padding:12px;
      border:1px solid rgba(239,68,68,.18);
      border-radius:var(--radius-md, 14px);
      background:linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.020));
      box-shadow:inset 0 1px 0 var(--highlight-soft, rgba(255,255,255,.04));
    }

    .lead-note{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.4;
      max-width:320px;
      text-align:right;
    }

    .workspace-overview,
    .monitoring-health-summary{
      position:relative;
      overflow:hidden;
      display:grid;
      gap:14px;
      padding:16px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(69,92,145,.78);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      box-shadow:
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.05)),
        0 16px 34px rgba(2,6,23,.18);
    }

    .workspace-overview-spot{
      border-color:rgba(34,197,94,.24);
    }

    .workspace-overview-trading{
      border-color:rgba(239,68,68,.24);
    }

    body[data-page="trading"] .workspace-overview-trading{
      gap:12px;
      background:
        radial-gradient(circle at top left, rgba(239,68,68,.08) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }

    .workspace-head,
    .monitoring-health-summary{
      align-items:flex-start;
      justify-content:space-between;
    }

    .workspace-head{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .workspace-head-side{
      display:flex;
      align-items:flex-start;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
      margin-left:auto;
    }

    .workspace-head h3,
    .monitoring-health-summary h3{
      margin:4px 0 0;
      font-size:18px;
      color:#ffffff;
      line-height:1.2;
    }

    .workspace-card-grid{
      display:grid;
      grid-template-columns:repeat(5, minmax(0,1fr));
      gap:10px;
    }

    .workspace-card{
      position:relative;
      overflow:hidden;
      min-width:0;
      min-height:124px;
      border:1px solid rgba(84,109,168,.68);
      border-radius:var(--radius-md, 14px);
      background:
        linear-gradient(180deg, rgba(30,44,80,.82), rgba(10,18,35,.96));
      color:var(--text);
      padding:12px;
      display:grid;
      gap:8px;
      text-align:left;
      cursor:pointer;
      box-shadow:inset 0 1px 0 var(--highlight, rgba(255,255,255,.05));
      transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .workspace-card::before{
      content:"";
      position:absolute;
      left:12px;
      right:12px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, #60a5fa, transparent);
      opacity:.72;
    }

    .workspace-card:hover{
      transform:translateY(-2px);
      border-color:rgba(126,152,218,.92);
      box-shadow:0 16px 34px rgba(0,0,0,.22);
    }

    .workspace-symbol{
      font-size:17px;
      font-weight:900;
      color:#ffffff;
    }

    .workspace-main{
      font-size:20px;
      font-weight:900;
      color:#ffffff;
      line-height:1.05;
    }

    .workspace-meta{
      color:#aebfe5;
      font-size:12px;
      line-height:1.35;
    }

    .workspace-split{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }

    .workspace-split-stack{
      grid-template-columns:1fr;
    }

    .workspace-stack-section{
      display:grid;
      gap:10px;
      align-content:start;
      min-width:0;
    }

    body[data-page="trading"] .workspace-stack-section{
      gap:12px;
      padding:12px;
      border:1px solid rgba(239,68,68,.16);
      border-radius:var(--radius-md, 14px);
      background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.014));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

    .workspace-split .workspace-card-grid{
      grid-template-columns:repeat(2, minmax(0,1fr));
    }

    body[data-page="trading"] .workspace-overview-trading .workspace-card-grid{
      grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    }

    .workspace-subtitle{
      color:var(--soft);
      font-size:12px;
      font-weight:900;
      letter-spacing:.06em;
      text-transform:uppercase;
      margin-bottom:8px;
    }

    .monitoring-health-summary{
      grid-template-columns:1fr auto;
      border-color:rgba(245,158,11,.28);
    }

    .monitoring-health-summary.good{
      border-color:rgba(34,197,94,.34);
      background:linear-gradient(180deg, rgba(34,197,94,.09), rgba(255,255,255,.03));
    }

    .monitoring-health-summary.warn{
      border-color:rgba(245,158,11,.38);
      background:linear-gradient(180deg, rgba(245,158,11,.10), rgba(255,255,255,.03));
    }

    .monitoring-health-summary.bad{
      border-color:rgba(239,68,68,.42);
      background:linear-gradient(180deg, rgba(239,68,68,.11), rgba(255,255,255,.03));
    }

    .monitoring-health-summary p{
      margin:6px 0 0;
      max-width:820px;
      color:#d9e5ff;
      line-height:1.5;
      font-size:14px;
    }

    .monitoring-health-side{
      display:grid;
      justify-items:end;
      gap:8px;
      min-width:210px;
    }

    .monitoring-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:14px;
    }

    .monitoring-card{
      min-height:100%;
    }

    .monitoring-badges{
      margin:10px 0 12px;
    }

    .monitoring-list{
      display:grid;
      gap:10px;
      color:#dbe6ff;
      font-size:14px;
      line-height:1.5;
    }

    .hero-card,
    .detail-card,
    .tab-card,
    .tf-card{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      border:1px solid rgba(84,109,168,.78);
      border-radius:var(--radius, 16px);
      padding:14px;
      box-shadow:
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.05)),
        0 12px 26px rgba(2,6,23,.14);
    }

    .hero-card{
      position:relative;
      overflow:hidden;
    }

    .hero-card::before{
      content:"";
      position:absolute;
      inset:0 0 auto 0;
      height:3px;
      background:linear-gradient(90deg, #4c8dff 0%, #12c7df 52%, #59d58a 100%);
      opacity:.95;
    }

    .hero-top{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      margin-bottom:12px;
    }

    .hero-main{
      width:100%;
      min-width:0;
    }

    .hero-headline-row{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      min-width:0;
    }

    .hero-headline-row .hero-identity{
      flex:1 1 auto;
      min-width:0;
    }

    .hero-title{
      font-size:30px;
      line-height:1.02;
      margin:0 0 4px;
      color:#ffffff;
      font-weight:900;
      letter-spacing:0;
    }

    .hero-sub{
      color:var(--soft);
      font-size:13px;
    }

    .hero-price{
      flex:0 0 auto;
      min-width:max-content;
      text-align:right;
    }

    .hero-price strong{
      display:block;
      font-size:36px;
      line-height:1;
      margin-bottom:9px;
      color:#ffffff;
      font-weight:900;
      letter-spacing:0;
      white-space:nowrap;
    }

    .hero-price .price-compact{
      display:none;
    }

    .hero-ampel{
      margin-top:12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:12px 14px;
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(69,92,145,.9);
      background:rgba(255,255,255,.03);
    }

    .hero-ampel-left{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    .ampel-lights{
      display:flex;
      gap:8px;
      align-items:center;
      flex-shrink:0;
    }

    .ampel-light{
      width:12px;
      height:12px;
      border-radius:50%;
      opacity:.28;
      box-shadow:none;
    }

    .ampel-light.green{ background:var(--accent-green, #22c55e); }
    .ampel-light.yellow{ background:var(--accent-amber, #f59e0b); }
    .ampel-light.red{ background:var(--accent-red, #ef4444); }

    .hero-ampel.ampel-strong .ampel-light.green,
    .hero-ampel.ampel-neutral .ampel-light.yellow,
    .hero-ampel.ampel-risk .ampel-light.red{
      opacity:1;
      box-shadow:0 0 0 4px rgba(255,255,255,.03);
    }

    .hero-ampel.ampel-strong .ampel-light.green{ box-shadow:0 0 0 4px rgba(255,255,255,.03), 0 0 14px rgba(34,197,94,.4); }
    .hero-ampel.ampel-neutral .ampel-light.yellow{ box-shadow:0 0 0 4px rgba(255,255,255,.03), 0 0 14px rgba(245,158,11,.4); }
    .hero-ampel.ampel-risk .ampel-light.red{ box-shadow:0 0 0 4px rgba(255,255,255,.03), 0 0 14px rgba(239,68,68,.4); }

    .hero-ampel.ampel-strong{
      background:linear-gradient(180deg, rgba(34,197,94,.16) 0%, rgba(34,197,94,.06) 100%);
      border-color:rgba(34,197,94,.34);
    }

    .hero-ampel.ampel-neutral{
      background:linear-gradient(180deg, rgba(245,158,11,.16) 0%, rgba(245,158,11,.06) 100%);
      border-color:rgba(245,158,11,.34);
    }

    .hero-ampel.ampel-risk{
      background:linear-gradient(180deg, rgba(239,68,68,.16) 0%, rgba(239,68,68,.06) 100%);
      border-color:rgba(239,68,68,.34);
    }

    .hero-ampel-title{
      font-size:14px;
      font-weight:900;
      color:#ffffff;
      margin-bottom:2px;
    }

    .hero-ampel-sub{
      font-size:12px;
      color:#d7e3ff;
      line-height:1.35;
    }

    .hero-ampel-tag{
      white-space:nowrap;
      padding:7px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:900;
      border:1px solid rgba(255,255,255,.12);
      color:#ffffff;
    }

    .hero-ampel.ampel-strong .hero-ampel-tag{ background:rgba(34,197,94,.22); border-color:rgba(34,197,94,.42); }
    .hero-ampel.ampel-neutral .hero-ampel-tag{ background:rgba(245,158,11,.22); border-color:rgba(245,158,11,.42); }
    .hero-ampel.ampel-risk .hero-ampel-tag{ background:rgba(239,68,68,.22); border-color:rgba(239,68,68,.42); }

    .feargreed-card{
      margin-top:12px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(69,92,145,.82);
      background:rgba(255,255,255,.035);
      padding:12px;
      display:grid;
      gap:10px;
    }

    .feargreed-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
    }

    .feargreed-label{
      font-size:16px;
      font-weight:900;
      color:#ffffff;
    }

    .feargreed-value{
      font-size:14px;
      font-weight:900;
      color:#dbe6ff;
      white-space:nowrap;
    }

    .feargreed-track{
      position:relative;
      height:12px;
      border-radius:999px;
      overflow:hidden;
      background:var(--highlight, rgba(255,255,255,.06));
      border:1px solid rgba(69,92,145,.78);
    }

    .feargreed-track span{
      position:absolute;
      inset:0 auto 0 0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(239,68,68,.92) 0%, rgba(245,158,11,.94) 45%, rgba(34,197,94,.92) 100%);
    }

    .feargreed-note{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .mood-greed{
      box-shadow:0 0 0 1px rgba(34,197,94,.12) inset;
    }

    .mood-neutral{
      box-shadow:0 0 0 1px rgba(245,158,11,.12) inset;
    }

    .mood-fear{
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset;
    }

    .market-sentiment-card .feargreed-label .label-with-info{
      display:inline-flex;
      align-items:center;
      gap:6px;
    }

    .market-sentiment-card.sentiment-unavailable{
      border-color:rgba(148,163,184,.24);
      box-shadow:0 0 0 1px rgba(148,163,184,.10) inset;
    }

    .market-sentiment-card.sentiment-unavailable .feargreed-track span{
      background:rgba(148,163,184,.28);
    }

    .decision-strip{
      margin-top:12px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .decision-card{
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(69,92,145,.82);
      background:rgba(255,255,255,.03);
      padding:12px;
      display:grid;
      gap:4px;
    }

    .decision-title{
      font-size:15px;
      font-weight:900;
      color:#ffffff;
    }

    .decision-sub{
      font-size:12px;
      color:#dbe6ff;
      line-height:1.35;
    }

    .decision-card.active.entry{
      background:linear-gradient(180deg, rgba(34,197,94,.18) 0%, rgba(34,197,94,.07) 100%);
      border-color:rgba(34,197,94,.36);
      box-shadow:0 0 0 1px rgba(34,197,94,.15) inset;
    }

    .decision-card.active.watch{
      background:linear-gradient(180deg, rgba(245,158,11,.18) 0%, rgba(245,158,11,.07) 100%);
      border-color:rgba(245,158,11,.36);
      box-shadow:0 0 0 1px rgba(245,158,11,.15) inset;
    }

    .decision-card.active.avoid{
      background:linear-gradient(180deg, rgba(239,68,68,.18) 0%, rgba(239,68,68,.07) 100%);
      border-color:rgba(239,68,68,.36);
      box-shadow:0 0 0 1px rgba(239,68,68,.15) inset;
    }

    .decision-summary{
      margin-top:10px;
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(69,92,145,.82);
      background:rgba(9,15,30,.56);
      padding:12px;
      display:grid;
      gap:4px;
    }

    .decision-summary strong{
      color:#ffffff;
      font-size:14px;
    }

    .decision-summary span{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .ai-decision-card{
      position:relative;
      overflow:hidden;
      margin-top:12px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(69,92,145,.82);
      background:linear-gradient(180deg, rgba(11,18,36,.92) 0%, rgba(9,15,30,.78) 100%);
      padding:14px;
      display:grid;
      gap:12px;
      box-shadow:0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-card::before{
      content:"";
      position:absolute;
      left:12px;
      right:12px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(245,158,11,.9), transparent);
      opacity:.78;
    }

    .ai-decision-card.ai-entry{
      border-color:rgba(34,197,94,.34);
      box-shadow:0 0 0 1px rgba(34,197,94,.12) inset, 0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-card.ai-watch{
      border-color:rgba(245,158,11,.34);
      box-shadow:0 0 0 1px rgba(245,158,11,.12) inset, 0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-card.ai-avoid{
      border-color:rgba(239,68,68,.34);
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset, 0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-card.ai-source-external::before{
      background:linear-gradient(90deg, rgba(45,212,191,.95), rgba(34,197,94,.58), transparent);
    }

    .ai-decision-card.ai-source-rule::before{
      background:linear-gradient(90deg, rgba(14,165,233,.72), var(--line-strong, rgba(148,163,184,.22)), transparent);
    }

    .ai-decision-top{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      flex-wrap:wrap;
    }

    .ai-decision-heading{
      display:grid;
      gap:6px;
    }

    .ai-decision-title{
      font-size:18px;
      line-height:1.25;
      font-weight:900;
      color:#ffffff;
    }

    .ai-decision-sub{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
      max-width:760px;
    }

    .ai-decision-score{
      min-width:88px;
      border-radius:var(--radius-md, 14px);
      padding:10px 12px;
      text-align:center;
      border:1px solid rgba(84,109,168,.55);
      background:var(--highlight-soft, rgba(255,255,255,.04));
    }

    .ai-decision-score strong{
      display:block;
      font-size:24px;
      line-height:1;
      color:#ffffff;
      font-weight:900;
    }

    .ai-decision-score span{
      display:block;
      margin-top:4px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:#b8c9ea;
      font-weight:800;
    }

    .ai-decision-badges{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .ai-source-strip{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
      min-width:0;
      padding:9px 11px;
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(84,109,168,.46);
      background:var(--highlight-soft, rgba(255,255,255,.04));
      color:#dbe6ff;
      font-size:12px;
      line-height:1.35;
    }

    .ai-source-strip strong{
      color:#ffffff;
      font-size:12px;
      line-height:1.35;
      font-weight:900;
    }

    .ai-source-strip span:last-child{
      color:#b8c9ea;
      min-width:0;
    }

    .ai-source-mark{
      width:9px;
      height:9px;
      border-radius:50%;
      background:#8aa3c7;
      box-shadow:0 0 0 5px rgba(138,163,199,.12), 0 0 16px rgba(138,163,199,.34);
      flex:0 0 auto;
    }

    .ai-source-strip.external{
      border-color:rgba(45,212,191,.42);
      background:
        linear-gradient(90deg, rgba(20,184,166,.16), rgba(34,197,94,.08)),
        rgba(5,23,32,.76);
      box-shadow:inset 0 1px 0 var(--highlight, rgba(255,255,255,.05));
    }

    .ai-source-strip.external .ai-source-mark{
      background:#2dd4bf;
      box-shadow:0 0 0 5px rgba(45,212,191,.14), 0 0 20px rgba(45,212,191,.62);
    }

    .ai-source-strip.rule{
      border-color:rgba(14,165,233,.28);
      background:
        linear-gradient(90deg, rgba(14,165,233,.10), rgba(148,163,184,.05)),
        rgba(9,15,30,.68);
    }

    .ai-comment-bubble{
      position:relative;
      display:grid;
      grid-template-columns:auto 1fr;
      gap:10px;
      align-items:start;
      overflow:hidden;
      padding:12px 13px;
      border-radius:16px 16px 16px 6px;
      border:1px solid rgba(122,162,255,.34);
      background:
        linear-gradient(135deg, rgba(122,162,255,.16), rgba(168,85,247,.10) 52%, rgba(255,184,77,.08)),
        rgba(9,15,30,.74);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 16px 34px rgba(2,6,23,.18);
    }

    .ai-comment-bubble::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(110deg, rgba(255,255,255,.11), transparent 32%);
      opacity:.56;
    }

    .ai-comment-bubble p{
      position:relative;
      z-index:1;
      margin:0;
      color:#edf4ff;
      font-size:13px;
      line-height:1.45;
      display:-webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }

    .ai-comment-pulse{
      position:relative;
      z-index:1;
      width:10px;
      height:10px;
      margin-top:5px;
      border-radius:50%;
      background:#a78bfa;
      box-shadow:0 0 0 5px rgba(167,139,250,.13), 0 0 18px rgba(167,139,250,.55);
      flex:0 0 auto;
    }

    .ai-comment-entry .ai-comment-pulse{
      background:#86efac;
      box-shadow:0 0 0 5px rgba(134,239,172,.12), 0 0 18px rgba(134,239,172,.48);
    }

    .ai-comment-watch .ai-comment-pulse{
      background:#fcd34d;
      box-shadow:0 0 0 5px rgba(252,211,77,.12), 0 0 18px rgba(252,211,77,.46);
    }

    .ai-comment-avoid .ai-comment-pulse{
      background:#fca5a5;
      box-shadow:0 0 0 5px rgba(252,165,165,.12), 0 0 18px rgba(252,165,165,.44);
    }

    .ai-decision-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
    }

    .ai-decision-box{
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(84,109,168,.66);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:8px;
      box-shadow:inset 0 1px 0 var(--highlight-soft, rgba(255,255,255,.04));
    }

    .ai-decision-box-title{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:#b8c9ea;
      font-weight:800;
    }

    .ai-decision-list{
      margin:0;
      padding-left:18px;
      display:grid;
      gap:6px;
      color:#ffffff;
      font-size:13px;
      line-height:1.45;
    }

    .ai-decision-meta{
      display:grid;
      gap:8px;
    }

    .ai-decision-meta-row{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-start;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.45;
    }

    .ai-decision-meta-row strong{
      color:#ffffff;
      font-weight:800;
    }

    .ai-decision-meta-row.ai-trigger-zone-row{
      padding:8px 9px;
      border-radius:var(--radius-md, 12px);
      border:1px solid rgba(234,179,8,.30);
      background:rgba(234,179,8,.08);
    }

    .ai-decision-meta-row.ai-trigger-zone-row span{
      display:grid;
      gap:2px;
      justify-items:end;
      text-align:right;
    }

    .ai-decision-meta-row.ai-trigger-zone-row b{
      color:#fff5c2;
      font-weight:900;
    }

    .ai-decision-meta-row.ai-trigger-zone-row small{
      color:rgba(255,245,194,.76);
      font-size:11px;
      line-height:1.35;
    }

    @media (max-width: 760px){
      .ai-decision-grid{
        grid-template-columns:1fr;
      }

      .ai-decision-score{
        min-width:74px;
      }

      .ai-source-strip{
        align-items:flex-start;
      }

      .ai-source-strip span:last-child{
        flex-basis:100%;
      }
    }

    .hero-structure-brief{
      margin-top:12px;
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
    }

    .hero-structure-card{
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      border:1px solid rgba(84,109,168,.72);
      border-radius:var(--radius-md, 14px);
      padding:12px;
      box-shadow:inset 0 1px 0 var(--highlight-soft, rgba(255,255,255,.04));
    }

    .hero-structure-card .eyebrow{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:#b8c9ea;
      margin-bottom:6px;
      font-weight:800;
    }

    .hero-structure-card .main{
      font-size:14px;
      line-height:1.3;
      font-weight:900;
      color:#ffffff;
      margin-bottom:5px;
    }

    .hero-structure-card .sub{
      font-size:12px;
      line-height:1.35;
      color:var(--soft);
    }

    .summary{
      color:#d9e5ff;
      font-size:14px;
      line-height:1.5;
      margin:10px 0 0;
    }

    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:10px;
      margin-top:12px;
    }

    .metric{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.02));
      border:1px solid rgba(84,109,168,.72);
      border-radius:var(--radius-md, 14px);
      padding:11px 12px;
      box-shadow:
        0 0 0 1px rgba(255,255,255,.02) inset,
        0 10px 18px rgba(2,6,23,.10);
    }

    .metric::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.78), transparent);
    }

    .hero-metrics .metric:nth-child(1){
      background:linear-gradient(180deg, rgba(76,141,255,.18) 0%, rgba(76,141,255,.08) 100%);
      border-color:rgba(76,141,255,.45);
    }

    .hero-metrics .metric:nth-child(2){
      background:linear-gradient(180deg, rgba(18,199,223,.16) 0%, rgba(18,199,223,.07) 100%);
      border-color:rgba(18,199,223,.38);
    }

    .hero-metrics .metric:nth-child(3),
    .hero-metrics .metric:nth-child(4){
      background:linear-gradient(180deg, rgba(89,213,138,.14) 0%, rgba(89,213,138,.06) 100%);
      border-color:rgba(89,213,138,.34);
    }

    .metric .k{
      color:#c2d2f4;
      font-size:11px;
      margin-bottom:6px;
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .metric .v{
      font-size:18px;
      font-weight:900;
      color:#ffffff;
      letter-spacing:0;
    }

    .hero-metrics .metric:nth-child(1) .v{
      font-size:24px;
    }

    .hero-metrics .metric:nth-child(2) .v{
      font-size:21px;
    }

    .insight-card{
      margin-top:12px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(69,92,145,.82);
      border-radius:var(--radius-md, 14px);
      padding:12px;
      display:grid;
      gap:10px;
    }

    .insight-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

    .insight-title{
      font-size:13px;
      font-weight:800;
      color:#ffffff;
    }

    .insight-sub{
      font-size:12px;
      color:var(--soft);
    }

    .insight-chip-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .score-formula-grid,
    .sentiment-component-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
      gap:10px;
    }

    .score-formula-side,
    .sentiment-component-card{
      border:1px solid rgba(69,92,145,.68);
      border-radius:var(--radius-md, 12px);
      background:rgba(8,15,29,.28);
      padding:10px;
      display:grid;
      gap:6px;
    }

    .score-formula-side > strong,
    .sentiment-component-head strong{
      color:#ffffff;
      font-size:12px;
    }

    .sentiment-context-meta,
    .sentiment-context-summary,
    .sentiment-ai-note,
    .sentiment-component-card small,
    .sentiment-component-card p{
      margin:0;
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
    }

    .sentiment-context-meta{
      color:#dbeafe;
      font-weight:700;
    }

    .sentiment-ai-note{
      color:#f8c76a;
    }

    .sentiment-component-card.is-unavailable{
      background:rgba(148,163,184,.08);
    }

    .sentiment-component-head{
      display:flex;
      justify-content:space-between;
      gap:8px;
      align-items:flex-start;
    }

    .sentiment-component-head span{
      color:#a8b8d4;
      font-size:12px;
      white-space:nowrap;
    }

    .sentiment-evidence-list,
    .sentiment-warning-list{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:3px;
    }

    .sentiment-evidence-list li,
    .sentiment-warning-list li,
    .sentiment-evidence-list a{
      color:#93c5fd;
      font-size:11px;
      overflow-wrap:anywhere;
    }

    .metric-sub{
      margin-top:4px;
      font-size:11px;
      color:var(--soft);
      line-height:1.35;
    }

    .directional-battle{
      margin-top:12px;
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(84,109,168,.72);
      background:linear-gradient(180deg, var(--highlight, rgba(255,255,255,.05)), rgba(255,255,255,.022));
      padding:13px 14px;
      display:grid;
      gap:12px;
      box-shadow:0 10px 18px rgba(2,6,23,.10);
    }

    .directional-battle.is-long{
      border-color:rgba(89,213,138,.34);
      background:linear-gradient(180deg, rgba(89,213,138,.12), rgba(255,255,255,.02));
    }

    .directional-battle.is-short{
      border-color:rgba(239,68,68,.34);
      background:linear-gradient(180deg, rgba(239,68,68,.11), rgba(255,255,255,.02));
    }

    .directional-battle-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }

    .directional-battle-head strong{
      display:block;
      margin-top:2px;
      font-size:16px;
      color:#ffffff;
    }

    .directional-battle-edge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:28px;
      padding:5px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.28);
      background:rgba(8,15,29,.3);
      color:#dbe8ff;
      font-size:12px;
      font-weight:800;
      white-space:nowrap;
    }

    .directional-battle-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:12px;
    }

    .directional-side{
      display:grid;
      gap:8px;
      min-width:0;
    }

    .directional-side-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      font-size:12px;
      color:var(--soft);
    }

    .directional-side-head strong{
      color:#ffffff;
      font-size:14px;
      font-weight:900;
      white-space:nowrap;
    }

    .directional-side-bar{
      min-height:10px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(8,15,29,.55);
      border:1px solid rgba(84,109,168,.24);
    }

    .directional-side-bar span{
      display:block;
      height:100%;
      border-radius:inherit;
    }

    .directional-side-long .directional-side-bar span{
      background:linear-gradient(90deg, rgba(34,197,94,.88), rgba(96,165,250,.92));
    }

    .directional-side-short .directional-side-bar span{
      background:linear-gradient(90deg, rgba(239,68,68,.88), rgba(245,158,11,.92));
    }

    .directional-battle-foot{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
    }

    @media (max-width: 820px){
      .directional-battle-head{
        flex-direction:column;
        align-items:flex-start;
      }

      .directional-battle-grid{
        grid-template-columns:1fr;
      }
    }

    .scenario-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }

    #tab-spot_setup .scenario-grid,
    #tab-trading_setup .scenario-grid{
      grid-template-columns:1fr;
    }

    .scenario{
      padding:14px;
      border-radius:var(--radius-md, 14px);
      background:rgba(255,255,255,.035);
      border:1px solid rgba(69,92,145,.9);
    }

    .scenario h4{
      margin:0 0 8px;
      font-size:15px;
    }

    .scenario p{
      margin:0;
      color:#dbe6ff;
      line-height:1.55;
      font-size:14px;
    }

    .section-title{
      margin:0 0 10px;
      font-size:13px;
      color:var(--soft);
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .kv{
      display:grid;
      gap:8px;
    }

    .kv-line{
      display:flex;
      justify-content:space-between;
      gap:12px;
      padding:8px 10px;
      border-radius:var(--radius-sm, 10px);
      background:rgba(255,255,255,.035);
      font-size:13px;
    }

    .kv-line .k{ color:var(--soft); }
    .kv-line .v{ font-weight:700; text-align:right; }

    .highlight-box{
      border-radius:var(--radius-md, 12px);
      padding:12px;
      line-height:1.5;
      font-size:14px;
    }

    .highlight-confirmed{
      background:rgba(34,197,94,.10);
      border:1px solid rgba(34,197,94,.22);
    }

    .highlight-candidate{
      background:rgba(245,158,11,.10);
      border:1px solid rgba(245,158,11,.22);
    }

    .highlight-none{
      background:rgba(148,163,184,.08);
      border:1px solid var(--line-soft, rgba(148,163,184,.16));
    }

    .invalid{
      border-radius:var(--radius-md, 12px);
      padding:12px;
      background:rgba(34,197,94,.12);
      border:1px solid rgba(34,197,94,.22);
    }

    .invalid .big{
      font-size:22px;
      font-weight:900;
      margin-top:4px;
    }

    .subtle{
      color:var(--soft);
      font-size:13px;
      line-height:1.5;
    }

    .rule-grid{
      display:grid;
      gap:8px;
    }

    .rule{
      display:flex;
      justify-content:space-between;
      gap:12px;
      padding:8px 10px;
      border-radius:var(--radius-sm, 10px);
      background:rgba(255,255,255,.035);
      font-size:13px;
    }

    .elliott-warning-box{
      margin-top:10px;
      display:grid;
      gap:8px;
      padding:10px;
      border-radius:var(--radius-md, 12px);
      background:rgba(245,158,11,.10);
      border:1px solid rgba(245,158,11,.20);
      color:#fde68a;
      font-size:13px;
      line-height:1.45;
    }

    .ok{ color:#97efb7; font-weight:700; }
    .no{ color:#ffabab; font-weight:700; }

    .tabs{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom:14px;
      max-width:100%;
      min-width:0;
      align-items:stretch;
      justify-content:center;
    }

    .tab-btn{
      min-width:0;
      min-height:46px;
      border:1px solid rgba(88,116,183,.78);
      background:linear-gradient(180deg, rgba(23,32,58,.96), rgba(14,22,40,.96));
      color:#eef4ff;
      border-radius:13px;
      padding:12px 16px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-weight:760;
      font-size:14px;
      line-height:1.15;
      box-shadow:
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.06)),
        0 10px 22px rgba(2,6,23,.14);
      overflow-wrap:anywhere;
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
    }

    .tab-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(145,190,255,.88);
      background:linear-gradient(180deg, rgba(29,40,70,.98), rgba(18,26,47,.98));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 14px 28px rgba(2,6,23,.18);
    }

    .tab-btn::before,
    .sort-btn::before,
    .mini-btn::before,
    .tg-btn::before,
    .coin-action-btn::before{
      content:"";
      flex:0 0 18px;
      width:18px;
      height:18px;
      border-radius:0;
      clip-path:polygon(50% 4%, 91% 27%, 91% 73%, 50% 96%, 9% 73%, 9% 27%);
      background:
        radial-gradient(circle at 30% 31%, rgba(255,255,255,.92) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 70% 32%, rgba(255,255,255,.76) 0 1px, transparent 1.5px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.72) 0 1.2px, transparent 1.7px),
        linear-gradient(31deg, transparent 42%, rgba(255,255,255,.32) 43% 48%, transparent 49%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.28) 43% 48%, transparent 49%),
        linear-gradient(135deg, rgba(234,179,8,.88), rgba(96,165,250,.60));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 6px 14px rgba(37,99,235,.14);
      transition:transform .16s ease, filter .16s ease;
    }

    .tab-btn:hover::before,
    .tab-btn.active::before,
    .sort-btn:hover::before,
    .sort-btn.active::before,
    .mini-btn:hover::before,
    .tg-btn:hover::before{
      transform:rotate(10deg) scale(1.05);
      filter:drop-shadow(0 0 7px rgba(234,179,8,.28));
    }

    .tab-btn.active{
      background:linear-gradient(180deg, rgba(59,130,246,.34), rgba(30,64,175,.28));
      border-color:#9cc0ff;
      color:#ffffff;
      box-shadow:
        0 0 0 1px rgba(156,192,255,.28) inset,
        0 14px 28px rgba(37,99,235,.18);
    }

    .tab-btn[data-tab="market"]{
      border-color:rgba(76,141,255,.42);
      color:#dbe8ff;
      background:linear-gradient(180deg, rgba(76,141,255,.12), rgba(16,26,48,.96));
    }

    .tab-btn[data-tab="market"].active{
      background:linear-gradient(180deg, rgba(76,141,255,.30), rgba(29,78,216,.24));
      border-color:#9cc0ff;
      box-shadow:0 0 0 1px rgba(156,192,255,.22) inset, 0 14px 28px rgba(59,130,246,.16);
    }

    .tab-btn[data-tab="flow"]{
      border-color:rgba(125,110,255,.42);
      color:#ece4ff;
      background:linear-gradient(180deg, rgba(125,110,255,.12), rgba(17,21,47,.96));
    }

    .tab-btn[data-tab="flow"].active{
      background:linear-gradient(180deg, rgba(125,110,255,.28), rgba(76,29,149,.22));
      border-color:#beb1ff;
      box-shadow:0 0 0 1px rgba(190,177,255,.18) inset, 0 14px 28px rgba(109,40,217,.15);
    }

    .tab-btn[data-tab="elliott"]{
      border-color:rgba(245,158,11,.42);
      color:#ffe7b5;
      background:linear-gradient(180deg, rgba(245,158,11,.12), rgba(29,20,10,.96));
    }

    .tab-btn[data-tab="elliott"].active{
      background:linear-gradient(180deg, rgba(245,158,11,.28), rgba(146,64,14,.22));
      border-color:#ffd087;
      box-shadow:0 0 0 1px rgba(255,208,135,.18) inset, 0 14px 28px rgba(245,158,11,.14);
    }

    .tab-btn[data-tab="fib"]{
      border-color:rgba(99,102,241,.42);
      color:#e5e7ff;
      background:linear-gradient(180deg, rgba(99,102,241,.12), rgba(17,18,48,.96));
    }

    .tab-btn[data-tab="fib"].active{
      background:linear-gradient(180deg, rgba(99,102,241,.28), rgba(67,56,202,.22));
      border-color:#c1c4ff;
      box-shadow:0 0 0 1px rgba(193,196,255,.18) inset, 0 14px 28px rgba(79,70,229,.15);
    }

    .tab-btn[data-tab="spot_setup"]{
      border-color:rgba(34,197,94,.42);
      color:#d6f8e0;
      background:linear-gradient(180deg, rgba(34,197,94,.12), rgba(11,31,24,.96));
    }

    .tab-btn[data-tab="spot_setup"].active{
      background:linear-gradient(180deg, rgba(34,197,94,.26), rgba(21,128,61,.22));
      border-color:#89e4ac;
      box-shadow:0 0 0 1px rgba(137,228,172,.18) inset, 0 14px 28px rgba(34,197,94,.14);
    }

    .tab-btn[data-tab="trading_setup"]{
      border-color:rgba(239,68,68,.42);
      color:#ffd2d2;
      background:linear-gradient(180deg, rgba(239,68,68,.12), rgba(35,13,18,.96));
    }

    .tab-btn[data-tab="trading_setup"].active{
      background:linear-gradient(180deg, rgba(239,68,68,.26), rgba(153,27,27,.22));
      border-color:#ffb0b0;
      box-shadow:0 0 0 1px rgba(255,176,176,.18) inset, 0 14px 28px rgba(239,68,68,.14);
    }

    body[data-page="radar"] .tabs{
      justify-content:center;
      gap:12px;
      margin-bottom:16px;
      padding:10px;
      border:1px solid rgba(94,234,212,.32);
      border-radius:var(--radius, 16px);
      background:linear-gradient(135deg, rgba(20,184,166,.18), rgba(37,99,235,.14) 52%, rgba(245,158,11,.12));
      box-shadow:0 14px 32px rgba(2,6,23,.2), inset 0 1px 0 var(--highlight, rgba(255,255,255,.06));
    }

    body[data-page="radar"] .tab-btn{
      min-height:44px;
      padding:10px 14px;
      border-color:rgba(148,255,236,.36);
      background:linear-gradient(180deg, rgba(15,23,42,.88), var(--surface-strong, rgba(15,23,42,.62)));
      color:#f8fbff;
      box-shadow:0 8px 18px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.08);
      font-size:13px;
      font-weight:740;
    }

    body[data-page="radar"] .tab-btn:hover{
      border-color:rgba(148,163,184,.28);
      background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
      box-shadow:0 10px 22px rgba(2,6,23,.15), inset 0 1px 0 var(--highlight, rgba(255,255,255,.05));
    }

    body[data-page="radar"] .tab-btn.active{
      border-color:rgba(125,176,255,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.14), rgba(59,130,246,.06));
      color:#ffffff;
      box-shadow:0 0 0 1px rgba(125,176,255,.12) inset, 0 12px 24px rgba(2,6,23,.16);
    }

    body[data-page="radar"] .tab-btn[data-tab="market"],
    body[data-page="radar"] .tab-btn[data-tab="flow"],
    body[data-page="radar"] .tab-btn[data-tab="elliott"],
    body[data-page="radar"] .tab-btn[data-tab="fib"],
    body[data-page="radar"] .tab-btn[data-tab="spot_setup"],
    body[data-page="radar"] .tab-btn[data-tab="trading_setup"]{
      border-color:rgba(148,255,236,.36);
      color:#f8fbff;
      background:linear-gradient(180deg, rgba(15,23,42,.88), var(--surface-strong, rgba(15,23,42,.62)));
    }

    body[data-page="radar"] .tab-btn[data-tab="market"].active{
      border-color:rgba(96,165,250,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.15), rgba(59,130,246,.06));
    }

    body[data-page="radar"] .tab-btn[data-tab="flow"].active{
      border-color:rgba(129,140,248,.3);
      background:linear-gradient(180deg, rgba(129,140,248,.14), rgba(99,102,241,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="elliott"].active{
      border-color:rgba(245,158,11,.3);
      background:linear-gradient(180deg, rgba(245,158,11,.14), rgba(217,119,6,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="fib"].active{
      border-color:rgba(99,102,241,.3);
      background:linear-gradient(180deg, rgba(99,102,241,.14), rgba(79,70,229,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="spot_setup"].active{
      border-color:rgba(34,197,94,.3);
      background:linear-gradient(180deg, rgba(34,197,94,.14), rgba(22,163,74,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="trading_setup"].active{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.13), rgba(185,28,28,.05));
    }

    .tab-section{
      display:none;
      gap:14px;
    }

    .tab-section.active{
      display:grid;
    }

    .market-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:14px;
    }

    .timeframes{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:14px;
    }

    #tab-fib .timeframes,
    #tab-elliott .timeframes{
      grid-template-columns:1fr;
    }

    .empty{
      padding:30px 16px;
      text-align:center;
      color:var(--soft);
      background:rgba(19,29,54,.96);
      border:1px solid var(--line);
      border-radius:var(--radius-lg, 18px);
    }

    .flow-summary{
      display:grid;
      grid-template-columns:repeat(6, minmax(0,1fr));
      gap:10px;
    }

    .flow-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:14px;
    }

    .flow-card{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      border:1px solid rgba(84,109,168,.78);
      border-radius:var(--radius, 16px);
      padding:14px;
      box-shadow:
        inset 0 1px 0 var(--highlight, rgba(255,255,255,.05)),
        0 12px 24px rgba(2,6,23,.12);
    }

    .flow-copy{
      margin:0 0 12px;
      color:#dbe6ff;
      line-height:1.5;
      font-size:13px;
    }

    .heat-list{
      display:grid;
      gap:10px;
    }

    .heat-row{
      display:grid;
      grid-template-columns:170px 1fr;
      gap:12px;
      align-items:center;
      padding:10px 12px;
      border-radius:var(--radius-md, 12px);
      background:rgba(255,255,255,.03);
      border:1px solid rgba(69,92,145,.72);
    }

    .heat-price strong{
      display:block;
      color:#ffffff;
      font-size:14px;
      margin-bottom:3px;
    }

    .heat-price span{
      display:block;
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

    .heat-bar-wrap{
      display:grid;
      gap:6px;
    }

    .heat-bar{
      position:relative;
      height:12px;
      border-radius:999px;
      background:var(--highlight, rgba(255,255,255,.06));
      overflow:hidden;
      border:1px solid rgba(69,92,145,.78);
    }

    .heat-bar span{
      position:absolute;
      inset:0 auto 0 0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(18,199,223,.9) 0%, rgba(76,141,255,.92) 40%, rgba(245,158,11,.92) 75%, rgba(239,68,68,.95) 100%);
    }

    .heat-meta{
      display:flex;
      justify-content:space-between;
      gap:10px;
      color:#c7d7f7;
      font-size:12px;
    }

    .table-wrap{
      overflow:auto;
      border:1px solid rgba(69,92,145,.76);
      border-radius:var(--radius-md, 14px);
    }

    .user-edit-stack{
      display:grid;
      gap:8px;
      min-width:200px;
    }

    .user-inline-field{
      display:grid;
      gap:5px;
    }

    .user-inline-field label{
      color:rgba(207,220,255,.72);
      font-size:10px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.04em;
      line-height:1;
    }

    .user-inline-field .input{
      min-width:0;
      width:100%;
    }

    .user-inline-meta{
      color:var(--muted);
      font-size:11px;
      line-height:1.3;
    }

    .flow-table{
      width:100%;
      border-collapse:collapse;
      min-width:720px;
      background:rgba(255,255,255,.02);
    }

    .flow-table th,
    .flow-table td{
      padding:11px 12px;
      text-align:left;
      border-bottom:1px solid rgba(69,92,145,.42);
      font-size:13px;
    }

    .flow-table th{
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.05em;
      color:#bfd1f5;
      background:rgba(255,255,255,.03);
    }

    .flow-table tbody tr:hover{
      background:rgba(76,141,255,.06);
    }

    .delta-pos{ color:#86efac; }
    .delta-neg{ color:#fca5a5; }
    .delta-flat{ color:#dbe6ff; }

    .imbalance-badge{
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      font-size:11px;
      font-weight:900;
      border:1px solid transparent;
    }

    .imbalance-yes{
      color:#fff0b3;
      background:rgba(245,158,11,.18);
      border-color:rgba(245,158,11,.34);
    }

    .imbalance-no{
      color:#d9e5ff;
      background:rgba(148,163,184,.12);
      border-color:var(--line, rgba(148,163,184,.2));
    }

    .flow-alerts{
      margin-top:14px;
      display:grid;
      gap:8px;
    }

    .flow-alert{
      display:grid;
      gap:3px;
      padding:10px 12px;
      border-radius:var(--radius-md, 12px);
      border:1px solid rgba(69,92,145,.74);
      background:rgba(255,255,255,.03);
    }

    .flow-alert-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
    }

    .flow-alert strong{
      font-size:13px;
      color:#ffffff;
    }

    .flow-alert span{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }

    .alert-success{
      background:rgba(34,197,94,.1);
      border-color:rgba(34,197,94,.24);
    }

    .alert-info{
      background:rgba(76,141,255,.1);
      border-color:rgba(76,141,255,.24);
    }

    .alert-danger{
      background:rgba(239,68,68,.1);
      border-color:rgba(239,68,68,.24);
    }

    .alert-warning{
      background:rgba(245,158,11,.1);
      border-color:rgba(245,158,11,.24);
    }

    .alert-muted{
      background:rgba(148,163,184,.08);
      border-color:var(--line, rgba(148,163,184,.18));
    }

    .profile-meta{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
      margin-bottom:12px;
    }

    .profile-list{
      display:grid;
      gap:9px;
    }

    .profile-row{
      display:grid;
      grid-template-columns:140px 1fr auto;
      gap:12px;
      align-items:center;
      padding:10px 12px;
      border-radius:var(--radius-md, 12px);
      background:rgba(255,255,255,.03);
      border:1px solid rgba(69,92,145,.72);
    }

    .profile-price strong{
      display:block;
      color:#ffffff;
      font-size:14px;
      margin-bottom:3px;
    }

    .profile-price span{
      display:block;
      color:var(--soft);
      font-size:12px;
    }

    .profile-bar{
      position:relative;
      height:12px;
      border-radius:999px;
      background:var(--highlight, rgba(255,255,255,.06));
      overflow:hidden;
      border:1px solid rgba(69,92,145,.78);
    }

    .profile-bar span{
      position:absolute;
      inset:0 auto 0 0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(76,141,255,.95) 0%, rgba(18,199,223,.9) 100%);
    }

    .profile-tags{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:6px;
    }

    .profile-tag{
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      font-size:11px;
      font-weight:900;
      border:1px solid transparent;
      white-space:nowrap;
    }

    .profile-poc{
      background:rgba(245,158,11,.18);
      border-color:rgba(245,158,11,.34);
      color:#fff0b3;
    }

    .profile-vah{
      background:rgba(34,197,94,.14);
      border-color:rgba(34,197,94,.24);
      color:#bdf8ce;
    }

    .profile-val{
      background:rgba(239,68,68,.14);
      border-color:rgba(239,68,68,.24);
      color:#ffd0d0;
    }

    .profile-neutral{
      background:rgba(148,163,184,.12);
      border-color:var(--line, rgba(148,163,184,.2));
      color:#d9e5ff;
    }

    .footer-note{
      margin-top:6px;
      color:var(--soft);
      font-size:12px;
      text-align:right;
    }





    .setup-summary{
      border-radius:var(--radius, 16px);
      border:1px solid rgba(84,109,168,.6);
      padding:14px;
      display:grid;
      gap:6px;
      background:rgba(255,255,255,.035);
    }

    .setup-summary strong{
      font-size:15px;
      color:#ffffff;
    }

    .setup-summary span{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
    }


    .trade-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
      align-items:stretch;
    }

    .trade-zone-grid .trade-entry{
      grid-column:1 / -1;
    }

    .trade-field{
      min-height:100%;
    }

    .trade-field .setup-zone-price{
      font-size:18px;
      line-height:1.35;
      letter-spacing:0;
      overflow-wrap:anywhere;
    }

    .trade-entry .setup-zone-price{
      font-size:20px;
      line-height:1.3;
    }

    .trade-targets .setup-zone-price{
      font-size:15px;
      line-height:1.45;
      letter-spacing:0;
    }

    .spot-zone-grid{
      grid-template-columns:repeat(2, minmax(0,1fr));
      align-items:stretch;
    }

    .spot-zone-grid .spot-preferred{
      grid-column:1 / -1;
    }

    .spot-field{
      min-height:100%;
    }

    .spot-field .setup-zone-price{
      font-size:18px;
      line-height:1.35;
      letter-spacing:0;
      overflow-wrap:anywhere;
    }

    .spot-preferred .setup-zone-price{
      font-size:20px;
      line-height:1.3;
    }

    .chip.trade-long{
      box-shadow:0 0 0 1px rgba(34,197,94,.10) inset;
    }

    .chip.trade-short{
      background:rgba(239,68,68,.24);
      color:#ffd0d0;
      border-color:rgba(239,68,68,.46);
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset;
    }

    .setup-zone.trade-long{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone.trade-short{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .setup-zone{
      position:relative;
      overflow:hidden;
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:6px;
      box-shadow:inset 0 1px 0 var(--highlight-soft, rgba(255,255,255,.04));
    }

    .setup-zone::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.72), transparent);
    }

    .setup-zone.preferred{
      box-shadow:0 0 0 1px rgba(76,141,255,.16) inset;
      border-color:rgba(102,138,214,.78);
    }

    .setup-zone.deep{
      background:rgba(255,255,255,.025);
    }

    .setup-zone-label{
      font-size:12px;
      color:#9db3e4;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:800;
    }

    .setup-zone-price{
      font-size:24px;
      line-height:1.1;
      letter-spacing:0;
      color:#ffffff;
      font-weight:900;
    }

    .setup-zone-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }


    .status-badges{
      margin-top:12px;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .status-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, var(--highlight, rgba(255,255,255,.06)), rgba(255,255,255,.025));
      font-size:12px;
      font-weight:800;
      color:#dbe6ff;
      box-shadow:inset 0 1px 0 var(--highlight, rgba(255,255,255,.05));
    }

    .status-badge.ok{
      border-color:rgba(34,197,94,.34);
      background:rgba(34,197,94,.12);
      color:#d8fbe5;
    }

    .status-badge.missing{
      border-color:rgba(239,68,68,.30);
      background:rgba(239,68,68,.10);
      color:#ffd5d5;
    }

    .status-badge .dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:currentColor;
      opacity:.95;
      box-shadow:0 0 0 4px var(--highlight-soft, rgba(255,255,255,.04));
    }

    .setup-quality-badges{
      margin-top:8px;
    }

    .setup-quality-badges .status-badge{
      align-items:flex-start;
      border-radius:var(--radius-md, 14px);
    }

    .setup-quality-badges .status-badge small{
      display:block;
      margin-top:2px;
      color:rgba(219,230,255,.76);
      font-size:10px;
      font-weight:700;
      line-height:1.25;
      text-transform:none;
    }

    .chip.setup-active{
      background:rgba(34,197,94,.16);
      color:#c9f8d5;
      border-color:rgba(34,197,94,.34);
    }

    .chip.setup-cautious{
      background:rgba(245,158,11,.16);
      color:#ffe2a8;
      border-color:rgba(245,158,11,.34);
    }

    .chip.setup-wait{
      background:rgba(239,68,68,.14);
      color:#ffc7c7;
      border-color:rgba(239,68,68,.32);
    }

    .setup-summary.setup-active{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-cautious{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-wait{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .fib-hint{
      margin-top:12px;
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(84,109,168,.58);
      background:rgba(255,255,255,.03);
      padding:12px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.5;
    }

    .fib-visual-shell,
    .elliott-visual-shell{
      margin-top:12px;
      border-radius:var(--radius, 16px);
      border:1px solid rgba(84,109,168,.56);
      background:linear-gradient(180deg, rgba(8,13,24,.96) 0%, rgba(10,16,29,.88) 100%);
      padding:14px;
      overflow:hidden;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

    .fib-visual-head,
    .elliott-visual-top{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:flex-start;
      flex-wrap:wrap;
      margin-bottom:12px;
    }

    .fib-visual-head strong,
    .elliott-visual-title{
      display:block;
      color:#f8fbff;
      font-size:24px;
      line-height:1.12;
      font-weight:740;
      margin-top:2px;
    }

    .fib-visual-head span,
    .elliott-visual-sub{
      display:block;
      margin-top:5px;
      color:#a6b8d0;
      font-size:12px;
      line-height:1.45;
    }

    .fib-visual-meta,
    .elliott-visual-confidence{
      display:grid;
      justify-items:end;
      gap:4px;
      text-align:right;
    }

    .fib-visual-meta span,
    .elliott-visual-confidence span{
      margin:0;
      color:#7f94af;
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.12em;
      font-weight:700;
    }

    .fib-visual-meta strong,
    .elliott-visual-confidence strong{
      color:#26e0b8;
      font-size:18px;
      line-height:1;
      font-weight:780;
    }

    .fib-focus-row,
    .elliott-focus-row{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
      margin-bottom:12px;
    }

    .fib-focus-card,
    .elliott-focus-card{
      min-width:0;
      display:grid;
      gap:5px;
      padding:10px 12px;
      border-radius:var(--radius-md, 12px);
      border:1px solid rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    .fib-focus-card span,
    .elliott-focus-card span{
      color:#7f94af;
      font-size:10px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.1em;
      font-weight:700;
    }

    .fib-focus-card strong,
    .elliott-focus-card strong{
      color:#f5f8fd;
      font-size:15px;
      line-height:1.2;
      font-weight:730;
      overflow-wrap:anywhere;
    }

    .fib-focus-card small,
    .elliott-focus-card small{
      color:#96a9c3;
      font-size:11px;
      line-height:1.4;
    }

    .fib-focus-card.is-active{
      border-color:rgba(125,211,252,.24);
      background:rgba(56,189,248,.06);
    }

    .fib-focus-card.is-target{
      border-color:rgba(245,184,74,.24);
      background:rgba(245,184,74,.06);
    }

    .fib-focus-card.is-golden{
      border-color:rgba(245,184,74,.3);
      background:linear-gradient(180deg, rgba(245,184,74,.08), rgba(255,255,255,.02));
    }

    .fib-visual-svg,
    .elliott-visual-svg{
      width:100%;
      height:auto;
      display:block;
      overflow:visible;
    }

    .fib-svg-grid-row line,
    .elliott-grid-row line{
      stroke:rgba(148,163,184,.11);
      stroke-width:1;
    }

    .fib-svg-grid-row text,
    .elliott-grid-row text{
      fill:#65748b;
      font-size:11px;
      font-weight:600;
    }

    .fib-svg-section-label{
      fill:#7f94af;
      font-size:11px;
      font-weight:700;
      letter-spacing:.12em;
    }

    .fib-svg-anchor{
      stroke:rgba(125,211,252,.22);
      stroke-width:1.5;
      stroke-dasharray:4 4;
    }

    .fib-svg-anchor-point{
      fill:#101826;
      stroke:#7dd3fc;
      stroke-width:2;
    }

    .fib-svg-anchor-point.is-end{
      stroke:#26e0b8;
    }

    .fib-svg-anchor-label{
      fill:#9fb2c9;
      font-size:11px;
      font-weight:640;
    }

    .fib-svg-current{
      stroke:url(#fibCurrentLine);
      stroke-width:2.5;
    }

    .fib-svg-current-pill{
      fill:rgba(56,189,248,.16);
      stroke:rgba(56,189,248,.28);
    }

    .fib-svg-current-text{
      fill:#bfe9ff;
      font-size:11px;
      font-weight:720;
    }

    .fib-svg-level line{
      stroke-width:1.8;
    }

    .fib-svg-level.is-retracement line{
      stroke:rgba(125,211,252,.58);
    }

    .fib-svg-level.is-extension line{
      stroke:rgba(250,204,21,.52);
      stroke-dasharray:5 4;
    }

    .fib-svg-level.is-golden line{
      stroke:#f5b84a;
      stroke-width:2.6;
      filter:drop-shadow(0 0 4px rgba(245,184,74,.18));
    }

    .fib-svg-level.is-active-level line{
      stroke:#6fd8ff;
      stroke-width:2.4;
    }

    .fib-svg-level.is-next-target line{
      stroke:#ffd36e;
      stroke-width:2.4;
      stroke-dasharray:6 4;
    }

    .fib-svg-ratio{
      fill:#d8e6f7;
      font-size:11px;
      font-weight:720;
    }

    .fib-svg-golden{
      fill:#f5c46a;
      font-size:10px;
      font-weight:700;
      letter-spacing:.06em;
      text-transform:uppercase;
    }

    .fib-svg-flag{
      fill:#93dfff;
      font-size:10px;
      font-weight:760;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .fib-svg-flag.is-target{
      fill:#ffd36e;
    }

    .fib-svg-price{
      fill:#f7fbff;
      font-size:11px;
      font-weight:720;
    }

    .fib-svg-distance{
      fill:#91a6c2;
      font-size:10px;
      font-weight:640;
    }

    .fib-visual-svg-table{
      margin-top:8px;
    }

    .fib-svg-table-kicker{
      fill:#7f94af;
      font-size:11px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .fib-svg-table-headline{
      fill:#eef4ff;
      font-size:16px;
      font-weight:760;
    }

    .fib-svg-current-dot{
      fill:#f5a329;
      filter:drop-shadow(0 0 6px rgba(245,163,41,.35));
    }

    .fib-svg-current-readout{
      fill:#f5a329;
      font-size:13px;
      font-weight:780;
    }

    .fib-svg-table-divider{
      stroke:var(--line-soft, rgba(148,163,184,.16));
      stroke-width:1;
    }

    .fib-svg-table-col{
      fill:#6f7f99;
      font-size:10px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .fib-svg-table-separator{
      stroke:rgba(148,163,184,.12);
      stroke-width:1;
    }

    .fib-svg-table-highlight{
      fill:rgba(255,255,255,.022);
    }

    .fib-svg-table-highlight.is-current{
      fill:rgba(245,163,41,.11);
      stroke:rgba(245,163,41,.7);
      stroke-width:1.5;
    }

    .fib-svg-table-highlight.is-golden{
      fill:rgba(245,184,74,.08);
    }

    .fib-svg-table-marker.is-retracement{
      fill:#6ea4ff;
    }

    .fib-svg-table-marker.is-extension{
      fill:#ff4f7d;
    }

    .fib-svg-table-marker.is-golden{
      fill:#f5a329;
    }

    .fib-svg-table-now-dot{
      fill:#f5a329;
      opacity:.95;
    }

    .fib-svg-table-ratio,
    .fib-svg-table-price,
    .fib-svg-table-distance,
    .fib-svg-table-zone{
      dominant-baseline:middle;
    }

    .fib-svg-table-ratio{
      fill:var(--text-subtle, #94a3b8);
      font-size:12px;
      font-weight:700;
    }

    .fib-svg-table-ratio.is-golden,
    .fib-svg-table-ratio.is-current{
      fill:#f5a329;
    }

    .fib-svg-table-price{
      fill:#f5f8fd;
      font-size:14px;
      font-weight:780;
    }

    .fib-svg-table-price.is-golden,
    .fib-svg-table-price.is-current{
      fill:#f5a329;
    }

    .fib-svg-table-distance{
      font-size:12px;
      font-weight:740;
    }

    .fib-svg-table-distance.is-positive{
      fill:#26e0b8;
    }

    .fib-svg-table-distance.is-negative{
      fill:#ff5f88;
    }

    .fib-svg-table-distance.is-neutral{
      fill:#f5a329;
    }

    .fib-svg-table-zone{
      fill:#88a2c7;
      font-size:12px;
      font-weight:760;
      letter-spacing:.08em;
    }

    .fib-svg-table-zone.is-golden,
    .fib-svg-table-zone.is-current{
      fill:#f5a329;
    }

    .fib-svg-table-legend{
      fill:#70809a;
      font-size:11px;
      font-weight:650;
    }

    .fib-svg-table-legend.is-golden{
      fill:#f5c46a;
    }

    .fib-svg-table-legend.is-target{
      fill:#8fa2bf;
    }

    .elliott-visual-title span{
      color:#f5b84a;
    }

    .elliott-visual-title em{
      display:inline-flex;
      align-items:center;
      margin-left:10px;
      padding:6px 12px;
      border-radius:999px;
      background:rgba(38,224,184,.12);
      color:#26e0b8;
      font-style:normal;
      font-size:12px;
      font-weight:780;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .elliott-visual-shell.is-candidate .elliott-visual-title em{
      background:rgba(245,184,74,.12);
      color:#f5c46a;
    }

    .elliott-focus-card{
      background:rgba(255,255,255,.018);
    }

    .elliott-area{
      fill:url(#elliottFill);
    }

    .elliott-line{
      fill:none;
      stroke:#f5a329;
      stroke-width:4;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .elliott-line-projected{
      fill:none;
      stroke:rgba(245,163,41,.72);
      stroke-width:3;
      stroke-linecap:round;
      stroke-linejoin:round;
      stroke-dasharray:8 6;
    }

    .elliott-target-zone{
      fill:rgba(245,163,41,.08);
      stroke:rgba(245,163,41,.34);
      stroke-width:1.5;
      stroke-dasharray:6 5;
    }

    .elliott-target-label{
      fill:#f5b84a;
      font-size:11px;
      font-weight:760;
      letter-spacing:.08em;
    }

    .elliott-target-band{
      fill:#a9b7c9;
      font-size:10px;
      font-weight:700;
      letter-spacing:.06em;
    }

    .elliott-point{
      fill:#0f1724;
      stroke:#f5a329;
      stroke-width:3;
    }

    .elliott-point.projected{
      stroke:rgba(245,163,41,.82);
      stroke-dasharray:4 3;
    }

    .elliott-point-wave{
      fill:#f5b84a;
      font-size:11px;
      font-weight:760;
    }

    .elliott-point-price{
      fill:#f4f7fd;
      font-size:11px;
      font-weight:700;
    }

    .elliott-visual-footer{
      margin-top:12px;
      padding-top:12px;
      border-top:1px solid rgba(148,163,184,.12);
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:12px;
    }

    .elliott-visual-footer span{
      display:block;
      color:#7f94af;
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:700;
      margin-bottom:6px;
    }

    .elliott-visual-footer strong{
      color:#f8fbff;
      font-size:15px;
      line-height:1.25;
      font-weight:740;
    }

    .elliott-visual-footer div:last-child strong{
      color:#ff6587;
    }

    .fib-level-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
    }

    .fib-level-card{
      border-radius:var(--radius-md, 14px);
      border:1px solid rgba(84,109,168,.64);
      background:rgba(255,255,255,.035);
      padding:12px;
      display:grid;
      gap:8px;
    }

    .fib-level-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
      color:#ffffff;
      font-size:13px;
      font-weight:800;
    }

    .fib-level-top strong{
      font-size:14px;
      letter-spacing:0;
      color:#ffffff;
    }

    .fib-level-card.fib-up .fib-level-top span{
      color:#d9ffe4;
    }

    .fib-level-card.fib-down .fib-level-top span{
      color:#ffe1e1;
    }


    .fib-level-card.fib-up{
      border-color:rgba(34,197,94,.34);
      background:linear-gradient(180deg, rgba(34,197,94,.09) 0%, rgba(255,255,255,.03) 100%);
      box-shadow:0 0 0 1px rgba(34,197,94,.08) inset;
    }

    .fib-level-card.fib-down{
      border-color:rgba(239,68,68,.30);
      background:linear-gradient(180deg, rgba(239,68,68,.09) 0%, rgba(255,255,255,.03) 100%);
      box-shadow:0 0 0 1px rgba(239,68,68,.08) inset;
    }

    .fib-level-card.fib-up .fib-level-top strong{
      color:#c7f7d5;
    }

    .fib-level-card.fib-down .fib-level-top strong{
      color:#ffd1d1;
    }

    .fib-level-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }

    .fib-level-status{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:8px;
      border-radius:var(--radius-sm, 8px);
      padding:7px 9px;
      font-size:11px;
      line-height:1.2;
      font-weight:800;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
      color:#edf4ff;
    }

    .fib-level-status strong{
      color:inherit;
      font-size:11px;
      white-space:nowrap;
    }

    .fib-status-open{
      color:#c7f7d5;
      border-color:rgba(34,197,94,.24);
      background:rgba(34,197,94,.10);
    }

    .fib-status-near{
      color:#fff3bf;
      border-color:rgba(245,158,11,.30);
      background:rgba(245,158,11,.12);
    }

    .fib-status-done{
      color:#dbe6ff;
      border-color:rgba(84,109,168,.32);
      background:rgba(84,109,168,.13);
    }

    .fib-status-neutral{
      color:#b7c5dd;
    }

    /* ----- Visual polish overrides ----- */

    body{
      background:
        radial-gradient(circle at top center, rgba(76,141,255,.16) 0%, rgba(4,9,20,0) 34%),
        radial-gradient(circle at bottom right, rgba(18,199,223,.08) 0%, rgba(4,9,20,0) 28%),
        linear-gradient(180deg, #050a14 0%, #091120 42%, #070d19 100%);
    }

    .app-shell{
      max-width:1540px;
      gap:18px;
    }

    .panel,
    .hero,
    .detail-card,
    .flow-card,
    .helper-box,
    .coin-card,
    .summary-card,
    .decision-summary,
    .feargreed-card{
      backdrop-filter:blur(12px);
      box-shadow:0 16px 42px rgba(0,0,0,.20);
    }

    .panel,
    .hero,
    .detail-card,
    .flow-card,
    .helper-box{
      border-color:rgba(88,114,176,.82);
    }

    .watchlist-header{
      margin-bottom:16px;
    }

    .watchlist-header h2,
    .hero-title{
      letter-spacing:0;
    }

    .watchlist-toolbar{
      gap:8px;
    }

    .sort-btn{
      border-color:rgba(108,132,188,.72);
      background:var(--polish-highlight-soft, rgba(255,255,255,.04));
    }

    .sort-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(129,153,212,.86);
      background:rgba(255,255,255,.07);
    }

    .coin-card{
      background:
        linear-gradient(180deg, rgba(30,44,80,.82), rgba(10,18,35,.96));
      border-color:rgba(84,109,168,.78);
      transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .coin-card:hover{
      transform:translateY(-2px);
      border-color:rgba(126,152,218,.92);
      box-shadow:0 20px 46px rgba(0,0,0,.24);
    }

    .coin-card.active{
      box-shadow:0 0 0 1px rgba(109,146,255,.18) inset, 0 20px 48px rgba(10,16,30,.34);
    }

    .coin-top{
      margin-bottom:14px;
    }

    .coin-name{
      color:#cfdcff;
      font-size:12px;
    }

    .price{
      font-size:26px;
      letter-spacing:0;
    }

    .hero{
      background:
        radial-gradient(circle at top right, rgba(76,141,255,.18) 0%, rgba(11,19,35,0) 30%),
        linear-gradient(180deg, rgba(16,24,45,.98) 0%, rgba(9,16,31,.99) 100%);
    }

    .hero-title{
      font-size:34px;
      line-height:1.05;
    }

    .hero-subtitle{
      color:#d2e2ff;
      font-size:15px;
      line-height:1.55;
      max-width:880px;
    }

    .hero-badges{
      gap:10px;
    }

    .hero-badge{
      background:var(--polish-highlight, rgba(255,255,255,.06));
      border-color:rgba(108,132,188,.68);
      padding:8px 12px;
    }

    .hero-ampel,
    .decision-summary,
    .feargreed-card{
      background:var(--polish-highlight-soft, rgba(255,255,255,.04));
    }

    .metric,
    .summary-card,
    .detail-card,
    .flow-card,
    .helper-box{
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      box-shadow:
        inset 0 1px 0 var(--polish-highlight-soft, rgba(255,255,255,.04)),
        0 10px 20px rgba(2,6,23,.10);
    }

    .metric{
      border-radius:var(--polish-radius-lg, 16px);
      border-color:rgba(98,123,186,.72);
    }

    .metric .k{
      font-size:11px;
      letter-spacing:.08em;
      color:#9db3e4;
    }

    .metric .v{
      font-size:24px;
      letter-spacing:0;
    }

    .tabs{
      gap:10px;
      padding:6px;
      background:rgba(255,255,255,.03);
      border-color:rgba(88,114,176,.74);
    }

    .tab-btn{
      min-height:44px;
      padding:10px 14px;
      font-size:13px;
      letter-spacing:.01em;
    }

    .tab-btn:not(.active):hover{
      background:var(--polish-highlight, rgba(255,255,255,.05));
    }

    .section-title{
      font-size:16px;
      letter-spacing:0;
    }

    .priority-row{
      margin-top:14px;
      padding:12px;
      border-top:none;
      border-radius:var(--polish-radius-lg, 14px);
      background:rgba(255,255,255,.03);
      border:1px solid rgba(84,109,168,.54);
    }

    .priority-copy strong,
    .flow-alert strong,
    .decision-title{
      letter-spacing:0;
    }

    .flow-alert,
    .heat-row,
    .profile-row{
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
      box-shadow:inset 0 1px 0 var(--polish-highlight-soft, rgba(255,255,255,.04));
    }

    .footer-note{
      color:#91a6d4;
    }

    @media (max-width: 1180px){
      .layout{ display:block; }
      .hero{ grid-template-columns:1fr; }
      .system-health-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .monitoring-grid{ grid-template-columns:1fr; }
      .workspace-card-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .workspace-split,
      .monitoring-health-summary{ grid-template-columns:1fr; }
      .monitoring-health-side{ justify-items:start; }
      .timeframes,
      .market-grid,
      .helper-points,
      .flow-grid,
      .flow-summary{ grid-template-columns:1fr; }
      .statusbar{ margin-bottom:12px; }
    }

    @media (max-width: 760px){
      .wrap{
        width:min(100%, calc(100% - 14px));
        padding:10px 0 18px;
      }
      .topbar{ grid-template-columns:1fr; gap:12px; }
      .titlebox h1{ font-size:24px; }
      .titlebox p{ font-size:15px; }
      .app-nav{
        display:grid;
        grid-template-columns:1fr 1fr;
      }
      .app-nav a{
        width:100%;
      }
      .app-nav a:last-child:nth-child(odd){
        grid-column:1 / -1;
      }
      body[data-page="radar"] .tabs{
        gap:8px;
        padding:8px;
        margin-bottom:14px;
      }
      body[data-page="radar"] .tab-btn{
        flex:1 1 calc(50% - 8px);
        min-height:42px;
        padding:9px 10px;
        font-size:12px;
      }
      .page-lead,
      .monitoring-overview{
        padding:13px;
      }
      .page-lead-side,
      .monitoring-state{
        justify-items:start;
        min-width:0;
        width:100%;
      }
      .workspace-card-grid{ grid-template-columns:1fr; }
      .workspace-card{ min-height:112px; }
      .actions{
        justify-content:flex-start;
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
      }

      .heat-row,
      .profile-row{
        grid-template-columns:1fr;
      }

      .profile-meta{
        grid-template-columns:1fr;
      }

      .profile-tags{
        justify-content:flex-start;
      }

      .flow-table{
        min-width:640px;
      }
      .actions .input{
        grid-column:1 / -1;
        min-width:0;
        width:100%;
        font-size:16px;
        padding:13px 14px;
      }
      .actions .btn{
        width:100%;
        min-height:46px;
      }
      .sidebar,
      .main{ padding:12px; }
      .panel-meta{
        width:100%;
        justify-content:space-between;
      }
      .sidebar-toggle{ display:inline-flex; }
      .watchlist-toolbar{
        align-items:flex-start;
        flex-direction:column;
      }
      .sort-group{ width:100%; }
      .sort-btn{ flex:1 1 auto; text-align:center; }
      .hero-metrics,
      .decision-strip,
      .hero-structure-brief,
  

    .setup-summary{
      border-radius:var(--polish-radius-lg, 16px);
      border:1px solid rgba(84,109,168,.6);
      padding:14px;
      display:grid;
      gap:6px;
      background:rgba(255,255,255,.035);
    }

    .setup-summary strong{
      font-size:15px;
      color:#ffffff;
    }

    .setup-summary span{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
    }


    .trade-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .chip.trade-long{
      box-shadow:0 0 0 1px rgba(34,197,94,.10) inset;
    }

    .chip.trade-short{
      box-shadow:0 0 0 1px rgba(239,68,68,.10) inset;
    }

    .setup-zone.trade-long{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone.trade-short{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .setup-zone{
      position:relative;
      overflow:hidden;
      border-radius:var(--polish-radius-lg, 14px);
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:6px;
      box-shadow:inset 0 1px 0 var(--polish-highlight-soft, rgba(255,255,255,.04));
    }

    .setup-zone::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.72), transparent);
    }

    .setup-zone.preferred{
      box-shadow:0 0 0 1px rgba(76,141,255,.16) inset;
      border-color:rgba(102,138,214,.78);
    }

    .setup-zone.deep{
      background:rgba(255,255,255,.025);
    }

    .setup-zone-label{
      font-size:12px;
      color:#9db3e4;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:800;
    }

    .setup-zone-price{
      font-size:24px;
      line-height:1.1;
      letter-spacing:0;
      color:#ffffff;
      font-weight:900;
    }

    .setup-zone-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }


    .status-badges{
      margin-top:12px;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .status-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, var(--polish-highlight, rgba(255,255,255,.06)), rgba(255,255,255,.025));
      font-size:12px;
      font-weight:800;
      color:#dbe6ff;
      box-shadow:inset 0 1px 0 var(--polish-highlight, rgba(255,255,255,.05));
    }

    .status-badge.ok{
      border-color:rgba(34,197,94,.34);
      background:rgba(34,197,94,.12);
      color:#d8fbe5;
    }

    .status-badge.missing{
      border-color:rgba(239,68,68,.30);
      background:rgba(239,68,68,.10);
      color:#ffd5d5;
    }

    .status-badge .dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:currentColor;
      opacity:.95;
      box-shadow:0 0 0 4px var(--polish-highlight-soft, rgba(255,255,255,.04));
    }

    .chip.setup-active{
      background:rgba(34,197,94,.16);
      color:#c9f8d5;
      border-color:rgba(34,197,94,.34);
    }

    .chip.setup-cautious{
      background:rgba(245,158,11,.16);
      color:#ffe2a8;
      border-color:rgba(245,158,11,.34);
    }

    .chip.setup-wait{
      background:rgba(239,68,68,.14);
      color:#ffc7c7;
      border-color:rgba(239,68,68,.32);
    }

    .setup-summary.setup-active{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-cautious{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-wait{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .fib-hint{
      margin-top:12px;
      border-radius:var(--polish-radius-lg, 14px);
      border:1px solid rgba(84,109,168,.58);
      background:rgba(255,255,255,.03);
      padding:12px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.5;
    }

    .fib-level-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .scenario-grid{ grid-template-columns:1fr; }
      .statusbar-track{ gap:7px; }
      .stat{ flex:1 1 calc(50% - 7px); }
      .statusbar-track .stat:first-child{ flex-basis:100%; }
      .asset-logo.hero-logo{
        width:46px;
        height:46px;
      }
      .coin-top,
      .hero-top{ flex-direction:column; }
      .hero-headline-row{
        flex-wrap:nowrap;
        gap:8px;
      }
      .hero-headline-row .hero-price{
        margin-left:auto;
        text-align:right;
      }
      .coin-right{ text-align:left; }
      .coin-left strong{ font-size:20px; }
      .hero-title{ font-size:24px; }
      .hero-price strong{
        font-size:23px;
        line-height:1.05;
      }
      .hero-price .price-full{ display:none; }
      .hero-price .price-compact{ display:inline; }
      .summary,
      .scenario p,
      .subtle{ font-size:14px; }
      .metric .v{ font-size:18px; }
      .kv-line,
      .rule,
      .tab-btn{ font-size:14px; }
      .kv-line,
      .rule{ padding:10px 12px; }
      .tabs{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:8px;
        overflow:visible;
        padding-bottom:0;
      }
      .tabs::-webkit-scrollbar{ display:none; }
      .tab-btn{
        width:100%;
        white-space:normal;
        padding:10px 8px;
        text-align:center;
      }
      .footer-note{ font-size:12px; line-height:1.5; }
    }

    @media (max-width: 420px){
      .hero-metrics,
      .decision-strip,
      .hero-structure-brief,
  

    .setup-summary{
      border-radius:var(--polish-radius-lg, 16px);
      border:1px solid rgba(84,109,168,.6);
      padding:14px;
      display:grid;
      gap:6px;
      background:rgba(255,255,255,.035);
    }

    .setup-summary strong{
      font-size:15px;
      color:#ffffff;
    }

    .setup-summary span{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
    }


    .trade-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .chip.trade-long{
      box-shadow:0 0 0 1px rgba(34,197,94,.10) inset;
    }

    .chip.trade-short{
      box-shadow:0 0 0 1px rgba(239,68,68,.10) inset;
    }

    .setup-zone.trade-long{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone.trade-short{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .setup-zone{
      position:relative;
      overflow:hidden;
      border-radius:var(--polish-radius-lg, 14px);
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:6px;
      box-shadow:inset 0 1px 0 var(--polish-highlight-soft, rgba(255,255,255,.04));
    }

    .setup-zone::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.72), transparent);
    }

    .setup-zone.preferred{
      box-shadow:0 0 0 1px rgba(76,141,255,.16) inset;
      border-color:rgba(102,138,214,.78);
    }

    .setup-zone.deep{
      background:rgba(255,255,255,.025);
    }

    .setup-zone-label{
      font-size:12px;
      color:#9db3e4;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:800;
    }

    .setup-zone-price{
      font-size:24px;
      line-height:1.1;
      letter-spacing:0;
      color:#ffffff;
      font-weight:900;
    }

    .setup-zone-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }


    .status-badges{
      margin-top:12px;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .status-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, var(--polish-highlight, rgba(255,255,255,.06)), rgba(255,255,255,.025));
      font-size:12px;
      font-weight:800;
      color:#dbe6ff;
      box-shadow:inset 0 1px 0 var(--polish-highlight, rgba(255,255,255,.05));
    }

    .status-badge.ok{
      border-color:rgba(34,197,94,.34);
      background:rgba(34,197,94,.12);
      color:#d8fbe5;
    }

    .status-badge.missing{
      border-color:rgba(239,68,68,.30);
      background:rgba(239,68,68,.10);
      color:#ffd5d5;
    }

    .status-badge .dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:currentColor;
      opacity:.95;
      box-shadow:0 0 0 4px var(--polish-highlight-soft, rgba(255,255,255,.04));
    }

    .chip.setup-active{
      background:rgba(34,197,94,.16);
      color:#c9f8d5;
      border-color:rgba(34,197,94,.34);
    }

    .chip.setup-cautious{
      background:rgba(245,158,11,.16);
      color:#ffe2a8;
      border-color:rgba(245,158,11,.34);
    }

    .chip.setup-wait{
      background:rgba(239,68,68,.14);
      color:#ffc7c7;
      border-color:rgba(239,68,68,.32);
    }

    .setup-summary.setup-active{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-cautious{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-wait{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .fib-hint{
      margin-top:12px;
      border-radius:var(--polish-radius-lg, 14px);
      border:1px solid rgba(84,109,168,.58);
      background:rgba(255,255,255,.03);
      padding:12px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.5;
    }

    .fib-level-grid{ grid-template-columns:1fr; }
      .actions{ grid-template-columns:1fr; }
      .actions .input{ grid-column:auto; }
      .hero-title{ font-size:22px; }
      .hero-price strong{ font-size:21px; }
    }
  
    .label-with-info{
      display:inline-flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }

    .info-wrap{
      position:relative;
      display:inline-flex;
      align-items:center;
      vertical-align:middle;
      z-index:12;
    }

    .info-toggle{
      width:18px;
      height:18px;
      border:none;
      border-radius:999px;
      padding:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      font-size:11px;
      font-weight:900;
      line-height:1;
      color:#dbeafe;
      background:rgba(76,141,255,.18);
      box-shadow:0 0 0 1px rgba(76,141,255,.28) inset;
      transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .info-toggle:hover,
    .info-toggle:focus-visible{
      outline:none;
      transform:translateY(-1px);
      background:rgba(76,141,255,.28);
      box-shadow:0 0 0 1px rgba(125,211,252,.45) inset, 0 0 0 4px rgba(56,189,248,.08);
    }

    .info-wrap.open .info-toggle{
      background:linear-gradient(180deg, rgba(59,130,246,.45), rgba(34,211,238,.28));
      box-shadow:0 0 0 1px rgba(125,211,252,.55) inset, 0 0 14px rgba(59,130,246,.16);
      color:#ffffff;
    }

    .info-backdrop{
      position:fixed;
      inset:0;
      background:rgba(5,10,20,.62);
      backdrop-filter:blur(5px);
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease;
      z-index:2990;
    }

    .info-backdrop.show{
      opacity:1;
      pointer-events:auto;
    }

    .info-modal{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      z-index:3100;
    }

    .info-modal.show{
      display:flex;
    }

    .info-modal-card{
      width:min(620px, calc(100vw - 32px));
      max-height:min(76vh, 680px);
      overflow:auto;
      border-radius:20px;
      border:1px solid rgba(96,165,250,.28);
      background:
        radial-gradient(circle at top left, rgba(59,130,246,.22), transparent 42%),
        radial-gradient(circle at bottom right, rgba(34,211,238,.14), transparent 38%),
        linear-gradient(180deg, rgba(20,34,63,.985), rgba(10,18,34,.985));
      box-shadow:
        0 22px 60px rgba(0,0,0,.46),
        0 0 0 1px rgba(34,211,238,.06) inset,
        0 0 18px rgba(59,130,246,.10);
      color:#e6f0ff;
      padding:18px 18px 16px;
      text-align:left;
      backdrop-filter:blur(14px);
    }

    .info-modal-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }

    .info-modal-head h4{
      margin:0;
      color:#ffffff;
      font-size:16px;
      line-height:1.35;
      letter-spacing:.15px;
    }

    .info-modal-close{
      border:1px solid var(--polish-line-strong, rgba(148,163,184,.22));
      background:rgba(15,23,42,.92);
      color:#eaf2ff;
      border-radius:var(--polish-radius-md, 10px);
      min-width:36px;
      height:36px;
      cursor:pointer;
      font-size:18px;
      line-height:1;
    }

    .info-modal-body{
      color:#dbeafe;
      font-size:14px;
      line-height:1.65;
      white-space:pre-wrap;
    }

    .info-popover{
      position:absolute;
      top:calc(100% + 10px);
      right:0;
      z-index:40;
      display:none;
      width:min(320px, calc(100vw - 36px));
      padding:12px 14px;
      border-radius:var(--polish-radius-lg, 14px);
      border:1px solid rgba(96,165,250,.28);
      background:
        radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 36%),
        linear-gradient(180deg, rgba(16,26,48,.98), rgba(8,15,29,.98));
      box-shadow:
        0 16px 38px rgba(2,6,23,.42),
        0 0 0 1px rgba(255,255,255,.03) inset;
      color:#dbeafe;
      text-align:left;
      backdrop-filter:blur(10px);
    }

    .info-wrap.open .info-popover,
    .info-wrap:focus-within .info-popover,
    .info-wrap:hover .info-popover{
      display:none;
    }

    .info-popover strong{
      display:block;
      margin-bottom:6px;
      color:#ffffff;
      font-size:13px;
      line-height:1.3;
    }

    .info-popover span{
      display:block;
      color:#cfe1ff;
      font-size:12px;
      line-height:1.55;
      white-space:normal;
    }

    @media (max-width: 760px){
      .label-with-info{
        gap:6px;
      }

      .info-modal-card{
        width:min(360px, calc(100vw - 20px));
        max-height:min(72vh, 520px);
      }

      .info-popover{
        right:auto;
        left:0;
        width:min(280px, calc(100vw - 48px));
      }
    }


    /* ----- Spot and trading workspace polish ----- */

    body[data-page="spot"],
    body[data-page="investment"]{
      --workspace-accent:var(--workspace-green, #22c55e);
      --workspace-accent-rgb:34,197,94;
      --workspace-accent-2:var(--workspace-teal, #14b8a6);
      --workspace-accent-2-rgb:20,184,166;
      --workspace-warm:var(--workspace-amber, #f59e0b);
      --workspace-warm-rgb:245,158,11;
    }

    body[data-page="radar"]{
      --workspace-accent:#3b82f6;
      --workspace-accent-rgb:59,130,246;
      --workspace-accent-2:#22d3ee;
      --workspace-accent-2-rgb:34,211,238;
      --workspace-warm:#8b5cf6;
      --workspace-warm-rgb:139,92,246;
    }

    body[data-page="trading"]{
      --workspace-accent:#f97316;
      --workspace-accent-rgb:249,115,22;
      --workspace-accent-2:#60a5fa;
      --workspace-accent-2-rgb:96,165,250;
      --workspace-warm:var(--workspace-red, #ef4444);
      --workspace-warm-rgb:239,68,68;
    }

    body[data-page="monitoring"],
    body[data-page="users"]{
      --workspace-accent:#60a5fa;
      --workspace-accent-rgb:96,165,250;
      --workspace-accent-2:#22d3ee;
      --workspace-accent-2-rgb:34,211,238;
      --workspace-warm:#8b5cf6;
      --workspace-warm-rgb:139,92,246;
    }

    body[data-page="radar"] .topbar,
    body[data-page="spot"] .topbar,
    body[data-page="investment"] .topbar,
    body[data-page="trading"] .topbar,
    body[data-page="monitoring"] .topbar,
    body[data-page="users"] .topbar{
      border-color:rgba(var(--workspace-accent-rgb), .34);
      background:
        radial-gradient(circle at 88% 18%, rgba(var(--workspace-accent-rgb), .16) 0%, rgba(10,16,30,0) 32%),
        radial-gradient(circle at 8% 100%, rgba(var(--workspace-accent-2-rgb), .11) 0%, rgba(10,16,30,0) 28%),
        linear-gradient(135deg, rgba(18,28,53,.95) 0%, rgba(8,15,31,.98) 58%, rgba(12,20,39,.96) 100%);
    }

    body[data-page="radar"] .topbar::after,
    body[data-page="spot"] .topbar::after,
    body[data-page="investment"] .topbar::after,
    body[data-page="trading"] .topbar::after,
    body[data-page="monitoring"] .topbar::after,
    body[data-page="users"] .topbar::after{
      background:linear-gradient(90deg, transparent, rgba(var(--workspace-accent-rgb), .62), rgba(var(--workspace-accent-2-rgb), .52), transparent);
    }

    body[data-page="radar"] .titlebox h1,
    body[data-page="spot"] .titlebox h1,
    body[data-page="investment"] .titlebox h1,
    body[data-page="trading"] .titlebox h1,
    body[data-page="monitoring"] .titlebox h1,
    body[data-page="users"] .titlebox h1{
      text-shadow:0 10px 28px rgba(var(--workspace-accent-rgb), .20);
    }

    body[data-page="spot"] .page-lead-spot,
    body[data-page="trading"] .page-lead-trading{
      border-color:rgba(var(--workspace-accent-rgb), .42);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .18) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(24,37,68,.94), rgba(11,20,39,.97));
    }

    body[data-page="spot"] .page-lead-spot::before,
    body[data-page="trading"] .page-lead-trading::before{
      background:linear-gradient(90deg, transparent, rgba(var(--workspace-accent-rgb), .82), rgba(var(--workspace-accent-2-rgb), .62), transparent);
    }

    body[data-page="spot"] .page-lead-side .chip,
    body[data-page="trading"] .page-lead-side .chip{
      min-height:34px;
      padding:8px 12px;
      border-color:rgba(var(--workspace-accent-rgb), .36);
      box-shadow:0 10px 22px rgba(var(--workspace-accent-rgb), .10), inset 0 1px 0 var(--workspace-highlight, rgba(255,255,255,.06));
    }

    body[data-page="spot"] .workspace-overview-spot,
    body[data-page="trading"] .workspace-overview-trading{
      border-color:rgba(var(--workspace-accent-rgb), .34);
      background:
        radial-gradient(circle at top left, rgba(var(--workspace-accent-rgb), .12) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.020));
    }

    body[data-page="spot"] .workspace-overview-spot::before,
    body[data-page="trading"] .workspace-overview-trading::before{
      content:"";
      position:absolute;
      left:16px;
      right:16px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(var(--workspace-accent-rgb), .78), rgba(var(--workspace-accent-2-rgb), .48), transparent);
    }

    body[data-page="spot"] .workspace-overview-spot .workspace-card,
    body[data-page="trading"] .workspace-overview-trading .workspace-card{
      border-color:rgba(var(--workspace-accent-rgb), .30);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .10) 0%, rgba(10,18,35,0) 34%),
        linear-gradient(180deg, rgba(30,44,80,.84), rgba(10,18,35,.96));
    }

    body[data-page="spot"] .workspace-overview-spot .workspace-card::before,
    body[data-page="trading"] .workspace-overview-trading .workspace-card::before{
      background:linear-gradient(90deg, var(--workspace-accent), var(--workspace-accent-2), transparent);
      opacity:.88;
    }

    body[data-page="spot"] .workspace-overview-spot .workspace-card:hover,
    body[data-page="trading"] .workspace-overview-trading .workspace-card:hover{
      border-color:rgba(var(--workspace-accent-rgb), .58);
      box-shadow:0 18px 36px rgba(0,0,0,.22), 0 0 0 1px rgba(var(--workspace-accent-rgb), .12) inset;
    }

    body[data-page="spot"] .main,
    body[data-page="trading"] .main{
      border-color:rgba(var(--workspace-accent-rgb), .25);
    }

    body[data-page="spot"] .hero.page-spot .hero-card,
    body[data-page="trading"] .hero.page-trading .hero-card,
    body[data-page="spot"] #tab-spot_setup .tab-card,
    body[data-page="trading"] #tab-trading_setup .tab-card{
      border-color:rgba(var(--workspace-accent-rgb), .34);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .10) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.020));
    }

    body[data-page="spot"] .hero.page-spot .hero-card::before,
    body[data-page="trading"] .hero.page-trading .hero-card::before{
      background:linear-gradient(90deg, var(--workspace-accent), var(--workspace-accent-2), rgba(var(--workspace-warm-rgb), .78));
    }

    body[data-page="spot"] .spot-zone-grid .setup-zone,
    body[data-page="trading"] .trade-zone-grid .setup-zone{
      border-color:rgba(var(--workspace-accent-rgb), .32);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .10) 0%, rgba(10,18,35,0) 36%),
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.020));
    }

    body[data-page="spot"] .spot-zone-grid .setup-zone::before,
    body[data-page="trading"] .trade-zone-grid .setup-zone::before{
      background:linear-gradient(90deg, rgba(var(--workspace-accent-rgb), .86), rgba(var(--workspace-accent-2-rgb), .48), transparent);
    }

    body[data-page="spot"] .spot-zone-grid .spot-preferred,
    body[data-page="trading"] .trade-zone-grid .trade-entry{
      border-color:rgba(var(--workspace-accent-rgb), .52);
      box-shadow:0 14px 28px rgba(var(--workspace-accent-rgb), .09), inset 0 1px 0 var(--workspace-highlight, rgba(255,255,255,.05));
    }

    body[data-page="trading"] .trade-zone-grid .trade-stop{
      border-color:rgba(239,68,68,.34);
    }

    body[data-page="trading"] .trade-zone-grid .trade-targets{
      border-color:rgba(34,197,94,.30);
    }

    body[data-page="spot"] #tab-spot_setup .kv-line,
    body[data-page="trading"] #tab-trading_setup .kv-line,
    body[data-page="spot"] #tab-spot_setup .rule,
    body[data-page="trading"] #tab-trading_setup .rule,
    body[data-page="spot"] #tab-spot_setup .scenario,
    body[data-page="trading"] #tab-trading_setup .scenario{
      border:1px solid rgba(var(--workspace-accent-rgb), .20);
      background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.022));
      box-shadow:inset 0 1px 0 var(--workspace-highlight-soft, rgba(255,255,255,.04));
    }

    body[data-page="spot"] .tab-btn[data-tab="spot_setup"].active,
    body[data-page="trading"] .tab-btn[data-tab="trading_setup"].active{
      box-shadow:0 12px 24px rgba(var(--workspace-accent-rgb), .12), 0 0 0 1px rgba(var(--workspace-accent-rgb), .16) inset;
    }


    .trade-guard-panel{
      margin-top:16px;
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.64);
      border-radius:18px;
      padding:16px;
      background:
        radial-gradient(circle at top right, rgba(6,182,212,.14) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(16,24,45,.90), rgba(9,16,31,.96));
      box-shadow:0 16px 42px rgba(0,0,0,.20);
    }
    .trade-guard-panel::before{
      content:"";
      position:absolute;
      left:16px;
      right:16px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(6,182,212,.88), rgba(96,165,250,.44), transparent);
    }
    .trade-guard-badge{
      display:inline-flex;
      align-items:center;
      min-height:32px;
      padding:6px 12px;
      border-radius:999px;
      font-size:13px;
      font-weight:700;
      white-space:nowrap;
    }
    .trade-guard-badge.good{ background:var(--workspace-green-soft, rgba(34,197,94,.16)); color:#b5f4ca; border:1px solid rgba(34,197,94,.34); }
    .trade-guard-badge.warn{ background:rgba(245,158,11,.16); color:#ffe0a6; border:1px solid rgba(245,158,11,.34); }
    .trade-guard-badge.risk{ background:rgba(249,115,22,.16); color:#ffd1a6; border:1px solid rgba(249,115,22,.34); }
    .trade-guard-badge.bad{ background:rgba(239,68,68,.16); color:#ffb7b7; border:1px solid rgba(239,68,68,.34); }
    .trade-guard-badge.neutral{ background:rgba(148,163,184,.14); color:#d7e1f5; border:1px solid rgba(148,163,184,.28); }
    .trade-guard-layout{
      display:grid;
      grid-template-columns:1.05fr 1fr;
      gap:16px;
    }
    .trade-guard-form,
    .trade-guard-output{
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
      border:1px solid rgba(84,109,168,.54);
      border-radius:var(--workspace-radius-lg, 16px);
      padding:14px;
      box-shadow:inset 0 1px 0 var(--workspace-highlight-soft, rgba(255,255,255,.04));
    }
    .trade-guard-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:12px;
    }
    .tg-field{ display:flex; flex-direction:column; gap:6px; }
    .tg-field span{ font-size:12px; color:rgba(255,255,255,.68); font-weight:600; }
    .tg-field input,
    .tg-field select{
      width:100%;
      min-height:42px;
      border-radius:var(--workspace-radius-md, 12px);
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      color:#fff;
      padding:10px 12px;
      outline:none;
    }
    .tg-field select option{ color:#fff; background:#131d36; }
    .tg-field input::placeholder{ color:rgba(255,255,255,.35); }
    .trade-guard-source{
      margin-top:12px;
      border:1px solid rgba(34,211,238,.22);
      border-radius:var(--workspace-radius-md, 12px);
      background:linear-gradient(135deg, rgba(34,211,238,.085), rgba(122,162,255,.050));
      padding:10px 11px;
      display:grid;
      gap:4px;
      color:#dbeafe;
      min-width:0;
    }
    .trade-guard-source strong{
      color:#e8fbff;
      font-size:12px;
      line-height:1.2;
    }
    .trade-guard-source span,
    .trade-guard-source small{
      color:rgba(219,234,254,.82);
      font-size:12px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }
    .trade-guard-actions{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
    .tg-btn{
      min-height:42px;
      border-radius:var(--workspace-radius-md, 12px);
      padding:0 16px;
      font-weight:700;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      background:
        linear-gradient(135deg, rgba(59,130,246,.32), rgba(6,182,212,.18));
      color:#fff;
      border:1px solid rgba(96,165,250,.36);
      box-shadow:0 10px 22px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.08);
      transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .tg-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.62);
      box-shadow:0 14px 28px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.10);
    }
    .tg-btn-secondary{
      background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.032));
      border:1px solid rgba(108,132,188,.52);
      box-shadow:inset 0 1px 0 var(--workspace-highlight, rgba(255,255,255,.06));
    }
    .trade-guard-empty{ color:rgba(255,255,255,.72); }
    .tg-summary{ display:grid; gap:12px; }
    .tg-kpi-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
    .tg-kpi,
    .tg-block{
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
      border:1px solid rgba(84,109,168,.50);
      border-radius:var(--workspace-radius-lg, 14px);
      padding:12px;
      box-shadow:inset 0 1px 0 var(--workspace-highlight-soft, rgba(255,255,255,.04));
    }
    .tg-kpi .label{ font-size:12px; color:rgba(255,255,255,.64); margin-bottom:6px; }
    .tg-kpi .value{ font-size:16px; font-weight:700; color:#fff; }
    .tg-block strong{ display:block; margin-bottom:8px; }
    .tg-block ul{ margin:0; padding-left:18px; }
    .tg-block li{ margin-bottom:6px; color:rgba(255,255,255,.88); }
    .tg-verdict{ font-size:15px; line-height:1.5; color:rgba(255,255,255,.94); }
    .tg-alert{ border-radius:var(--workspace-radius-lg, 14px); padding:12px; font-weight:700; }
    .tg-alert.danger{ background:rgba(239,68,68,.14); border:1px solid rgba(239,68,68,.34); color:#ffd0d0; }
    .tg-alert.warn{ background:rgba(245,158,11,.14); border:1px solid rgba(245,158,11,.34); color:#ffe3b0; }
    .tg-alert.good{ background:var(--workspace-green-soft, rgba(34,197,94,.12)); border:1px solid var(--workspace-green-ring, rgba(34,197,94,.28)); color:#c9f7d8; }



    @media (max-width: 900px){
      .trade-guard-layout{ grid-template-columns:1fr; }
    }
    @media (max-width: 768px){
      .trade-guard-grid,
      .tg-kpi-grid{ grid-template-columns:1fr; }
      .system-health-grid{ grid-template-columns:1fr; }
      .hidden-config-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .hidden-config-grid.live-ai-config-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .hidden-config-grid.cron-config-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .hidden-config-grid .btn{ grid-column:1 / -1; width:100%; }
      .trade-guard-panel{ padding:12px; border-radius:var(--workspace-radius-lg, 16px); }
      .trade-guard-form,
      .trade-guard-output{ padding:12px; border-radius:var(--workspace-radius-lg, 14px); }
      .trade-guard-actions{ gap:8px; }
      .tg-btn{ width:100%; min-height:40px; }
      .tg-field input,
      .tg-field select{ min-height:40px; padding:9px 10px; }
      .tg-kpi .value{ font-size:15px; }
      .tg-verdict{ font-size:14px; }
    }


    .fold-card-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .fold-toggle{
      border:1px solid rgba(108,132,188,.56);
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.026));
      color:var(--text);
      border-radius:999px;
      min-height:34px;
      padding:0 12px;
      font-weight:700;
      cursor:pointer;
      box-shadow:inset 0 1px 0 var(--workspace-highlight, rgba(255,255,255,.06));
      transition:transform .16s ease, border-color .16s ease, background .16s ease;
    }
    .fold-toggle:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.64);
      background:
        linear-gradient(180deg, rgba(96,165,250,.14), var(--workspace-highlight-soft, rgba(255,255,255,.04)));
    }
    .fold-body.is-collapsed{ display:none; }


    .fold-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
    }
    .fold-toggle .chev{
      width:10px;
      height:10px;
      display:inline-block;
      border-right:2px solid currentColor;
      border-bottom:2px solid currentColor;
      transform:rotate(45deg);
      margin-top:-2px;
      transition:transform .18s ease;
      opacity:.9;
    }
    .fold-toggle[aria-expanded="true"] .chev{
      transform:rotate(225deg);
      margin-top:2px;
    }

    .trading-panel-root{
      margin-bottom:16px;
    }

    .trading-cockpit{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.60);
      background:
        radial-gradient(circle at top right, rgba(59,130,246,.10) 0%, rgba(10,16,30,0) 32%),
        linear-gradient(180deg, rgba(16,24,45,.92) 0%, rgba(9,16,31,.96) 100%);
      border-radius:var(--workspace-radius-lg, 16px);
      padding:16px;
      box-shadow:0 14px 34px rgba(0,0,0,.18);
    }
    .trading-cockpit::before{
      content:"";
      position:absolute;
      left:16px;
      right:16px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.88), rgba(34,197,94,.42), transparent);
    }

    .trading-cockpit-head,
    .trade-form-head,
    .trade-setup-head,
    .trade-section-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
    }

    .trading-cockpit-head h2,
    .trade-form-head h3,
    .trade-setup-head h3,
    .trade-section-head h3{
      margin:0;
      color:#fff;
      line-height:1.1;
    }

    .trading-cockpit-head h2{ font-size:24px; }
    .trading-cockpit-head p{
      margin:5px 0 0;
      color:var(--soft);
      font-size:13px;
    }

    .trade-head-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
    }

    .connector-pill,
    .trade-review,
    .trade-side{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:26px;
      border-radius:999px;
      padding:4px 9px;
      font-size:12px;
      font-weight:900;
      line-height:1;
      white-space:nowrap;
    }

    .connector-pill{
      color:#cfdcff;
      background:var(--workspace-highlight, rgba(255,255,255,.06));
      border:1px solid rgba(108,132,188,.55);
    }
    .connector-pill.server{
      color:#b7f7cb;
      background:rgba(34,197,94,.13);
      border-color:rgba(34,197,94,.30);
    }
    .connector-pill.local{
      color:#ffe3b0;
      background:rgba(245,158,11,.13);
      border-color:rgba(245,158,11,.30);
    }
    .connector-pill.good{
      color:#b7f7cb;
      background:rgba(34,197,94,.13);
      border-color:rgba(34,197,94,.30);
    }
    .connector-pill.warn{
      color:#ffe3b0;
      background:rgba(245,158,11,.13);
      border-color:rgba(245,158,11,.30);
    }
    .connector-pill.neutral{
      color:#dbe6ff;
      background:rgba(148,163,184,.12);
      border-color:rgba(148,163,184,.24);
    }

    .trade-review.good{ color:#b7f7cb; background:rgba(34,197,94,.15); border:1px solid var(--workspace-green-ring, rgba(34,197,94,.28)); }
    .trade-review.neutral{ color:#dbe6ff; background:rgba(148,163,184,.12); border:1px solid rgba(148,163,184,.24); }
    .trade-review.warn{ color:#ffe3b0; background:rgba(245,158,11,.15); border:1px solid rgba(245,158,11,.28); }
    .trade-review.bad{ color:#ffc4c4; background:rgba(239,68,68,.15); border:1px solid rgba(239,68,68,.30); }

    .trade-side.long{ color:#b7f7cb; background:var(--workspace-green-soft, rgba(34,197,94,.16)); }
    .trade-side.short{ color:#ffc4c4; background:rgba(239,68,68,.16); }

    .trade-kpi-ribbon{
      display:grid;
      grid-template-columns:minmax(280px, 1.8fr) repeat(4, minmax(0,1fr));
      gap:8px;
      margin-bottom:14px;
    }

    .trade-kpi,
    .trade-setup-box,
    .trade-ticket,
    .trade-book{
      border:1px solid rgba(84,109,168,.62);
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
      border-radius:var(--workspace-radius-lg, 14px);
      box-shadow:inset 0 1px 0 var(--workspace-highlight-soft, rgba(255,255,255,.04));
    }

    .trade-kpi{
      min-height:72px;
      padding:12px;
      display:grid;
      align-content:center;
      gap:5px;
    }

    .trade-kpi span,
    .trade-calc-grid span,
    .trade-setup-values small,
    .trade-form-grid label span,
    .trade-notes span{
      color:rgba(207,220,255,.78);
      font-size:12px;
      font-weight:800;
    }

    .trade-kpi strong{
      color:#fff;
      font-size:18px;
      line-height:1.1;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-kpi small{
      color:#aebfe5;
      font-size:12px;
      line-height:1.35;
    }

    .trade-kpi-focus{
      gap:8px;
      align-content:start;
    }

    .trade-kpi-focus.good{ border-color:rgba(34,197,94,.30); }
    .trade-kpi-focus.warn{ border-color:rgba(245,158,11,.30); }
    .trade-kpi-focus.bad{ border-color:rgba(239,68,68,.34); }

    .trade-kpi-focus strong{
      font-size:24px;
    }

    .trade-kpi-label-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

    .trade-kpi-detail-row{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:8px;
    }

    .trade-kpi-detail-row span{
      min-height:54px;
      border-radius:var(--workspace-radius-md, 10px);
      border:1px solid rgba(108,132,188,.28);
      background:rgba(255,255,255,.045);
      padding:9px;
      display:grid;
      align-content:center;
      gap:4px;
      min-width:0;
    }

    .trade-kpi-detail-row strong{
      font-size:14px;
    }

    .trading-cockpit-grid{
      display:grid;
      grid-template-columns:minmax(320px, .92fr) minmax(420px, 1.28fr);
      gap:16px;
      align-items:start;
    }

    .trade-book,
    .trade-setup-box,
    .trade-ticket{
      padding:14px;
    }

    .trade-book{
      background:
        linear-gradient(180deg, rgba(12,18,34,.94), rgba(7,13,24,.98));
    }

    .trade-setup-box{
      background:
        linear-gradient(180deg, rgba(21,38,61,.88), rgba(10,20,37,.94));
    }

    .trade-ticket{
      background:
        linear-gradient(180deg, rgba(21,32,58,.92), rgba(10,18,34,.98));
    }

    .trade-book-list{
      display:grid;
      gap:10px;
    }

    .trade-book-note{
      margin:0 0 12px;
      color:var(--soft);
      font-size:13px;
      line-height:1.45;
    }

    .trade-row{
      display:grid;
      grid-template-columns:minmax(0, 1fr);
      gap:10px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, rgba(30,44,80,.70), rgba(10,18,35,.88));
      border-radius:var(--workspace-radius-md, 12px);
      padding:12px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .trade-row:hover{
      transform:translateY(-1px);
      border-color:rgba(126,152,218,.80);
      box-shadow:0 12px 24px rgba(0,0,0,.16), inset 0 1px 0 var(--workspace-highlight-soft, rgba(255,255,255,.04));
    }

    .trade-row.active{
      border-color:rgba(125,176,255,.92);
      box-shadow:0 0 0 1px rgba(125,176,255,.20) inset, 0 14px 28px rgba(37,99,235,.14);
      background:
        linear-gradient(180deg, rgba(59,130,246,.18), rgba(14,22,42,.86));
    }

    .trade-row-top,
    .trade-row-bottom{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    .trade-row-main{
      border:0;
      background:transparent;
      color:var(--text);
      display:flex;
      align-items:center;
      gap:10px;
      text-align:left;
      cursor:pointer;
      padding:0;
      min-width:0;
    }

    .asset-logo.trade-logo{
      width:38px;
      height:38px;
    }

    .trade-row-copy{
      min-width:0;
      display:grid;
      gap:4px;
    }

    .trade-row-copy strong{
      display:flex;
      align-items:center;
      gap:7px;
      color:#fff;
      min-width:0;
    }

    .trade-row-copy small{
      color:var(--soft);
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-row-metrics{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:7px;
    }

    .trade-row-metric{
      min-height:56px;
      border-radius:var(--workspace-radius-sm, 8px);
      background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.028));
      border:1px solid rgba(108,132,188,.24);
      color:#dbe6ff;
      padding:8px;
      display:grid;
      align-content:center;
      gap:4px;
      min-width:0;
    }

    .trade-row-metric small{
      color:rgba(207,220,255,.70);
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
      line-height:1;
    }

    .trade-row-metric strong{
      color:#fff;
      font-size:13px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-row-note{
      color:#aebfe5;
      font-size:12px;
      line-height:1.4;
    }

    .trade-row-actions,
    .trade-form-actions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .mini-btn{
      min-height:32px;
      border-radius:var(--workspace-radius-sm, 8px);
      border:1px solid rgba(108,132,188,.58);
      background:
        linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.028));
      color:var(--text);
      font-size:12px;
      font-weight:900;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      padding:0 10px;
      box-shadow:inset 0 1px 0 var(--workspace-highlight, rgba(255,255,255,.06));
      transition:transform .16s ease, border-color .16s ease, background .16s ease;
    }

    .mini-btn::before{
      flex-basis:14px;
      width:14px;
      height:14px;
    }

    .mini-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.64);
      background:
        linear-gradient(180deg, rgba(96,165,250,.14), var(--workspace-highlight-soft, rgba(255,255,255,.04)));
    }
    .mini-btn.danger{
      border-color:rgba(239,68,68,.30);
      color:#ffc4c4;
    }

    .trade-ticket-wrap{
      display:grid;
      gap:14px;
    }

    .trade-form-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .trade-form-summary,
    .trade-setup-summary{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:8px;
      margin-bottom:12px;
    }

    .trade-setup-summary{
      grid-template-columns:repeat(3, minmax(0,1fr));
      margin-bottom:10px;
    }

    .trade-form-summary span,
    .trade-setup-summary span{
      min-height:58px;
      border-radius:var(--workspace-radius-md, 10px);
      border:1px solid rgba(108,132,188,.26);
      background:rgba(255,255,255,.045);
      padding:9px;
      display:grid;
      align-content:center;
      gap:4px;
      min-width:0;
    }

    .trade-form-summary strong,
    .trade-setup-summary strong{
      color:#fff;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-form-group{
      display:grid;
      gap:10px;
      padding-top:12px;
      border-top:1px solid rgba(108,132,188,.20);
    }

    .trade-form-summary + .trade-form-group{
      padding-top:0;
      border-top:0;
    }

    .trade-form-section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:10px;
    }

    .trade-form-section-head strong{
      color:#fff;
      font-size:15px;
      line-height:1.2;
    }

    .trade-source-note{
      margin-bottom:10px;
      border:1px solid rgba(34,211,238,.22);
      border-radius:var(--workspace-radius-md, 12px);
      background:linear-gradient(135deg, rgba(34,211,238,.080), rgba(122,162,255,.045));
      padding:10px 11px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      min-width:0;
    }

    .trade-source-note strong{
      color:#e8fbff;
      font-size:12px;
      white-space:nowrap;
    }

    .trade-source-note span{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.35;
      text-align:right;
      overflow-wrap:anywhere;
      min-width:0;
    }

    .trade-form-grid label,
    .trade-notes{
      display:grid;
      gap:6px;
      min-width:0;
    }

    .trade-form-grid input,
    .trade-form-grid select,
    .trade-notes textarea{
      width:100%;
      min-height:40px;
      border-radius:var(--workspace-radius-md, 10px);
      border:1px solid rgba(108,132,188,.58);
      background:rgba(5,10,20,.45);
      color:#fff;
      outline:none;
      padding:9px 10px;
      font-size:14px;
    }

    .trade-datetime-control{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:7px;
      align-items:stretch;
    }

    .trade-datetime-control .mini-btn{
      min-height:40px;
      border-radius:var(--workspace-radius-md, 10px);
      padding:0 12px;
    }

    .trade-form-grid select option{
      color:#fff;
      background:#131d36;
    }

    .trade-setup-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
    }

    .trade-notes{
      margin-top:10px;
    }

    .trade-notes textarea{
      resize:vertical;
      min-height:74px;
      line-height:1.45;
    }

    .trade-calc-output{
      margin-top:12px;
      display:grid;
      gap:10px;
    }

    .trade-calc-grid,
    .trade-setup-values{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:8px;
    }

    .trade-calc-grid > div,
    .trade-setup-values > span{
      min-height:62px;
      border-radius:var(--workspace-radius-md, 10px);
      background:rgba(255,255,255,.045);
      border:1px solid rgba(108,132,188,.30);
      padding:10px;
      display:grid;
      align-content:center;
      gap:5px;
      min-width:0;
    }

    .trade-calc-grid strong,
    .trade-setup-values strong{
      color:#fff;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-calc-grid .label-with-info{
      width:100%;
      justify-content:flex-start;
      gap:6px;
    }

    .trade-calc-grid .info-toggle,
    .trade-form-grid .info-toggle{
      flex:0 0 auto;
    }

    .trade-calc-review{
      border-radius:var(--workspace-radius-md, 10px);
      padding:11px;
      display:grid;
      gap:4px;
      border:1px solid rgba(108,132,188,.32);
      background:var(--workspace-highlight-soft, rgba(255,255,255,.04));
    }

    .trade-calc-review.good{ border-color:rgba(34,197,94,.25); background:rgba(34,197,94,.10); }
    .trade-calc-review.warn{ border-color:rgba(245,158,11,.26); background:rgba(245,158,11,.10); }
    .trade-calc-review.bad{ border-color:rgba(239,68,68,.30); background:rgba(239,68,68,.10); }
    .trade-calc-review span{ color:#dbe6ff; font-size:13px; line-height:1.4; }

    .trade-setup-note{
      margin-top:10px;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.45;
    }

    .pos-text{ color:#b7f7cb !important; }
    .neg-text{ color:#ffc4c4 !important; }

    .trade-confirm-overlay{
      position:fixed;
      inset:0;
      z-index:130;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(2,6,23,.72);
      backdrop-filter:blur(10px);
    }

    .trade-confirm-dialog{
      width:min(720px, calc(100vw - 28px));
      max-height:min(86vh, 780px);
      overflow:auto;
      border:1px solid rgba(125,176,255,.28);
      border-radius:var(--workspace-radius-lg, 14px);
      background:
        linear-gradient(180deg, rgba(24,36,65,.98), rgba(7,13,27,.98));
      box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 var(--workspace-highlight, rgba(255,255,255,.06));
      padding:16px;
      display:grid;
      gap:13px;
    }

    .trade-confirm-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .trade-confirm-head h3{
      margin:2px 0 0;
      color:#fff;
      font-size:21px;
    }

    .trade-confirm-score{
      border:1px solid rgba(34,211,238,.26);
      border-radius:var(--workspace-radius-md, 12px);
      background:
        linear-gradient(135deg, rgba(34,211,238,.13), rgba(59,130,246,.08));
      padding:12px;
      display:flex;
      align-items:center;
      gap:12px;
    }

    .trade-confirm-score strong{
      color:#e8fbff;
      font-size:34px;
      line-height:1;
      white-space:nowrap;
    }

    .trade-confirm-score span,
    .trade-confirm-note{
      color:#dbe6ff;
      font-size:13px;
      line-height:1.45;
    }

    .trade-confirm-metrics{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:8px;
    }

    .trade-confirm-metrics span{
      min-height:58px;
      border-radius:var(--workspace-radius-md, 10px);
      border:1px solid rgba(108,132,188,.30);
      background:rgba(255,255,255,.045);
      padding:9px;
      display:grid;
      gap:4px;
      align-content:center;
      min-width:0;
    }

    .trade-confirm-metrics small{
      color:rgba(207,220,255,.70);
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
    }

    .trade-confirm-metrics strong{
      color:#fff;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-confirm-columns{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }

    .trade-confirm-columns > div{
      border:1px solid rgba(108,132,188,.26);
      border-radius:var(--workspace-radius-md, 12px);
      background:rgba(255,255,255,.035);
      padding:11px;
    }

    .trade-confirm-columns strong{
      color:#fff;
      display:block;
      margin-bottom:6px;
    }

    .trade-confirm-columns ul{
      margin:0;
      padding-left:18px;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.5;
    }

    .trade-confirm-actions{
      display:flex;
      justify-content:flex-end;
      gap:9px;
      flex-wrap:wrap;
    }

    body[data-page="trading"] .trading-offcanvas-notice{
      position:fixed;
      inset:0;
      z-index:3400;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(2,6,23,.58);
      backdrop-filter:blur(10px);
      opacity:0;
      pointer-events:none;
      transition:opacity .22s ease;
      will-change:opacity;
    }

    body[data-page="trading"] .trading-offcanvas-notice-card{
      width:min(560px, calc(100vw - 28px));
      max-height:min(76vh, 620px);
      border:1px solid rgba(34,197,94,.30);
      border-radius:18px;
      background:
        radial-gradient(circle at 18% 0%, rgba(34,197,94,.24), transparent 34%),
        linear-gradient(145deg, rgba(15,34,28,.98), rgba(6,13,24,.98));
      box-shadow:0 24px 72px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08);
      color:#e9fff0;
      padding:14px;
      display:grid;
      gap:10px;
      overflow:hidden;
      transform:none;
    }

    body[data-page="trading"] .trading-offcanvas-notice.is-open{
      opacity:1;
      pointer-events:auto;
    }

    body[data-page="trading"] .trading-offcanvas-notice.is-open .trading-offcanvas-notice-card{
      transform:none;
    }

    body[data-page="trading"] .trading-offcanvas-notice.is-error{
      background:rgba(12,8,16,.64);
    }

    body[data-page="trading"] .trading-offcanvas-notice.is-error .trading-offcanvas-notice-card{
      border-color:rgba(248,113,113,.40);
      background:
        radial-gradient(circle at 18% 0%, rgba(248,113,113,.22), transparent 34%),
        linear-gradient(145deg, rgba(43,18,24,.98), rgba(8,12,24,.98));
      color:#fff1f2;
    }

    body[data-page="trading"] .trading-offcanvas-notice-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      color:#fff;
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    body[data-page="trading"] .trading-offcanvas-close{
      width:30px;
      height:30px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:999px;
      background:rgba(255,255,255,.07);
      color:#fff;
      cursor:pointer;
      font-size:20px;
      line-height:1;
    }

    body[data-page="trading"] .trading-offcanvas-notice-body{
      color:inherit;
      font-size:14px;
      line-height:1.5;
      max-height:calc(76vh - 92px);
      overflow:auto;
      padding-right:2px;
    }

    @media (max-width: 560px){
      body[data-page="trading"] .trading-offcanvas-notice{
        padding:14px;
      }

      body[data-page="trading"] .trading-offcanvas-notice-card{
        width:100%;
        max-height:70vh;
        border-radius:var(--workspace-radius-lg, 16px);
        padding:12px;
      }

      body[data-page="trading"] .trading-offcanvas-notice-head{
        align-items:flex-start;
      }

      body[data-page="trading"] .trading-offcanvas-close{
        width:34px;
        height:34px;
        flex:0 0 34px;
      }

      body[data-page="trading"] .trading-offcanvas-notice-body{
        max-height:calc(70vh - 92px);
        font-size:13px;
      }
    }

    body[data-page="trading"] .trade-offcanvas-overlay{
      justify-content:center;
      align-items:center;
      padding:16px;
      background:rgba(2,6,23,.54);
    }

    body[data-page="trading"] .trade-offcanvas-dialog{
      width:min(560px, calc(100vw - 28px));
      max-height:calc(100vh - 32px);
      border-radius:22px;
      animation:tradeOffcanvasIn .24s ease both;
    }

    @keyframes tradeOffcanvasIn{
      from{ transform:translateX(42px); opacity:.72; }
      to{ transform:translateX(0); opacity:1; }
    }

    .setup-wait-detail{
      margin-top:12px;
      border:1px solid rgba(245,158,11,.24);
      border-radius:var(--workspace-radius-md, 12px);
      background:linear-gradient(135deg, rgba(245,158,11,.085), rgba(255,255,255,.025));
      padding:12px;
      display:grid;
      gap:7px;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.5;
    }

    .setup-wait-detail strong{
      color:#fff4d6;
      font-size:13px;
    }

    .setup-wait-detail span{
      color:#dbe6ff;
    }

    .setup-wait-detail ul{
      margin:0;
      padding-left:18px;
      color:#ffe2a8;
    }

    @media (max-width: 1180px){
      .trading-cockpit-grid{ grid-template-columns:1fr; }
      .trade-kpi-ribbon{ grid-template-columns:repeat(4, minmax(0,1fr)); }
      .trade-kpi-focus{ grid-column:1 / -1; }
    }

    @media (max-width: 820px){
      .trading-cockpit{ padding:12px; }
      .trading-cockpit-head,
      .trade-form-head,
      .trade-setup-head,
      .trade-section-head,
      .trade-form-section-head,
      .trade-row-top,
      .trade-row-bottom{
        align-items:flex-start;
        flex-direction:column;
      }
      .trade-kpi-ribbon,
      .trade-kpi-detail-row,
      .trade-form-summary,
      .trade-setup-summary,
      .trade-form-grid,
      .trade-calc-grid,
      .trade-setup-values,
      .trade-row-metrics{
        grid-template-columns:1fr 1fr;
      }
      .trade-form-actions .btn,
      .trade-row-actions .mini-btn{
        flex:1 1 auto;
      }
      .trade-confirm-metrics,
      .trade-confirm-columns{
        grid-template-columns:1fr 1fr;
      }
      .trade-source-note{
        align-items:flex-start;
        flex-direction:column;
      }
      .trade-source-note span{
        text-align:left;
      }
      .workspace-head-side{
        justify-content:flex-start;
        width:100%;
      }
      .page-lead-side-trading{
        justify-items:start;
      }
      .lead-note{
        max-width:none;
        text-align:left;
      }
    }

    @media (max-width: 520px){
      .trade-kpi-ribbon,
      .trade-kpi-detail-row,
      .trade-form-summary,
      .trade-setup-summary,
      .trade-form-grid,
      .trade-calc-grid,
      .trade-setup-values,
      .trade-row-metrics{
        grid-template-columns:1fr;
      }
      .trade-row-actions,
      .trade-form-actions{
        display:grid;
        grid-template-columns:1fr;
      }
      .trade-datetime-control,
      .trade-confirm-metrics,
      .trade-confirm-columns,
      .trade-confirm-actions{
        grid-template-columns:1fr;
      }
      .trade-confirm-actions{
        display:grid;
      }
      .trade-confirm-score{
        align-items:flex-start;
        flex-direction:column;
      }
    }

    @media (max-width: 760px){
      .tabs{
        gap:8px;
      }

      .tab-btn{
        flex:1 1 calc(50% - 8px);
        min-height:40px;
        padding:9px 10px;
        font-size:13px;
      }

      .tab-btn::before,
      .sort-btn::before,
      .tg-btn::before{
        flex-basis:16px;
        width:16px;
        height:16px;
      }

      .mini-btn::before,
      .coin-action-btn::before{
        flex-basis:12px;
        width:12px;
        height:12px;
      }

      .sort-btn,
      .mini-btn,
      .tg-btn{
        gap:6px;
      }

      .asset-section-btn{
        padding-left:34px;
      }

      .hidden-toggle,
      .hidden-field{
        min-height:auto;
      }
    }

    @media (max-width: 430px){
      .tab-btn{
        flex-basis:100%;
      }
    }

    /* Spot/trading detail refinements */

    body[data-page="spot"] .lead-metric-strip,
    body[data-page="trading"] .lead-metric-strip{
      width:min(440px, 100%);
      display:grid;
      grid-template-columns:minmax(82px, .78fr) minmax(76px, .72fr) minmax(142px, 1.5fr);
      gap:10px;
    }

    body[data-page="spot"] .lead-metric,
    body[data-page="trading"] .lead-metric{
      min-width:0;
      min-height:56px;
      border:1px solid rgba(var(--workspace-accent-rgb), .24);
      border-radius:var(--detail-radius-md, 12px);
      background:
        linear-gradient(180deg, rgba(var(--workspace-accent-rgb), .10), rgba(255,255,255,.035));
      padding:9px 11px;
      display:grid;
      align-content:center;
      gap:6px;
      box-shadow:inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.05));
    }

    body[data-page="spot"] .lead-metric-strip small,
    body[data-page="trading"] .lead-metric-strip small{
      color:rgba(207,220,255,.72);
      font-size:10px;
      font-weight:900;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.06em;
    }

    body[data-page="spot"] .lead-metric-strip strong,
    body[data-page="trading"] .lead-metric-strip strong{
      min-width:0;
      color:#ffffff;
      font-size:15px;
      line-height:1.15;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      font-variant-numeric:tabular-nums;
    }

    body[data-page="spot"] .lead-metric-zone,
    body[data-page="trading"] .lead-metric-zone{
      padding-inline:12px;
    }

    body[data-page="spot"] .lead-metric-zone strong,
    body[data-page="trading"] .lead-metric-zone strong{
      letter-spacing:.02em;
    }

    @media (max-width: 760px){
      body[data-page="spot"] .page-lead,
      body[data-page="trading"] .page-lead{
        gap:11px;
        padding:12px;
        border-radius:var(--detail-radius-lg, 14px);
      }

      body[data-page="spot"] .page-lead h2,
      body[data-page="trading"] .page-lead h2{
        font-size:19px;
        line-height:1.18;
        margin:3px 0 5px;
      }

      body[data-page="spot"] .page-lead p,
      body[data-page="trading"] .page-lead p{
        font-size:13px;
        line-height:1.42;
      }

      body[data-page="spot"] .page-lead-side,
      body[data-page="trading"] .page-lead-side{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        justify-items:stretch;
        gap:8px;
      }

      body[data-page="spot"] .page-lead-side > .chip,
      body[data-page="trading"] .page-lead-side > .chip{
        width:100%;
        min-height:34px;
        justify-content:center;
        line-height:1.2;
        white-space:normal;
        text-align:center;
      }

      body[data-page="spot"] .page-lead-side > .small,
      body[data-page="trading"] .page-lead-side > .small{
        min-height:34px;
        border:1px solid rgba(var(--workspace-accent-rgb), .20);
        border-radius:var(--detail-radius-pill, 999px);
        background:rgba(255,255,255,.045);
        padding:7px 10px;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        line-height:1.2;
      }

      body[data-page="spot"] .lead-metric-strip,
      body[data-page="trading"] .lead-metric-strip{
        grid-column:1 / -1;
        width:100%;
        grid-template-columns:minmax(74px, .75fr) minmax(68px, .68fr) minmax(124px, 1.45fr);
        gap:9px;
      }

      body[data-page="spot"] .lead-metric,
      body[data-page="trading"] .lead-metric{
        min-height:52px;
        padding:8px 9px;
      }

      body[data-page="spot"] .workspace-overview-spot,
      body[data-page="trading"] .workspace-overview-trading{
        gap:11px;
        padding:12px;
        border-radius:var(--detail-radius-lg, 14px);
      }

      body[data-page="spot"] .workspace-head,
      body[data-page="trading"] .workspace-head{
        gap:8px;
      }

      body[data-page="spot"] .workspace-head h3,
      body[data-page="trading"] .workspace-head h3{
        font-size:16px;
      }

      body[data-page="spot"] .workspace-overview-spot .workspace-card-grid{
        display:flex;
        grid-template-columns:none;
        gap:8px;
        overflow-x:auto;
        padding:2px 1px 6px;
        margin-inline:-1px;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }

      body[data-page="spot"] .workspace-overview-spot .workspace-card{
        flex:0 0 min(78vw, 270px);
        min-height:108px;
        padding:11px;
        border-radius:var(--detail-radius-md, 12px);
        scroll-snap-align:start;
      }

      body[data-page="trading"] .workspace-overview-trading .workspace-card-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        overflow:visible;
        padding:0;
        margin-inline:0;
        scroll-snap-type:none;
      }

      body[data-page="trading"] .workspace-overview-trading .workspace-card{
        min-height:108px;
        padding:11px;
        border-radius:var(--detail-radius-md, 12px);
      }

      body[data-page="spot"] .workspace-main,
      body[data-page="trading"] .workspace-main{
        font-size:18px;
      }

      body[data-page="trading"] .workspace-split{
        gap:11px;
      }

      body[data-page="trading"] .trading-cockpit{
        border-radius:var(--detail-radius-lg, 14px);
        padding:11px;
      }

      body[data-page="trading"] .trading-cockpit-head,
      body[data-page="trading"] .trade-form-head,
      body[data-page="trading"] .trade-setup-head,
      body[data-page="trading"] .trade-section-head{
        gap:8px;
        margin-bottom:10px;
      }

      body[data-page="trading"] .trading-cockpit-head h2{
        font-size:20px;
      }

      body[data-page="trading"] .trade-head-actions{
        width:100%;
        justify-content:flex-start;
      }

      body[data-page="trading"] .trade-kpi-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:7px;
        margin-bottom:10px;
      }

      body[data-page="trading"] .trade-kpi{
        min-height:60px;
        padding:9px;
      }

      body[data-page="trading"] .trade-kpi strong{
        font-size:16px;
      }

      body[data-page="trading"] .trade-book,
      body[data-page="trading"] .trade-setup-box,
      body[data-page="trading"] .trade-ticket{
        border-radius:var(--detail-radius-md, 12px);
        padding:11px;
      }

      body[data-page="trading"] .trade-calc-grid,
      body[data-page="trading"] .trade-setup-values,
      body[data-page="trading"] .trade-row-metrics{
        gap:7px;
      }

      body[data-page="trading"] .trade-confirm-dialog{
        border-radius:var(--detail-radius-lg, 14px);
        padding:13px;
      }
    }

    @media (max-width: 520px){
      body[data-page="trading"] .trade-kpi-grid,
      body[data-page="trading"] .trade-calc-grid,
      body[data-page="trading"] .trade-setup-values,
      body[data-page="trading"] .trade-row-metrics,
      body[data-page="trading"] .trade-confirm-metrics{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }

      body[data-page="trading"] .trade-form-grid,
      body[data-page="trading"] .trade-confirm-columns,
      body[data-page="trading"] .trade-confirm-actions{
        grid-template-columns:1fr;
      }

      body[data-page="trading"] .trade-confirm-actions{
        display:grid;
      }

      body[data-page="spot"] .hero-identity + .chip-row,
      body[data-page="spot"] .hero-identity + .chip-row + .insight-chip-row{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:7px;
        align-items:stretch;
      }

      body[data-page="spot"] .hero-identity + .chip-row .chip,
      body[data-page="spot"] .hero-identity + .chip-row + .insight-chip-row .chip{
        width:100%;
        min-height:34px;
        justify-content:flex-start;
        padding:8px 10px;
        border-radius:11px;
        white-space:normal;
        line-height:1.18;
      }

      body[data-page="spot"] .hero-identity + .chip-row .chip:nth-child(n+3),
      body[data-page="spot"] .hero-identity + .chip-row + .insight-chip-row .chip:nth-child(3){
        grid-column:1 / -1;
      }
    }

    @media (max-width: 430px){
      body[data-page="spot"] .page-lead-side,
      body[data-page="trading"] .page-lead-side{
        grid-template-columns:1fr;
      }

      body[data-page="spot"] .lead-metric-strip,
      body[data-page="trading"] .lead-metric-strip{
        grid-template-columns:minmax(70px, .72fr) minmax(64px, .64fr) minmax(122px, 1.5fr);
      }

      body[data-page="spot"] .lead-metric-strip strong,
      body[data-page="trading"] .lead-metric-strip strong{
        font-size:13px;
      }

      body[data-page="spot"] .lead-metric-strip small,
      body[data-page="trading"] .lead-metric-strip small{
        font-size:9px;
      }

      body[data-page="spot"] .workspace-overview-spot .workspace-card{
        flex-basis:82vw;
      }
    }

    .auth-shell{
      min-height:100vh;
      display:grid;
      align-content:center;
      gap:18px;
    }

    .auth-hero{
      min-height:auto;
      padding:30px 0 8px;
    }

    .auth-panel{
      max-width:460px;
      width:100%;
      margin:0 auto;
    }

    .auth-form{
      display:grid;
      gap:14px;
    }

    .auth-form label{
      display:grid;
      gap:7px;
      color:var(--muted);
      font-size:13px;
      font-weight:700;
      letter-spacing:0;
    }

    .auth-form input{
      width:100%;
      min-height:46px;
      border:1px solid var(--border-subtle, var(--line));
      border-radius:var(--detail-radius-sm, 8px);
      padding:0 13px;
      background:var(--surface-3, var(--panel-2));
      color:var(--text);
      font:inherit;
    }

    .form-status{
      min-height:22px;
      color:var(--muted);
      font-size:13px;
      line-height:1.4;
    }

    .auth-chip{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:38px;
      min-width:0;
      padding:6px 10px;
      border:1px solid rgba(84,109,168,.68);
      border-radius:var(--detail-radius-md, 12px);
      background:
        linear-gradient(180deg, rgba(18,28,53,.92), rgba(8,15,31,.92)),
        rgba(19,29,54,.82);
      color:var(--text);
      box-shadow:
        inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.06)),
        0 10px 20px rgba(2,6,23,.16);
    }

    .auth-session-chip{
      flex:0 1 auto;
      max-width:min(40vw, 280px);
    }

    .auth-chip-dot{
      width:9px;
      height:9px;
      flex:0 0 auto;
      border-radius:50%;
      background:var(--detail-green, #22c55e);
      box-shadow:0 0 0 3px var(--detail-green-soft-bg, rgba(34,197,94,.14)), 0 0 12px rgba(34,197,94,.35);
    }

    .auth-copy{
      min-width:0;
      display:grid;
      gap:2px;
    }

    .auth-status{
      color:var(--soft);
      font-size:10px;
      font-weight:900;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.06em;
      white-space:nowrap;
    }

    .auth-user{
      min-width:0;
      color:#ffffff;
      font-size:13px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .auth-role{
      flex:0 0 auto;
      padding:3px 8px;
      border-radius:var(--detail-radius-pill, 999px);
      border:1px solid rgba(132,164,237,.2);
      background:var(--detail-highlight, rgba(255,255,255,.06));
      color:rgba(215,225,255,.82);
      font-size:10px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
    }

    .grid-2{
      display:grid;
      grid-template-columns:minmax(280px, 420px) minmax(0, 1fr);
      gap:16px;
      align-items:start;
    }

    .section-head{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      margin-bottom:14px;
    }

    .section-head h2{
      margin:0;
    }

    .section-head p{
      margin:4px 0 0;
      color:var(--muted);
      line-height:1.35;
    }

    @media (max-width: 900px){
      .grid-2{
        grid-template-columns:1fr;
      }
    }

    body.auth-page{
      min-height:100vh;
      overflow-x:hidden;
      background:
        linear-gradient(120deg, rgba(2,7,19,.96), rgba(2,7,19,.52) 48%, rgba(2,7,19,.88)),
        url("../assets/startseite-tokenpilot.png") center/cover no-repeat fixed,
        #020713;
      color:var(--text);
    }

    body.auth-page::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(180deg, rgba(2,7,19,.18), rgba(2,7,19,.76)),
        radial-gradient(circle at 18% 18%, var(--detail-cyan-glow, rgba(18,223,243,.18)), transparent 24%),
        radial-gradient(circle at 78% 38%, rgba(168,85,247,.16), transparent 28%);
    }

    body.auth-page .auth-shell{
      position:relative;
      z-index:1;
      min-height:100svh;
      width:min(100% - 28px, 1120px);
      margin:0 auto;
      padding:22px 0;
      display:grid;
      grid-template-columns:minmax(0, 1fr) minmax(330px, 440px);
      align-items:center;
      gap:clamp(20px, 5vw, 72px);
    }

    body.auth-page .auth-shell::before{
      content:none;
      display:none;
    }

    .auth-brand-stage{
      align-self:center;
      justify-self:start;
      max-width:620px;
      display:grid;
      gap:10px;
      color:rgba(245,247,255,.92);
      text-shadow:0 10px 44px rgba(0,0,0,.58);
    }

    .auth-brand-stage p{
      margin:0;
      display:inline-flex;
      align-items:center;
      gap:9px;
      color:#9cecff;
      font-size:13px;
      font-weight:950;
      letter-spacing:.14em;
      line-height:1;
      text-transform:uppercase;
    }

    .auth-brand-stage p::before{
      content:"";
      width:40px;
      height:2px;
      border-radius:var(--detail-radius-pill, 999px);
      background:linear-gradient(90deg, var(--detail-cyan-bright, #12dff3), var(--detail-purple, #a855f7));
      box-shadow:0 0 18px rgba(18,223,243,.28);
    }

    .auth-brand-stage strong{
      max-width:680px;
      font-size:clamp(44px, 7vw, 94px);
      line-height:.92;
      font-weight:950;
      letter-spacing:0;
    }

    .auth-brand-stage span:not(.auth-brand-mark){
      max-width:560px;
      color:var(--detail-muted-ice, rgba(219,229,255,.76));
      font-size:clamp(16px, 2vw, 20px);
      line-height:1.45;
    }

    .auth-brand-stage small{
      display:inline-flex;
      width:max-content;
      margin-top:8px;
      padding:8px 11px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.16));
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(4,10,27,.44);
      color:rgba(245,247,255,.78);
      font-size:11px;
      font-weight:900;
      letter-spacing:.10em;
      line-height:1;
      text-transform:uppercase;
      backdrop-filter:blur(10px);
    }

    .auth-brand-mark{
      width:66px;
      height:66px;
      border-radius:var(--detail-radius-lg, 16px);
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.18));
      background:
        radial-gradient(circle at 50% 50%, var(--detail-cyan-strong, rgba(18,223,243,.92)) 0 4px, transparent 4.8px),
        radial-gradient(circle at 50% 50%, rgba(125,85,255,.86) 0 9px, transparent 9.8px),
        conic-gradient(from 34deg, var(--detail-cyan-bright, #12dff3), var(--detail-blue-electric, #1c8dff), var(--detail-purple, #a855f7), var(--detail-cyan-bright, #12dff3));
      box-shadow:0 18px 46px var(--detail-cyan-glow, rgba(18,223,243,.18)), inset 0 1px 0 var(--detail-highlight-strong, rgba(255,255,255,.18));
      position:relative;
    }

    .auth-brand-mark::before{
      content:"";
      position:absolute;
      inset:13px;
      clip-path:polygon(50% 0, 91% 25%, 91% 75%, 50% 100%, 9% 75%, 9% 25%);
      background:rgba(5,12,29,.92);
      border:1px solid rgba(34,216,241,.58);
    }

    .auth-brand-mark::after{
      content:"";
      position:absolute;
      inset:28px;
      border-radius:50%;
      background:#18eff6;
      box-shadow:0 0 18px rgba(18,239,246,.66), 18px 0 0 -2px #9b55ff, -18px 0 0 -2px var(--detail-cyan-bright, #12dff3);
    }

    .auth-public-link{
      position:fixed;
      top:18px;
      left:50%;
      transform:translateX(-50%);
      z-index:3;
      display:inline-flex;
      align-items:center;
      gap:9px;
      min-height:38px;
      padding:9px 13px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.18));
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(4,10,27,.58);
      color:rgba(245,247,255,.9);
      backdrop-filter:blur(12px);
      font-size:13px;
      font-weight:900;
      box-shadow:0 18px 46px rgba(0,0,0,.22);
    }

    .auth-public-link::before{
      content:"";
      width:14px;
      height:14px;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 2px, transparent 2.4px),
        conic-gradient(from 40deg, var(--detail-cyan-bright, #12dff3), var(--detail-purple, #a855f7), var(--detail-blue-electric, #1c8dff), var(--detail-cyan-bright, #12dff3));
      box-shadow:0 0 16px rgba(18,223,243,.25);
    }

    body.auth-page .auth-panel{
      position:relative;
      width:100%;
      max-width:none;
      margin:0;
      padding:24px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.16));
      border-radius:var(--detail-radius-sm, 8px);
      background:
        linear-gradient(180deg, rgba(13,23,48,.86), rgba(5,12,29,.88)),
        rgba(5,12,29,.92);
      box-shadow:0 28px 80px rgba(0,0,0,.46), inset 0 1px 0 var(--detail-highlight-strong, rgba(255,255,255,.08));
      backdrop-filter:blur(18px);
      overflow:hidden;
    }

    body.auth-page .auth-panel::before{
      content:"";
      position:absolute;
      inset:0;
      height:3px;
      background:linear-gradient(90deg, var(--detail-cyan-bright, #12dff3), var(--detail-blue-electric, #1c8dff), var(--detail-purple, #a855f7));
    }

    .auth-card-head{
      display:grid;
      gap:8px;
      margin-bottom:20px;
    }

    .auth-orbit{
      width:54px;
      height:54px;
      border-radius:50%;
      border:4px solid rgba(18,223,243,.76);
      border-right-color:rgba(168,85,247,.9);
      position:relative;
      box-shadow:0 0 34px var(--detail-cyan-glow, rgba(18,223,243,.18));
    }

    .auth-orbit::before,
    .auth-orbit::after{
      content:"";
      position:absolute;
      border-radius:50%;
    }

    .auth-orbit::before{
      inset:11px;
      border:3px solid rgba(168,85,247,.72);
      border-left-color:transparent;
    }

    .auth-orbit::after{
      width:8px;
      height:8px;
      right:-5px;
      top:18px;
      background:var(--detail-purple, #a855f7);
      box-shadow:-35px 14px 0 var(--detail-blue-electric, #1c8dff), -8px 34px 0 var(--detail-cyan-bright, #12dff3);
    }

    .auth-kicker{
      margin:0;
      color:rgba(183,192,216,.84);
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }

    .auth-card-head h1{
      margin:0;
      color:var(--detail-text-ice, #f5f7ff);
      font-size:clamp(30px, 5vw, 44px);
      line-height:1.02;
      letter-spacing:0;
    }

    .auth-card-head p:not(.auth-kicker){
      margin:0;
      color:var(--detail-muted-ice, rgba(219,229,255,.72));
      font-size:14px;
      line-height:1.45;
    }

    body.auth-page .auth-form{
      gap:13px;
    }

    body.auth-page .auth-field{
      display:grid;
      gap:7px;
      color:var(--detail-muted-ice-strong, rgba(219,229,255,.78));
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    body.auth-page .auth-form input,
    body.auth-page .auth-form select,
    body.auth-page .auth-form textarea{
      min-height:50px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.16));
      border-radius:var(--detail-radius-sm, 8px);
      padding:0 14px;
      background:rgba(3,9,23,.72);
      color:var(--detail-text-ice, #f5f7ff);
      outline:none;
      box-shadow:inset 0 1px 0 var(--detail-highlight-soft, rgba(255,255,255,.04));
      transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }

    body.auth-page .auth-form textarea{
      min-height:92px;
      padding:13px 14px;
      resize:vertical;
      font:inherit;
      line-height:1.4;
    }

    body.auth-page .auth-form input:focus,
    body.auth-page .auth-form select:focus,
    body.auth-page .auth-form textarea:focus{
      border-color:rgba(18,223,243,.62);
      background:rgba(5,13,31,.9);
      box-shadow:0 0 0 3px rgba(18,223,243,.12);
    }

    body.auth-page.signup-page .signup-shell{
      width:min(1180px, calc(100% - 32px));
      grid-template-columns:minmax(320px, .9fr) minmax(420px, 1fr);
    }

    body.auth-page.signup-page .signup-panel{
      max-height:none;
    }

    body.auth-page.signup-page .signup-exchange-panel{
      display:grid;
      gap:13px;
      margin:0 0 18px;
      padding:14px;
      border:1px solid rgba(34,197,94,.26);
      border-radius:var(--detail-radius-sm, 8px);
      background:
        linear-gradient(135deg, var(--detail-green-soft, rgba(34,197,94,.12)), rgba(18,223,243,.07)),
        rgba(3,9,23,.48);
      box-shadow:inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.06));
    }

    body.auth-page.signup-page .signup-exchange-head{
      display:grid;
      gap:6px;
    }

    body.auth-page.signup-page .signup-exchange-head h2{
      margin:0;
      color:var(--detail-text-ice, #f5f7ff);
      font-size:22px;
      line-height:1.1;
      letter-spacing:0;
    }

    body.auth-page.signup-page .signup-exchange-head p:not(.auth-kicker){
      margin:0;
      color:var(--detail-muted-ice, rgba(219,229,255,.76));
      font-size:13px;
      line-height:1.45;
    }

    body.auth-page.signup-page .signup-exchange-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
    }

    body.auth-page.signup-page .signup-exchange-card{
      display:grid;
      gap:8px;
      align-content:start;
      min-width:0;
      padding:13px;
      border:1px solid rgba(18,223,243,.24);
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(3,9,23,.56);
    }

    body.auth-page.signup-page .signup-exchange-card.bitget{
      border-color:rgba(168,85,247,.28);
    }

    body.auth-page.signup-page .signup-exchange-card span{
      color:var(--detail-green-soft, #86efac);
      font-size:11px;
      font-weight:950;
      letter-spacing:.10em;
      line-height:1;
      text-transform:uppercase;
    }

    body.auth-page.signup-page .signup-exchange-card strong{
      color:var(--detail-text-ice, #f5f7ff);
      font-size:15px;
      line-height:1.25;
    }

    body.auth-page.signup-page .signup-exchange-card p{
      margin:0;
      color:var(--detail-muted-ice, rgba(219,229,255,.72));
      font-size:12px;
      line-height:1.45;
    }

    body.auth-page.signup-page .signup-exchange-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:38px;
      margin-top:2px;
      padding:9px 11px;
      border:1px solid rgba(34,197,94,.48);
      border-radius:var(--detail-radius-sm, 8px);
      background:linear-gradient(135deg, rgba(34,197,94,.88), rgba(20,184,166,.76));
      color:var(--detail-green-tint, #ecfdf5);
      font-size:12px;
      font-weight:950;
      line-height:1.15;
      text-align:center;
      text-decoration:none;
      box-shadow:0 14px 30px var(--detail-green-soft-bg, rgba(34,197,94,.14));
    }

    body.auth-page.signup-page .signup-exchange-card.bitget .signup-exchange-link{
      border-color:rgba(168,85,247,.48);
      background:linear-gradient(135deg, rgba(168,85,247,.86), rgba(28,141,255,.72));
      box-shadow:0 14px 30px rgba(168,85,247,.14);
    }

    body.auth-page.signup-page .signup-api-note{
      margin:0;
      padding:10px 11px;
      border:1px solid rgba(251,191,36,.28);
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(251,191,36,.08);
      color:rgba(254,243,199,.9);
      font-size:12px;
      line-height:1.45;
    }

    body.auth-page.signup-page .signup-guide-list{
      display:grid;
      gap:8px;
    }

    body.auth-page.signup-page .signup-exchange-guide{
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.12));
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(3,9,23,.42);
      overflow:hidden;
    }

    body.auth-page.signup-page .signup-exchange-guide summary{
      display:flex;
      align-items:center;
      gap:9px;
      min-height:42px;
      padding:10px 11px;
      color:#dbeafe;
      font-size:12px;
      font-weight:950;
      cursor:pointer;
      list-style:none;
    }

    body.auth-page.signup-page .signup-exchange-guide summary::-webkit-details-marker{
      display:none;
    }

    body.auth-page.signup-page .signup-exchange-guide summary::before{
      content:"+";
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:22px;
      height:22px;
      border:1px solid var(--detail-green-strong-ring, rgba(34,197,94,.42));
      border-radius:7px;
      background:var(--detail-green-soft-bg, rgba(34,197,94,.10));
      color:var(--detail-green-soft, #86efac);
      font-size:18px;
      font-weight:950;
      line-height:1;
      flex:0 0 auto;
    }

    body.auth-page.signup-page .signup-exchange-guide[open] summary::before{
      content:"-";
    }

    body.auth-page.signup-page .signup-exchange-guide ol{
      margin:0;
      padding:0 14px 13px 45px;
      color:var(--detail-muted-ice, rgba(219,229,255,.74));
      font-size:12px;
      line-height:1.5;
    }

    body.auth-page.signup-page .signup-exchange-guide li + li{
      margin-top:5px;
    }

    body.auth-page.signup-page .signup-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:13px;
    }

    body.auth-page.signup-page .signup-check{
      display:grid;
      grid-template-columns:auto minmax(0, 1fr);
      gap:10px;
      align-items:start;
      padding:12px;
      border:1px solid rgba(34,197,94,.24);
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(34,197,94,.07);
      color:var(--detail-muted-ice-strong, rgba(219,229,255,.78));
      font-size:12px;
      line-height:1.45;
    }

    body.auth-page.signup-page .signup-check input{
      width:17px;
      height:17px;
      min-height:0;
      margin-top:1px;
    }

    body.auth-page.signup-page .signup-success-modal{
      position:fixed;
      inset:0;
      z-index:1200;
      display:grid;
      place-items:center;
      padding:18px;
      background:rgba(2,6,23,.72);
      backdrop-filter:blur(14px);
    }

    body.auth-page.signup-page .signup-success-modal[hidden]{
      display:none;
    }

    body.auth-page.signup-page .signup-success-card{
      width:min(430px, 100%);
      display:grid;
      gap:12px;
      justify-items:center;
      padding:24px;
      border:1px solid rgba(34,197,94,.34);
      border-radius:var(--detail-radius-lg, 14px);
      background:
        linear-gradient(180deg, rgba(18,24,37,.98), rgba(9,14,23,.98)),
        rgba(3,9,23,.96);
      box-shadow:0 24px 70px rgba(2,6,23,.48);
      text-align:center;
    }

    body.auth-page.signup-page .signup-success-icon{
      width:46px;
      height:46px;
      display:grid;
      place-items:center;
      border:1px solid rgba(34,197,94,.48);
      border-radius:50%;
      background:var(--detail-green-soft-bg, rgba(34,197,94,.14));
      color:var(--detail-green-soft, #86efac);
      font-size:28px;
      font-weight:950;
      line-height:1;
    }

    body.auth-page.signup-page .signup-success-card h2{
      margin:0;
      color:var(--detail-text-ice, #f5f7ff);
      font-size:22px;
      line-height:1.15;
      letter-spacing:0;
    }

    body.auth-page.signup-page .signup-success-card p{
      margin:0;
      color:var(--detail-muted-ice, rgba(219,229,255,.76));
      font-size:14px;
      line-height:1.45;
    }

    .password-control{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:8px;
      align-items:center;
      width:100%;
    }

    .password-control input{
      min-width:0;
      width:100%;
    }

    .password-toggle{
      min-height:42px;
      border:1px solid var(--detail-green-strong-ring, rgba(34,197,94,.42));
      border-radius:var(--detail-radius-sm, 8px);
      padding:0 12px;
      background:linear-gradient(135deg, var(--detail-green-ring, rgba(34,197,94,.22)), rgba(20,184,166,.14));
      color:#bbf7d0;
      font-size:12px;
      font-weight:900;
      cursor:pointer;
      white-space:nowrap;
      transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
    }

    .password-toggle:hover,
    .password-toggle[aria-pressed="true"]{
      border-color:rgba(34,197,94,.72);
      background:linear-gradient(135deg, rgba(34,197,94,.34), rgba(20,184,166,.22));
      color:var(--detail-green-tint, #ecfdf5);
    }

    body.auth-page .auth-form .btn.primary{
      position:relative;
      min-height:50px;
      margin-top:4px;
      border:1px solid rgba(18,223,243,.48);
      border-radius:var(--detail-radius-sm, 8px);
      background:linear-gradient(135deg, var(--detail-cyan-strong, rgba(18,223,243,.92)), rgba(28,141,255,.76) 52%, rgba(168,85,247,.82));
      color:var(--detail-text-bright, #f8fbff);
      font-size:15px;
      font-weight:950;
      box-shadow:0 20px 44px rgba(28,141,255,.18);
    }

    body.auth-page .auth-form .btn.primary:hover{
      transform:translateY(-1px);
      box-shadow:0 24px 54px rgba(28,141,255,.24);
    }

    body.auth-page .form-status{
      min-height:22px;
      color:var(--detail-muted-ice, rgba(219,229,255,.72));
      font-size:13px;
    }

    .auth-foot{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-top:14px;
      padding-top:14px;
      border-top:1px solid var(--detail-highlight-strong, rgba(255,255,255,.10));
      color:rgba(183,192,216,.76);
      font-size:12px;
      line-height:1.35;
    }

    .auth-foot a{
      color:var(--detail-cyan-bright, #12dff3);
      font-weight:900;
      white-space:nowrap;
    }

    @media (max-width: 760px){
      body.auth-page{
        background-position:22% center;
      }
      body.auth-page .auth-shell{
        width:min(100% - 24px, 440px);
        grid-template-columns:1fr;
        align-content:center;
        padding:74px 0 26px;
      }
      body.auth-page .auth-shell::before{
        content:"";
        display:none;
      }
      .auth-brand-stage{
        display:none;
      }
      .auth-public-link{
        top:12px;
        width:min(100% - 24px, 360px);
        justify-content:center;
      }
      body.auth-page .auth-panel{
        padding:20px;
      }
      .auth-card-head h1{
        font-size:32px;
      }
      .auth-foot{
        align-items:flex-start;
        flex-direction:column;
      }
      body.auth-page.signup-page .signup-shell,
      body.auth-page.signup-page .signup-exchange-grid,
      body.auth-page.signup-page .signup-grid{
        grid-template-columns:1fr;
      }
    }

    .investment-page{
      display:grid;
      gap:18px;
      margin-top:18px;
    }

    .investment-main-stack{
      display:grid;
      gap:18px;
      min-width:0;
    }

    .investment-watchlist,
    .investment-asset-strip{
      display:grid;
      gap:10px;
      padding:12px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--detail-radius-md, 12px);
      background:rgba(255,255,255,.02);
    }

    .investment-watchlist-head,
    .investment-asset-strip .trading-asset-strip-head{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    .investment-watchlist-head strong,
    .investment-asset-strip .trading-asset-strip-head strong{
      color:#e7edf7;
      font-size:13px;
      font-weight:600;
    }

    .investment-watchlist-list,
    .investment-asset-strip .trading-asset-list{
      display:flex;
      gap:8px;
      overflow-x:auto;
      padding-bottom:0;
      scrollbar-width:none;
      -ms-overflow-style:none;
      overscroll-behavior-x:contain;
      scroll-snap-type:x proximity;
      -webkit-overflow-scrolling:touch;
      -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
      mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
    }

    .investment-watchlist-list::-webkit-scrollbar,
    .investment-asset-strip .trading-asset-list::-webkit-scrollbar{
      display:none;
    }

    .investment-watch-item,
    .investment-asset-strip .trading-asset-pill{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:132px;
      padding:9px 10px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--detail-radius-md, 10px);
      background:rgba(255,255,255,.022);
      color:#d6e0ef;
      text-align:left;
      cursor:pointer;
      scroll-snap-align:start;
      transition:border-color .16s ease, background .16s ease, transform .16s ease;
    }

    .investment-watch-icon,
    .investment-asset-strip .trading-asset-icon{
      position:relative;
      display:grid;
      place-items:center;
      flex:0 0 28px;
      width:28px;
      height:28px;
      border:1px solid rgba(125,176,255,.20);
      border-radius:var(--detail-radius-pill, 999px);
      background:rgba(9,17,31,.86);
      color:#eff6ff;
      font-size:10px;
      font-weight:800;
      overflow:hidden;
    }

    .investment-watch-icon img,
    .investment-asset-strip .trading-asset-icon img{
      position:absolute;
      inset:4px;
      width:calc(100% - 8px);
      height:calc(100% - 8px);
      object-fit:contain;
    }

    .investment-watch-icon img + span,
    .investment-asset-strip .trading-asset-icon img + span{
      opacity:0;
    }

    .investment-watch-copy,
    .investment-asset-strip .trading-asset-copy{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .investment-watch-item:hover,
    .investment-asset-strip .trading-asset-pill:hover{
      transform:translateY(-1px);
      border-color:rgba(96,165,250,.24);
      background:rgba(255,255,255,.035);
    }

    .investment-watch-copy strong,
    .investment-asset-strip .trading-asset-copy strong{
      color:var(--detail-text-bright, #f8fbff);
      font-size:12px;
      font-weight:600;
      line-height:1.1;
    }

    .investment-watch-copy span,
    .investment-asset-strip .trading-asset-copy span{
      color:#90a2bb;
      font-size:10px;
      line-height:1.2;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .investment-watch-item.selected,
    .investment-asset-strip .trading-asset-pill.is-active{
      border-color:rgba(96,165,250,.28);
      background:rgba(59,130,246,.09);
    }

    .investment-watch-item.strong{
      border-left:3px solid rgba(34,197,94,.72);
    }

    .investment-watch-item.watch{
      border-left:3px solid rgba(245,158,11,.72);
    }

    .investment-watch-item.risk{
      border-left:3px solid rgba(248,113,113,.68);
    }

    .investment-signal-banner{
      display:grid;
      gap:14px;
      padding:16px 18px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--detail-radius-md, 12px);
      background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(12,18,30,.96));
    }

    .investment-signal-banner.is-positive{
      border-color:var(--detail-green-ring, rgba(34,197,94,.22));
      background:linear-gradient(180deg, rgba(14,27,24,.96), rgba(12,18,30,.96));
    }

    .investment-signal-banner.is-neutral{
      border-color:rgba(148,163,184,.14);
      background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(12,18,30,.96));
    }

    .investment-signal-copy{
      display:grid;
      gap:6px;
    }

    .investment-signal-copy strong{
      color:var(--detail-text-bright, #f8fbff);
      font-size:22px;
      line-height:1.15;
      font-weight:650;
    }

    .investment-signal-banner.is-positive .investment-signal-copy strong{
      color:#dcfce7;
    }

    .investment-signal-copy p{
      margin:0;
      color:#b9c6d8;
      line-height:1.55;
    }

    .investment-signal-meta{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .investment-signal-meta span{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--detail-radius-pill, 999px);
      background:rgba(255,255,255,.03);
      color:var(--detail-muted-cool, #a9b7ca);
      font-size:12px;
      font-weight:600;
      letter-spacing:0;
      text-transform:none;
    }

    .investment-signal-meta .is-positive{
      border-color:rgba(34,197,94,.18);
      background:var(--detail-green-soft-bg, rgba(34,197,94,.10));
      color:#c8f1d3;
    }

    .investment-signal-meta .is-muted{
      color:var(--detail-muted-cool, #a9b7ca);
    }

    .investment-statusbar .stat{
      min-height:82px;
    }

    .investment-tabs{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
      padding:8px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.12));
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(5,13,31,.70);
      box-shadow:inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.05));
    }

    .investment-tabs button{
      min-height:48px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.12));
      border-radius:7px;
      background:rgba(10,20,42,.72);
      color:var(--detail-muted-ice-strong, rgba(219,229,255,.78));
      font-weight:900;
      letter-spacing:0;
      cursor:pointer;
      transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
    }

    .investment-tabs button:hover,
    .investment-tabs button.active{
      color:var(--detail-text-bright, #f8fbff);
      border-color:rgba(45,212,191,.58);
      background:linear-gradient(180deg, rgba(20,184,166,.28), rgba(16,185,129,.10));
      transform:translateY(-1px);
    }

    .investment-overview{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:12px;
    }

    .investment-overview > div{
      min-height:118px;
      padding:16px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.12));
      border-radius:var(--detail-radius-sm, 8px);
      background:linear-gradient(180deg, rgba(14,24,48,.92), rgba(6,14,31,.88));
      box-shadow:inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.06));
    }

    .investment-overview span,
    .investment-zone-grid span,
    .investment-detail-grid span{
      display:block;
      color:rgba(183,192,216,.76);
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .investment-overview strong{
      display:block;
      margin-top:8px;
      color:var(--detail-text-bright, #f8fbff);
      font-size:34px;
      line-height:1;
      letter-spacing:0;
    }

    .investment-overview p{
      margin:9px 0 0;
      color:var(--detail-muted-ice, rgba(219,229,255,.74));
      line-height:1.45;
    }

    .investment-detail{
      display:grid;
      gap:16px;
      padding:18px;
      border:1px solid rgba(45,212,191,.20);
      border-radius:var(--detail-radius-sm, 8px);
      background:
        linear-gradient(135deg, rgba(20,184,166,.14), transparent 34%),
        linear-gradient(180deg, rgba(14,24,48,.95), rgba(5,13,31,.92));
      box-shadow:0 18px 42px rgba(2,6,23,.24), inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.06));
    }

    .investment-detail-head,
    .investment-card-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      min-width:0;
    }

    .investment-asset{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    .investment-asset h2,
    .investment-asset h3,
    .investment-asset p{
      margin:0;
      min-width:0;
    }

    .investment-asset h2{
      color:var(--detail-text-bright, #f8fbff);
      font-size:23px;
      line-height:1.15;
      letter-spacing:0;
      overflow-wrap:anywhere;
    }

    .investment-asset h3{
      color:var(--detail-text-bright, #f8fbff);
      font-size:18px;
      line-height:1.15;
      letter-spacing:0;
    }

    .investment-asset p{
      margin-top:3px;
      color:rgba(183,192,216,.78);
      line-height:1.35;
      overflow-wrap:anywhere;
    }

    .investment-logo{
      position:relative;
      display:grid;
      place-items:center;
      flex:0 0 46px;
      width:46px;
      height:46px;
      border:1px solid rgba(45,212,191,.24);
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(3,9,23,.70);
      color:var(--detail-text-mint, #d9fff8);
      font-size:12px;
      font-weight:950;
      overflow:hidden;
    }

    .investment-logo img{
      position:absolute;
      width:30px;
      height:30px;
      object-fit:contain;
    }

    .investment-logo img + span{
      opacity:0;
    }

    .investment-detail-grid,
    .investment-zone-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:10px;
    }

    .investment-zone-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .investment-detail-grid > div,
    .investment-zone-grid > div{
      min-height:78px;
      padding:12px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.10));
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(3,9,23,.42);
      min-width:0;
    }

    .investment-detail-grid strong,
    .investment-zone-grid strong{
      display:block;
      margin-top:8px;
      color:var(--detail-text-bright, #f8fbff);
      font-size:15px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .investment-forecast{
      display:grid;
      gap:14px;
      padding:14px;
      border:1px solid rgba(45,212,191,.18);
      border-radius:var(--detail-radius-sm, 8px);
      background:
        linear-gradient(135deg, var(--detail-green-soft-bg, rgba(34,197,94,.10)), transparent 38%),
        rgba(3,9,23,.34);
    }

    .investment-forecast-missing{
      border-color:var(--detail-line-soft, rgba(148,163,184,.16));
      background:rgba(3,9,23,.30);
      color:var(--detail-muted-ice, rgba(219,229,255,.76));
    }

    .investment-forecast-title{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      min-width:0;
    }

    .investment-forecast-title h3{
      margin:4px 0 0;
      color:var(--detail-text-bright, #f8fbff);
      font-size:20px;
      line-height:1.15;
      letter-spacing:0;
    }

    .investment-forecast-title .investment-info-toggle{
      flex:0 0 34px;
      width:34px;
      height:34px;
      font-size:14px;
    }

    .investment-volatility{
      display:grid;
      gap:10px;
      padding:12px;
      border:1px solid rgba(34,197,94,.18);
      border-radius:var(--detail-radius-sm, 8px);
      background:linear-gradient(135deg, var(--detail-green-soft-bg, rgba(34,197,94,.10)), rgba(15,23,42,.30));
    }

    .investment-volatility.warn{
      border-color:rgba(245,158,11,.28);
      background:linear-gradient(135deg, var(--detail-amber-soft, rgba(245,158,11,.12)), rgba(15,23,42,.30));
    }

    .investment-volatility.bad{
      border-color:rgba(248,113,113,.28);
      background:linear-gradient(135deg, rgba(248,113,113,.13), rgba(15,23,42,.32));
    }

    .investment-volatility-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      min-width:0;
    }

    .investment-volatility-head span,
    .investment-volatility-grid span{
      display:block;
      color:rgba(183,192,216,.76);
      font-size:10px;
      font-weight:900;
      letter-spacing:0;
      text-transform:uppercase;
    }

    .investment-volatility-head strong{
      display:block;
      margin-top:4px;
      color:var(--detail-text-bright, #f8fbff);
      font-size:16px;
      line-height:1.15;
    }

    .investment-volatility-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:8px;
    }

    .investment-volatility-grid > div{
      min-width:0;
      padding:9px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.08));
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(255,255,255,.035);
    }

    .investment-volatility-grid strong{
      display:block;
      margin-top:4px;
      color:var(--detail-text-mint, #d9fff8);
      font-size:13px;
      line-height:1.2;
      overflow-wrap:anywhere;
    }

    .investment-volatility p{
      margin:0;
      color:var(--detail-muted-ice, rgba(219,229,255,.74));
      font-size:12px;
      line-height:1.42;
    }

    .investment-forecast-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .investment-forecast-card{
      display:grid;
      gap:10px;
      min-width:0;
      padding:13px;
      border:1px solid rgba(34,197,94,.20);
      border-radius:var(--detail-radius-sm, 8px);
      background:linear-gradient(180deg, rgba(11,26,29,.78), rgba(3,9,23,.58));
      box-shadow:inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.05));
    }

    .investment-forecast-card.moderate{
      border-color:rgba(45,212,191,.26);
      background:linear-gradient(180deg, rgba(11,34,36,.80), rgba(3,9,23,.58));
    }

    .investment-forecast-card.bullish{
      border-color:rgba(245,158,11,.34);
      background:linear-gradient(180deg, rgba(43,31,12,.78), rgba(3,9,23,.58));
    }

    .investment-forecast-card.weak{
      opacity:.74;
    }

    .investment-forecast-card.reached{
      border-color:rgba(148,163,184,.24);
    }

    .investment-forecast-card-head,
    .investment-forecast-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      min-width:0;
    }

    .investment-forecast-card-head span{
      color:#e7fff2;
      font-size:13px;
      font-weight:900;
      letter-spacing:0;
    }

    .investment-forecast-card-head strong,
    .investment-forecast-meta span{
      color:var(--detail-muted-ice, rgba(219,229,255,.72));
      font-size:11px;
      font-weight:800;
      letter-spacing:0;
    }

    .investment-forecast-zone{
      color:var(--detail-text-bright, #f8fbff);
      font-size:18px;
      line-height:1.15;
      font-weight:900;
      overflow-wrap:anywhere;
    }

    .investment-forecast-main-return{
      color:var(--detail-green-soft, #86efac);
      font-size:26px;
      line-height:1;
      font-weight:950;
      letter-spacing:0;
    }

    .investment-forecast-card.bullish .investment-forecast-main-return{
      color:var(--detail-yellow, #facc15);
    }

    .investment-forecast-status{
      margin:0;
      color:var(--detail-yellow, #facc15);
      font-size:12px;
      line-height:1.35;
    }

    .investment-forecast-details{
      display:grid;
      gap:9px;
      margin-top:2px;
    }

    .investment-forecast-details summary{
      display:flex;
      align-items:center;
      gap:8px;
      min-height:30px;
      color:var(--detail-text-mint, #d9fff8);
      font-size:12px;
      font-weight:900;
      cursor:pointer;
      list-style:none;
    }

    .investment-forecast-details summary::-webkit-details-marker{
      display:none;
    }

    .investment-forecast-details summary::before{
      content:"+";
      display:grid;
      place-items:center;
      width:20px;
      height:20px;
      border:1px solid var(--detail-green-strong-ring, rgba(34,197,94,.42));
      border-radius:50%;
      color:var(--detail-green, #22c55e);
      font-size:16px;
      line-height:1;
      font-weight:950;
    }

    .investment-forecast-details[open] summary::before{
      content:"-";
    }

    .investment-forecast-confluences,
    .investment-forecast-return-grid{
      display:grid;
      gap:7px;
    }

    .investment-forecast-confluences > div,
    .investment-forecast-return-grid > div,
    .investment-forecast-invalidation{
      padding:9px;
      border:1px solid rgba(255,255,255,.09);
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(255,255,255,.035);
      min-width:0;
    }

    .investment-forecast-confluences span,
    .investment-forecast-return-grid span{
      display:block;
      color:rgba(183,192,216,.74);
      font-size:10px;
      font-weight:900;
      letter-spacing:0;
      text-transform:uppercase;
    }

    .investment-forecast-confluences strong,
    .investment-forecast-return-grid strong,
    .investment-forecast-invalidation strong{
      display:block;
      margin-top:4px;
      color:var(--detail-text-bright, #f8fbff);
      font-size:13px;
      line-height:1.2;
    }

    .investment-forecast-confluences p,
    .investment-forecast-invalidation p,
    .investment-forecast-tp p{
      margin:5px 0 0;
      color:var(--detail-muted-ice, rgba(219,229,255,.72));
      font-size:12px;
      line-height:1.42;
      overflow-wrap:anywhere;
    }

    .investment-forecast-invalidation span{
      display:inline-flex;
      margin-top:8px;
      color:#fecaca;
      font-size:12px;
      font-weight:900;
    }

    .investment-forecast-volatility-note{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.055);
    }

    .investment-forecast-empty{
      color:var(--detail-muted-ice, rgba(219,229,255,.72));
      font-size:12px;
    }

    .investment-forecast-tp{
      display:grid;
      gap:5px;
      padding:11px 12px;
      border:1px solid rgba(45,212,191,.16);
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(20,184,166,.06);
    }

    .investment-forecast-tp strong{
      color:var(--detail-text-bright, #f8fbff);
      font-size:13px;
    }

    .investment-forecast-tp span{
      color:#a7f3d0;
      font-size:13px;
      font-weight:900;
      line-height:1.35;
      overflow-wrap:anywhere;
    }

    .investment-zone-list{
      display:grid;
      gap:8px;
    }

    .investment-zone-row{
      display:grid;
      grid-template-columns:minmax(0, 1.3fr) minmax(150px, .8fr) auto;
      align-items:center;
      gap:12px;
      min-height:62px;
      padding:10px 12px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.10));
      border-radius:var(--detail-radius-sm, 8px);
      background:rgba(3,9,23,.36);
    }

    .investment-zone-row strong,
    .investment-zone-row span{
      display:block;
      overflow-wrap:anywhere;
    }

    .investment-zone-row strong{
      color:var(--detail-text-bright, #f8fbff);
    }

    .investment-zone-row span{
      margin-top:3px;
      color:rgba(183,192,216,.74);
      font-size:12px;
    }

    .investment-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
    }

    .investment-card{
      display:grid;
      gap:14px;
      min-height:430px;
      padding:16px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.12));
      border-radius:var(--detail-radius-sm, 8px);
      background:linear-gradient(180deg, rgba(14,24,48,.94), rgba(5,13,31,.90));
      box-shadow:inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.06));
      cursor:pointer;
      transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
    }

    .investment-card:hover,
    .investment-card.selected{
      transform:translateY(-2px);
      border-color:rgba(45,212,191,.48);
      box-shadow:0 18px 38px rgba(2,6,23,.28), inset 0 1px 0 var(--detail-highlight-strong, rgba(255,255,255,.08));
    }

    .investment-card.strong{ border-color:rgba(34,197,94,.30); }
    .investment-card.watch{ border-color:rgba(245,158,11,.26); }
    .investment-card.risk{ border-color:rgba(248,113,113,.24); }

    .investment-card-line{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:7px;
      min-height:30px;
    }

    .investment-pill{
      display:inline-flex;
      align-items:center;
      min-height:26px;
      max-width:100%;
      padding:0 9px;
      border:1px solid var(--detail-highlight-strong, rgba(255,255,255,.12));
      border-radius:var(--detail-radius-pill, 999px);
      color:var(--detail-text-bright, #f8fbff);
      background:var(--detail-highlight, rgba(255,255,255,.06));
      font-size:12px;
      font-weight:900;
      line-height:1.1;
      overflow-wrap:anywhere;
    }

    .investment-pill.strong{ border-color:rgba(34,197,94,.45); background:rgba(34,197,94,.15); }
    .investment-pill.watch{ border-color:rgba(245,158,11,.45); background:rgba(245,158,11,.14); }
    .investment-pill.risk{ border-color:rgba(248,113,113,.45); background:rgba(248,113,113,.13); }
    .investment-pill.muted{ color:var(--detail-muted-ice-strong, rgba(219,229,255,.78)); background:var(--detail-highlight, rgba(255,255,255,.05)); }

    .investment-score-ring{
      display:grid;
      place-items:center;
      flex:0 0 58px;
      width:58px;
      height:58px;
      border-radius:50%;
      background:
        conic-gradient(var(--score-color) var(--score), rgba(255,255,255,.09) 0),
        rgba(3,9,23,.84);
      box-shadow:inset 0 0 0 7px rgba(3,9,23,.92);
    }

    .investment-score-ring strong,
    .investment-score-ring span{
      color:var(--detail-text-bright, #f8fbff);
      font-size:16px;
      font-weight:950;
    }

    .investment-score-ring.strong{ --score-color:var(--detail-green, #22c55e); }
    .investment-score-ring.watch{ --score-color:var(--detail-amber, #f59e0b); }
    .investment-score-ring.risk{ --score-color:var(--detail-red-soft, #f87171); }

    .investment-reasons{
      display:grid;
      gap:8px;
      min-height:128px;
    }

    .investment-reason{
      display:grid;
      grid-template-columns:10px minmax(0, 1fr);
      gap:8px;
      align-items:start;
      min-height:32px;
      color:var(--detail-muted-ice-strong, rgba(219,229,255,.78));
      line-height:1.35;
    }

    .investment-reason > span{
      width:8px;
      height:8px;
      margin-top:5px;
      border-radius:50%;
      background:rgba(148,163,184,.75);
    }

    .investment-reason.good > span{ background:var(--detail-green, #22c55e); }
    .investment-reason.risk > span{ background:var(--detail-red-soft, #f87171); }
    .investment-reason p{ margin:0; overflow-wrap:anywhere; }
    .investment-reason.muted{ display:block; color:rgba(183,192,216,.70); }

    .investment-parts{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:9px;
      align-self:end;
    }

    .investment-part{
      display:grid;
      gap:5px;
      min-width:0;
    }

    .investment-part span{
      color:rgba(183,192,216,.72);
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.06em;
    }

    .investment-part strong{
      color:var(--detail-text-bright, #f8fbff);
      font-size:13px;
    }

    .investment-part div{
      height:5px;
      border-radius:var(--detail-radius-pill, 999px);
      background:var(--detail-highlight-strong, rgba(255,255,255,.08));
      overflow:hidden;
    }

    .investment-part i{
      display:block;
      height:100%;
      border-radius:var(--detail-radius-pill, 999px);
      background:linear-gradient(90deg, var(--detail-teal, #14b8a6), var(--detail-green, #22c55e));
    }

    @media (max-width: 1180px){
      .investment-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
      .investment-detail-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px){
      .investment-statusbar{
        display:flex;
        gap:8px;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:2px;
        scrollbar-width:none;
        -ms-overflow-style:none;
        overscroll-behavior-x:contain;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
        -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
        mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
      }
      .investment-statusbar::-webkit-scrollbar{
        display:none;
      }
      .investment-statusbar .stat{
        flex:0 0 146px;
        min-height:58px;
        padding:8px 10px;
        scroll-snap-align:start;
      }
      .investment-statusbar .stat .k{
        font-size:8px;
      }
      .investment-statusbar .stat .v{
        font-size:13px;
      }
      .investment-watchlist{
        padding:10px;
      }
      .investment-watchlist-list{
        padding-bottom:0;
        scrollbar-width:none;
      }
      .investment-watch-item{
        flex:0 0 136px;
        min-height:60px;
        padding:9px;
        border-radius:var(--detail-radius-md, 10px);
      }
      .investment-watchlist-head strong{
        font-size:12px;
      }
      .investment-watch-copy strong{
        font-size:13px;
      }
      .investment-watch-copy span{
        font-size:11px;
        white-space:normal;
        line-height:1.2;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
      }
      .investment-tabs,
      .investment-overview,
      .investment-forecast-grid,
      .investment-volatility-grid,
      .investment-grid,
      .investment-detail-grid,
      .investment-zone-grid{
        grid-template-columns:1fr;
      }
      .investment-detail{
        padding:14px;
      }
      .investment-detail-head,
      .investment-card-head{
        align-items:flex-start;
      }
      .investment-asset h2{
        font-size:20px;
      }
      .investment-forecast-title{
        align-items:center;
      }
      .investment-forecast-zone{
        font-size:17px;
      }
      .investment-forecast-main-return{
        font-size:24px;
      }
      .investment-zone-row{
        grid-template-columns:1fr;
        align-items:start;
      }
      .investment-card{
        min-height:0;
      }
      .investment-parts{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 420px){
      .hero-headline-row{
        align-items:flex-start;
        gap:7px;
      }

      .hero-headline-row .hero-price{
        margin-left:auto;
        text-align:right;
      }

      .hero-price strong{
        font-size:21px;
      }
    }

    @media (max-width: 760px){
      .app-nav.nav-flyout{
        width:100%;
        justify-content:flex-start;
        margin:-2px 0 10px;
        z-index:120;
      }

      .statusbar:not(.statusbar-nav-only):not(.investment-statusbar):not(.trading-statusbar){
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:start;
        gap:8px;
      }

      .top-actions .app-nav.nav-flyout,
      .toolbar .app-nav.nav-flyout{
        justify-content:flex-start;
        order:-1;
      }

      .nav-flyout-toggle{
        min-height:40px;
        padding:8px 12px;
        border-radius:var(--detail-radius-md, 12px);
      }

      .nav-flyout-panel{
        left:0;
        right:auto;
        width:min(320px, calc(100vw - 20px));
        min-width:0;
        max-height:calc(100dvh - 92px);
        overflow:auto;
        overscroll-behavior:contain;
      }

      .top-actions .nav-flyout-panel,
      .toolbar .nav-flyout-panel{
        left:0;
        right:auto;
      }

      .statusbar{
        margin-bottom:8px;
        min-height:34px;
      }

      .statusbar-track{
        gap:6px;
      }

      .statusbar:not(.statusbar-nav-only) .statusbar-track{
        min-width:0;
        padding-right:0;
      }

      .statusbar:not(.statusbar-nav-only) .stat.stat-menu{
        position:relative;
        top:auto;
        right:auto;
        align-self:start;
        padding-left:0;
        background:transparent;
      }

      .statusbar:not(.statusbar-nav-only) .stat.stat-menu .app-nav.nav-flyout{
        width:auto;
        margin:0;
      }

      .auth-session-chip{
        max-width:min(46vw, 210px);
        padding:6px 8px;
        gap:8px;
      }

      .auth-user{
        font-size:12px;
      }

      .statusbar:not(.statusbar-nav-only) .stat.stat-menu .nav-flyout-panel{
        left:auto;
        right:0;
      }

      .stat{
        min-height:32px;
        gap:7px;
        border-radius:var(--detail-radius-md, 10px);
        padding:5px 7px;
        flex:0 0 auto;
      }

      .statusbar-track .stat:first-child{
        flex:0 0 190px;
        min-width:190px;
      }

      .stat .k{
        font-size:7.5px;
        letter-spacing:.02em;
      }

      .stat .v{
        font-size:10.5px;
      }

      .investment-tabs{
        gap:8px;
      }

      .investment-tabs button{
        min-height:42px;
      }
    }

    @media (max-width: 520px){
      html,
      body{
        overflow-x:hidden;
      }

      .statusbar{
        min-height:30px;
      }

      .statusbar-track{
        gap:5px;
      }

      .stat{
        min-height:30px;
        padding:4px 6px;
      }

      .statusbar-track .stat:first-child{
        flex-basis:170px;
        min-width:170px;
      }

      .stat .k{
        font-size:7px;
      }

      .stat .v{
        font-size:10px;
      }

      .brand-row{
        align-items:flex-start;
      }

      .brand-copy{
        flex:1 1 auto;
        max-width:100%;
      }

      .topbar .brand-copy > p:not(.brand-eyebrow){
        font-size:13px;
        line-height:1.35;
        white-space:normal;
        overflow-wrap:anywhere;
      }

      .hero{
        overflow:hidden;
      }

      .auth-session-chip{
        max-width:132px;
        min-height:36px;
        padding:5px 8px;
      }

      .auth-status{
        display:none;
      }

      .auth-user{
        font-size:11px;
      }

      .auth-role{
        display:none;
      }

      .statusbar-track .stat:first-child{
        flex:0 0 210px;
        min-width:210px;
      }

      .stat .k{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
      }

      .hero-headline-row{
        display:grid;
        grid-template-columns:1fr;
        align-items:start;
        gap:8px;
      }

      .hero-headline-row .hero-identity{
        min-width:0;
      }

      .hero-headline-row .hero-price{
        flex:auto;
        min-width:0;
        max-width:100%;
        margin-left:0;
        justify-self:start;
        text-align:left;
      }

      .hero-price strong{
        overflow:hidden;
        text-overflow:clip;
        white-space:nowrap;
      }
    }

    @media (max-width: 420px){
      .app-nav.nav-flyout{
        margin:-4px 0 9px;
      }

      .auth-session-chip{
        max-width:110px;
      }

      .nav-flyout-toggle{
        min-height:38px;
        font-size:12px;
      }

      .nav-flyout-lines{
        width:16px;
      }

      .nav-flyout-panel{
        left:0;
        right:auto;
        width:calc(100vw - 18px);
      }

      .hero-headline-row{
        grid-template-columns:1fr;
      }

      .hero-headline-row .hero-price{
        max-width:100%;
        margin-left:0;
      }

      .active-coin-metrics{
        grid-template-columns:1fr 1fr;
      }

      .active-coin-metrics span:last-child{
        grid-column:1 / -1;
      }

      .investment-detail-head,
      .investment-card-head{
        gap:10px;
      }

      .investment-score-ring{
        flex-basis:50px;
        width:50px;
        height:50px;
      }
    }

    .trading-statusbar{
      margin-bottom:14px;
      padding:8px;
      border:1px solid rgba(84,109,168,.24);
      border-radius:18px;
      background:
        linear-gradient(180deg, rgba(15,23,42,.68), rgba(8,16,31,.42)),
        rgba(10,18,33,.36);
      box-shadow:
        0 14px 30px rgba(2,6,23,.14),
        inset 0 1px 0 var(--detail-highlight, rgba(255,255,255,.05));
      overflow:hidden;
    }

    .trading-statusbar .statusbar-track{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(176px, 1fr));
      grid-auto-flow:row;
      gap:10px;
      overflow:visible;
      padding:0;
      align-items:stretch;
      border-radius:var(--detail-radius-lg, 14px);
    }

    .trading-statusbar .statusbar-track > *{
      min-width:0;
      width:100%;
      max-width:100%;
    }

    /* Trading KPIs use their own card class so the global statusbar first-card
       sizing rules for `.stat:first-child` cannot force the first KPI wider. */
    body[data-page="trading"] .trading-statusbar .statusbar-track > .stat:not(.stat-menu):first-child{
      flex:1 1 auto;
      min-width:0;
      width:auto;
    }

    .trading-statusbar .trading-stat{
      min-height:86px;
      min-width:0;
      display:grid;
      grid-template-rows:auto auto 1fr;
      align-content:start;
      gap:6px;
      padding:12px;
      border:1px solid rgba(84,109,168,.16);
      border-radius:14px;
      border-color:rgba(90,120,182,.22);
      background:rgba(8,16,31,.36);
      box-shadow:none;
      overflow:hidden;
    }

    .trading-statusbar .trading-stat-label{
      min-width:0;
      color:rgba(207,220,255,.66);
      font-size:10px;
      line-height:1.15;
      text-transform:uppercase;
      font-weight:800;
      overflow-wrap:anywhere;
    }

    .trading-statusbar .trading-stat-value{
      min-width:0;
      max-width:100%;
      font-size:16px;
      line-height:1.18;
      font-weight:720;
      white-space:normal;
      overflow-wrap:anywhere;
      overflow-wrap:anywhere;
      color:#f8fbff;
    }

    .trade-stat-sub{
      min-width:0;
      color:var(--soft);
      font-size:11px;
      line-height:1.35;
      margin-top:auto;
      overflow-wrap:anywhere;
    }

    .trading-statusbar .trading-stat.v-green{
      border-color:rgba(34,197,94,.28);
      box-shadow:inset 0 0 0 1px rgba(34,197,94,.08);
    }

    .trading-statusbar .trading-stat.v-red{
      border-color:rgba(239,68,68,.28);
      box-shadow:inset 0 0 0 1px rgba(239,68,68,.08);
    }

    .trading-statusbar .trading-stat-black-swan.v-green .trading-stat-label,
    .trading-statusbar .trading-stat-black-swan.v-green .trading-stat-value,
    .trading-statusbar .trading-stat-black-swan.v-green .trade-stat-sub{
      color:#86efac;
    }

    .trading-statusbar .trading-stat-black-swan.v-red .trading-stat-label,
    .trading-statusbar .trading-stat-black-swan.v-red .trading-stat-value,
    .trading-statusbar .trading-stat-black-swan.v-red .trade-stat-sub{
      color:#fca5a5;
    }

    .trading-statusbar .trading-stat.v-yellow{
      border-color:rgba(245,158,11,.28);
      box-shadow:inset 0 0 0 1px rgba(245,158,11,.08);
    }

    .trading-statusbar .trading-stat.v-accent{
      border-color:rgba(96,165,250,.28);
      box-shadow:inset 0 0 0 1px rgba(96,165,250,.08);
    }

    .trading-section-tabs{
      margin-bottom:14px;
      padding:8px;
      border:1px solid rgba(84,109,168,.24);
      border-radius:18px;
      background:
        linear-gradient(180deg, rgba(15,23,42,.68), rgba(8,16,31,.42)),
        rgba(10,18,33,.36);
      box-shadow:
        0 14px 30px rgba(2,6,23,.14),
        inset 0 1px 0 rgba(255,255,255,.05);
      overflow-x:auto;
      overflow-y:hidden;
      scrollbar-width:none;
      -ms-overflow-style:none;
    }

    .trading-section-tabs::-webkit-scrollbar{
      display:none;
    }

    .trading-tabs{
      display:grid;
      grid-template-columns:repeat(6, minmax(112px, 1fr));
      gap:8px;
      border-radius:14px;
    }

    .trading-tab-btn{
      min-height:56px;
      border:1px solid rgba(84,109,168,.28);
      background:linear-gradient(180deg, rgba(15,23,42,.82), rgba(10,18,33,.42));
      color:#cbd6e8;
      border-radius:14px;
      padding:8px 10px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:8px;
      font-size:13px;
      font-weight:760;
      line-height:1.15;
      text-align:left;
      white-space:nowrap;
      cursor:pointer;
      box-shadow:0 12px 28px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.04);
      transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
    }

    .trading-tab-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.52);
      color:var(--text);
    }

    .trading-tab-btn.is-active{
      color:var(--text);
      box-shadow:0 16px 34px rgba(2,6,23,.22), inset 0 0 0 1px rgba(255,255,255,.08);
    }

    .trading-tab-btn.is-disabled{
      opacity:.55;
      cursor:not-allowed;
      border-color:rgba(148,163,184,.16);
      background:linear-gradient(180deg, rgba(15,23,42,.56), rgba(10,18,33,.30));
      color:#94a3b8;
      box-shadow:none;
    }

    .trading-tab-btn.is-disabled:hover{
      transform:none;
      border-color:rgba(148,163,184,.18);
      color:#94a3b8;
    }

    .trading-tab-icon{
      width:30px;
      height:30px;
      flex:0 0 30px;
      border-radius:9px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#9fb4d6;
      background:rgba(148,163,184,.09);
      border:1px solid rgba(148,163,184,.16);
      transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
    }

    .trading-tab-icon svg{
      width:18px;
      height:18px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.8;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .trading-tab-label{
      min-width:0;
      flex:1 1 auto;
      display:inline-flex;
      align-items:center;
      gap:6px;
      overflow:hidden;
      white-space:nowrap;
    }

    .trading-tab-text{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .trading-tab-btn:hover .trading-tab-icon,
    .trading-tab-btn.is-active .trading-tab-icon{
      transform:translateY(-1px);
    }

    .trading-tab-btn[data-tab="new"].is-active{
      background:rgba(56,189,248,.14);
      border-color:rgba(56,189,248,.42);
    }

    .trading-tab-btn[data-tab="new"].is-active .trading-tab-icon{
      color:#7dd3fc;
      background:rgba(56,189,248,.14);
      border-color:rgba(56,189,248,.3);
    }

    .trading-tab-btn[data-tab="auto"].is-active{
      background:rgba(74,222,128,.13);
      border-color:rgba(74,222,128,.4);
    }

    .trading-tab-btn[data-tab="auto"].is-active .trading-tab-icon{
      color:#86efac;
      background:rgba(74,222,128,.13);
      border-color:rgba(74,222,128,.3);
    }

    .trading-tab-btn[data-tab="protection"].is-active{
      background:rgba(96,165,250,.14);
      border-color:rgba(96,165,250,.42);
    }

    .trading-tab-btn[data-tab="protection"].is-active .trading-tab-icon{
      color:#93c5fd;
      background:rgba(96,165,250,.14);
      border-color:rgba(96,165,250,.3);
    }

    .trading-tab-btn[data-tab="hedge"].is-active{
      background:rgba(245,158,11,.14);
      border-color:rgba(245,158,11,.42);
    }

    .trading-tab-btn[data-tab="hedge"].is-active .trading-tab-icon{
      color:#fbbf24;
      background:rgba(245,158,11,.14);
      border-color:rgba(245,158,11,.3);
    }

    .trading-tab-btn[data-tab="active"].is-active{
      background:rgba(34,197,94,.12);
      border-color:rgba(34,197,94,.36);
    }

    .trading-tab-btn[data-tab="active"].is-active .trading-tab-icon{
      color:#4ade80;
      background:rgba(34,197,94,.12);
      border-color:rgba(34,197,94,.28);
    }

    .trading-tab-btn[data-tab="history"].is-active{
      background:rgba(168,85,247,.13);
      border-color:rgba(168,85,247,.38);
    }

    .trading-tab-btn[data-tab="history"].is-active .trading-tab-icon{
      color:#c4b5fd;
      background:rgba(168,85,247,.13);
      border-color:rgba(168,85,247,.28);
    }

    .tab-badge{
      min-width:22px;
      min-height:22px;
      padding:0 7px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(96,165,250,.18);
      color:#d8e6ff;
      font-size:12px;
      font-weight:700;
    }

    .tab-badge.is-locked{
      background:rgba(245,158,11,.16);
      color:#fde68a;
      font-size:10px;
      font-weight:900;
    }

    .trading-shell-loading{
      min-height:240px;
      border:1px solid rgba(84,109,168,.22);
      border-radius:12px;
      background:rgba(10,18,33,.24);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--soft);
    }

    .trading-shell{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .trading-section{
      display:none;
      flex-direction:column;
      gap:16px;
    }

    .trading-section.is-active{
      display:flex;
    }

    .trade-section-intro{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      padding:14px 16px;
      border:1px solid rgba(84,109,168,.18);
      border-radius:18px;
      background:
        linear-gradient(180deg, rgba(15,23,42,.52), rgba(8,16,31,.28)),
        rgba(10,18,33,.26);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .trade-section-intro h2{
      margin:2px 0 6px;
      font-size:24px;
      line-height:1.1;
    }

    .trade-section-intro p{
      margin:0;
      color:var(--soft);
      font-size:14px;
      line-height:1.45;
      max-width:760px;
    }

    .trade-section-tools{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .trade-work-grid{
      display:grid;
      grid-template-columns:minmax(0, 1.06fr) minmax(0, .96fr) minmax(0, 1fr);
      gap:16px;
      align-items:start;
    }

    .auto-trading-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:16px;
      align-items:start;
    }

    .auto-trading-card{
      min-height:100%;
    }

    .auto-trading-switch{
      display:flex;
      flex-direction:column;
      gap:8px;
      margin-bottom:14px;
      padding:12px;
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(7,13,24,.34);
    }

    .auto-trading-switch-row,
    .auto-trading-mode-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      min-width:0;
    }

    .auto-trading-mode-row{
      margin-bottom:12px;
    }

    .auto-trading-mode-row .trade-direction-toggle{
      flex:1 1 auto;
      min-width:0;
      margin:0;
    }

    .auto-preset-panel{
      display:grid;
      gap:12px;
      margin:14px 0 16px;
      padding:12px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:12px;
      background:rgba(15,23,42,.34);
    }

    .auto-preset-panel > div:first-child{
      display:grid;
      gap:4px;
    }

    .auto-preset-panel strong{
      color:#f8fbff;
    }

    .auto-preset-panel span{
      color:var(--soft);
      font-size:13px;
      line-height:1.4;
    }

    .auto-preset-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:8px;
    }

    .auto-preset-card{
      min-height:108px;
      border:1px solid rgba(148,163,184,.18);
      border-radius:10px;
      background:rgba(255,255,255,.035);
      color:var(--text);
      padding:10px;
      display:grid;
      gap:5px;
      text-align:left;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .auto-preset-card:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.45);
      background:rgba(96,165,250,.10);
    }

    .auto-preset-card strong{
      font-size:14px;
      line-height:1.2;
    }

    .auto-preset-card span,
    .auto-preset-card small{
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

    .auto-preset-card.good{border-color:rgba(34,197,94,.24)}
    .auto-preset-card.warn{border-color:rgba(245,158,11,.24)}
    .auto-preset-card.bad{border-color:rgba(239,68,68,.24)}

    .auto-trading-switch label,
    .auto-rule-check{
      display:flex;
      align-items:center;
      gap:10px;
      color:#edf5ff;
      font-size:14px;
      font-weight:750;
      cursor:pointer;
    }

    .auto-trading-switch p{
      margin:0;
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .auto-rule-list{
      display:flex;
      flex-direction:column;
      gap:10px;
      margin-top:14px;
      padding:12px;
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(7,13,24,.3);
    }

    .auto-rule-check{
      align-items:flex-start;
      color:var(--soft);
      font-size:13px;
      line-height:1.35;
    }

    .auto-trading-safety{
      display:flex;
      gap:10px;
      align-items:flex-start;
      padding:14px 16px;
      border:1px solid rgba(74,222,128,.24);
      border-radius:14px;
      background:linear-gradient(135deg, rgba(22,163,74,.14), rgba(8,15,29,.34));
      color:#dfffea;
      line-height:1.45;
    }

    .auto-trading-safety strong{
      white-space:nowrap;
      color:#f2fff6;
    }

    .auto-trading-run-card{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      padding:14px 16px;
      border:1px solid rgba(96,165,250,.22);
      border-radius:14px;
      background:linear-gradient(135deg, rgba(37,99,235,.12), rgba(8,15,29,.34));
    }

    .auto-trading-run-card > div:first-child{
      display:flex;
      flex-direction:column;
      gap:5px;
      min-width:220px;
    }

    .auto-trading-run-card strong{
      color:#f5f9ff;
    }

    .auto-trading-run-card span{
      color:var(--soft);
      font-size:13px;
      line-height:1.4;
    }

    .auto-trading-run-stats{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
    }

    .auto-trading-run-stats span{
      min-height:30px;
      padding:6px 9px;
      border-radius:999px;
      background:rgba(7,13,24,.42);
      border:1px solid rgba(84,109,168,.18);
      white-space:nowrap;
    }

    body[data-page="trading"] #tabAutoTrading{
      min-width:0;
      max-width:100%;
      overflow:hidden;
    }

    body[data-page="trading"] #tabAutoTrading .auto-trading-grid{
      grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
    }

    body[data-page="trading"] #tabAutoTrading .auto-trading-card,
    body[data-page="trading"] #tabAutoTrading .auto-mobile-fold,
    body[data-page="trading"] #tabAutoTrading .auto-mobile-fold-body,
    body[data-page="trading"] #tabAutoTrading .auto-preset-panel,
    body[data-page="trading"] #tabAutoTrading .auto-trading-safety{
      min-width:0;
      max-width:100%;
      overflow:hidden;
    }

    body[data-page="trading"] #tabAutoTrading .trade-field-grid{
      grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    }

    body[data-page="trading"] #tabAutoTrading .black-swan-head-tools,
    body[data-page="trading"] #tabAutoTrading .auto-trading-run-stats{
      min-width:0;
      max-width:100%;
    }

    body[data-page="trading"] #tabAutoTrading .trade-chip,
    body[data-page="trading"] #tabAutoTrading .auto-trading-run-stats span{
      max-width:100%;
      white-space:normal;
      overflow-wrap:anywhere;
      text-align:center;
    }

    body[data-page="trading"] #tabAutoTrading .auto-trading-safety{
      display:grid;
      grid-template-columns:auto minmax(0, 1fr);
      align-items:start;
    }

    body[data-page="trading"] #tabAutoTrading .auto-trading-safety > .auto-trading-run-stats{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
      justify-content:stretch;
    }

    body[data-page="trading"] #tabAutoTrading .auto-trading-safety > .trade-inline-note,
    body[data-page="trading"] #tabAutoTrading .auto-trading-safety > .btn{
      grid-column:1 / -1;
    }

    .auto-trading-orders-card{
      display:block;
      overflow:hidden;
    }

    .auto-orders-fold{
      padding:0;
    }

    .auto-mobile-fold{
      display:block;
      overflow:hidden;
      padding:0;
    }

    .auto-orders-body{
      display:grid;
      gap:12px;
      padding:0 16px 16px;
    }

    .auto-mobile-fold-body{
      display:grid;
      gap:12px;
      padding:0 16px 16px;
    }

    .auto-orders-toolbar{
      display:flex;
      justify-content:flex-end;
    }

    .auto-order-summary{
      display:grid;
      grid-template-columns:repeat(5, minmax(0, 1fr));
      gap:10px;
    }

    .auto-order-summary span{
      display:flex;
      flex-direction:column;
      gap:4px;
      padding:10px 12px;
      border:1px solid rgba(84,109,168,.20);
      border-radius:12px;
      background:rgba(7,13,24,.38);
    }

    .auto-order-summary small{
      color:var(--soft);
      font-size:11px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
    }

    .auto-order-summary strong{
      color:#f5f9ff;
      font-size:14px;
    }

    .auto-order-columns{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      align-items:start;
    }

    .auto-order-column{
      display:grid;
      gap:10px;
      min-width:0;
    }

    .auto-order-column-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:10px;
    }

    .auto-order-column-head strong{
      color:#f5f9ff;
    }

    .auto-order-column-head span{
      color:var(--soft);
      font-size:12px;
      text-align:right;
    }

    .auto-order-list{
      display:grid;
      gap:10px;
    }

    .auto-order-row{
      display:grid;
      gap:9px;
      padding:12px;
      border:1px solid rgba(84,109,168,.20);
      border-radius:14px;
      background:linear-gradient(145deg, rgba(7,13,24,.48), rgba(15,23,42,.28));
    }

    .auto-order-row.is-bot{
      border-color:rgba(74,222,128,.25);
      background:linear-gradient(145deg, rgba(20,83,45,.22), rgba(7,13,24,.36));
    }

    .auto-order-row-head,
    .auto-order-row-foot{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      min-width:0;
    }

    .auto-order-row-head strong{
      color:#f5f9ff;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .auto-order-row-meta{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:8px;
    }

    .auto-order-row-meta span{
      display:flex;
      flex-direction:column;
      gap:2px;
      min-width:0;
    }

    .auto-order-row-meta small,
    .auto-order-row-foot,
    .auto-order-message{
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

    .auto-order-row-meta strong{
      color:#eaf2ff;
      font-size:13px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .auto-order-row-meta strong.good{
      color:#86efac;
    }

    .auto-order-row-meta strong.bad{
      color:#fca5a5;
    }

    .auto-order-row-meta strong.warn{
      color:#fde68a;
    }

    .auto-order-empty{
      padding:14px;
      border:1px dashed rgba(84,109,168,.26);
      border-radius:14px;
      color:var(--soft);
      background:rgba(7,13,24,.24);
      font-size:13px;
    }

    .mini-btn.danger{
      border-color:rgba(248,113,113,.42);
      background:rgba(239,68,68,.13);
      color:#fecaca;
    }

    .connector-pill.bad{
      color:#ffc4c4;
      background:rgba(239,68,68,.15);
      border-color:rgba(239,68,68,.34);
    }

    .black-swan-panel{
      border-color:rgba(248,113,113,.24);
      background:
        radial-gradient(circle at top left, rgba(248,113,113,.12), transparent 34%),
        rgba(10,18,33,.30);
      overflow:hidden;
      padding:0;
    }

    .black-swan-summary{
      position:relative;
      display:flex;
      align-items:flex-start;
      gap:12px;
      padding:14px 16px;
      cursor:pointer;
      list-style:none;
    }

    .black-swan-static-head{
      cursor:default;
      border-bottom:1px solid rgba(148,163,184,.12);
      background:linear-gradient(180deg, rgba(248,113,113,.07), rgba(255,255,255,.018));
    }

    .black-swan-summary::-webkit-details-marker{
      display:none;
    }

    .black-swan-summary::after{
      content:"+";
      width:28px;
      height:28px;
      flex:0 0 28px;
      display:inline-grid;
      place-items:center;
      margin-left:auto;
      border:1px solid rgba(34,197,94,.32);
      border-radius:999px;
      background:rgba(22,101,52,.18);
      color:#22c55e;
      font-size:19px;
      font-weight:950;
      line-height:1;
    }

    .black-swan-static-head::after{
      display:none;
    }

    .auto-mobile-fold > .auto-mobile-fold-summary::after{
      display:none;
    }

    .black-swan-fold[open] > .black-swan-summary,
    .auto-orders-fold[open] > .auto-orders-summary,
    .auto-mobile-fold[open] > .auto-mobile-fold-summary{
      border-bottom:1px solid rgba(148,163,184,.12);
      background:linear-gradient(180deg, rgba(248,113,113,.07), rgba(255,255,255,.018));
    }

    .auto-orders-fold[open] > .auto-orders-summary,
    .auto-mobile-fold[open] > .auto-mobile-fold-summary{
      background:linear-gradient(180deg, rgba(96,165,250,.07), rgba(255,255,255,.018));
    }

    .black-swan-fold[open] > .black-swan-summary::after,
    .auto-orders-fold[open] > .auto-orders-summary::after,
    .auto-mobile-fold[open] > .auto-mobile-fold-summary::after{
      content:"-";
    }

    .auto-mobile-fold[open] > .auto-mobile-fold-summary{
      border-bottom:0;
      background:transparent;
    }

    .black-swan-summary-copy{
      display:grid;
      gap:4px;
      min-width:0;
      flex:1 1 360px;
    }

    .black-swan-summary-copy h3{
      margin:0;
      color:#f8fbff;
      font-size:18px;
      line-height:1.2;
    }

    .black-swan-summary-copy span{
      color:#aab8d1;
      font-size:13px;
      line-height:1.35;
    }

    .black-swan-body{
      display:grid;
      gap:10px;
      padding:12px 16px 16px;
    }

    .black-swan-head-tools{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
      flex-wrap:wrap;
    }

    .black-swan-info-btn{
      width:22px;
      height:22px;
      border:1px solid rgba(96,165,250,.38);
      border-radius:999px;
      background:rgba(96,165,250,.13);
      color:#dbeafe;
      font-size:12px;
      font-weight:900;
      line-height:1;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
    }

    .black-swan-info-btn:hover,
    .black-swan-info-btn:focus-visible{
      outline:none;
      background:rgba(96,165,250,.23);
      border-color:rgba(125,211,252,.62);
      box-shadow:0 0 0 4px rgba(56,189,248,.08);
    }

    .black-swan-volatility-card .eyebrow,
    .black-swan-volatility-grid small,
    .black-swan-regime-card strong{
      display:inline-flex;
      align-items:center;
      gap:7px;
      flex-wrap:wrap;
    }

    .black-swan-volatility-card .black-swan-info-btn{
      width:20px;
      height:20px;
      font-size:11px;
    }

    .black-swan-status-grid{
      display:grid;
      grid-template-columns:repeat(5, minmax(0, 1fr));
      gap:10px;
    }

    .black-swan-status-grid span{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-height:46px;
      padding:8px 10px;
      border:1px solid rgba(84,109,168,.20);
      border-radius:12px;
      background:rgba(7,13,24,.38);
    }

    .black-swan-status-grid small{
      color:var(--soft);
      font-size:11px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
    }

    .black-swan-status-grid strong{
      color:#f5f9ff;
      font-size:14px;
    }

    .black-swan-alert,
    .black-swan-advice{
      display:flex;
      gap:10px;
      align-items:flex-start;
      padding:10px 12px;
      border-radius:13px;
      line-height:1.45;
      font-size:13px;
    }

    .black-swan-alert{
      flex-direction:column;
      border:1px solid rgba(74,222,128,.22);
      background:rgba(22,163,74,.11);
      color:#dfffea;
    }

    .black-swan-alert.warn{
      border-color:rgba(245,158,11,.28);
      background:rgba(245,158,11,.12);
      color:#ffe8bc;
    }

    .black-swan-alert.bad{
      border-color:rgba(248,113,113,.34);
      background:rgba(239,68,68,.14);
      color:#ffd0d0;
    }

    .black-swan-volatility-card{
      display:grid;
      gap:12px;
      padding:13px;
      border:1px solid rgba(34,211,238,.22);
      border-radius:15px;
      background:
        radial-gradient(circle at top right, rgba(34,211,238,.12), transparent 36%),
        linear-gradient(135deg, rgba(14,165,233,.10), rgba(15,23,42,.34));
    }

    .black-swan-volatility-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .black-swan-volatility-head > div{
      display:grid;
      gap:5px;
      min-width:0;
    }

    .black-swan-volatility-head strong{
      color:#f5f9ff;
      font-size:15px;
    }

    .black-swan-volatility-head span{
      color:#b9c7dd;
      font-size:12.5px;
      line-height:1.5;
    }

    .black-swan-volatility-grid,
    .black-swan-regime-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .black-swan-volatility-grid span,
    .black-swan-regime-card{
      display:flex;
      flex-direction:column;
      gap:5px;
      min-width:0;
      border:1px solid rgba(84,109,168,.20);
      border-radius:13px;
      background:rgba(7,13,24,.34);
      padding:10px 11px;
    }

    .black-swan-volatility-grid small,
    .black-swan-regime-card small{
      color:var(--soft);
      font-size:11px;
      line-height:1.35;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
    }

    .black-swan-volatility-grid strong,
    .black-swan-regime-card strong{
      color:#f5f9ff;
      font-size:14px;
      line-height:1.25;
    }

    .black-swan-regime-card span{
      color:#dbeafe;
      font-size:12px;
      line-height:1.45;
    }

    .black-swan-regime-card.normal{ border-color:rgba(34,197,94,.22); }
    .black-swan-regime-card.volatile{ border-color:rgba(245,158,11,.26); }
    .black-swan-regime-card.extreme,
    .black-swan-regime-card.illiquid{ border-color:rgba(248,113,113,.26); }
    .black-swan-regime-card.blocked{ border-color:rgba(239,68,68,.34); background:rgba(239,68,68,.10); }

    .black-swan-config-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      align-items:start;
    }

    .black-swan-rule-list{
      margin-top:0;
      min-height:auto;
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .black-swan-check-row{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }

    .black-swan-check-row .auto-rule-check{
      flex:1 1 auto;
      min-width:0;
    }

    .black-swan-fields{
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .trade-field > .black-swan-field-label{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      min-width:0;
      width:100%;
    }

    .black-swan-field-label > span:first-child{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .black-swan-notes{
      border-color:rgba(14,165,233,.30);
      background:
        linear-gradient(135deg, rgba(14,165,233,.10), rgba(15,23,42,.34)),
        rgba(8,15,29,.44);
    }

    .black-swan-notes textarea{
      width:100%;
      min-height:58px;
      resize:vertical;
      border:1px solid rgba(56,189,248,.28);
      border-radius:11px;
      background:linear-gradient(180deg, rgba(7,13,24,.78), rgba(15,23,42,.62));
      color:#eef6ff;
      padding:10px 11px;
      line-height:1.45;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .black-swan-notes textarea:focus{
      outline:none;
      border-color:rgba(125,211,252,.58);
      box-shadow:0 0 0 4px rgba(56,189,248,.10), inset 0 1px 0 rgba(255,255,255,.05);
    }

    .black-swan-advice{
      border:1px solid rgba(96,165,250,.22);
      background:linear-gradient(135deg, rgba(37,99,235,.12), rgba(8,15,29,.34));
      color:#dbeafe;
    }

    .black-swan-advice strong{
      white-space:nowrap;
      color:#f5f9ff;
    }

    .black-swan-note-eval-grid{
      display:grid;
      grid-template-columns:minmax(240px, .85fr) minmax(300px, 1.15fr);
      gap:10px;
      align-items:stretch;
    }

    .black-swan-note-eval-grid .black-swan-notes,
    .black-swan-note-eval-grid .black-swan-advice{
      min-height:0;
      margin:0;
    }

    .black-swan-explainer{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
    }

    .black-swan-explainer div{
      padding:11px 12px;
      border:1px solid rgba(96,165,250,.18);
      border-radius:13px;
      background:linear-gradient(145deg, rgba(15,23,42,.48), rgba(7,13,24,.30));
    }

    .black-swan-explainer strong{
      display:block;
      color:#f5f9ff;
      font-size:13px;
      margin-bottom:5px;
    }

    .black-swan-explainer p{
      margin:0;
      color:#b9c7dd;
      font-size:12.5px;
      line-height:1.5;
    }

    .black-swan-events{
      display:flex;
      flex-direction:column;
      gap:6px;
      color:var(--soft);
      font-size:12px;
    }

    .black-swan-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
      flex-wrap:wrap;
    }

    .black-swan-actions .btn{
      border-radius:12px;
    }

    .black-swan-save-action{
      background:linear-gradient(135deg, rgba(34,197,94,.24), rgba(14,165,233,.16));
      border-color:rgba(74,222,128,.42);
      color:#eafff0;
    }

    .black-swan-status-action{
      background:linear-gradient(135deg, rgba(59,130,246,.28), rgba(14,165,233,.16));
      border-color:rgba(96,165,250,.44);
      color:#e8f4ff;
    }

    .black-swan-release-action{
      border-color:rgba(245,158,11,.40);
      background:rgba(245,158,11,.11);
      color:#ffe7b8;
    }

    .black-swan-kpi-reset{
      border-color:rgba(56,189,248,.32);
      background:rgba(14,165,233,.10);
      color:#dff7ff;
    }

    .black-swan-info-offcanvas{
      width:min(600px, calc(100vw - 28px));
    }

    .black-swan-info-body{
      display:grid;
      gap:14px;
      color:#dbeafe;
      font-size:14px;
      line-height:1.65;
    }

    .black-swan-info-body p{
      margin:0;
    }

    .black-swan-info-body ul{
      margin:0;
      padding-left:20px;
      display:grid;
      gap:9px;
    }

    .black-swan-info-example{
      display:grid;
      gap:5px;
      padding:12px 13px;
      border:1px solid rgba(96,165,250,.22);
      border-radius:14px;
      background:rgba(37,99,235,.10);
    }

    .black-swan-info-example strong{
      color:#fff;
    }

    .black-swan-info-example span{
      color:#cfe1ff;
    }

    .btn.danger{
      border-color:rgba(248,113,113,.42);
      background:linear-gradient(180deg, rgba(248,113,113,.92), rgba(185,28,28,.88));
      color:#fff8f8;
      box-shadow:0 14px 30px rgba(185,28,28,.26);
    }

    .trade-rr-wide{
      margin-top:16px;
    }

    .trade-rr-wide .trade-card-head{
      margin-bottom:14px;
    }

    .trade-active-grid{
      display:grid;
      grid-template-columns:minmax(320px, .92fr) minmax(0, 1.08fr);
      gap:16px;
      align-items:start;
    }

    .trade-active-stack{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .exchange-section{
      border:1px solid rgba(84,109,168,.18);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(10,18,33,.46), rgba(8,14,26,.24));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
      overflow:hidden;
    }

    .exchange-section[open]{
      border-color:rgba(84,109,168,.28);
      background:linear-gradient(180deg, rgba(12,20,37,.56), rgba(8,14,26,.28));
    }

    .exchange-section-summary{
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:14px 16px;
      cursor:pointer;
      user-select:none;
    }

    .exchange-section-summary::-webkit-details-marker{
      display:none;
    }

    .exchange-section-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .exchange-section-copy strong{
      font-size:17px;
      line-height:1.2;
      color:var(--text);
    }

    .exchange-section-tools{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:8px;
    }

    .exchange-section-body{
      padding:0 16px 16px;
    }

    .exchange-config-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
      margin-top:12px;
    }

    .exchange-section-connections{
      border-style:dashed;
      background:linear-gradient(180deg, rgba(8,14,26,.20), rgba(8,14,26,.12));
    }

    .exchange-section-summary::after{
      content:"+";
      width:30px;
      min-width:30px;
      height:30px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.24);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:var(--soft);
      font-size:18px;
      line-height:1;
      margin-left:4px;
      background:rgba(255,255,255,.03);
    }

    .exchange-section[open] .exchange-section-summary::after{
      content:"−";
    }

    .exchange-section-kraken{
      border-color:rgba(59,130,246,.26);
    }

    .exchange-section-kraken[open]{
      border-color:rgba(59,130,246,.42);
      box-shadow:0 0 0 1px rgba(59,130,246,.10), inset 0 1px 0 rgba(255,255,255,.03);
    }

    .exchange-section-kraken .exchange-section-summary{
      background:linear-gradient(90deg, rgba(37,99,235,.12), rgba(59,130,246,.03));
    }

    .exchange-section-kraken .trade-work-card{
      background:rgba(8,14,24,.34);
      border-color:rgba(59,130,246,.18);
    }

    .exchange-section-kraken .bitget-summary-tile strong,
    .exchange-section-kraken .bitget-position-grid strong,
    .exchange-section-kraken .bitget-position-meta strong,
    .exchange-section-kraken .bitget-position-pnl,
    .exchange-section-kraken .trade-chip{
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      letter-spacing:.01em;
    }

    .kraken-open-orders-panel{
      padding:12px;
      border:1px solid rgba(59,130,246,.18);
      border-radius:14px;
      background:rgba(7,13,24,.24);
    }

    .kraken-open-orders-heading{
      display:grid;
      gap:3px;
      min-width:0;
    }

    .kraken-open-orders-heading span{
      color:var(--soft);
      font-size:12px;
      text-align:left;
    }

    .kraken-order-summary{
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .kraken-protection-orders-fold{
      gap:0;
      overflow:hidden;
    }

    .kraken-protection-orders-summary{
      position:relative;
      cursor:pointer;
      padding-right:34px;
      list-style:none;
    }

    .kraken-protection-orders-summary::-webkit-details-marker{
      display:none;
    }

    .kraken-protection-orders-summary::after{
      content:"+";
      position:absolute;
      top:50%;
      right:0;
      width:24px;
      height:24px;
      display:inline-grid;
      place-items:center;
      border-radius:999px;
      border:1px solid rgba(74,222,128,.34);
      color:#4ade80;
      background:rgba(74,222,128,.10);
      font-weight:900;
      transform:translateY(-50%);
    }

    .kraken-protection-orders-fold[open] > .kraken-protection-orders-summary::after{
      content:"-";
    }

    .kraken-protection-orders-body{
      padding-top:10px;
    }

    .exchange-section-bitget .exchange-section-summary{
      background:linear-gradient(90deg, rgba(249,115,22,.08), rgba(249,115,22,.02));
    }

    .exchange-section-bybit .exchange-section-summary{
      background:linear-gradient(90deg, rgba(34,197,94,.08), rgba(34,197,94,.02));
    }

    .trade-work-card{
      border:1px solid rgba(84,109,168,.24);
      border-radius:12px;
      background:rgba(10,18,33,.26);
      padding:16px;
      display:flex;
      flex-direction:column;
      gap:14px;
      min-width:0;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

    .trade-card-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .trade-card-head h3{
      margin:2px 0 0;
      font-size:18px;
      line-height:1.2;
    }

    .trade-chip{
      min-height:28px;
      padding:5px 10px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:12px;
      font-weight:700;
      border:1px solid rgba(84,109,168,.26);
      background:rgba(14,23,40,.45);
      color:#dbe8ff;
      white-space:nowrap;
    }

    .trade-chip.good{
      border-color:rgba(34,197,94,.32);
      background:rgba(34,197,94,.14);
      color:#d9ffe8;
    }

    .trade-chip.warn{
      border-color:rgba(245,158,11,.32);
      background:rgba(245,158,11,.14);
      color:#fff2cd;
    }

    .trade-chip.bad{
      border-color:rgba(239,68,68,.32);
      background:rgba(239,68,68,.14);
      color:#ffd9d9;
    }

    .trade-chip.neutral{
      color:var(--soft);
    }

    .trade-field-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }

    .trade-field{
      display:flex;
      flex-direction:column;
      gap:7px;
      min-width:0;
    }

    .trade-field > span{
      font-size:12px;
      color:var(--soft);
      font-weight:700;
    }

    .trade-field input,
    .trade-field select{
      width:100%;
      min-height:42px;
      border:1px solid rgba(84,109,168,.28);
      border-radius:10px;
      background:rgba(12,20,37,.78);
      color:var(--text);
      padding:10px 12px;
      font-size:14px;
      outline:none;
    }

    .trade-field input{
      text-align:left;
      direction:ltr;
      font-variant-numeric:tabular-nums;
    }

    .trade-field.has-error input,
    .trade-field.has-error select,
    .trade-tp-row.has-error input{
      border-color:rgba(239,68,68,.52);
      box-shadow:0 0 0 1px rgba(239,68,68,.14);
    }

    .trade-direction-toggle{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }

    .direction-btn{
      min-height:42px;
      border-radius:10px;
      border:1px solid rgba(84,109,168,.28);
      background:rgba(12,20,37,.78);
      color:var(--soft);
      font-weight:700;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, color .18s ease;
    }

    .direction-btn.is-active{
      border-color:rgba(96,165,250,.58);
      background:rgba(37,99,235,.18);
      color:var(--text);
    }

    .trade-suggestion-btn{
      align-self:flex-start;
      border:none;
      background:transparent;
      color:#8eb9ff;
      padding:0;
      font-size:12px;
      cursor:pointer;
    }

    .trade-tp-grid{
      border:1px solid rgba(84,109,168,.2);
      border-radius:12px;
      background:rgba(7,14,26,.32);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .trade-tp-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      font-size:12px;
      color:var(--soft);
    }

    .trade-tp-row{
      display:grid;
      grid-template-columns:58px minmax(0, 1fr) 88px auto;
      gap:8px;
      align-items:center;
    }

    .trade-tp-row span{
      font-size:13px;
      font-weight:700;
    }

    .trade-tp-row input{
      min-height:40px;
      border:1px solid rgba(84,109,168,.28);
      border-radius:10px;
      background:rgba(12,20,37,.78);
      color:var(--text);
      padding:9px 11px;
      font-size:14px;
      width:100%;
      text-align:left;
      direction:ltr;
      font-variant-numeric:tabular-nums;
    }

    .trade-profile-bar{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      margin-top:10px;
      padding:10px 12px;
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.24);
    }

    .trade-profile-bar.is-saved{
      border-color:rgba(74,222,128,.24);
      box-shadow:inset 0 0 0 1px rgba(74,222,128,.07);
    }

    .trade-profile-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      flex:1 1 260px;
      min-width:240px;
    }

    .trade-profile-copy strong{
      font-size:14px;
      line-height:1.25;
      color:#f4f8ff;
    }

    .trade-profile-copy p{
      margin:0;
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
      max-width:560px;
    }

    .trade-profile-stats{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:8px;
      flex:1 1 270px;
      min-width:260px;
    }

    .trade-profile-stat{
      display:flex;
      flex-direction:column;
      gap:5px;
      min-height:62px;
      padding:10px 12px;
      border-radius:10px;
      border:1px solid rgba(84,109,168,.16);
      background:rgba(7,13,24,.32);
    }

    .trade-profile-stat span{
      color:rgba(207,220,255,.68);
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      font-weight:750;
      letter-spacing:.02em;
    }

    .trade-profile-stat strong{
      color:#f5f9ff;
      font-size:14px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .trade-profile-current{
      display:flex;
      flex-direction:column;
      gap:6px;
      flex:1 1 220px;
      min-width:220px;
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
    }

    .trade-profile-fields{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
      width:100%;
    }

    .trade-profile-fields .trade-field{
      margin:0;
      min-width:0;
    }

    .trade-profile-fields .trade-field input{
      text-align:left;
      direction:ltr;
      font-variant-numeric:tabular-nums;
    }

    .trade-profile-actions{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      width:100%;
    }

    .trade-profile-dock{
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.22);
      overflow:hidden;
    }

    .trade-profile-dock.is-saved{
      border-color:rgba(74,222,128,.2);
    }

    .trade-profile-summary{
      list-style:none;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:14px 16px;
      cursor:pointer;
    }

    .trade-profile-summary::-webkit-details-marker{
      display:none;
    }

    .trade-profile-summary::after{
      content:"+";
      margin-left:auto;
      color:#dbe8ff;
      font-size:18px;
      line-height:1;
      font-weight:700;
    }

    .trade-profile-dock[open] > .trade-profile-summary::after{
      content:"–";
    }

    .trade-profile-summary-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
      flex:1 1 320px;
    }

    .trade-profile-summary-copy strong{
      color:#f4f8ff;
      font-size:15px;
      line-height:1.2;
    }

    .trade-profile-summary-copy span{
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
    }

    .trade-profile-summary-tools{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      max-width:100%;
    }

    .trade-profile-body{
      padding:0 16px 16px;
    }

    .trade-fib-info{
      border:1px dashed rgba(84,109,168,.22);
      border-radius:12px;
      background:rgba(8,15,29,.24);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:5px;
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .trade-inline-note{
      border-radius:10px;
      padding:10px 12px;
      font-size:13px;
      line-height:1.45;
    }

    .trade-inline-note.ok{
      background:rgba(34,197,94,.10);
      color:#d9ffe8;
      border:1px solid rgba(34,197,94,.22);
    }

    .trade-inline-note.warn{
      background:rgba(245,158,11,.10);
      color:#fff0cc;
      border:1px solid rgba(245,158,11,.22);
    }

    .trade-inline-note.neutral{
      background:rgba(59,130,246,.08);
      color:#d9e8ff;
      border:1px solid rgba(59,130,246,.18);
    }

    .trade-inline-note.bad{
      background:rgba(239,68,68,.10);
      color:#ffd9d9;
      border:1px solid rgba(239,68,68,.22);
    }

    .bitget-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .btn.accent{
      border:1px solid rgba(249,115,22,.36);
      background:rgba(249,115,22,.16);
      color:#fff3e8;
    }

    .btn.accent:hover:not(:disabled){
      border-color:rgba(249,115,22,.52);
      background:rgba(249,115,22,.22);
    }

    .bitget-meta-field{
      justify-content:flex-end;
    }

    .bitget-meta-stack{
      min-height:42px;
      border:1px solid rgba(84,109,168,.28);
      border-radius:10px;
      background:rgba(12,20,37,.78);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:3px;
    }

    .bitget-meta-stack strong{
      font-size:14px;
      color:var(--text);
    }

    .bitget-meta-stack small{
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

    .bitget-summary-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:10px;
    }

    .bitget-summary-tile{
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.30);
      padding:11px 12px;
      display:flex;
      flex-direction:column;
      gap:5px;
    }

    .bitget-summary-tile small{
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .bitget-summary-tile strong{
      font-size:16px;
      line-height:1.2;
      color:var(--text);
    }

    .bitget-summary-tile.good strong{
      color:#3ddc97;
    }

    .bitget-summary-tile.bad strong{
      color:#ff8f8f;
    }

    .bitget-position-list{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .bitget-position-card{
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.30);
      padding:14px;
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .bitget-position-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .bitget-position-meta{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
    }

    .bitget-position-meta strong{
      font-size:16px;
      line-height:1.2;
    }

    .trade-position-asset{
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-width:116px;
    }

    .trade-position-asset > span:last-child{
      display:grid;
      gap:1px;
    }

    .trade-position-asset small{
      color:#8fa3bd;
      font-size:10px;
      line-height:1.1;
      letter-spacing:0;
    }

    .trade-position-asset .trading-asset-icon{
      width:30px;
      height:30px;
      flex:0 0 30px;
    }

    .bitget-position-pnl{
      min-width:172px;
      display:grid;
      gap:4px;
      padding:10px 12px;
      border:1px solid rgba(148,163,184,.16);
      border-radius:10px;
      background:rgba(255,255,255,.03);
      text-align:right;
      color:var(--text);
    }

    .bitget-position-pnl small{
      color:#9fb0c8;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.04em;
      line-height:1.2;
    }

    .bitget-position-pnl strong{
      font-size:22px;
      font-weight:800;
      line-height:1.05;
      color:#f8fbff;
    }

    .bitget-position-pnl span{
      color:#c7d3e6;
      font-size:12px;
      line-height:1.35;
    }

    .bitget-position-pnl.good{
      border-color:rgba(34,197,94,.24);
      background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.08));
    }

    .bitget-position-pnl.good strong{
      color:#bbf7d0;
    }

    .bitget-position-pnl.bad{
      border-color:rgba(239,68,68,.24);
      background:linear-gradient(180deg, rgba(239,68,68,.18), rgba(239,68,68,.08));
    }

    .bitget-position-pnl.bad strong{
      color:#fecaca;
    }

    .bitget-position-pnl.neutral{
      border-color:rgba(148,163,184,.18);
      background:linear-gradient(180deg, rgba(148,163,184,.12), rgba(148,163,184,.05));
    }

    .bitget-position-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:10px;
    }

    .bitget-position-grid span{
      min-width:0;
      border:1px solid rgba(84,109,168,.16);
      border-radius:10px;
      background:rgba(255,255,255,.02);
      padding:10px 11px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .bitget-position-grid small{
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .bitget-position-grid strong{
      color:var(--text);
      font-size:14px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .bitget-position-foot{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      color:var(--soft);
      font-size:12px;
    }

    .trade-inline-error{
      color:#ffd0d0;
      font-size:12px;
      line-height:1.4;
    }

    .trade-save-issue{
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    .trade-sizer-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:12px;
    }

    .trade-mode-switch{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }

    .trade-card-subhead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      min-width:0;
      margin-top:-2px;
    }

    .trade-card-subhead .field-label-with-info{
      align-items:center;
      gap:10px;
      color:#cdd9ea;
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .trade-card-subhead .field-label-with-info > span:first-child{
      white-space:normal;
      line-height:1.35;
    }

    .trade-info-toggle{
      position:relative;
      flex:0 0 auto;
    }

    .trade-info-toggle summary{
      list-style:none;
    }

    .trade-info-toggle summary::-webkit-details-marker{
      display:none;
    }

    .trade-info-btn{
      min-width:28px;
      min-height:28px;
      padding:0 9px;
      border-radius:999px;
      border-color:rgba(96,165,250,.28);
      background:rgba(96,165,250,.12);
      color:#e8f1ff;
      font-weight:900;
      line-height:1;
    }

    .trade-info-btn::before{
      content:none;
      display:none;
    }

    .trade-info-toggle[open] .trade-info-btn{
      border-color:rgba(96,165,250,.42);
      background:rgba(96,165,250,.18);
    }

    .trade-info-panel{
      position:absolute;
      top:calc(100% + 10px);
      right:0;
      z-index:16;
      width:min(360px, calc(100vw - 56px));
      padding:14px 15px;
      border:1px solid rgba(84,109,168,.34);
      border-radius:12px;
      background:rgba(7,13,24,.96);
      box-shadow:0 18px 36px rgba(2,6,23,.34);
      color:#dbe8ff;
      display:grid;
      gap:9px;
    }

    .trade-info-panel strong{
      color:#ffffff;
      font-size:13px;
      line-height:1.3;
    }

    .trade-info-panel p{
      margin:0;
      color:#c7d4e8;
      font-size:12px;
      line-height:1.55;
    }

    .trade-info-panel code{
      padding:1px 5px;
      border-radius:6px;
      background:rgba(255,255,255,.06);
      color:#f8fbff;
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size:11px;
    }

    .trade-sizing-audit{
      display:grid;
      gap:10px;
    }

    .trade-sizing-audit-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .trade-sizing-audit-card{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:11px 12px;
      display:grid;
      gap:5px;
    }

    .trade-sizing-audit-card.ok{
      border-color:rgba(34,197,94,.20);
      background:rgba(34,197,94,.08);
    }

    .trade-sizing-audit-card.warn{
      border-color:rgba(245,158,11,.20);
      background:rgba(245,158,11,.08);
    }

    .trade-sizing-audit-card.bad{
      border-color:rgba(239,68,68,.22);
      background:rgba(239,68,68,.08);
    }

    .trade-sizing-audit-card small{
      color:#b7c4d8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .trade-sizing-audit-card strong{
      color:#ffffff;
      font-size:18px;
      line-height:1.2;
    }

    .trade-sizing-audit-card span{
      color:#9fb0c8;
      font-size:12px;
      line-height:1.4;
    }

    .trade-tp-plan{
      display:grid;
      gap:10px;
    }

    .trade-card-subhead.compact{
      margin-bottom:0;
    }

    .trade-card-subhead-main{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    .trade-preset-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .trade-tp-plan-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .trade-tp-plan-card{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:11px 12px;
      display:grid;
      gap:8px;
    }

    .trade-tp-plan-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
    }

    .trade-tp-plan-head strong{
      color:#f8fbff;
      font-size:13px;
      line-height:1.2;
    }

    .trade-tp-plan-price{
      color:#ffffff;
      font-size:18px;
      font-weight:700;
      line-height:1.15;
    }

    .trade-tp-plan-metrics{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }

    .trade-tp-plan-metrics span{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .trade-tp-plan-metrics small{
      color:#9fb0c8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .trade-tp-plan-metrics strong{
      color:#edf3ff;
      font-size:13px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .trade-execution-card{
      margin-top:12px;
      display:grid;
      gap:10px;
    }

    .kraken-execution-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
    }

    .kraken-execution-row{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:11px 12px;
      display:grid;
      gap:8px;
    }

    .kraken-execution-row.good{
      border-color:rgba(34,197,94,.20);
      background:rgba(34,197,94,.08);
    }

    .kraken-execution-row.warn{
      border-color:rgba(245,158,11,.20);
      background:rgba(245,158,11,.08);
    }

    .kraken-execution-row.bad{
      border-color:rgba(239,68,68,.22);
      background:rgba(239,68,68,.08);
    }

    .kraken-execution-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
    }

    .kraken-execution-head strong{
      color:#f8fbff;
      font-size:13px;
      line-height:1.2;
    }

    .kraken-execution-metrics{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }

    .kraken-execution-metrics span{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .kraken-execution-metrics small{
      color:#9fb0c8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .kraken-execution-metrics strong{
      color:#edf3ff;
      font-size:13px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .kraken-execution-note{
      color:#b7c4d8;
      font-size:12px;
      line-height:1.45;
    }

    .kraken-action-log{
      border:1px solid rgba(84,109,168,.18);
      border-radius:8px;
      background:rgba(8,15,29,.18);
      padding:10px 12px;
      display:grid;
      gap:8px;
    }

    .kraken-action-log-title{
      color:#9fb0c8;
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.04em;
    }

    .kraken-action-log-row{
      display:grid;
      grid-template-columns:auto minmax(0, 1fr);
      gap:9px;
      align-items:start;
    }

    .kraken-action-log-row div{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .kraken-action-log-row strong{
      color:#edf3ff;
      font-size:13px;
      line-height:1.25;
    }

    .kraken-action-log-row small{
      color:#b7c4d8;
      font-size:12px;
      line-height:1.4;
      overflow-wrap:anywhere;
    }

    .trade-range-stack{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:10px;
      align-items:center;
    }

    .trade-range-stack input[type="range"]{
      width:100%;
      margin:0;
    }

    .trade-output-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
    }

    .trade-output-grid > div,
    .hedge-focus-grid > div{
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .trade-output-grid span,
    .hedge-focus-grid span{
      font-size:11px;
      color:var(--soft);
      text-transform:uppercase;
    }

    .trade-output-grid strong,
    .hedge-focus-grid strong{
      font-size:16px;
      line-height:1.15;
    }

    .rr-visual-shell{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .rr-visual-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      font-size:12px;
      color:var(--soft);
    }

    .rr-visual-box{
      position:relative;
      min-height:250px;
      border:1px solid rgba(84,109,168,.22);
      border-radius:12px;
      background:linear-gradient(180deg, rgba(10,18,33,.62), rgba(5,10,18,.78));
      overflow:hidden;
    }

    .trade-rr-wide .rr-visual-box{
      min-height:320px;
    }

    .trade-rr-wide .rr-visual-shell{
      gap:14px;
    }

    .trade-rr-wide .rr-visual-head{
      padding:0 2px;
      font-size:12px;
      color:rgba(207,220,255,.78);
    }

    .trade-rr-wide .rr-visual-head strong{
      font-size:14px;
      font-weight:760;
      color:#f4f8ff;
    }

    .trade-rr-wide .rr-line{
      padding:0 18px;
      gap:14px;
    }

    .trade-rr-wide .rr-line-label{
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .trade-rr-wide .rr-line-price{
      font-size:13px;
      font-weight:780;
    }

    .rr-zone{
      position:absolute;
      left:0;
      right:0;
      pointer-events:none;
    }

    .rr-zone.gain.short{
      background:linear-gradient(180deg, rgba(34,197,94,.10), rgba(34,197,94,.22));
    }

    .rr-zone.gain.long{
      background:linear-gradient(180deg, rgba(34,197,94,.22), rgba(34,197,94,.10));
    }

    .rr-zone.loss.short{
      background:linear-gradient(180deg, rgba(239,68,68,.18), rgba(239,68,68,.08));
    }

    .rr-zone.loss.long{
      background:linear-gradient(180deg, rgba(239,68,68,.08), rgba(239,68,68,.18));
    }

    .rr-line{
      position:absolute;
      left:0;
      right:0;
      display:grid;
      grid-template-columns:auto minmax(0, 1fr) auto;
      gap:10px;
      align-items:center;
      padding:0 12px;
      transform:translateY(-50%);
    }

    .rr-line::before{
      content:"";
      height:1px;
      background:rgba(125,176,255,.22);
      grid-column:2;
    }

    .rr-line.bad::before{
      border-top:1px dashed rgba(239,68,68,.52);
      background:transparent;
    }

    .rr-line-label,
    .rr-line-price{
      font-size:12px;
      font-weight:700;
      white-space:nowrap;
    }

    .rr-line.good .rr-line-label,
    .rr-line.good .rr-line-price{
      color:#c9f7da;
    }

    .rr-line.bad .rr-line-label,
    .rr-line.bad .rr-line-price{
      color:#ffd6d6;
    }

    .rr-line.accent .rr-line-label,
    .rr-line.accent .rr-line-price{
      color:#d7e7ff;
    }

    .rr-visual-empty{
      min-height:180px;
      border:1px dashed rgba(84,109,168,.2);
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--soft);
      font-size:13px;
      text-align:center;
      padding:18px;
    }

    .guard-hero{
      display:grid;
      grid-template-columns:110px minmax(0, 1fr);
      gap:14px;
      align-items:center;
    }

    .guard-ring{
      position:relative;
      width:110px;
      height:110px;
    }

    .guard-ring svg{
      width:100%;
      height:100%;
      transform:rotate(-90deg);
    }

    .guard-ring-track{
      fill:none;
      stroke:rgba(84,109,168,.22);
      stroke-width:10;
    }

    .guard-ring-progress{
      fill:none;
      stroke:#60a5fa;
      stroke-linecap:round;
      stroke-width:10;
    }

    .guard-ring.good .guard-ring-progress{
      stroke:#22c55e;
    }

    .guard-ring.warn .guard-ring-progress{
      stroke:#f59e0b;
    }

    .guard-ring.bad .guard-ring-progress{
      stroke:#ef4444;
    }

    .guard-ring-copy{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:2px;
    }

    .guard-ring-copy strong{
      font-size:28px;
      line-height:1;
    }

    .guard-ring-copy span{
      font-size:12px;
      color:var(--soft);
    }

    .guard-hero-copy strong{
      display:block;
      margin-bottom:6px;
      font-size:18px;
    }

    .guard-hero-copy p{
      margin:0;
      color:var(--soft);
      font-size:14px;
      line-height:1.5;
    }

    .guard-checklist{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .guard-row{
      display:grid;
      grid-template-columns:34px minmax(0, 1fr) auto;
      gap:10px;
      align-items:flex-start;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:10px 12px;
    }

    .guard-row.ok{
      border-color:rgba(34,197,94,.22);
    }

    .guard-row.partial{
      border-color:rgba(245,158,11,.22);
    }

    .guard-row.bad{
      border-color:rgba(239,68,68,.22);
    }

    .guard-icon{
      width:22px;
      height:22px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(84,109,168,.22);
      font-size:11px;
      font-weight:700;
    }

    .guard-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .guard-copy strong{
      font-size:13px;
    }

    .guard-copy span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .guard-points{
      font-size:12px;
      font-weight:700;
      color:var(--soft);
      white-space:nowrap;
    }

    .trade-action-stack{
      display:flex;
      flex-direction:column;
      gap:10px;
      margin-top:auto;
    }

    .hedge-grid{
      display:grid;
      grid-template-columns:minmax(320px, .9fr) minmax(0, 1.1fr);
      gap:16px;
      align-items:start;
    }

    .hedge-list{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-trade-row{
      width:100%;
      text-align:left;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      color:var(--text);
      padding:12px;
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:12px;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .hedge-trade-row:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.42);
    }

    .hedge-trade-row.is-active{
      border-color:rgba(96,165,250,.56);
      background:rgba(37,99,235,.14);
    }

    .hedge-row-main,
    .hedge-row-side{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .hedge-row-main span,
    .hedge-row-side span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-row-side{
      align-items:flex-end;
      text-align:right;
    }

    .hedge-row-side.good strong{
      color:#c9f7da;
    }

    .hedge-row-side.bad strong{
      color:#ffd6d6;
    }

    .hedge-focus-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .guard-summary-card{
      border-radius:12px;
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:6px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
    }

    .guard-summary-card.good{
      border-color:rgba(34,197,94,.24);
      background:rgba(34,197,94,.10);
    }

    .guard-summary-card.warn{
      border-color:rgba(245,158,11,.24);
      background:rgba(245,158,11,.10);
    }

    .guard-summary-card.bad{
      border-color:rgba(239,68,68,.24);
      background:rgba(239,68,68,.10);
    }

    .guard-summary-card span{
      color:var(--soft);
      font-size:13px;
      line-height:1.45;
    }

    .hedge-warning-stack{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-warning{
      border-radius:10px;
      padding:11px 12px;
      display:flex;
      flex-direction:column;
      gap:5px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
    }

    .hedge-warning strong{
      font-size:13px;
    }

    .hedge-warning span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-warning.good{
      border-color:rgba(34,197,94,.22);
      background:rgba(34,197,94,.10);
    }

    .hedge-warning.warn{
      border-color:rgba(245,158,11,.22);
      background:rgba(245,158,11,.10);
    }

    .hedge-warning.bad{
      border-color:rgba(239,68,68,.24);
      background:rgba(239,68,68,.10);
    }

    .hedge-subcard{
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.24);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .hedge-subhead{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }

    .hedge-subhead strong{
      font-size:14px;
    }

    .hedge-subhead span,
    .hedge-subnote,
    .trade-settings-note{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-action-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:8px;
    }

    .hedge-plan-list{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-plan{
      border:1px solid rgba(84,109,168,.16);
      border-radius:10px;
      background:rgba(6,12,23,.24);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .hedge-plan strong{
      font-size:13px;
    }

    .hedge-plan span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-plan.good{
      border-color:rgba(34,197,94,.2);
    }

    .hedge-plan.warn{
      border-color:rgba(245,158,11,.2);
    }

    .trade-settings-card{
      margin-bottom:2px;
    }

    .trade-settings-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }

    .trade-settings-actions{
      display:flex;
      justify-content:flex-start;
    }

    .active-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:16px;
      align-items:start;
    }

    .active-trade-table{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .active-trade-row{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:10px;
      padding:10px 12px;
      border-radius:10px;
      background:rgba(8,15,29,.24);
      border:1px solid rgba(84,109,168,.16);
    }

    .active-trade-main,
    .active-trade-meta{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .active-trade-main span,
    .active-trade-meta span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .active-trade-meta{
      align-items:flex-end;
      text-align:right;
    }

    .active-trade-actions{
      display:flex;
      gap:6px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .trade-empty-state{
      min-height:180px;
      border:1px dashed rgba(84,109,168,.2);
      border-radius:12px;
      background:rgba(8,15,29,.2);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:6px;
      text-align:center;
      padding:20px;
      color:var(--soft);
    }

    .trade-empty-state.compact{
      min-height:120px;
    }

    .hedge-risk-card{
      gap:16px;
    }

    .hedge-risk-head{
      align-items:center;
    }

    .hedge-risk-copy{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:4px;
      text-align:right;
      min-width:0;
    }

    .hedge-risk-copy strong{
      font-size:15px;
    }

    .hedge-risk-copy span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-risk-bar-shell{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-risk-bar{
      position:relative;
      min-height:14px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(12,20,37,.88);
      border:1px solid rgba(84,109,168,.26);
    }

    .hedge-risk-bar span{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(34,197,94,.88) 0%, rgba(245,158,11,.92) 60%, rgba(239,68,68,.94) 100%);
      box-shadow:0 0 16px rgba(245,158,11,.18);
    }

    .hedge-risk-legend{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-cluster-warning{
      border:1px solid rgba(245,158,11,.28);
      border-radius:10px;
      background:rgba(245,158,11,.1);
      padding:12px 14px;
      display:flex;
      flex-direction:column;
      gap:5px;
    }

    .hedge-cluster-warning strong{
      font-size:13px;
      color:#fff2ce;
    }

    .hedge-cluster-warning span{
      color:#ffe9bf;
      font-size:12px;
      line-height:1.5;
    }

    .hedge-form-grid{
      display:grid;
      grid-template-columns:repeat(6, minmax(0, 1fr));
      gap:12px;
      align-items:start;
    }

    .hedge-form-submit{
      white-space:nowrap;
    }

    .hedge-card-list{
      display:flex;
      flex-direction:column;
      gap:14px;
    }

    .hedge-source-block{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .hedge-collapsible-block{
      border:1px solid rgba(84,109,168,.18);
      border-radius:14px;
      background:rgba(8,15,29,.18);
      overflow:hidden;
      padding:0;
    }

    .hedge-section-intro{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
    }

    .hedge-section-summary{
      list-style:none;
      cursor:pointer;
      margin:0;
      padding:14px 16px;
      position:relative;
    }

    .hedge-section-summary::-webkit-details-marker{
      display:none;
    }

    .hedge-section-summary::after{
      content:"+";
      position:absolute;
      top:16px;
      right:16px;
      color:#22c55e;
      font-size:18px;
      line-height:1;
      font-weight:700;
    }

    .hedge-collapsible-block[open] > .hedge-section-summary::after{
      content:"-";
    }

    .hedge-collapsible-block > .hedge-card-list{
      padding:0 16px 16px;
    }

    .hedge-section-intro h3{
      margin:2px 0 6px;
      font-size:18px;
      line-height:1.2;
    }

    .hedge-section-intro p{
      margin:0;
      color:var(--soft);
      font-size:13px;
      line-height:1.5;
      max-width:720px;
    }

    .hedge-section-count{
      flex:0 0 auto;
      min-width:84px;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
      text-align:center;
    }

    .hedge-section-count span{
      display:block;
      margin-bottom:4px;
      color:rgba(207,220,255,.66);
      font-size:10px;
      line-height:1.15;
      text-transform:uppercase;
      font-weight:760;
      letter-spacing:.04em;
    }

    .hedge-section-count strong{
      display:block;
      font-size:15px;
      line-height:1.1;
    }

    .hedge-source-block.manual .hedge-section-count{
      border-color:rgba(96,165,250,.22);
      box-shadow:inset 0 0 0 1px rgba(96,165,250,.06);
    }

    .hedge-source-block.live .hedge-section-count{
      border-color:rgba(34,197,94,.22);
      box-shadow:inset 0 0 0 1px rgba(34,197,94,.06);
    }

    .hedge-source-block.history .hedge-section-count{
      border-color:rgba(34,197,94,.2);
      box-shadow:inset 0 0 0 1px rgba(34,197,94,.05);
    }

    .hedge-history-list{
      gap:8px;
    }

    .hedge-history-row{
      display:grid;
      grid-template-columns:minmax(150px, 1.25fr) minmax(120px, .8fr) minmax(160px, 1fr) minmax(96px, .7fr);
      align-items:center;
      gap:10px;
      padding:10px 12px;
      border:1px solid rgba(84,109,168,.16);
      border-radius:10px;
      background:rgba(8,15,29,.2);
    }

    .hedge-history-main{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }

    .hedge-history-main .hedge-asset-badge{
      width:32px;
      height:32px;
    }

    .hedge-history-main > div,
    .hedge-history-meta,
    .hedge-history-pnl{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:3px;
    }

    .hedge-history-main strong,
    .hedge-history-meta strong,
    .hedge-history-pnl strong{
      font-size:13px;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .hedge-history-main span,
    .hedge-history-meta span,
    .hedge-history-pnl span{
      color:var(--soft);
      font-size:11px;
      line-height:1.25;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .hedge-history-pnl{
      align-items:flex-end;
      text-align:right;
    }

    .hedge-trade-card{
      position:relative;
      padding-left:18px;
    }

    .hedge-trade-card::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      border-radius:999px;
      background:rgba(96,165,250,.55);
    }

    .hedge-trade-card.good::before{
      background:rgba(34,197,94,.9);
    }

    .hedge-trade-card.warn::before{
      background:rgba(245,158,11,.92);
    }

    .hedge-trade-card.bad::before{
      background:rgba(239,68,68,.92);
    }

    .hedge-card-header{
      display:grid;
      grid-template-columns:minmax(0, 1.4fr) auto auto;
      gap:14px;
      align-items:center;
    }

    .hedge-card-symbol{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    .hedge-card-symbol > div{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:6px;
    }

    .hedge-card-symbol strong{
      font-size:18px;
      line-height:1;
    }

    .hedge-source-line{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }

    .hedge-origin-pill{
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:3px 9px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
      color:#dbe8ff;
      font-size:11px;
      font-weight:700;
      line-height:1;
    }

    .hedge-origin-pill.muted{
      color:var(--soft);
    }

    .hedge-origin-pill.manual{
      border-color:rgba(96,165,250,.18);
      background:rgba(96,165,250,.12);
      color:#dbe8ff;
    }

    .hedge-origin-pill.exchange{
      border-color:rgba(34,197,94,.22);
      background:rgba(34,197,94,.12);
      color:#dcfce7;
    }

    .hedge-origin-pill-wide{
      line-height:1.35;
      white-space:normal;
    }

    .hedge-asset-badge{
      position:relative;
      width:40px;
      height:40px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:rgba(96,165,250,.16);
      border:1px solid rgba(96,165,250,.3);
      color:#dce8ff;
      font-size:12px;
      font-weight:800;
      letter-spacing:0;
      flex:0 0 auto;
    }

    .hedge-asset-badge img{
      position:absolute;
      inset:6px;
      width:calc(100% - 12px);
      height:calc(100% - 12px);
      object-fit:contain;
    }

    .hedge-asset-badge img + span{
      opacity:0;
    }

    .hedge-card-age,
    .hedge-card-pnl{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .hedge-card-age{
      align-items:flex-start;
    }

    .hedge-card-age span,
    .hedge-card-pnl span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-card-pnl{
      align-items:flex-end;
      text-align:right;
    }

    .hedge-card-pnl strong{
      font-size:22px;
      line-height:1;
    }

    .hedge-state-row{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      margin-top:2px;
    }

    .hedge-state-row-mobile{
      display:none;
    }

    .hedge-state-disclosure{
      display:none;
      margin-top:2px;
    }

    .hedge-state-disclosure-summary{
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:10px 12px;
      border-radius:10px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.26);
      color:#f4f8ff;
      font-size:12px;
      font-weight:700;
      line-height:1.35;
      cursor:pointer;
    }

    .hedge-state-disclosure-summary::-webkit-details-marker{
      display:none;
    }

    .hedge-state-disclosure-summary::marker{
      content:"";
    }

    .hedge-state-disclosure-hint{
      color:var(--soft);
      font-size:11px;
      font-weight:700;
    }

    .hedge-state-pill{
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:4px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.26);
      color:#dbe8ff;
      font-size:11px;
      font-weight:720;
      line-height:1;
    }

    .hedge-state-pill.good{
      border-color:rgba(34,197,94,.24);
      background:rgba(34,197,94,.12);
      color:#dcfce7;
    }

    .hedge-state-pill.warn{
      border-color:rgba(245,158,11,.24);
      background:rgba(245,158,11,.12);
      color:#fde68a;
    }

    .hedge-state-pill.bad{
      border-color:rgba(239,68,68,.26);
      background:rgba(239,68,68,.12);
      color:#fecaca;
    }

    .hedge-state-pill.accent{
      border-color:rgba(96,165,250,.24);
      background:rgba(96,165,250,.12);
      color:#dbe8ff;
    }

    .hedge-state-pill.neutral{
      color:var(--soft);
    }

    .hedge-meta-grid{
      display:grid;
      grid-template-columns:repeat(5, minmax(0, 1fr));
      gap:10px;
    }

    .hedge-meta-grid > div{
      display:flex;
      flex-direction:column;
      gap:5px;
      min-width:0;
      padding:10px 12px;
      border-radius:10px;
      background:rgba(8,15,29,.28);
      border:1px solid rgba(84,109,168,.18);
    }

    .hedge-meta-grid span{
      color:var(--soft);
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.02em;
    }

    .hedge-meta-grid strong{
      font-size:14px;
      line-height:1.3;
      overflow-wrap:anywhere;
    }

    .hedge-cost-bar{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .hedge-cost-bar > div{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
      padding:9px 12px;
      border-radius:10px;
      background:rgba(8,15,29,.20);
      border:1px solid rgba(84,109,168,.14);
    }

    .hedge-cost-bar span{
      color:var(--soft);
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.02em;
    }

    .hedge-cost-bar strong{
      font-size:13px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }

    .hedge-chip-row{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    .hedge-chip{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.26);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .hedge-chip strong{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:12px;
    }

    .hedge-chip span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-chip-dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:rgba(148,163,184,.85);
      flex:0 0 auto;
    }

    .hedge-chip.ok{
      border-color:rgba(34,197,94,.24);
    }

    .hedge-chip.ok .hedge-chip-dot{
      background:rgba(34,197,94,.95);
      box-shadow:0 0 0 4px rgba(34,197,94,.12);
    }

    .hedge-chip.warn{
      border-color:rgba(245,158,11,.24);
    }

    .hedge-chip.warn .hedge-chip-dot{
      background:rgba(245,158,11,.95);
      box-shadow:0 0 0 4px rgba(245,158,11,.12);
    }

    .hedge-chip.bad{
      border-color:rgba(239,68,68,.24);
    }

    .hedge-chip.bad .hedge-chip-dot{
      background:rgba(239,68,68,.95);
      box-shadow:0 0 0 4px rgba(239,68,68,.12);
    }

    .hedge-recommendation{
      border-radius:12px;
      padding:14px;
      display:flex;
      flex-direction:column;
      gap:8px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.26);
    }

    .hedge-recommendation-head strong{
      font-size:14px;
    }

    .hedge-recommendation p{
      margin:0;
      font-size:13px;
      line-height:1.55;
      color:var(--soft);
      white-space:pre-line;
    }

    .hedge-recommendation.good{
      border-color:rgba(34,197,94,.26);
      background:rgba(34,197,94,.09);
    }

    .hedge-recommendation.warn{
      border-color:rgba(245,158,11,.26);
      background:rgba(245,158,11,.09);
    }

    .hedge-recommendation.bad{
      border-color:rgba(239,68,68,.28);
      background:rgba(239,68,68,.1);
    }

    .hedge-ignored-note{
      border:1px dashed rgba(84,109,168,.24);
      border-radius:10px;
      padding:11px 12px;
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-card-actions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .hedge-action-block{
      display:flex;
      flex-direction:column;
      gap:10px;
      padding-top:10px;
      border-top:1px solid rgba(84,109,168,.14);
    }

    .hedge-action-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .hedge-action-head strong{
      font-size:13px;
      line-height:1.2;
      color:#f4f8ff;
    }

    .hedge-action-head span{
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

    .trade-modal-dialog{
      max-width:820px;
    }

    body[data-page="trading"] .trade-confirm-overlay,
    body[data-page="trading"] .trade-offcanvas-overlay{
      align-items:center;
      justify-content:center;
      padding:18px 12px;
      overflow:hidden;
    }

    body[data-page="trading"] .trade-modal-dialog.trade-offcanvas-dialog,
    body[data-page="trading"] .trade-confirm-dialog.trade-offcanvas-dialog{
      width:min(760px, calc(100vw - 24px));
      max-height:calc(100vh - 36px);
      max-height:calc(100dvh - 36px);
      padding:12px;
      gap:8px;
      border-radius:16px;
      animation:none;
      transform:none;
      will-change:auto;
      scrollbar-gutter:stable;
      overscroll-behavior:contain;
      contain:layout paint;
    }

    @media (max-width: 1100px){
      body[data-page="trading"] .trade-confirm-overlay,
      body[data-page="trading"] .trade-offcanvas-overlay{
        --trading-modal-top-space:calc(var(--sticky-header-offset, 88px) + 112px);
        align-items:flex-start;
        padding:var(--trading-modal-top-space) 12px 12px;
      }

      body[data-page="trading"] .trade-modal-dialog.trade-offcanvas-dialog,
      body[data-page="trading"] .trade-confirm-dialog.trade-offcanvas-dialog{
        max-height:calc(100vh - var(--trading-modal-top-space) - 12px);
        max-height:calc(100dvh - var(--trading-modal-top-space) - 12px);
      }
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-head{
      gap:8px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-head h3{
      font-size:16px;
      line-height:1.15;
      margin-top:0;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-inline-note{
      padding:8px 10px;
      font-size:11px;
      line-height:1.3;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-metrics{
      gap:6px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-metrics span{
      min-height:44px;
      padding:6px 8px;
      gap:2px;
      border-radius:8px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-metrics small{
      font-size:9px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-metrics strong{
      font-size:12px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-columns{
      gap:7px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-columns > div{
      padding:8px;
      border-radius:9px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-columns strong{
      margin-bottom:4px;
      font-size:12px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-columns ul{
      font-size:11px;
      line-height:1.28;
      padding-left:16px;
    }

    body[data-page="trading"] .trade-modal-dialog .trade-confirm-actions .btn,
    body[data-page="trading"] .trade-modal-dialog .trade-confirm-head .mini-btn{
      min-height:34px;
      padding:7px 10px;
      font-size:12px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-action-log{
      padding:8px;
      gap:6px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-action-log-row{
      gap:7px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-action-log-row strong{
      font-size:11px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-action-log-row small{
      font-size:10px;
      line-height:1.25;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-execution-grid{
      gap:7px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-execution-row{
      padding:8px;
      gap:5px;
      border-radius:9px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-execution-metrics{
      gap:5px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-execution-head strong,
    body[data-page="trading"] .trade-modal-dialog .kraken-execution-metrics strong{
      font-size:11px;
    }

    body[data-page="trading"] .trade-modal-dialog .kraken-execution-metrics small,
    body[data-page="trading"] .trade-modal-dialog .kraken-execution-note{
      font-size:10px;
      line-height:1.25;
    }

    @media (max-width: 1320px){
      .trading-statusbar .statusbar-track{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 980px){
      .trading-statusbar .statusbar-track{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 1100px){
      .trade-work-grid,
      .auto-trading-grid,
      .auto-order-columns,
      .black-swan-config-grid,
      .black-swan-fields,
      .hedge-grid,
      .active-grid{
        grid-template-columns:1fr;
      }

      .black-swan-status-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .hedge-form-grid{
        grid-template-columns:1fr;
      }

      .hedge-card-header,
      .hedge-chip-row,
      .hedge-meta-grid,
      .hedge-cost-bar{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .hedge-section-intro{
        flex-direction:column;
      }

      .hedge-section-count{
        min-width:0;
      }

      .hedge-history-row{
        grid-template-columns:1fr 1fr;
      }

      .hedge-history-pnl{
        align-items:flex-start;
        text-align:left;
      }
    }

    @media (max-width: 820px){
      .hedge-history-row{
        grid-template-columns:1fr;
      }

      .trading-statusbar .statusbar-track{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:7px;
        overflow:visible;
        padding:0;
      }

      .trading-statusbar .trading-stat{
        min-height:72px;
        padding:9px 10px;
        gap:5px;
      }

      .trading-statusbar .trading-stat-label{
        font-size:8px;
        line-height:1.1;
      }

      .trading-statusbar .trading-stat-value{
        font-size:12px;
        line-height:1.15;
      }

      .trading-statusbar .trade-stat-sub{
        font-size:9px;
        line-height:1.22;
      }

      .trading-section-tabs{
        overflow-x:auto;
        overflow-y:hidden;
        margin-bottom:12px;
      }

      .trading-tabs{
        display:grid;
        grid-template-columns:repeat(6, minmax(112px, 1fr));
        gap:8px;
        overflow:visible;
        padding-bottom:0;
      }

      .trading-tab-btn{
        min-width:0;
        min-height:52px;
        padding:8px 8px;
        justify-content:flex-start;
        align-items:center;
        text-align:left;
        line-height:1.15;
        white-space:nowrap;
        gap:6px;
        box-shadow:0 10px 24px rgba(2,6,23,.16);
      }

      .trading-tab-icon{
        width:28px;
        height:28px;
        flex-basis:28px;
      }

      .trading-tab-icon svg{
        width:17px;
        height:17px;
      }

      .trading-tab-label{
        max-width:100%;
        font-size:12px;
      }

      .tab-badge{
        margin-left:0;
      }

      .trade-section-intro,
      .trade-card-head{
        flex-direction:column;
        align-items:flex-start;
      }

      .exchange-section-summary{
        align-items:flex-start;
        flex-wrap:wrap;
        position:relative;
        padding:14px 52px 12px 12px;
      }

      .exchange-section-summary::after{
        position:absolute;
        top:12px;
        right:12px;
        margin-left:0;
      }

      .exchange-section-tools{
        justify-content:flex-start;
        width:100%;
      }

      .exchange-section-body{
        padding:0 12px 12px;
      }

      .trade-active-stack{
        gap:14px;
      }

      .trade-work-card{
        padding:14px;
        gap:12px;
      }

      .trade-field-grid,
      .auto-trading-grid,
      .auto-preset-grid,
      .auto-order-summary,
      .auto-order-columns,
      .auto-order-row-meta,
      .black-swan-config-grid,
      .black-swan-fields,
      .trade-mode-switch,
      .trade-sizer-grid,
      .trade-sizing-audit-grid,
      .trade-tp-plan-grid,
      .kraken-execution-grid,
      .exchange-config-grid,
      .trade-active-grid,
      .hedge-focus-grid,
      .trade-settings-grid,
      .hedge-action-grid{
        grid-template-columns:1fr;
      }

      .auto-trading-safety{
        flex-direction:column;
      }

      .auto-trading-run-card{
        flex-direction:column;
      }

      .auto-trading-run-stats{
        justify-content:flex-start;
      }

      .auto-order-column-head,
      .auto-order-row-foot{
        align-items:flex-start;
        flex-direction:column;
      }

      .black-swan-status-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .black-swan-head-tools{
        justify-content:flex-start;
      }

      .black-swan-actions{
        justify-content:flex-start;
      }

      .bitget-summary-grid,
      .bitget-position-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .hedge-risk-head,
      .hedge-card-header{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
      }

      .hedge-action-head{
        align-items:flex-start;
      }

      .hedge-section-count{
        width:100%;
        text-align:left;
      }

      .trade-profile-stats{
        grid-template-columns:1fr;
      }

      .trade-profile-fields{
        grid-template-columns:1fr;
      }

      .trade-profile-summary{
        flex-direction:column;
      }

      .trade-profile-summary::after{
        display:none;
      }

      .trade-card-subhead{
        align-items:flex-start;
      }

      .trade-info-panel{
        left:0;
        right:auto;
        width:min(360px, calc(100vw - 72px));
      }

      .hedge-risk-copy,
      .hedge-card-pnl{
        align-items:flex-start;
        text-align:left;
      }

      .hedge-origin-pill-wide{
        max-width:100%;
        align-items:flex-start;
      }

      .hedge-state-row-desktop{
        display:none;
      }

      .hedge-state-disclosure{
        display:block;
      }

      .hedge-state-disclosure[open] .hedge-state-disclosure-summary{
        border-color:rgba(96,165,250,.22);
      }

      .hedge-state-row-mobile{
        display:flex;
        margin-top:10px;
      }

      .bitget-position-head{
        flex-direction:column;
        align-items:stretch;
      }

      .bitget-position-pnl{
        min-width:0;
        width:100%;
        text-align:left;
      }

      .bitget-position-pnl strong{
        font-size:20px;
      }

      .bitget-position-card{
        padding:12px;
        gap:10px;
      }

      .bitget-position-grid span{
        padding:9px 10px;
      }

      .bitget-position-foot{
        flex-direction:column;
        align-items:stretch;
      }

      .bitget-position-foot .mini-btn{
        width:100%;
        justify-content:center;
      }

      .guard-hero{
        grid-template-columns:1fr;
      }

      .guard-ring{
        margin:0 auto;
      }
    }

    @media (max-width: 560px){
      .trading-statusbar .statusbar-track{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:6px;
      }

      .trading-statusbar .trading-stat{
        min-height:68px;
        padding:8px 8px 7px;
        gap:4px;
      }

      .trading-statusbar .trading-stat-label{
        font-size:7.5px;
      }

      .trading-statusbar .trading-stat-value{
        font-size:11px;
        line-height:1.1;
      }

      .trading-statusbar .trade-stat-sub{
        font-size:8px;
        line-height:1.18;
      }

      .trading-tab-btn{
        min-width:0;
        min-height:54px;
        padding:9px 6px;
        font-size:11px;
        border-radius:11px;
      }

      .bitget-summary-grid,
      .bitget-position-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 620px){
      .trade-tp-row,
      .active-trade-row,
      .hedge-trade-row{
        grid-template-columns:1fr;
      }

      .trade-tp-row span{
        margin-bottom:-2px;
      }

      .trade-output-grid{
        grid-template-columns:1fr;
      }

      .hedge-meta-grid,
      .hedge-chip-row,
      .hedge-cost-bar{
        grid-template-columns:1fr;
      }

      .rr-line{
        grid-template-columns:auto auto;
      }

      .rr-line::before{
        display:none;
      }

      .hedge-row-side,
      .active-trade-meta{
        align-items:flex-start;
        text-align:left;
      }
    }

    :root{
      --surface-0:rgba(14,19,29,.98);
      --surface-1:rgba(18,24,37,.98);
      --surface-2:rgba(26,34,50,.92);
      --surface-3:rgba(255,255,255,.028);
      --surface-quiet:rgba(255,255,255,.018);
      --border-subtle:rgba(148,163,184,.14);
      --border-strong:rgba(148,163,184,.24);
      --text-strong:#eef4ff;
      --text-muted:#95a2b8;
      --tint-good:rgba(34,197,94,.08);
      --tint-warn:rgba(245,158,11,.08);
      --tint-bad:rgba(239,68,68,.08);
      --shadow-soft:0 8px 20px rgba(2,6,23,.12);
      --shadow-panel:0 12px 28px rgba(2,6,23,.14);
      --radius-sm:10px;
      --radius-md:12px;
      --radius-lg:16px;
    }

    body{
      background:linear-gradient(180deg, #0b1018 0%, #0f1621 100%);
      color:var(--text-strong);
    }

    .wrap{
      padding-top:12px;
    }

    .topbar{
      grid-template-columns:minmax(0, 1fr) auto;
      gap:18px;
      margin-bottom:12px;
      padding:14px 16px;
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-lg);
      background:linear-gradient(180deg, rgba(18,24,36,.94), rgba(12,17,27,.98));
      box-shadow:var(--shadow-soft);
      overflow:visible;
    }

    .topbar::before,
    .topbar::after,
    .blockchain-strip{
      display:none;
    }

    .header-bitcoin{
      display:none !important;
    }

    .titlebox h1{
      text-shadow:none;
    }

    .titlebox p,
    .active-coin-copy span,
    .dock-copy small,
    .trade-stat-sub{
      color:var(--text-muted);
    }

    .btn{
      border-radius:var(--radius-md);
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.04);
      box-shadow:none;
    }

    .btn::before,
    .btn:not(.icon-command)::after{
      display:none;
    }

    .btn:hover{
      box-shadow:none;
    }

    .btn.primary{
      border-color:rgba(96,165,250,.28);
      box-shadow:none;
      background:linear-gradient(180deg, #3d74f4 0%, #2859d0 100%);
    }

    .btn.ghost{
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.025);
      box-shadow:none;
    }

    .statusbar{
      margin-bottom:10px;
    }

    .statusbar-track{
      padding:0 0 2px 0;
    }

    .stat{
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--radius-sm);
      background:rgba(255,255,255,.025);
    }

    .topbar-nav-slot{
      min-width:0;
      display:flex;
      align-items:flex-start;
      justify-content:flex-end;
      position:relative;
      z-index:8;
    }

    .top-actions-nav-slot{
      grid-column:1 / -1;
      width:100%;
      justify-content:flex-start;
    }

    .topbar-nav-slot .app-nav.nav-flyout{
      width:100%;
      max-width:100%;
      margin:0;
      justify-content:flex-end;
    }

    .topbar-nav-slot .app-nav{
      gap:8px;
      padding:0;
      border:0;
      background:transparent;
      box-shadow:none;
      margin:0;
    }

    .topbar-nav-slot .app-nav a{
      min-height:38px;
      padding:8px 12px;
      gap:6px;
      border-radius:var(--radius-sm);
      border:1px solid transparent;
      background:rgba(255,255,255,.03);
      box-shadow:none;
      font-weight:700;
      font-size:13px;
    }

    .topbar-nav-slot .app-nav a::before{
      display:none;
    }

    .topbar-nav-slot .nav-link-icon{
      width:24px;
      height:24px;
      flex-basis:24px;
      border-radius:8px;
      box-shadow:none;
    }

    .topbar-nav-slot .nav-link-icon svg{
      width:15px;
      height:15px;
      stroke-width:1.9;
    }

    .topbar-nav-slot .app-nav a::after{
      left:10px;
      right:10px;
      bottom:5px;
      height:1px;
    }

    .topbar-nav-slot .app-nav a:hover,
    .topbar-nav-slot .app-nav a[aria-current="page"],
    .topbar-nav-slot .app-nav a.active{
      transform:none;
      box-shadow:none;
    }

    .topbar-nav-slot .nav-link-state{
      margin-left:6px;
      font-size:10px;
    }

    .nav-flyout-toggle{
      min-height:38px;
      padding:8px 12px;
      border-radius:var(--radius-sm);
      border-color:transparent;
      background:transparent;
      box-shadow:none;
    }

    .nav-flyout-toggle:hover,
    .nav-flyout.open .nav-flyout-toggle{
      transform:none;
      border-color:transparent;
      background:rgba(255,255,255,.045);
      box-shadow:none;
    }

    .nav-flyout-lines span{
      background:#d6e2ff;
    }

    .nav-flyout-panel{
      border-color:var(--border-strong);
      border-radius:var(--radius-lg);
      background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(11,16,24,.98));
      box-shadow:var(--shadow-panel);
    }

    .nav-session{
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-md);
      background:rgba(255,255,255,.03);
      box-shadow:none;
    }

    .nav-session-status{
      color:var(--text-muted);
    }

    .nav-session-user{
      color:var(--text-strong);
    }

    .nav-session-role,
    .nav-link-state{
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.04);
      color:rgba(224,232,247,.78);
    }

    .nav-flyout-footer{
      border-top-color:var(--border-subtle);
    }

    .nav-flyout-logout{
      min-height:38px;
      padding:8px 12px;
      border-radius:var(--radius-sm);
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.03);
      color:#d7e1f2;
      box-shadow:none;
    }

    .nav-flyout-logout:hover{
      transform:none;
      border-color:rgba(248,113,113,.32);
      background:rgba(248,113,113,.08);
      box-shadow:none;
    }

    .panel{
      background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(13,18,28,.98));
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-lg);
      box-shadow:var(--shadow-soft);
    }

    .bottom-actions.utility-dock{
      gap:10px;
      padding:10px;
      background:rgba(255,255,255,.02);
      border-color:var(--border-subtle);
      box-shadow:none;
    }

    .dock-section{
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-md);
      background:rgba(255,255,255,.02);
    }

    .dock-section[open]{
      border-color:var(--border-strong);
      background:rgba(255,255,255,.03);
    }

    .dock-section.live-ai-dock,
    .dock-section.cron-dock,
    .dock-section.push-dock,
    .dock-section.hidden-dock,
    .dock-section.review-log-dock,
    .dock-section.log-dock{
      background:rgba(255,255,255,.02);
    }

    .dock-section.live-ai-dock::before,
    .dock-section.cron-dock::before,
    .dock-section.push-dock::before,
    .dock-section.hidden-dock::before,
    .dock-section.review-log-dock::before,
    .dock-section.log-dock::before{
      opacity:.45;
    }

    .dock-summary{
      min-height:40px;
      padding:8px 10px;
    }

    .dock-icon{
      clip-path:none;
      border-radius:8px;
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.035);
    }

    .dock-copy strong{
      font-weight:700;
    }

    [hidden]{
      display:none !important;
    }

    body[data-page="scoring"],
    body[data-page="scoring-config"]{
      background:linear-gradient(180deg, #0b1018 0%, #0f1621 100%);
    }

    body[data-page="scoring"] .top,
    body[data-page="scoring-config"] .top{
      gap:14px;
      padding:14px 16px;
      border:1px solid rgba(148,163,184,.16);
      border-radius:16px;
      background:linear-gradient(180deg, rgba(18,24,37,.96), rgba(12,17,27,.98));
      box-shadow:0 12px 30px rgba(2,6,23,.14);
      overflow:visible;
    }

    body[data-page="scoring"] .top::before,
    body[data-page="scoring"] .top::after,
    body[data-page="scoring"] .blockchain-strip,
    body[data-page="scoring-config"] .top::before,
    body[data-page="scoring-config"] .top::after,
    body[data-page="scoring-config"] .blockchain-strip{
      display:none;
    }

    body[data-page="scoring"] .page-title h1,
    body[data-page="scoring-config"] .title h1{
      display:block;
      background:none;
      color:#eef4ff;
      -webkit-text-fill-color:initial;
    }

    body[data-page="scoring"] .brand-eyebrow,
    body[data-page="scoring-config"] .brand-eyebrow{
      color:color-mix(in srgb, var(--page-accent) 68%, #cbd5e1 32%);
      letter-spacing:.08em;
    }

    body[data-page="scoring"] .brand-eyebrow::before,
    body[data-page="scoring-config"] .brand-eyebrow::before{
      content:"";
      display:inline-block;
      width:18px;
      height:18px;
      flex:0 0 18px;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 2px, transparent 2.4px),
        conic-gradient(from 40deg, #12dff3, #a855f7, #1c8dff, #12dff3);
      box-shadow:0 0 18px rgba(18,223,243,.26);
    }

    body[data-page="scoring"] .mini-bitcoin,
    body[data-page="scoring-config"] .mini-bitcoin{
      width:34px;
      height:34px;
      font-size:16px;
      border:1px solid rgba(245,158,11,.22);
      background:linear-gradient(180deg, rgba(245,158,11,.20), rgba(245,158,11,.08));
      box-shadow:none;
      animation:none;
    }

    body[data-page="scoring"] .mini-bitcoin::before,
    body[data-page="scoring"] .mini-bitcoin::after,
    body[data-page="scoring-config"] .mini-bitcoin::before,
    body[data-page="scoring-config"] .mini-bitcoin::after{
      display:none;
    }

    body[data-page="scoring"] .top-actions,
    body[data-page="scoring-config"] .top-actions{
      min-width:0;
    }

    body[data-page="scoring"] .btn,
    body[data-page="scoring"] .top-actions .btn,
    body[data-page="scoring"] .toolbar .btn,
    body[data-page="scoring-config"] .btn,
    body[data-page="scoring-config"] .top-actions .btn,
    body[data-page="scoring-config"] .toolbar .btn{
      border-color:rgba(148,163,184,.16);
      border-radius:12px;
      background:rgba(255,255,255,.04);
      box-shadow:none;
      transform:none;
    }

    body[data-page="scoring"] .btn::before,
    body[data-page="scoring"] .btn::after,
    body[data-page="scoring"] .top-actions .btn::before,
    body[data-page="scoring"] .toolbar .btn::before,
    body[data-page="scoring-config"] .btn::before,
    body[data-page="scoring-config"] .btn::after,
    body[data-page="scoring-config"] .top-actions .btn::before,
    body[data-page="scoring-config"] .toolbar .btn::before{
      display:none;
    }

    body[data-page="scoring"] .btn:hover,
    body[data-page="scoring"] .top-actions .btn:hover,
    body[data-page="scoring"] .toolbar .btn:hover,
    body[data-page="scoring-config"] .btn:hover,
    body[data-page="scoring-config"] .top-actions .btn:hover,
    body[data-page="scoring-config"] .toolbar .btn:hover{
      border-color:rgba(148,163,184,.26);
      background:rgba(255,255,255,.06);
      box-shadow:none;
      transform:none;
    }

    body[data-page="scoring-config"] .btn.primary{
      background:color-mix(in srgb, var(--page-accent) 16%, rgba(255,255,255,.04));
      border-color:color-mix(in srgb, var(--page-accent) 44%, transparent);
      color:#fffef1;
    }

    body[data-page="scoring-config"] .control-save-btn,
    body[data-page="scoring-config"] .control-save-btn:hover{
      background:color-mix(in srgb, var(--page-accent) 18%, rgba(255,255,255,.04));
      border-color:color-mix(in srgb, var(--page-accent) 48%, transparent);
      color:#fffef1;
    }

    body[data-page="scoring-config"] .control-save-btn:hover{
      box-shadow:0 0 0 1px color-mix(in srgb, var(--page-accent) 30%, transparent) inset;
    }

    body[data-page="scoring"] .panel,
    body[data-page="scoring"] .card,
    body[data-page="scoring"] .note,
    body[data-page="scoring"] .score-tools,
    body[data-page="scoring"] .explain-card,
    body[data-page="scoring"] .review-action,
    body[data-page="scoring"] .table-wrap,
    body[data-page="scoring-config"] .panel,
    body[data-page="scoring-config"] .section,
    body[data-page="scoring-config"] .card,
    body[data-page="scoring-config"] .note,
    body[data-page="scoring-config"] .table-wrap{
      border-color:rgba(148,163,184,.14);
      border-radius:14px;
      background:rgba(255,255,255,.025);
      box-shadow:none;
    }

    body[data-page="scoring"] .panel::before,
    body[data-page="scoring"] .card::before,
    body[data-page="scoring-config"] .panel::before,
    body[data-page="scoring-config"] .section::before,
    body[data-page="scoring-config"] .card::before{
      display:none;
    }

    body[data-page="scoring"] .summary-card.highlight{
      border-color:rgba(234,179,8,.18);
      background:rgba(234,179,8,.07);
    }

    body[data-page="scoring"] .summary-mini-metrics span,
    body[data-page="scoring"] .search-input,
    body[data-page="scoring-config"] .field,
    body[data-page="scoring-config"] .json,
    body[data-page="scoring-config"] .field input,
    body[data-page="scoring-config"] .group-toggle{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.03);
      box-shadow:none;
    }

    body[data-page="scoring"] .tool-hint,
    body[data-page="scoring"] .summary-note,
    body[data-page="scoring"] .explain,
    body[data-page="scoring"] .explain-card span,
    body[data-page="scoring"] .review-refresh-status,
    body[data-page="scoring"] .k,
    body[data-page="scoring-config"] .muted,
    body[data-page="scoring-config"] .field-hint,
    body[data-page="scoring-config"] .sub,
    body[data-page="scoring-config"] .footer-note,
    body[data-page="scoring-config"] .card .k{
      color:#aab6c9;
    }

    body[data-page="scoring"] .summary-mini-metrics span,
    body[data-page="scoring"] .review-meta-strip span,
    body[data-page="scoring"] .score-range-pill,
    body[data-page="scoring"] .rate-chip,
    body[data-page="scoring"] .avg-score-pill,
    body[data-page="scoring"] .effect-pill,
    body[data-page="scoring-config"] .chip{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="scoring"] .review-action{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="scoring"] .review-diagnostic{
      border-color:rgba(245,158,11,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-warn));
    }

    body[data-page="scoring"] .rate-chip.good,
    body[data-page="scoring"] .effect-pill.good,
    body[data-page="scoring-config"] .chip.ok{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
      color:#d4f4df;
    }

    body[data-page="scoring"] .rate-chip.neutral,
    body[data-page="scoring-config"] .chip.warn{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
      color:#f7e8be;
    }

    body[data-page="scoring"] .rate-chip.bad,
    body[data-page="scoring"] .effect-pill.bad,
    body[data-page="scoring-config"] .chip.bad{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
      color:#f4d0d0;
    }

    body[data-page="scoring"] .avg-score-pill,
    body[data-page="scoring"] .effect-pill.neutral{
      border-color:rgba(234,179,8,.18);
      background:rgba(234,179,8,.08);
      color:#f5e7bb;
    }

    @media (max-width: 1150px){
      body[data-page="scoring"] .grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }

      body[data-page="scoring"] .review-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      body[data-page="scoring"] .top,
      body[data-page="scoring-config"] .top{
        grid-template-columns:1fr;
      }

      body[data-page="scoring"] .top-actions{
        width:100%;
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }

      body[data-page="scoring-config"] .top-actions{
        width:100%;
        grid-template-columns:repeat(4, minmax(0, 1fr));
      }

      body[data-page="scoring-config"] .layout{
        grid-template-columns:1fr;
      }

      body[data-page="scoring-config"] .grid-cards{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px){
      body[data-page="scoring"] .wrap,
      body[data-page="scoring-config"] .wrap{
        width:min(100%, calc(100% - 14px));
        padding:10px 0 20px;
      }

      body[data-page="scoring"] .top,
      body[data-page="scoring-config"] .top{
        padding:12px;
        border-radius:14px;
        gap:10px;
      }

      body[data-page="scoring"] .page-title h1,
      body[data-page="scoring-config"] .title h1{
        font-size:23px;
        margin-bottom:4px;
      }

      body[data-page="scoring"] .brand-row,
      body[data-page="scoring-config"] .brand-row{
        gap:10px;
      }

      body[data-page="scoring"] .brand-eyebrow,
      body[data-page="scoring-config"] .brand-eyebrow{
        font-size:10px;
        letter-spacing:.08em;
        margin-bottom:3px;
      }

      body[data-page="scoring"] .muted,
      body[data-page="scoring-config"] .muted{
        font-size:13px;
        line-height:1.35;
      }

      body[data-page="scoring"] .mini-bitcoin,
      body[data-page="scoring-config"] .mini-bitcoin{
        width:34px;
        height:34px;
        font-size:16px;
      }

      body[data-page="scoring"] .blockchain-strip,
      body[data-page="scoring-config"] .blockchain-strip{
        display:none;
      }

      body[data-page="scoring"] .top-actions,
      body[data-page="scoring-config"] .top-actions{
        display:flex;
        flex-wrap:nowrap;
        align-items:stretch;
        grid-template-columns:none;
        width:100%;
        min-width:0;
        max-width:100%;
        overflow-x:auto;
        gap:7px;
        padding:2px 1px 5px;
        scrollbar-width:thin;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
      }

      body[data-page="scoring"] .top-actions .btn,
      body[data-page="scoring-config"] .top-actions .btn{
        width:auto;
        flex:0 0 auto;
        min-height:36px;
        padding:8px 10px;
        border-radius:10px;
        font-size:12px;
        white-space:nowrap;
        scroll-snap-align:start;
      }

      body[data-page="scoring"] .panel,
      body[data-page="scoring-config"] .panel,
      body[data-page="scoring-config"] .section{
        padding:13px;
        border-radius:14px;
      }

      body[data-page="scoring"] .panel-title-row{
        display:grid;
        grid-template-columns:1fr;
        align-items:start;
      }

      body[data-page="scoring"] .score-tools{
        grid-template-columns:1fr;
        padding:10px;
      }

      body[data-page="scoring"] .grid,
      body[data-page="scoring"] .review-grid,
      body[data-page="scoring"] .explain-grid,
      body[data-page="scoring-config"] .fields,
      body[data-page="scoring-config"] .grid-cards{
        grid-template-columns:1fr;
        gap:10px;
      }

      body[data-page="scoring"] .grid,
      body[data-page="scoring"] .review-grid,
      body[data-page="scoring"] .explain-grid{
        margin-top:12px;
      }

      body[data-page="scoring"] .v{
        font-size:23px;
      }

      body[data-page="scoring"] .note{
        padding:12px 13px;
      }

      body[data-page="scoring"] .chip,
      body[data-page="scoring-config"] .chip{
        width:100%;
        border-radius:12px;
      }

      body[data-page="scoring"] .chips,
      body[data-page="scoring-config"] .chips{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
      }

      body[data-page="scoring-config"] .field{
        grid-template-columns:1fr;
        gap:8px;
      }

      body[data-page="scoring-config"] .json{
        min-height:300px;
        font-size:12px;
      }

      body[data-page="scoring"] .table-wrap,
      body[data-page="scoring-config"] .table-wrap{
        overflow:visible;
        border:none;
        background:transparent;
      }

      body[data-page="scoring"] table,
      body[data-page="scoring-config"] table{
        min-width:0;
        display:block;
      }

      body[data-page="scoring"] thead,
      body[data-page="scoring-config"] thead{
        display:none;
      }

      body[data-page="scoring"] tbody,
      body[data-page="scoring-config"] tbody{
        display:grid;
        gap:10px;
      }

      body[data-page="scoring"] tr,
      body[data-page="scoring-config"] tr{
        display:grid;
        border:1px solid var(--border-subtle);
        border-radius:14px;
        background:var(--surface-3);
        overflow:hidden;
      }

      body[data-page="scoring"] td,
      body[data-page="scoring-config"] td{
        display:grid;
        gap:10px;
        padding:10px 12px;
        border-bottom:1px solid rgba(148,163,184,.1);
        min-width:0;
      }

      body[data-page="scoring"] td{
        grid-template-columns:minmax(112px, .82fr) minmax(0, 1fr);
        align-items:start;
      }

      body[data-page="scoring-config"] td{
        grid-template-columns:minmax(104px, .75fr) minmax(0, 1fr);
      }

      body[data-page="scoring"] td::before,
      body[data-page="scoring-config"] td::before{
        content:attr(data-label);
        color:var(--text-muted);
        font-size:12px;
        font-weight:800;
      }

      body[data-page="scoring"] td:last-child,
      body[data-page="scoring-config"] td:last-child{
        border-bottom:none;
      }
    }

    @media (max-width: 430px){
      body[data-page="scoring"] td,
      body[data-page="scoring-config"] td{
        grid-template-columns:1fr;
        gap:4px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      body[data-page="scoring"] .mini-bitcoin,
      body[data-page="scoring-config"] .mini-bitcoin{
        animation:none;
      }
    }

    body[data-page="radar"] .sidebar,
    body[data-page="radar"] .watchlist-addbar,
    body[data-page="radar"] .watchlist-toolbar,
    body[data-page="radar"] .coin-card,
    body[data-page="radar"] .hero-card,
    body[data-page="radar"] .detail-card,
    body[data-page="radar"] .hero-structure-card,
    body[data-page="radar"] .setup-zone,
    body[data-page="radar"] .setup-summary,
    body[data-page="radar"] .directional-battle,
    body[data-page="radar"] .ai-decision-card,
    body[data-page="investment"] .investment-card,
    body[data-page="investment"] .investment-detail,
    body[data-page="investment"] .investment-overview > div,
    body[data-page="investment"] .investment-zone-row,
    body[data-page="trading"] .trade-work-card,
    body[data-page="trading"] .trade-kpi,
    body[data-page="trading"] .trade-setup-box,
    body[data-page="trading"] .trade-ticket,
    body[data-page="trading"] .trade-book,
    body[data-page="trading"] .trade-field,
    body[data-page="trading"] .trade-tp-row,
    body[data-page="trading"] .rr-visual-shell,
    body[data-page="trading"] .rr-visual-box,
    body[data-page="trading"] .hedge-risk-card,
    body[data-page="trading"] .hedge-subcard,
    body[data-page="trading"] .hedge-trade-card,
    body[data-page="trading"] .trade-empty-state{
      border-color:rgba(148,163,184,.14);
      border-radius:14px;
      background:rgba(255,255,255,.025);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card::before,
    body[data-page="radar"] .hero-card::before,
    body[data-page="radar"] .setup-zone::before,
    body[data-page="trading"] .trade-guard-panel::before,
    body[data-page="trading"] .hedge-trade-card::before{
      display:none;
    }

    body[data-page="radar"] .coin-card:hover,
    body[data-page="radar"] .coin-card.active,
    body[data-page="investment"] .investment-card:hover,
    body[data-page="investment"] .investment-card.selected,
    body[data-page="trading"] .trade-row:hover,
    body[data-page="trading"] .trade-row.active,
    body[data-page="trading"] .hedge-trade-row:hover,
    body[data-page="trading"] .hedge-trade-row.is-active{
      transform:none;
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button,
    body[data-page="trading"] .trading-tab-btn,
    body[data-page="radar"] .sidebar-toggle{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.04);
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button:hover,
    body[data-page="investment"] .investment-tabs button.active,
    body[data-page="trading"] .trading-tab-btn:hover,
    body[data-page="trading"] .trading-tab-btn.is-active,
    body[data-page="radar"] .sidebar-toggle:hover{
      transform:none;
      box-shadow:none;
    }

    body[data-page="trading"] .trade-chip,
    body[data-page="trading"] .hedge-chip,
    body[data-page="investment"] .investment-pill,
    body[data-page="radar"] .hero-badge{
      box-shadow:none;
    }

    .brand-eyebrow,
    .page-eyebrow{
      color:color-mix(in srgb, var(--page-accent) 60%, #cbd5e1 40%);
    }

    .header-bitcoin{
      opacity:.92;
    }

    .bitcoin-coin{
      border:1px solid rgba(245,158,11,.16);
      background:linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.08));
      box-shadow:none;
    }

body[data-page="monitoring"] .system-health{
  border-color:var(--border-subtle);
  box-shadow:none;
}

body[data-page="trading"] .trading-results-panel{
  margin:14px 0 16px;
  padding:16px;
  border:1px solid rgba(99,128,190,.28);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(10,18,33,.94), rgba(13,28,45,.9));
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}

body[data-page="trading"] .trading-history-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
}

body[data-page="trading"] .trading-history-stack .trading-results-panel{
  margin:0;
}

body[data-page="trading"] .trading-history-card{
  background:rgba(8,15,29,.22);
}

body[data-page="trading"] .trading-history-exchange-row{
  background:rgba(7,15,28,.34);
}

body[data-page="trading"] .trading-results-loading,
body[data-page="trading"] .trading-results-error,
body[data-page="trading"] .trading-result-empty{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--soft);
  font-size:13px;
  text-align:center;
}

body[data-page="trading"] .trading-results-error{
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  color:#fecaca;
}

body[data-page="trading"] .trading-results-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

body[data-page="trading"] .trading-results-head h2{
  margin:2px 0 5px;
  font-size:22px;
  line-height:1.15;
}

body[data-page="trading"] .trading-results-head p{
  margin:0;
  color:var(--soft);
  font-size:13px;
  line-height:1.4;
}

body[data-page="trading"] .trading-results-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

body[data-page="trading"] .trading-result-kpi{
  min-width:0;
  min-height:92px;
  padding:12px;
  border:1px solid rgba(120,150,210,.18);
  border-radius:8px;
  background:rgba(7,15,28,.62);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:7px;
}

body[data-page="trading"] .trading-result-kpi span,
body[data-page="trading"] .trading-result-kpi small,
body[data-page="trading"] .trading-results-foot,
body[data-page="trading"] .trading-result-row span{
  color:var(--soft);
  font-size:12px;
  line-height:1.35;
}

body[data-page="trading"] .trading-result-kpi strong{
  font-size:22px;
  line-height:1.1;
  white-space:normal;
  word-break:break-word;
}

body[data-page="trading"] .trading-result-kpi.good strong,
body[data-page="trading"] .trading-result-row strong.good{
  color:#86efac;
}

body[data-page="trading"] .trading-result-kpi.bad strong,
body[data-page="trading"] .trading-result-row strong.bad{
  color:#fca5a5;
}

body[data-page="trading"] .trading-result-kpi.neutral strong,
body[data-page="trading"] .trading-result-row strong.neutral{
  color:#dbeafe;
}

body[data-page="trading"] .trading-results-details{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:12px;
}

body[data-page="trading"] .trading-result-detail{
  min-width:0;
  border:1px solid rgba(120,150,210,.18);
  border-radius:8px;
  background:rgba(5,12,24,.48);
  overflow:hidden;
}

body[data-page="trading"] .trading-result-detail summary{
  min-height:48px;
  padding:10px 40px 10px 12px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:4px 10px;
  align-items:center;
  position:relative;
  cursor:pointer;
  list-style:none;
}

body[data-page="trading"] .trading-result-detail summary::-webkit-details-marker{
  display:none;
}

body[data-page="trading"] .trading-result-detail summary::after{
  content:"+";
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:#86efac;
  font-size:22px;
  font-weight:900;
  line-height:1;
}

body[data-page="trading"] .trading-result-detail[open] summary::after{
  content:"-";
}

body[data-page="trading"] .trading-result-detail summary > span{
  font-weight:800;
  color:var(--text);
}

body[data-page="trading"] .trading-result-detail summary > strong{
  justify-self:end;
  white-space:nowrap;
}

body[data-page="trading"] .trading-result-detail summary > small{
  grid-column:1 / -1;
  color:var(--soft);
  font-size:12px;
}

body[data-page="trading"] .trading-result-rows{
  border-top:1px solid rgba(120,150,210,.14);
}

body[data-page="trading"] .trading-result-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-top:1px solid rgba(120,150,210,.08);
}

body[data-page="trading"] .trading-result-row:first-child{
  border-top:0;
}

body[data-page="trading"] .trading-result-row > div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

body[data-page="trading"] .trading-result-row > div strong{
  color:var(--text);
  line-height:1.15;
}

body[data-page="trading"] .trading-result-row > strong{
  white-space:nowrap;
}

body[data-page="trading"] .trading-results-foot{
  margin-top:10px;
  text-align:right;
}

@media (max-width: 980px){
  body[data-page="trading"] .trading-results-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  body[data-page="trading"] .trading-results-panel{
    margin-top:10px;
    padding:12px;
  }

  body[data-page="trading"] .trading-results-head{
    flex-direction:column;
    align-items:stretch;
  }

  body[data-page="trading"] .trading-results-head h2{
    font-size:19px;
  }

  body[data-page="trading"] .trading-results-grid,
  body[data-page="trading"] .trading-results-details{
    grid-template-columns:1fr;
  }

  body[data-page="trading"] .trading-result-kpi{
    min-height:74px;
  }

  body[data-page="trading"] .trading-result-kpi strong{
    font-size:20px;
  }

  body[data-page="trading"] .trading-result-row{
    align-items:flex-start;
  }
}

body[data-page="profile"] .profile-page{
  display:grid;
  gap:18px;
}

body[data-page="profile"] .profile-hero{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:center;
  padding:20px;
  background:
    linear-gradient(135deg, rgba(17,34,64,.88), rgba(5,22,30,.92)),
    radial-gradient(circle at 14% 18%, rgba(31,182,255,.18), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(36,196,129,.18), transparent 32%);
}

body[data-page="profile"] .profile-identity{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

body[data-page="profile"] .profile-avatar{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(135deg, #22c55e, #38bdf8);
  color:#04111f;
  font-weight:900;
  font-size:24px;
  box-shadow:0 16px 38px rgba(20,184,166,.22);
}

body[data-page="profile"] .profile-kicker{
  margin:0 0 4px;
  color:#7dd3fc;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body[data-page="profile"] .profile-identity h2{
  margin:0;
  color:#fff;
  font-size:26px;
  line-height:1.12;
}

body[data-page="profile"] .profile-identity p:last-child{
  margin:5px 0 0;
  color:#aab8cf;
  font-size:13px;
}

body[data-page="profile"] .profile-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(92px, 1fr));
  gap:10px;
}

body[data-page="profile"] .profile-metric{
  padding:12px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(15,23,42,.72);
}

body[data-page="profile"] .profile-metric span{
  display:block;
  color:#9fb0c9;
  font-size:11px;
  font-weight:800;
}

body[data-page="profile"] .profile-metric strong{
  display:block;
  margin-top:5px;
  color:#86efac;
  font-size:22px;
}

body[data-page="profile"] .profile-grid{
  display:grid;
  grid-template-columns:minmax(300px, .86fr) minmax(360px, 1.14fr);
  gap:18px;
  align-items:start;
}

body[data-page="profile"] .profile-card{
  display:grid;
  gap:16px;
  padding:18px;
}

body[data-page="profile"] .profile-billing-card{
  gap:14px;
}

body[data-page="profile"] .section-head p,
body[data-page="profile"] .form-status,
body[data-page="profile"] small{
  color:var(--text-muted, #94a3b8);
}

body[data-page="profile"] .profile-fields{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:13px;
}

body[data-page="profile"] .profile-billing-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:13px;
}

body[data-page="profile"] .profile-fields-compact{
  grid-template-columns:repeat(2, minmax(150px, 1fr));
}

body[data-page="profile"] .profile-field{
  display:grid;
  gap:7px;
  min-width:0;
}

body[data-page="profile"] .profile-field-wide{
  grid-column:1 / -1;
}

body[data-page="profile"] .profile-field > span,
body[data-page="profile"] .profile-subsection h3{
  color:#cbd5e1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="profile"] .profile-field .input,
body[data-page="profile"] .profile-field input{
  min-width:0;
}

body[data-page="profile"] .profile-billing-card .profile-field input{
  color:#dbeafe;
  background:rgba(15,23,42,.62);
  border-color:rgba(148,163,184,.18);
  font-weight:850;
  cursor:default;
}

body[data-page="profile"] .profile-billing-card .profile-field input.is-positive{
  color:#86efac;
  border-color:rgba(34,197,94,.28);
  background:rgba(22,101,52,.16);
}

body[data-page="profile"] .profile-billing-card .profile-field input.is-negative{
  color:#fca5a5;
  border-color:rgba(248,113,113,.30);
  background:rgba(127,29,29,.16);
}

body[data-page="profile"] .profile-push-status{
  display:grid;
  gap:4px;
  padding:14px;
  border:1px solid rgba(34,197,94,.28);
  border-radius:14px;
  background:rgba(5,46,26,.32);
}

body[data-page="profile"] .profile-push-status.is-warning{
  border-color:rgba(245,158,11,.42);
  background:rgba(69,43,7,.36);
}

body[data-page="profile"] .profile-push-status strong{
  color:#d1fae5;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

body[data-page="profile"] .profile-push-status span{
  color:#fff;
  font-weight:800;
}

body[data-page="profile"] .profile-toggle-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 34px;
  gap:10px;
  align-items:stretch;
}

body[data-page="profile"] .profile-toggle-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body[data-page="profile"] .hidden-toggle{
  width:100%;
  border-color:rgba(148,163,184,.18);
}

body[data-page="profile"] .hidden-toggle-copy small{
  color:#91a2bb;
  font-size:11px;
}

body[data-page="profile"] .profile-info-button{
  min-height:44px;
  border:1px solid rgba(34,197,94,.36);
  border-radius:12px;
  background:rgba(22,163,74,.14);
  color:#bbf7d0;
  font-weight:900;
  cursor:pointer;
}

body[data-page="profile"] .profile-info-button:hover{
  border-color:rgba(34,197,94,.62);
  background:rgba(22,163,74,.24);
}

body[data-page="profile"] .profile-subsection{
  display:grid;
  gap:10px;
}

body[data-page="profile"] .profile-subsection h3{
  margin:0;
}

body[data-page="profile"] .profile-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

body[data-page="profile"] #profileTradingSettings .trade-profile-fields{
  display:flex;
  align-items:end;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
}

body[data-page="profile"] #profileTradingSettings .trade-profile-fields .trade-field{
  gap:5px;
  flex:0 0 150px;
}

body[data-page="profile"] #profileTradingSettings .trade-profile-fields .trade-field > span{
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
}

body[data-page="profile"] #profileTradingSettings .trade-profile-fields .trade-field input,
body[data-page="profile"] #profileTradingSettings .trade-profile-fields .trade-field select{
  min-height:28px;
  height:28px;
  padding:3px 8px;
  border-radius:7px;
  font-size:13px;
}

body[data-page="profile"] #profileTradingSettings .profile-standard-value strong{
  color:#86efac;
}

body[data-page="profile"] #profileTradingSettings .profile-kraken-preferred{
  display:grid;
  gap:4px;
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(45,212,191,.44);
  border-left:5px solid #2dd4bf;
  border-radius:10px;
  background:linear-gradient(135deg, rgba(20,184,166,.18), rgba(34,197,94,.1));
  box-shadow:0 14px 34px rgba(20,184,166,.12);
}

body[data-page="profile"] #profileTradingSettings .profile-kraken-preferred strong{
  color:#ccfbf1;
  font-size:14px;
}

body[data-page="profile"] #profileTradingSettings .profile-kraken-preferred span{
  color:#b6f4de;
  font-size:12px;
  line-height:1.45;
}

body[data-page="trading"] .trade-kraken-preferred-note{
  border-color:rgba(45,212,191,.44);
  border-left:5px solid #2dd4bf;
  background:linear-gradient(135deg, rgba(20,184,166,.16), rgba(34,197,94,.08));
  color:#c7f9e5;
}

body[data-page="trading"] .trade-exchange-field select{
  border-color:rgba(45,212,191,.34);
}

body[data-page="profile"] .profile-info-modal[hidden]{
  display:none;
}

body[data-page="profile"] .profile-info-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:18px;
}

body[data-page="profile"] .profile-info-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(6px);
}

body[data-page="profile"] .profile-info-panel{
  position:relative;
  width:min(520px, 100%);
  padding:22px;
  border:1px solid rgba(125,211,252,.28);
  border-radius:18px;
  background:#08111f;
  box-shadow:0 28px 80px rgba(0,0,0,.45);
}

body[data-page="profile"] .profile-info-panel h2{
  margin:0 36px 10px 0;
  color:#fff;
  font-size:20px;
}

body[data-page="profile"] .profile-info-panel p{
  margin:0;
  color:#cbd5e1;
  line-height:1.55;
}

body[data-page="profile"] .profile-info-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:50%;
  background:rgba(15,23,42,.8);
  color:#fff;
  cursor:pointer;
  font-size:22px;
  line-height:1;
}

@media (max-width: 980px){
  body[data-page="profile"] .profile-hero,
  body[data-page="profile"] .profile-grid{
    grid-template-columns:1fr;
  }

  body[data-page="profile"] .profile-billing-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body[data-page="profile"] .profile-metrics{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  body[data-page="profile"] .profile-hero,
  body[data-page="profile"] .profile-card{
    padding:14px;
  }

  body[data-page="profile"] .profile-identity{
    align-items:flex-start;
  }

  body[data-page="profile"] .profile-avatar{
    width:48px;
    height:48px;
    font-size:20px;
  }

  body[data-page="profile"] .profile-identity h2{
    font-size:21px;
  }

  body[data-page="profile"] .profile-metrics,
  body[data-page="profile"] .profile-fields,
  body[data-page="profile"] .profile-billing-grid,
  body[data-page="profile"] .profile-fields-compact,
  body[data-page="profile"] .profile-toggle-list{
    grid-template-columns:1fr;
  }

  body[data-page="profile"] #profileTradingSettings .trade-profile-fields{
    flex-wrap:wrap;
    overflow-x:visible;
  }

  body[data-page="profile"] #profileTradingSettings .trade-profile-fields .trade-field{
    flex:1 1 100%;
  }

  body[data-page="profile"] .profile-toggle-grid{
    grid-template-columns:minmax(0, 1fr) 40px;
  }

  body[data-page="profile"] .profile-actions .btn{
    width:100%;
  }
}

    body[data-page="monitoring"] .system-health.good,
    body[data-page="monitoring"] .system-health.warn,
    body[data-page="monitoring"] .system-health.bad{
      border-color:var(--border-subtle);
    }

    body[data-page="monitoring"] .system-health-card,
    body[data-page="monitoring"] .system-log,
    body[data-page="monitoring"] .hidden-config-panel,
    body[data-page="monitoring"] .cron-preset-tile{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="monitoring"] .system-health-card.good,
    body[data-page="monitoring"] .system-health-card.warn,
    body[data-page="monitoring"] .system-health-card.bad{
      border-color:var(--border-subtle);
    }

body[data-page="monitoring"] .system-health-card::before{
  width:2px;
  opacity:.88;
}

body[data-page="monitoring"] .system-health-head{
  align-items:flex-start;
  gap:16px;
}

body[data-page="monitoring"] .health-action-group{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

body[data-page="monitoring"] .system-health-card{
  gap:10px;
  padding:14px;
  overflow:visible;
}

body[data-page="monitoring"] .system-health-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

body[data-page="monitoring"] .system-health-card ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:6px;
  font-size:13px;
  line-height:1.45;
}

body[data-page="monitoring"] .system-health-card li,
body[data-page="monitoring"] .system-health-card strong,
body[data-page="monitoring"] .system-health-card span{
  overflow-wrap:anywhere;
  word-break:normal;
}

body[data-page="monitoring"] .system-card-top strong{
  font-size:14px;
}

body[data-page="monitoring"] .system-health-sub{
  max-width:760px;
  line-height:1.55;
  font-size:13.5px;
}

body[data-page="monitoring"] .core-health-modules{
  display:grid;
  gap:5px;
}

body[data-page="monitoring"] .core-health-modules span{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  padding:3px 7px;
  border:1px solid var(--border-subtle);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  font-size:12px;
  line-height:1.35;
}

:root[data-theme="light"] body[data-page="monitoring"] .core-health-modules span{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel-2);
}

body[data-page="radar"] .hero-ampel,
    body[data-page="radar"] .decision-summary,
    body[data-page="radar"] .feargreed-card{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="radar"] .hero-ampel.ampel-strong{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="radar"] .hero-ampel.ampel-neutral{
      border-color:rgba(245,158,11,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-warn));
    }

    body[data-page="radar"] .hero-ampel.ampel-risk{
      border-color:rgba(239,68,68,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-bad));
    }

    body[data-page="radar"] .ampel-light{
      width:10px;
      height:10px;
    }

    body[data-page="radar"] .hero-ampel.ampel-strong .ampel-light.green,
    body[data-page="radar"] .hero-ampel.ampel-neutral .ampel-light.yellow,
    body[data-page="radar"] .hero-ampel.ampel-risk .ampel-light.red{
      box-shadow:none;
    }

    body[data-page="radar"] .hero-ampel-tag{
      border-color:var(--border-subtle);
      background:var(--surface-quiet);
      color:#dbe5f3;
    }

    body[data-page="radar"] .hero-ampel.ampel-strong .hero-ampel-tag{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
    }

    body[data-page="radar"] .hero-ampel.ampel-neutral .hero-ampel-tag{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
    }

    body[data-page="radar"] .hero-ampel.ampel-risk .hero-ampel-tag{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
    }

    body[data-page="radar"] .hero-badge,
    body[data-page="investment"] .investment-pill,
    body[data-page="trading"] .trade-review,
    body[data-page="trading"] .trade-side,
    body[data-page="trading"] .trade-chip{
      border:1px solid var(--border-subtle);
      background:var(--surface-3);
      color:#dbe5f3;
    }

    body[data-page="investment"] .investment-pill.strong,
    body[data-page="trading"] .trade-review.good,
    body[data-page="trading"] .trade-side.long,
    body[data-page="trading"] .trade-chip.good{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
      color:#d4f4df;
    }

    body[data-page="investment"] .investment-pill.watch,
    body[data-page="trading"] .trade-review.warn,
    body[data-page="trading"] .trade-chip.warn{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
      color:#f7e8be;
    }

    body[data-page="investment"] .investment-pill.risk,
    body[data-page="trading"] .trade-review.bad,
    body[data-page="trading"] .trade-side.short,
    body[data-page="trading"] .trade-chip.bad{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
      color:#f4d0d0;
    }

    body[data-page="investment"] .investment-pill.muted,
    body[data-page="trading"] .trade-review.neutral,
    body[data-page="trading"] .trade-chip.neutral{
      color:#cad5e6;
    }

    body[data-page="investment"] .investment-score-ring{
      background:
        conic-gradient(var(--score-color) var(--score), rgba(255,255,255,.08) 0),
        rgba(10,16,24,.94);
      box-shadow:inset 0 0 0 6px rgba(10,16,24,.96);
    }

    body[data-page="trading"] .direction-btn,
    body[data-page="trading"] .trade-suggestion-btn{
      border:1px solid var(--border-subtle);
      background:var(--surface-quiet);
      color:#c6d4e8;
      box-shadow:none;
    }

    body[data-page="trading"] .direction-btn.is-active{
      border-color:rgba(96,165,250,.24);
      background:rgba(61,116,244,.12);
      color:var(--text-strong);
    }

    body[data-page="trading"] .trade-suggestion-btn{
      min-height:28px;
      padding:0 8px;
      border-radius:999px;
    }

    body[data-page="trading"] .trade-suggestion-btn:hover{
      background:var(--surface-3);
      color:var(--text-strong);
    }

    body[data-page="trading"] .guard-row,
    body[data-page="trading"] .guard-summary-card,
    body[data-page="trading"] .hedge-warning,
    body[data-page="trading"] .hedge-plan,
    body[data-page="trading"] .hedge-recommendation,
    body[data-page="trading"] .active-trade-row,
    body[data-page="trading"] .hedge-cluster-warning{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="trading"] .guard-row.ok,
    body[data-page="trading"] .guard-summary-card.good,
    body[data-page="trading"] .hedge-warning.good,
    body[data-page="trading"] .hedge-plan.good,
    body[data-page="trading"] .hedge-recommendation.good{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="trading"] .guard-row.partial,
    body[data-page="trading"] .guard-summary-card.warn,
    body[data-page="trading"] .hedge-warning.warn,
    body[data-page="trading"] .hedge-plan.warn,
    body[data-page="trading"] .hedge-recommendation.warn,
    body[data-page="trading"] .hedge-cluster-warning{
      border-color:rgba(245,158,11,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-warn));
    }

    body[data-page="trading"] .guard-row.bad,
    body[data-page="trading"] .guard-summary-card.bad,
    body[data-page="trading"] .hedge-warning.bad,
    body[data-page="trading"] .hedge-recommendation.bad{
      border-color:rgba(239,68,68,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-bad));
    }

    body[data-page="trading"] .hedge-risk-bar span{
      box-shadow:none;
    }

    .notice{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    .score-health-badge{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    .score-health-badge.good{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
      color:#d4f4df;
    }

    .score-health-badge.warn{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
      color:#f7e8be;
    }

    .score-health-badge.bad{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
      color:#f4d0d0;
    }

    body[data-page="users"] .users-layout{
      display:grid;
      grid-template-columns:minmax(0, 1fr);
      gap:14px;
      align-items:start;
    }

    body[data-page="users"] .nav{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:12px 0;
      padding:8px;
      border:1px solid var(--border-subtle);
      border-radius:14px;
      background:rgba(15,23,42,.64);
    }

    body[data-page="users"] .nav a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:36px;
      border:1px solid rgba(148,163,184,.16);
      border-radius:10px;
      padding:8px 12px;
      color:#dbeafe;
      font-size:13px;
      font-weight:850;
      text-decoration:none;
      background:rgba(255,255,255,.035);
    }

    body[data-page="users"] .nav a.active{
      border-color:rgba(34,197,94,.34);
      background:linear-gradient(135deg, rgba(34,197,94,.20), rgba(59,130,246,.12));
      color:#ecfdf5;
    }

    body[data-page="users"] .panel{
      border-color:var(--border-subtle);
      background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(13,18,28,.98));
      box-shadow:var(--shadow-soft);
    }

    body[data-page="users"] .user-create-panel,
    body[data-page="users"] .user-limit-panel{
      padding:16px;
    }

    body[data-page="users"] .section-head{
      gap:12px;
    }

    body[data-page="users"] #reloadUsersBtn{
      min-width:96px;
      white-space:nowrap;
    }

    body[data-page="users"] .section-head p,
    body[data-page="users"] .form-status,
    body[data-page="users"] .user-inline-meta{
      color:var(--text-muted);
    }

    body[data-page="users"] .auth-form label,
    body[data-page="users"] .user-inline-field label,
    body[data-page="users"] .user-password-stack label{
      color:#b4c0d3;
      font-size:11px;
      font-weight:900;
      letter-spacing:.04em;
      text-transform:uppercase;
    }

    body[data-page="users"] .auth-form input,
    body[data-page="users"] .auth-form select,
    body[data-page="users"] .user-inline-field .input,
    body[data-page="users"] .user-password,
    body[data-page="users"] .user-current-password,
    body[data-page="users"] .user-role{
      width:100%;
      min-width:0;
      min-height:42px;
      border-color:var(--border-subtle);
      border-radius:var(--radius-sm);
      padding:9px 11px;
      background:var(--surface-3);
      color:var(--text-strong);
      font-size:13px;
      box-shadow:none;
    }

    body[data-page="users"] .user-create-form{
      display:grid;
      grid-template-columns:minmax(115px, .65fr) minmax(125px, .72fr) minmax(160px, .9fr) minmax(135px, .75fr) minmax(205px, 1.1fr) minmax(175px, .9fr) auto;
      gap:10px;
      align-items:end;
    }

    body[data-page="users"] .user-create-form label{
      gap:5px;
      min-width:0;
    }

    body[data-page="users"] .user-create-submit{
      min-height:42px;
      padding:9px 14px;
      white-space:nowrap;
    }

    body[data-page="users"] #createStatus{
      grid-column:1 / -1;
      min-height:18px;
    }

    body[data-page="users"] .signup-request-panel{
      display:grid;
      gap:10px;
      padding:16px;
    }

    body[data-page="users"] .signup-requests-list{
      display:grid;
      gap:10px;
    }

    body[data-page="users"] .signup-request-card{
      display:grid;
      grid-template-columns:minmax(190px, .8fr) minmax(0, 1fr) auto;
      gap:10px;
      align-items:center;
      padding:11px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:12px;
      background:rgba(255,255,255,.025);
    }

    body[data-page="users"] .signup-request-card > div:first-child{
      display:grid;
      gap:3px;
      min-width:0;
    }

    body[data-page="users"] .signup-request-card strong{
      color:var(--text-strong);
      font-size:14px;
      line-height:1.2;
    }

    body[data-page="users"] .signup-request-card span,
    body[data-page="users"] .signup-request-card p{
      color:var(--text-muted);
      font-size:12px;
      line-height:1.35;
    }

    body[data-page="users"] .signup-request-card p{
      grid-column:1 / -1;
      margin:0;
      padding-top:2px;
    }

    body[data-page="users"] .signup-request-meta{
      display:flex;
      gap:7px;
      flex-wrap:wrap;
      min-width:0;
    }

    body[data-page="users"] .signup-request-meta span{
      padding:5px 8px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:999px;
      background:rgba(15,23,42,.48);
      color:#cbd5e1;
      white-space:nowrap;
    }

    body[data-page="users"] .signup-request-actions{
      display:flex;
      gap:8px;
      justify-content:flex-end;
      flex-wrap:wrap;
    }

    body[data-page="users"] .signup-request-actions .btn{
      min-height:38px;
      padding:8px 11px;
      white-space:nowrap;
    }

    body[data-page="users"] .user-limit-panel{
      display:grid;
      gap:10px;
    }

    body[data-page="users"] .asset-limit-default-labels,
    body[data-page="users"] .asset-limit-default-row{
      display:grid;
      grid-template-columns:minmax(150px, .75fr) minmax(120px, .5fr) minmax(150px, .5fr);
      gap:10px;
      align-items:center;
    }

    body[data-page="users"] .asset-limit-default-labels span,
    body[data-page="users"] .asset-limit-default-row label span{
      color:var(--text-muted);
      font-size:10px;
      font-weight:950;
      letter-spacing:.05em;
      text-transform:uppercase;
    }

    body[data-page="users"] .asset-limit-default-grid{
      display:grid;
      gap:8px;
    }

    body[data-page="users"] .asset-limit-default-row{
      padding:8px 10px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:12px;
      background:rgba(255,255,255,.025);
    }

    body[data-page="users"] .asset-limit-default-row strong{
      color:#dbeafe;
      font-size:13px;
      line-height:1.2;
    }

    body[data-page="users"] .asset-limit-default-row label{
      display:grid;
      gap:5px;
      min-width:0;
    }

    body[data-page="users"] .asset-limit-default-row label span{
      display:none;
    }

    body[data-page="users"] .asset-limit-default-row .input{
      width:100%;
      min-height:36px;
      border-color:var(--border-subtle);
      border-radius:var(--radius-sm);
      background:rgba(15,23,42,.58);
      color:var(--text-strong);
      padding:7px 9px;
      font-size:13px;
    }

    body[data-page="users"] .asset-limit-save{
      justify-self:end;
      min-height:40px;
    }

    body[data-page="users"] .users-fold-panel{
      display:block;
      padding:0;
      overflow:hidden;
    }

    body[data-page="users"] .users-fold-summary{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:12px;
      align-items:center;
      padding:16px;
      cursor:pointer;
      list-style:none;
    }

    body[data-page="users"] .users-fold-summary::-webkit-details-marker{
      display:none;
    }

    body[data-page="users"] .users-fold-summary::after{
      content:"+";
      display:grid;
      place-items:center;
      width:30px;
      height:30px;
      border:1px solid rgba(34,197,94,.34);
      border-radius:10px;
      background:rgba(34,197,94,.10);
      color:#86efac;
      font-size:20px;
      font-weight:950;
      line-height:1;
    }

    body[data-page="users"] .users-fold-panel[open] .users-fold-summary::after{
      content:"-";
    }

    body[data-page="users"] .users-fold-summary h2{
      margin:0;
      color:var(--text-strong);
      font-size:18px;
      line-height:1.2;
    }

    body[data-page="users"] .users-fold-summary p{
      margin:4px 0 0;
      color:var(--text-muted);
      font-size:13px;
      line-height:1.35;
    }

    body[data-page="users"] .users-fold-body{
      display:grid;
      gap:12px;
      padding:0 16px 16px;
    }

    body[data-page="users"] .users-fold-actions{
      display:flex;
      justify-content:flex-end;
    }

    body[data-page="users"] .users-list{
      display:grid;
      gap:12px;
    }

    body[data-page="users"] .user-card{
      display:grid;
      gap:14px;
      padding:14px;
      border:1px solid var(--border-subtle);
      border-radius:16px;
      background:
        radial-gradient(circle at 96% 0%, rgba(96,165,250,.12), transparent 34%),
        linear-gradient(180deg, rgba(20,28,42,.92), rgba(12,18,28,.96));
      box-shadow:0 14px 34px rgba(2,6,23,.18);
    }

    body[data-page="users"] .user-card-head{
      display:grid;
      grid-template-columns:auto minmax(0, 1fr) auto;
      gap:10px;
      align-items:center;
    }

    body[data-page="users"] .user-avatar{
      width:42px;
      height:42px;
      border:1px solid rgba(34,197,94,.28);
      border-radius:50%;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg, rgba(34,197,94,.24), rgba(59,130,246,.18));
      color:#d1fae5;
      font-weight:950;
    }

    body[data-page="users"] .user-card-title{
      min-width:0;
      display:grid;
      gap:2px;
    }

    body[data-page="users"] .user-card-title strong{
      color:var(--text-strong);
      font-size:15px;
      line-height:1.2;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    body[data-page="users"] .user-card-title span,
    body[data-page="users"] .user-card-actions span{
      color:var(--text-muted);
      font-size:12px;
      line-height:1.35;
    }

    body[data-page="users"] .user-card-meta{
      display:flex;
      gap:6px;
      flex-wrap:wrap;
      margin-top:4px;
      min-width:0;
    }

    body[data-page="users"] .user-card-meta span{
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:4px 7px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:999px;
      background:rgba(15,23,42,.44);
      color:#cbd5e1;
      font-size:11px;
      font-weight:800;
      line-height:1.2;
    }

    body[data-page="users"] .user-state{
      border:1px solid var(--border-subtle);
      border-radius:999px;
      padding:6px 10px;
      font-size:11px;
      font-weight:950;
      white-space:nowrap;
    }

    body[data-page="users"] .user-state.is-active{
      border-color:rgba(34,197,94,.34);
      background:rgba(34,197,94,.13);
      color:#bbf7d0;
    }

    body[data-page="users"] .user-state.is-inactive{
      border-color:rgba(148,163,184,.24);
      background:rgba(148,163,184,.08);
      color:#cbd5e1;
    }

    body[data-page="users"] .user-card-grid{
      display:grid;
      grid-template-columns:minmax(240px, 1.1fr) minmax(180px, .72fr) minmax(260px, 1fr);
      gap:12px;
      align-items:start;
    }

    body[data-page="users"] .user-card-block{
      display:grid;
      gap:10px;
      min-width:0;
      padding:12px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:12px;
      background:rgba(255,255,255,.025);
    }

    body[data-page="users"] .user-card-block h3{
      margin:0;
      color:#dbeafe;
      font-size:12px;
      font-weight:950;
      letter-spacing:.05em;
      text-transform:uppercase;
    }

    body[data-page="users"] .user-edit-stack,
    body[data-page="users"] .user-password-stack{
      display:grid;
      gap:8px;
      min-width:0;
    }

    body[data-page="users"] .user-inline-field{
      display:grid;
      gap:6px;
      min-width:0;
    }

    body[data-page="users"] .password-control{
      grid-template-columns:minmax(0, 1fr) 86px;
    }

    body[data-page="users"] .password-toggle{
      min-height:42px;
      width:86px;
      padding:0 10px;
      text-align:center;
    }

    body[data-page="users"] .user-current-password{
      color:#bbf7d0;
      background:rgba(34,197,94,.10);
      border-color:rgba(34,197,94,.28);
      cursor:not-allowed;
      text-overflow:ellipsis;
    }

    body[data-page="users"] .user-password-stack small{
      color:var(--text-muted);
      font-size:11px;
      line-height:1.35;
    }

    body[data-page="users"] .hidden-toggle{
      width:100%;
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="users"] .user-status-toggle{
      margin-top:2px;
    }

    body[data-page="users"] .user-card-actions{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:10px;
      align-items:center;
      padding-top:2px;
    }

    body[data-page="users"] .user-card-action-buttons{
      display:flex;
      gap:8px;
      justify-content:flex-end;
      flex-wrap:wrap;
    }

    body[data-page="users"] .send-activation-mail{
      min-height:42px;
      padding:9px 14px;
      white-space:nowrap;
      line-height:1.15;
    }

    body[data-page="users"] .save-user{
      min-height:42px;
      padding:9px 14px;
      border-color:rgba(34,197,94,.42);
      background:linear-gradient(135deg, rgba(34,197,94,.92), rgba(20,184,166,.72));
      color:#052e16;
      font-weight:950;
      white-space:nowrap;
      line-height:1.15;
    }

    body[data-page="users"] .admin-report-panel{
      grid-column:1 / -1;
      display:grid;
      gap:14px;
    }

    body[data-page="users"] .admin-report-panel.users-fold-panel,
    body[data-page="users"] .user-list-panel.users-fold-panel{
      display:block;
      gap:0;
    }

    body[data-page="users"] .admin-report-head{
      align-items:flex-start;
    }

    body[data-page="users"] .admin-report-controls{
      display:grid;
      grid-template-columns:repeat(2, minmax(120px, auto)) auto;
      gap:8px;
      align-items:end;
    }

    body[data-page="users"] .admin-report-controls label{
      display:grid;
      gap:5px;
      color:#b4c0d3;
      font-size:11px;
      font-weight:900;
      letter-spacing:.04em;
      text-transform:uppercase;
    }

    body[data-page="users"] .admin-report-controls .input{
      width:100%;
      min-height:38px;
      border-color:var(--border-subtle);
      border-radius:var(--radius-sm);
      background:var(--surface-3);
      color:var(--text-strong);
      padding:7px 10px;
      font-size:13px;
    }

    body[data-page="users"] .admin-report-summary{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:10px;
    }

    body[data-page="users"] .admin-report-kpi,
    body[data-page="users"] .admin-report-metric,
    body[data-page="users"] .admin-report-row,
    body[data-page="users"] .admin-report-recent span{
      border:1px solid rgba(148,163,184,.14);
      border-radius:12px;
      background:rgba(255,255,255,.025);
    }

    body[data-page="users"] .admin-report-kpi{
      display:grid;
      gap:5px;
      min-width:0;
      padding:12px;
    }

    body[data-page="users"] .admin-report-kpi small,
    body[data-page="users"] .admin-report-metric span,
    body[data-page="users"] .admin-report-metric small,
    body[data-page="users"] .admin-report-row small,
    body[data-page="users"] .admin-report-recent small,
    body[data-page="users"] .admin-report-fee small{
      color:var(--text-muted);
      font-size:11px;
      line-height:1.35;
    }

    body[data-page="users"] .admin-report-kpi strong,
    body[data-page="users"] .admin-report-metric strong,
    body[data-page="users"] .admin-report-row strong,
    body[data-page="users"] .admin-report-recent strong,
    body[data-page="users"] .admin-report-fee strong{
      color:var(--text-strong);
      font-size:16px;
      line-height:1.15;
      font-variant-numeric:tabular-nums;
    }

    body[data-page="users"] .money-good,
    body[data-page="users"] .money-good strong{
      color:#86efac !important;
    }

    body[data-page="users"] .money-bad,
    body[data-page="users"] .money-bad strong{
      color:#fca5a5 !important;
    }

    body[data-page="users"] .money-neutral,
    body[data-page="users"] .money-neutral strong{
      color:#dbeafe !important;
    }

    body[data-page="users"] .admin-report-list{
      display:grid;
      gap:12px;
    }

    body[data-page="users"] .admin-report-card{
      display:grid;
      gap:12px;
      padding:14px;
      border:1px solid var(--border-subtle);
      border-radius:16px;
      background:linear-gradient(180deg, rgba(20,28,42,.88), rgba(12,18,28,.96));
      box-shadow:0 14px 34px rgba(2,6,23,.16);
    }

    body[data-page="users"] .admin-report-user-fold{
      gap:0;
    }

    body[data-page="users"] .admin-report-user-summary{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:12px;
      align-items:center;
      cursor:pointer;
      list-style:none;
    }

    body[data-page="users"] .admin-report-user-summary::-webkit-details-marker{
      display:none;
    }

    body[data-page="users"] .admin-report-user-summary::after{
      content:"+";
      display:grid;
      place-items:center;
      width:28px;
      height:28px;
      border:1px solid rgba(34,197,94,.34);
      border-radius:10px;
      background:rgba(34,197,94,.10);
      color:#86efac;
      font-size:19px;
      font-weight:950;
      line-height:1;
    }

    body[data-page="users"] .admin-report-user-fold[open] .admin-report-user-summary::after{
      content:"-";
    }

    body[data-page="users"] .admin-report-user-body{
      display:grid;
      gap:12px;
      margin-top:12px;
    }

    body[data-page="users"] .admin-report-card-head{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:12px;
      align-items:start;
    }

    body[data-page="users"] .admin-report-card-head > div:first-child{
      display:grid;
      gap:3px;
      min-width:0;
    }

    body[data-page="users"] .admin-report-card-head strong{
      color:var(--text-strong);
      font-size:15px;
      line-height:1.2;
    }

    body[data-page="users"] .admin-report-card-head span{
      color:var(--text-muted);
      font-size:12px;
      line-height:1.35;
    }

    body[data-page="users"] .admin-report-fee{
      display:grid;
      gap:3px;
      min-width:112px;
      text-align:right;
    }

    body[data-page="users"] .admin-report-metrics{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }

    body[data-page="users"] .admin-report-metric{
      display:grid;
      gap:5px;
      padding:11px;
    }

    body[data-page="users"] .admin-report-breakdown{
      display:grid;
      grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
      gap:10px;
    }

    body[data-page="users"] .admin-report-breakdown > div{
      display:grid;
      gap:8px;
      min-width:0;
    }

    body[data-page="users"] .admin-report-breakdown h3{
      margin:0;
      color:#dbeafe;
      font-size:12px;
      font-weight:950;
      letter-spacing:.05em;
      text-transform:uppercase;
    }

    body[data-page="users"] .admin-report-row,
    body[data-page="users"] .admin-report-recent span{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto auto;
      gap:8px;
      align-items:center;
      padding:8px 10px;
    }

    body[data-page="users"] .admin-report-row span{
      min-width:0;
      color:#dbeafe;
      font-size:13px;
      font-weight:850;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    body[data-page="users"] .admin-report-recent{
      display:grid;
      gap:7px;
    }

    body[data-page="users"] .admin-report-recent span{
      grid-template-columns:minmax(0, 1fr) auto;
    }

    body[data-page="users"] .admin-report-recent small{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    body[data-page="users"] .admin-report-empty,
    body[data-page="users"] .admin-report-warning{
      padding:10px 12px;
      border:1px dashed rgba(148,163,184,.18);
      border-radius:12px;
      background:rgba(255,255,255,.018);
      color:var(--text-muted);
      font-size:12px;
      line-height:1.4;
    }

    body[data-page="users"] .admin-report-warning{
      border-color:rgba(245,158,11,.26);
      background:rgba(245,158,11,.08);
      color:#fde68a;
    }

    body[data-page="users"] .admin-fee-tiers{
      display:grid;
      gap:9px;
      padding:12px;
      border:1px solid rgba(34,197,94,.16);
      border-radius:12px;
      background:rgba(34,197,94,.045);
    }

    body[data-page="users"] .admin-fee-tier-head{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:10px;
      align-items:start;
    }

    body[data-page="users"] .admin-fee-tier-head > div{
      display:grid;
      gap:3px;
      min-width:0;
    }

    body[data-page="users"] .admin-fee-tier-head h3{
      margin:0;
      color:#dbeafe;
      font-size:12px;
      font-weight:950;
      letter-spacing:.05em;
      text-transform:uppercase;
    }

    body[data-page="users"] .admin-fee-tier-head span{
      color:var(--text-muted);
      font-size:12px;
      line-height:1.35;
    }

    body[data-page="users"] .admin-fee-tier-labels,
    body[data-page="users"] .admin-fee-tier-row{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:8px;
      align-items:center;
    }

    body[data-page="users"] .admin-fee-tier-labels span{
      color:var(--text-muted);
      font-size:10px;
      font-weight:950;
      letter-spacing:.05em;
      text-transform:uppercase;
    }

    body[data-page="users"] .admin-fee-tier-grid{
      display:grid;
      gap:7px;
    }

    body[data-page="users"] .admin-fee-tier-row .input{
      width:100%;
      min-height:36px;
      border-color:var(--border-subtle);
      border-radius:var(--radius-sm);
      background:rgba(15,23,42,.58);
      color:var(--text-strong);
      padding:7px 9px;
      font-size:13px;
    }

    body[data-page="users"] .admin-fee-tier-actions{
      display:flex;
      gap:8px;
      justify-content:flex-end;
      flex-wrap:wrap;
    }

    @media (max-width: 1180px){
      body[data-page="users"] .users-layout,
      body[data-page="users"] .user-card-grid,
      body[data-page="users"] .admin-report-summary,
      body[data-page="users"] .admin-report-metrics,
      body[data-page="users"] .admin-report-breakdown{
        grid-template-columns:1fr;
      }

      body[data-page="users"] .user-create-form{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      body[data-page="users"] .user-create-submit,
      body[data-page="users"] #createStatus{
        grid-column:1 / -1;
      }

      body[data-page="users"] .admin-report-controls{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        width:100%;
      }
    }

    @media (max-width: 760px){
      body[data-page="users"] .nav{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      body[data-page="users"] .nav a{
        width:100%;
        padding:8px 10px;
      }

      body[data-page="users"] .users-layout{
        gap:12px;
      }

      body[data-page="users"] .user-list-panel,
      body[data-page="users"] .user-create-panel,
      body[data-page="users"] .user-limit-panel,
      body[data-page="users"] .signup-request-panel,
      body[data-page="users"] .admin-report-panel,
      body[data-page="users"] .user-card{
        padding:12px;
      }

      body[data-page="users"] .users-fold-panel{
        padding:0;
      }

      body[data-page="users"] .user-create-form,
      body[data-page="users"] .signup-request-card,
      body[data-page="users"] .asset-limit-default-row{
        grid-template-columns:1fr;
      }

      body[data-page="users"] .asset-limit-default-labels{
        display:none;
      }

      body[data-page="users"] .asset-limit-default-row label span{
        display:block;
      }

      body[data-page="users"] .asset-limit-save,
      body[data-page="users"] .user-create-submit{
        width:100%;
        justify-self:stretch;
      }

      body[data-page="users"] .admin-report-controls,
      body[data-page="users"] .admin-report-card-head,
      body[data-page="users"] .admin-report-row,
      body[data-page="users"] .admin-fee-tier-head{
        grid-template-columns:1fr;
      }

      body[data-page="users"] .admin-report-fee{
        text-align:left;
      }

      body[data-page="users"] .admin-fee-tier-labels{
        display:none;
      }

      body[data-page="users"] .admin-fee-tier-row{
        grid-template-columns:1fr;
        padding:8px;
        border:1px solid rgba(148,163,184,.14);
        border-radius:10px;
        background:rgba(255,255,255,.025);
      }

      body[data-page="users"] .admin-fee-tier-actions .btn{
        width:100%;
        justify-content:center;
      }

      body[data-page="users"] .user-card-head{
        grid-template-columns:auto minmax(0, 1fr);
      }

      body[data-page="users"] .user-state{
        grid-column:1 / -1;
        justify-self:start;
      }

      body[data-page="users"] .user-card-actions{
        grid-template-columns:1fr;
      }

      body[data-page="users"] .user-card-action-buttons,
      body[data-page="users"] .signup-request-actions{
        display:grid;
        grid-template-columns:1fr;
      }

      body[data-page="users"] #reloadUsersBtn{
        min-width:104px;
      }

      body[data-page="users"] .save-user,
      body[data-page="users"] .send-activation-mail,
      body[data-page="users"] .signup-request-actions .btn{
        width:100%;
      }
    }

    @media (max-width: 430px){
      body[data-page="users"] .password-control{
        grid-template-columns:1fr;
      }

      body[data-page="users"] .password-toggle{
        width:100%;
      }
    }

    body[data-page="scoring"] .score-tools,
    body[data-page="scoring-config"] .toolbar,
    body[data-page="scoring-config"] .top-actions{
      gap:10px;
    }

    body[data-page="scoring"] .search-input,
    body[data-page="scoring-config"] .field input,
    body[data-page="scoring-config"] .json{
      color:var(--text-strong);
    }

    body[data-page="scoring"] .search-input::placeholder{
      color:#8594aa;
    }

    body[data-page="scoring"] .table-wrap table,
    body[data-page="scoring-config"] .table-wrap table{
      width:100%;
      border-collapse:collapse;
      background:transparent;
    }

    body[data-page="scoring"] .table-wrap thead th,
    body[data-page="scoring-config"] .table-wrap thead th{
      padding:12px 14px;
      border-bottom:1px solid var(--border-subtle);
      color:#97a7be;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.06em;
      background:rgba(255,255,255,.02);
      text-align:left;
    }

    body[data-page="scoring"] .table-wrap tbody td,
    body[data-page="scoring-config"] .table-wrap tbody td{
      padding:12px 14px;
      border-bottom:1px solid rgba(148,163,184,.1);
      vertical-align:top;
    }

    body[data-page="scoring"] .table-wrap tbody tr:hover,
    body[data-page="scoring-config"] .table-wrap tbody tr:hover{
      background:rgba(255,255,255,.018);
    }

    body[data-page="scoring"] .toolbar .btn,
    body[data-page="scoring-config"] .toolbar .btn,
    body[data-page="scoring-config"] .top-actions .btn{
      min-height:40px;
    }

body[data-page="monitoring"] .bottom-actions.utility-dock{
  padding:12px;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:start;
  background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(13,18,28,.98));
  box-shadow:var(--shadow-soft);
}

body[data-page="monitoring"] .dock-section{
  position:relative;
  min-width:0;
  overflow:hidden;
}

body[data-page="monitoring"] .dock-section::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  border-radius:10px 999px 999px 10px;
  background:linear-gradient(180deg, rgba(34,211,238,.80), rgba(125,176,255,.30), rgba(34,197,94,.54));
  opacity:.82;
  pointer-events:none;
}

body[data-page="monitoring"] .dock-section[open]{
  grid-column:1 / -1;
  border-color:rgba(96,165,250,.22);
  box-shadow:0 18px 38px rgba(2,6,23,.26);
}

body[data-page="monitoring"] .radar-cron-dock{order:1}
body[data-page="monitoring"] .live-ai-dock{order:2}
body[data-page="monitoring"] .asset-limits-dock{order:3}
body[data-page="monitoring"] .hidden-dock{order:4}
body[data-page="monitoring"] .push-dock{order:5}
body[data-page="monitoring"] .review-log-dock{order:6}
body[data-page="monitoring"] .log-dock{order:7}

body[data-page="monitoring"] .dock-summary,
body[data-page="monitoring"] .hidden-toggle,
    body[data-page="monitoring"] .hidden-field,
    body[data-page="monitoring"] .mini-btn,
    body[data-page="monitoring"] .control-save-btn,
    body[data-page="monitoring"] .actions-bottom .btn{
  border-color:var(--border-subtle);
  background:var(--surface-3);
  box-shadow:none;
}

body[data-page="monitoring"] .dock-summary{
  position:relative;
  padding:14px 16px;
  gap:12px;
}

body[data-page="monitoring"] .dock-section[open] .dock-summary{
  border-bottom:1px solid rgba(148,163,184,.12);
  background:
    linear-gradient(180deg, rgba(96,165,250,.08), rgba(255,255,255,.02)),
    var(--surface-3);
}

body[data-page="monitoring"] .dock-copy{
  gap:4px;
}

body[data-page="monitoring"] .dock-copy-head{
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
}

body[data-page="monitoring"] .dock-copy strong{
  font-size:14px;
  letter-spacing:.01em;
}

body[data-page="monitoring"] .hidden-field{
  border-radius:var(--radius-md);
}

    body[data-page="monitoring"] .hidden-field span,
    body[data-page="monitoring"] .hidden-toggle-copy > span,
    body[data-page="monitoring"] .field-label-with-info > span:first-child{
      color:#b4c0d3;
    }

body[data-page="monitoring"] .field-hint,
body[data-page="monitoring"] .dock-copy small,
body[data-page="monitoring"] .hidden-config-head span{
  color:var(--text-muted);
}

body[data-page="monitoring"] .dock-copy small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  max-width:100%;
  min-height:24px;
  padding:4px 10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}

body[data-page="monitoring"] .hidden-field .input,
body[data-page="monitoring"] .hidden-field input[type="number"]{
  border-color:var(--border-subtle);
  background:var(--surface-quiet);
      box-shadow:none;
    }

    body[data-page="monitoring"] .cron-preset-btn.active,
    body[data-page="monitoring"] .control-save-btn{
      border-color:rgba(96,165,250,.24);
      background:rgba(61,116,244,.12);
      color:var(--text-strong);
    }

    body[data-page="monitoring"] .actions.actions-bottom{
      width:100%;
      justify-content:flex-start;
      padding-top:4px;
      border-top:1px solid rgba(148,163,184,.1);
    }

    body[data-page="monitoring"] .system-log{
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-md);
      background:var(--surface-quiet);
      overflow:hidden;
    }

    body[data-page="monitoring"] .dock-log-block{
      border-color:var(--border-subtle);
      background:var(--surface-quiet);
      box-shadow:none;
    }

body[data-page="monitoring"] .dock-log-block pre{
  color:#9fb0c6;
  line-height:1.55;
}

body[data-page="monitoring"] .review-log-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body[data-page="monitoring"] .review-log-card{
  display:grid;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:10px;
  background:
    linear-gradient(180deg, rgba(96,165,250,.06), rgba(255,255,255,.02)),
    var(--surface-quiet);
}

body[data-page="monitoring"] .review-log-card.good{border-color:rgba(34,197,94,.24)}
body[data-page="monitoring"] .review-log-card.warn{border-color:rgba(245,158,11,.28)}
body[data-page="monitoring"] .review-log-card.bad{border-color:rgba(239,68,68,.30)}

body[data-page="monitoring"] .review-log-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}

body[data-page="monitoring"] .review-log-card-head strong{
  color:#eef5ff;
  font-size:14px;
}

body[data-page="monitoring"] .review-log-card-head span{
  flex:0 0 auto;
  border:1px solid rgba(148,163,184,.18);
  border-radius:999px;
  padding:4px 8px;
  color:#cbd5e1;
  font-size:11px;
  font-weight:900;
}

body[data-page="monitoring"] .review-log-card pre{
  margin:0;
  max-height:220px;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:#aebbd0;
  font:12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}

body[data-page="monitoring"] .hidden-config-panel{
  gap:12px;
  padding:12px 12px 14px;
}

body[data-page="monitoring"] .hidden-config-grid{
  gap:12px;
}

body[data-page="monitoring"] .cron-preset-tile{
  border-color:rgba(148,163,184,.12);
  background:
    linear-gradient(180deg, rgba(96,165,250,.06), rgba(255,255,255,.02)),
    var(--surface-quiet);
}

body[data-page="monitoring"] .info-popover{
  max-width:min(360px, calc(100vw - 36px));
}

body[data-page="monitoring"] .info-popover span{
  line-height:1.62;
}

body[data-page="monitoring"] .info-wrap.open .info-popover,
body[data-page="monitoring"] .info-wrap:focus-within .info-popover,
body[data-page="monitoring"] .info-wrap:hover .info-popover{
  display:none;
}

body[data-page="monitoring"] .info-modal-card{
  width:min(680px, calc(100vw - 32px));
  max-height:min(78vh, 720px);
}

body[data-page="monitoring"] .info-modal-body{
  font-size:14px;
  line-height:1.72;
}

@media (max-width: 1100px){
  body[data-page="monitoring"] .bottom-actions.utility-dock{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  body[data-page="monitoring"] .review-log-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  body[data-page="monitoring"] .bottom-actions.utility-dock{
    grid-template-columns:1fr;
  }
}

    body[data-page="monitoring"] .system-log summary{
      padding:10px 12px;
      cursor:pointer;
      color:#c4d2e6;
      font-weight:700;
      list-style:none;
    }

    body[data-page="monitoring"] .system-log summary::-webkit-details-marker{
      display:none;
    }

    body[data-page="monitoring"] .system-log pre{
      margin:0;
      padding:0 12px 12px;
      color:#9fb0c6;
    }

    @media (min-width: 780px) and (hover: hover) and (pointer: fine){
      .topbar-nav-slot .nav-flyout-toggle{
        display:none;
      }

      .topbar-nav-slot .nav-flyout-panel{
        position:static;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:8px;
        min-width:0;
        max-width:none;
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
        opacity:1;
        pointer-events:auto;
        transform:none;
      }

      .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a{
        width:auto;
        justify-content:center;
      }

      .topbar-nav-slot .nav-session{
        order:100;
        margin-left:8px;
        min-height:38px;
        padding:0 10px;
        display:inline-flex;
        align-items:center;
        gap:10px;
      }

      .topbar-nav-slot .nav-session-head{
        align-items:center;
        gap:8px;
      }

      .topbar-nav-slot .nav-session-copy{
        display:flex;
        align-items:baseline;
        gap:6px;
      }

      .topbar-nav-slot .nav-session-dot{
        width:8px;
        height:8px;
        margin-top:0;
        box-shadow:none;
      }

      .topbar-nav-slot .nav-session-user{
        max-width:160px;
        font-size:12px;
      }

      .topbar-nav-slot .nav-session-role{
        padding:2px 8px;
        font-size:10px;
      }

      .topbar-nav-slot .nav-flyout-footer{
        display:flex;
        align-items:center;
        gap:8px;
        margin:0 0 0 8px;
        padding:0;
        border:0;
      }

      .topbar-nav-slot .nav-flyout-logout{
        width:auto;
      }
    }

    @media (max-width: 1100px){
      body.has-sticky-mobile-header:not(.auth-page) .wrap{
        padding-top:calc(var(--sticky-header-offset, 88px) + 22px);
      }

      body.has-sticky-mobile-header:not(.auth-page) .topbar{
        position:fixed;
        top:calc(8px + env(safe-area-inset-top, 0px));
        left:calc(12px + env(safe-area-inset-left, 0px));
        right:calc(12px + env(safe-area-inset-right, 0px));
        width:auto;
        z-index:3400;
        margin:0;
        border-radius:18px;
        backdrop-filter:blur(18px);
      }

      .topbar{
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:start;
      }

      .topbar .brand-copy > p:not(.brand-eyebrow){
        display:none;
      }

      .topbar-nav-slot{
        align-self:start;
        justify-content:flex-end;
      }

      .top-actions-nav-slot{
        grid-column:auto;
        width:auto;
        justify-content:flex-end;
      }

      .topbar-nav-slot .app-nav.nav-flyout{
        width:auto;
      }

      .topbar-nav-slot .nav-flyout-toggle{
        width:46px;
        height:46px;
        min-height:46px;
        min-width:46px;
        padding:0;
        border:1px solid rgba(255,255,255,.24);
        border-radius:999px;
        color:#fff;
        background:
          radial-gradient(circle at 34% 22%, rgba(255,255,255,.34), transparent 34%),
          linear-gradient(135deg, color-mix(in srgb, var(--page-accent, #38bdf8) 72%, #ffffff 8%), color-mix(in srgb, var(--page-accent, #38bdf8) 42%, #22c55e 58%));
        box-shadow:
          0 12px 26px rgba(2,6,23,.32),
          0 0 0 4px rgba(255,255,255,.055),
          0 0 20px color-mix(in srgb, var(--page-accent, #38bdf8) 38%, transparent);
      }

      .topbar-nav-slot .nav-flyout-toggle:hover,
      .topbar-nav-slot .nav-flyout.open .nav-flyout-toggle{
        border-color:rgba(255,255,255,.34);
        color:#fff;
        transform:translateY(-1px);
        box-shadow:
          0 14px 30px rgba(2,6,23,.34),
          0 0 0 4px rgba(255,255,255,.07),
          0 0 24px color-mix(in srgb, var(--page-accent, #38bdf8) 46%, transparent);
      }

      .topbar-nav-slot .nav-flyout-lines span{
        background:#fff;
        height:2px;
        border-radius:999px;
        box-shadow:0 1px 5px rgba(2,6,23,.24);
      }

      .topbar-nav-slot .nav-flyout-toggle > span:last-child{
        display:none;
      }

      .topbar-nav-slot .nav-flyout-panel{
        position:fixed;
        top:calc(var(--sticky-header-offset, 88px) + 18px + env(safe-area-inset-top, 0px));
        right:10px;
        left:auto;
        bottom:calc(10px + env(safe-area-inset-bottom, 0px));
        width:min(340px, calc(100vw - 24px));
        max-width:none;
        min-width:0;
        height:auto;
        max-height:none;
        padding:calc(16px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px));
        border-radius:22px;
        border:1px solid var(--border-strong);
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        z-index:3450;
        transform:translateX(100%);
        transform-origin:right center;
      }

      .topbar-nav-slot .nav-flyout.open .nav-flyout-panel{
        transform:translateX(0);
      }

      .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a{
        width:100%;
        justify-content:flex-start;
      }
    }

    body.nav-narrow-desktop .topbar{
      grid-template-columns:minmax(0, 1fr);
      gap:12px;
    }

    body.nav-narrow-desktop .topbar-nav-slot{
      grid-column:1 / -1;
      width:100%;
      justify-content:flex-start;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-toggle{
      display:none;
    }

    body.nav-narrow-desktop .topbar-nav-slot .app-nav.nav-flyout{
      width:100%;
      justify-content:flex-start;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-panel{
      position:static;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:8px;
      flex-wrap:wrap;
      width:100%;
      min-width:0;
      max-width:none;
      height:auto;
      padding:0;
      border:0;
      background:transparent;
      box-shadow:none;
      opacity:1;
      pointer-events:auto;
      transform:none;
    }

    body.nav-narrow-desktop .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a{
      width:auto;
      justify-content:center;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session{
      order:100;
      margin-left:auto;
      min-height:38px;
      padding:0 10px;
      display:inline-flex;
      align-items:center;
      gap:10px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-head{
      align-items:center;
      gap:8px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-copy{
      display:flex;
      align-items:baseline;
      gap:6px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-dot{
      width:8px;
      height:8px;
      margin-top:0;
      box-shadow:none;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-user{
      max-width:160px;
      font-size:12px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-role{
      padding:2px 8px;
      font-size:10px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-footer{
      display:flex;
      align-items:center;
      gap:8px;
      margin:0;
      padding:0;
      border:0;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-logout{
      width:auto;
    }

    /* ---- Radar page calm desktop pass ---- */

    body[data-page="radar"] .layout{
      gap:14px;
      align-items:start;
    }

    body[data-page="radar"] .statusbar{
      margin-bottom:12px;
      background:rgba(8,14,25,.68);
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--radar-radius-lg, 14px);
      padding:8px;
      box-shadow:none;
      backdrop-filter:blur(10px);
    }

    body[data-page="radar"] .statusbar-track{
      padding:0;
    }

    body[data-page="radar"] .stat{
      border-color:rgba(148,163,184,.12);
      background:rgba(255,255,255,.03);
    }

    body[data-page="radar"] .stat .k{
      color:#97a8c3;
    }

    body[data-page="radar"] .stat .v{
      font-size:15px;
    }

    body[data-page="radar"] .active-coin-float{
      top:10px;
      margin:0 0 12px;
      padding:8px 10px;
      border-color:var(--radar-line-soft, rgba(148,163,184,.16));
      background:rgba(8,14,25,.84);
      box-shadow:none;
      backdrop-filter:blur(10px);
    }

    body[data-page="radar"] .active-coin-metrics span{
      background:rgba(255,255,255,.03);
      border-color:rgba(148,163,184,.14);
    }

    body[data-page="radar"] .active-coin-open-list{
      border-color:var(--radar-line-soft, rgba(148,163,184,.16));
      background:var(--radar-highlight-soft, rgba(255,255,255,.04));
      box-shadow:none;
    }

    body[data-page="radar"] .sidebar{
      border-color:var(--radar-line-soft, rgba(148,163,184,.16));
      background:rgba(8,14,25,.92);
      box-shadow:none;
      backdrop-filter:blur(12px);
    }

    body[data-page="radar"] .sidebar .panel-head{
      gap:12px;
    }

    body[data-page="radar"] .sidebar .panel-head h2{
      font-size:17px;
      font-weight:760;
      letter-spacing:0;
    }

    body[data-page="radar"] .watchlist-addbar{
      gap:8px;
      align-items:center;
    }

    body[data-page="radar"] .asset-section-btn{
      min-height:48px;
      padding:7px 9px;
      border-color:var(--radar-line-strong, rgba(148,163,184,.22));
      background:linear-gradient(180deg, var(--radar-highlight-soft, rgba(255,255,255,.04)), rgba(255,255,255,.018));
      box-shadow:0 8px 20px rgba(2,6,23,.14), inset 0 1px 0 var(--radar-highlight-soft, rgba(255,255,255,.04));
      align-content:center;
      justify-items:center;
      text-align:center;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    body[data-page="radar"] .asset-section-btn::before{
      display:none;
    }

    body[data-page="radar"] .asset-section-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.10), rgba(59,130,246,.04));
    }

    body[data-page="radar"] .asset-section-btn span{
      color:#9db0c8;
      font-size:9px;
      font-weight:700;
      letter-spacing:0;
      line-height:1.15;
      white-space:normal;
      overflow-wrap:anywhere;
      text-wrap:balance;
    }

    body[data-page="radar"] .asset-section-btn strong{
      display:none;
    }

    body[data-page="radar"] .asset-section-btn.active{
      border-color:rgba(96,165,250,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.14), rgba(59,130,246,.06));
      box-shadow:0 10px 24px rgba(2,6,23,.18), inset 0 0 0 1px rgba(125,176,255,.1);
    }

    body[data-page="radar"] .asset-section-btn.active strong{
      background:rgba(96,165,250,.18);
      border-color:rgba(125,176,255,.22);
    }

    body[data-page="radar"] .asset-section-btn[data-section="active"] span{
      color:#82daad;
    }

    body[data-page="radar"] .asset-section-btn[data-section="active"]:hover,
    body[data-page="radar"] .asset-section-btn[data-section="active"].active{
      border-color:rgba(34,197,94,.32);
      background:linear-gradient(180deg, rgba(34,197,94,.14), rgba(22,163,74,.06));
    }

    body[data-page="radar"] .asset-section-btn[data-section="active"] strong,
    body[data-page="radar"] .asset-section-btn[data-section="active"].active strong{
      background:var(--radar-green-soft, rgba(34,197,94,.16));
      border-color:rgba(34,197,94,.18);
      color:#e8fff0;
    }

    body[data-page="radar"] .asset-section-btn[data-section="watchlist"]:hover,
    body[data-page="radar"] .asset-section-btn[data-section="watchlist"].active{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.14), rgba(217,119,6,.05));
    }

    body[data-page="radar"] .asset-section-btn[data-section="watchlist"].active strong{
      background:rgba(245,158,11,.16);
      border-color:rgba(245,158,11,.18);
      color:#fff3d8;
    }

    body[data-page="radar"] .asset-section-btn[data-section="hidden"]:hover,
    body[data-page="radar"] .asset-section-btn[data-section="hidden"].active{
      border-color:rgba(168,85,247,.28);
      background:linear-gradient(180deg, rgba(168,85,247,.12), rgba(139,92,246,.05));
    }

    body[data-page="radar"] .asset-section-btn[data-section="hidden"].active strong{
      background:rgba(168,85,247,.15);
      border-color:rgba(168,85,247,.18);
      color:#f1e8ff;
    }

    body[data-page="radar"] .watchlist-toolbar{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      padding:8px 10px;
      gap:8px;
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    body[data-page="radar"] .sort-btn{
      border-color:rgba(148,163,184,.14);
      background:transparent;
      color:#d6e0ef;
      min-height:30px;
      padding:6px 9px;
      font-size:11px;
      font-weight:650;
    }

    body[data-page="radar"] .sort-btn:hover{
      transform:none;
      border-color:var(--radar-line-strong, rgba(148,163,184,.22));
      background:var(--radar-highlight-soft, rgba(255,255,255,.04));
      box-shadow:none;
    }

    body[data-page="radar"] .sort-btn.active{
      border-color:rgba(96,165,250,.24);
      background:rgba(96,165,250,.10);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card{
      padding:11px 12px;
      border-radius:13px;
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.018);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card:hover{
      transform:none;
      border-color:rgba(148,163,184,.24);
      background:rgba(255,255,255,.03);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card.active{
      border-color:rgba(96,165,250,.24);
      background:rgba(59,130,246,.08);
      box-shadow:none;
    }

    body[data-page="radar"] .rank-badge{
      border:1px solid rgba(148,163,184,.14);
      background:var(--radar-highlight-soft, rgba(255,255,255,.04));
      color:#cfdaeb;
      box-shadow:none;
    }

    body[data-page="radar"] .hero-card,
    body[data-page="radar"] .detail-card,
    body[data-page="radar"] .hero-structure-card,
    body[data-page="radar"] .metric,
    body[data-page="radar"] .directional-battle,
    body[data-page="radar"] .ai-decision-card,
    body[data-page="radar"] .decision-summary,
    body[data-page="radar"] .feargreed-card,
    body[data-page="radar"] .decision-card{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.018);
      box-shadow:none;
    }

    body[data-page="radar"] .hero-card{
      padding:16px;
    }

    body[data-page="radar"] .hero-title{
      font-size:28px;
      font-weight:820;
    }

    body[data-page="radar"] .hero-sub{
      color:#9fb0ca;
    }

    body[data-page="radar"] .hero-price strong{
      font-size:32px;
      margin-bottom:6px;
    }

    body[data-page="radar"] .chip-row,
    body[data-page="radar"] .insight-chip-row,
    body[data-page="radar"] .hero-structure-brief,
    body[data-page="radar"] .decision-strip,
    body[data-page="radar"] .hero-metrics{
      gap:8px;
    }

    body[data-page="radar"] .decision-card.active.entry{
      background:var(--tint-good);
      border-color:rgba(34,197,94,.18);
      box-shadow:none;
    }

    body[data-page="radar"] .decision-card.active.watch{
      background:var(--tint-warn);
      border-color:rgba(245,158,11,.18);
      box-shadow:none;
    }

    body[data-page="radar"] .decision-card.active.avoid{
      background:var(--tint-bad);
      border-color:rgba(239,68,68,.18);
      box-shadow:none;
    }

    body[data-page="radar"] .ai-decision-card::before{
      display:none;
    }

    body[data-page="radar"] .summary{
      color:#d6e1f0;
      max-width:92ch;
    }

    body[data-page="radar"] .hero-metrics{
      grid-template-columns:repeat(3, minmax(0,1fr));
    }

    body[data-page="radar"] .metric{
      padding:10px 12px;
    }

    body[data-page="radar"] .metric::before{
      display:none;
    }

    body[data-page="radar"] .hero-metrics .metric:nth-child(1),
    body[data-page="radar"] .hero-metrics .metric:nth-child(2),
    body[data-page="radar"] .hero-metrics .metric:nth-child(3),
    body[data-page="radar"] .hero-metrics .metric:nth-child(4),
    body[data-page="radar"] .hero-metrics .metric:nth-child(5),
    body[data-page="radar"] .hero-metrics .metric:nth-child(6){
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.018);
    }

    body[data-page="radar"] .metric .k{
      color:#95a8c2;
      letter-spacing:.04em;
    }

    body[data-page="radar"] .metric .v{
      font-size:17px;
    }

    body[data-page="radar"] .hero-metrics .metric:nth-child(1) .v,
    body[data-page="radar"] .hero-metrics .metric:nth-child(2) .v{
      font-size:20px;
    }

    body[data-page="radar"] .directional-battle.is-long{
      border-color:var(--radar-green-soft, rgba(34,197,94,.16));
      background:rgba(34,197,94,.06);
    }

    body[data-page="radar"] .directional-battle.is-short{
      border-color:rgba(239,68,68,.16);
      background:rgba(239,68,68,.06);
    }

    body[data-page="radar"] .directional-side-bar{
      background:var(--radar-highlight, rgba(255,255,255,.05));
      border-color:rgba(148,163,184,.14);
    }

    @media (min-width: 1181px){
      body[data-page="radar"].radar-sidebar-pinned .layout{
        display:grid;
        grid-template-columns:minmax(320px, 360px) minmax(0, 1fr);
        gap:14px;
      }

      body[data-page="radar"].radar-sidebar-pinned .sidebar{
        position:sticky;
        top:14px;
        right:auto;
        bottom:auto;
        width:auto;
        max-height:calc(100vh - 28px);
        padding:14px;
        opacity:1;
        transform:none;
        pointer-events:auto;
      }

      body[data-page="radar"].radar-sidebar-pinned .sidebar.is-collapsed{
        opacity:1;
        transform:none;
        pointer-events:auto;
      }

      body[data-page="radar"].radar-sidebar-pinned .sidebar-toggle{
        display:none;
      }

      body[data-page="radar"].radar-sidebar-pinned .watchlist{
        max-height:calc(100vh - 214px);
      }

      body[data-page="radar"].radar-sidebar-pinned .main{
        min-width:0;
      }
    }

    @media (max-width: 1180px){
      body[data-page="radar"] .hero-metrics{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }
    }

    @media (max-width: 760px){
      body[data-page="radar"] .hero-headline-row{
        flex-direction:column;
        align-items:flex-start;
      }

      body[data-page="radar"] .hero-price{
        text-align:left;
        min-width:0;
      }

      body[data-page="radar"] .hero-price strong{
        font-size:28px;
      }

      body[data-page="radar"] .watchlist-addbar{
        grid-template-columns:minmax(0,1fr) 44px;
        grid-template-areas:
          "input input"
          "select add";
      }

      body[data-page="radar"] #addCoinInput{
        grid-area:input;
      }

      body[data-page="radar"] #addCoinSection{
        grid-area:select;
        min-width:0;
      }

      body[data-page="radar"] #addCoinBtn{
        grid-area:add;
        width:44px;
        min-width:44px;
        justify-self:end;
      }

      body[data-page="radar"] .watchlist-addbar .btn{
        width:auto;
      }

      body[data-page="radar"] .decision-strip,
      body[data-page="radar"] .hero-structure-brief,
      body[data-page="radar"] .hero-metrics{
        grid-template-columns:1fr;
      }
    }

    body[data-page="radar"] .brand-row,
    body[data-page="investment"] .brand-row,
    body[data-page="monitoring"] .brand-row,
    body[data-page="users"] .brand-row{
      gap:12px;
    }

    body[data-page="radar"] .titlebox h1{
      font-size:28px;
    }

    body[data-page="radar"] .titlebox p{
      max-width:640px;
    }

    body[data-page="radar"] .watchlist-addbar{
      grid-template-columns:minmax(0,1fr) 96px 42px;
    }

    body[data-page="radar"] .watchlist{
      gap:8px;
    }

    body[data-page="radar"] .watchlist-addbar .input,
    body[data-page="radar"] .watchlist-addbar .select-input{
      min-height:36px;
      padding:8px 10px;
      font-size:12px;
    }

    body[data-page="radar"] .watchlist-addbar .select-input{
      text-align:left;
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only{
      min-height:36px;
      min-width:36px;
      width:36px;
      padding:0;
      border-radius:var(--radar-radius-md, 10px);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      line-height:1;
      border-color:rgba(34,197,94,.32);
      background:rgba(34,197,94,.18);
      color:#ffffff;
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only span,
    body[data-page="radar"] .watchlist-addbar .btn-plus-only::before,
    body[data-page="radar"] .watchlist-addbar .btn-plus-only::after{
      display:none;
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only .btn-plus-glyph{
      display:inline-block;
      font-size:21px;
      font-weight:760;
      color:#ffffff;
      line-height:1;
      transform:translateY(-1px);
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only:hover{
      border-color:rgba(34,197,94,.42);
      background:rgba(34,197,94,.26);
    }

    body[data-page="radar"] .coin-card{
      padding:10px 11px;
    }

    body[data-page="radar"] .coin-top{
      margin-bottom:8px;
      align-items:center;
    }

    body[data-page="radar"] .coin-title-wrap span{
      font-size:11px;
      color:#8fa4c0;
    }

    body[data-page="radar"] .coin-right strong{
      font-size:15px;
    }

    body[data-page="radar"] .coin-right .change{
      font-size:11px;
    }

    body[data-page="radar"] .rank-badge{
      font-size:10px;
      padding:2px 6px;
    }

    body[data-page="radar"] .card-actions{
      padding-top:8px;
      margin-top:8px;
      border-top:1px solid rgba(148,163,184,.10);
      gap:6px;
    }

    body[data-page="radar"] .coin-action-btn,
    body[data-page="radar"] .remove-btn{
      min-height:30px;
      padding:0 9px;
      border-radius:9px;
      font-size:11px;
      box-shadow:none;
    }

    body[data-page="radar"] .hero-card-radar{
      padding:16px;
    }

    body[data-page="radar"] .hero-shell{
      display:grid;
      grid-template-columns:minmax(0,1fr) 292px;
      gap:12px;
      align-items:start;
    }

    body[data-page="radar"] .hero-main{
      display:grid;
      gap:10px;
    }

    body[data-page="radar"] .hero-headline-row{
      align-items:flex-start;
      gap:14px;
    }

    body[data-page="radar"] .hero-price{
      display:grid;
      gap:5px;
    }

    body[data-page="radar"] .hero-price strong{
      margin-bottom:0;
    }

    body[data-page="radar"] .radar-top-chips{
      margin-top:0;
    }

    body[data-page="radar"] .radar-trade-handoff{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      padding:10px 12px;
      border:1px solid rgba(34,197,94,.24);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(34,197,94,.06);
    }

    body[data-page="radar"] .radar-trade-handoff span{
      color:#9fb0cc;
      font-size:12px;
      line-height:1.35;
    }

    body[data-page="radar"] .radar-trade-handoff-btn{
      min-height:36px;
      white-space:normal;
    }

    .radar-asset-facts{
      display:grid;
      grid-template-columns:repeat(5, minmax(0,1fr));
      gap:8px;
    }

    .radar-asset-fact{
      display:grid;
      gap:3px;
      min-width:0;
      padding:9px 10px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:11px;
      background:rgba(255,255,255,.022);
    }

    .radar-asset-fact small{
      font-size:10px;
      color:#90a4be;
      text-transform:uppercase;
      font-weight:760;
    }

    .radar-asset-fact strong{
      font-size:13px;
      color:#eef4ff;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .radar-verdict-card{
      display:grid;
      gap:10px;
      padding:14px;
      border-radius:var(--radar-radius-lg, 14px);
      border:1px solid rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    .radar-verdict-card.tone-buy{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
    }

    .radar-verdict-card.tone-watch{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
    }

    .radar-verdict-card.tone-avoid{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
    }

    .radar-verdict-card.tone-short{
      border-color:rgba(248,113,113,.20);
      background:linear-gradient(135deg, rgba(239,68,68,.10), rgba(127,29,29,.045));
    }

    .radar-verdict-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .radar-verdict-head .main{
      font-size:19px;
      font-weight:700;
      color:#fff;
      line-height:1.12;
    }

    .radar-verdict-side{
      display:grid;
      justify-items:end;
      gap:6px;
      text-align:right;
    }

    .radar-verdict-score{
      font-size:10.5px;
      color:#a9bacf;
      white-space:nowrap;
      font-weight:560;
    }

    .radar-heat{
      position:relative;
      height:10px;
      border-radius:999px;
      overflow:hidden;
      background:var(--radar-highlight, rgba(255,255,255,.05));
      border:1px solid rgba(148,163,184,.14);
    }

    .radar-heat span{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(239,68,68,.92) 0%, rgba(245,158,11,.94) 52%, rgba(34,197,94,.92) 100%);
    }

    .radar-verdict-card .sub{
      color:#d6e1ef;
      font-size:12px;
      line-height:1.5;
    }

    .radar-verdict-reason{
      display:grid;
      gap:5px;
      padding:10px 12px;
      border-radius:11px;
      border:1px solid rgba(148,163,184,.14);
      background:var(--radar-highlight-soft, rgba(255,255,255,.04));
    }

    .radar-verdict-reason span{
      font-size:10.5px;
      line-height:1;
      color:#96abc4;
      text-transform:uppercase;
      letter-spacing:.06em;
      font-weight:760;
    }

    .radar-verdict-reason strong{
      font-size:13px;
      line-height:1.45;
      color:#f6f9ff;
      font-weight:760;
      overflow-wrap:anywhere;
    }

    .radar-verdict-card.tone-buy .radar-verdict-reason{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.075);
    }

    .radar-verdict-card.tone-watch .radar-verdict-reason{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.075);
    }

    .radar-verdict-card.tone-avoid .radar-verdict-reason,
    .radar-verdict-card.tone-short .radar-verdict-reason{
      border-color:rgba(239,68,68,.18);
      background:rgba(239,68,68,.075);
    }

    body[data-page="radar"] .radar-verdict-card .hero-ampel-tag{
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      font-size:12px;
      font-weight:620;
      color:#b4c6da;
    }

    body[data-page="radar"] .radar-verdict-card.tone-buy .hero-ampel-tag{
      color:#7ce3a7;
    }

    body[data-page="radar"] .radar-verdict-card.tone-watch .hero-ampel-tag{
      color:#f4c46a;
    }

    body[data-page="radar"] .radar-verdict-card.tone-avoid .hero-ampel-tag{
      color:#f19999;
    }

    body[data-page="radar"] .radar-verdict-card.tone-short .hero-ampel-tag{
      color:#f19999;
    }

    .radar-ai-callout{
      display:grid;
      gap:6px;
      padding:11px 14px 12px 16px;
      border-left:3px solid rgba(148,163,184,.26);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(255,255,255,.016);
    }

    .radar-ai-callout.tone-buy{
      border-left-color:rgba(34,197,94,.72);
      background:rgba(34,197,94,.05);
    }

    .radar-ai-callout.tone-watch{
      border-left-color:rgba(245,158,11,.74);
      background:rgba(245,158,11,.05);
    }

    .radar-ai-callout.tone-avoid{
      border-left-color:rgba(239,68,68,.72);
      background:rgba(239,68,68,.05);
    }

    .radar-ai-callout.tone-short{
      border-left-color:rgba(248,113,113,.72);
      background:rgba(239,68,68,.05);
    }

    .radar-ai-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
      flex-wrap:wrap;
    }

    .radar-ai-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-width:0;
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:#97abc4;
      font-weight:700;
    }

    .radar-ai-mark{
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:#7ad5ff;
      font-weight:820;
    }

    .radar-ai-mark::before{
      content:"";
      width:7px;
      height:7px;
      border-radius:999px;
      background:currentColor;
      box-shadow:0 0 0 4px rgba(56,189,248,.10);
    }

    .radar-ai-callout.tone-buy .radar-ai-mark{
      color:#7ce3a7;
    }

    .radar-ai-callout.tone-watch .radar-ai-mark{
      color:#f4c46a;
    }

    .radar-ai-callout.tone-avoid .radar-ai-mark{
      color:#f19999;
    }

    .radar-ai-callout.tone-short .radar-ai-mark{
      color:#f19999;
    }

    .radar-ai-meta{
      font-size:10.5px;
      line-height:1.35;
      color:#92a6bf;
      font-weight:560;
      text-align:right;
    }

    .radar-ai-main{
      font-size:15px;
      line-height:1.18;
      font-weight:680;
      color:#f6f9ff;
    }

    .radar-ai-copy{
      display:block;
      padding:10px 12px;
      border-radius:var(--radar-radius-md, 10px);
      font-size:12px;
      line-height:1.5;
      color:#d6e1ef;
      background:rgba(255,255,255,.032);
      border:1px solid rgba(148,163,184,.12);
      overflow-wrap:anywhere;
      overflow-wrap:anywhere;
    }

    .radar-ai-callout.tone-buy .radar-ai-copy{
      color:#dff7e8;
      background:rgba(34,197,94,.08);
      border-color:rgba(34,197,94,.14);
    }

    .radar-ai-callout.tone-watch .radar-ai-copy{
      color:#fff0cd;
      background:rgba(245,158,11,.08);
      border-color:rgba(245,158,11,.14);
    }

    .radar-ai-callout.tone-avoid .radar-ai-copy{
      color:#ffd8d8;
      background:rgba(239,68,68,.08);
      border-color:rgba(239,68,68,.14);
    }

    .radar-ai-callout.tone-short .radar-ai-copy{
      color:#ffd8d8;
      background:rgba(239,68,68,.08);
      border-color:rgba(239,68,68,.14);
    }

    .trading-confluence-callout{
      display:grid;
      gap:6px;
      padding:12px 14px;
      border:1px solid var(--radar-line, rgba(148,163,184,.18));
      border-left:4px solid rgba(148,163,184,.34);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(255,255,255,.018);
    }

    .trading-confluence-callout.tone-buy{
      border-left-color:rgba(34,197,94,.74);
      background:rgba(34,197,94,.05);
    }

    .trading-confluence-callout.tone-watch{
      border-left-color:rgba(245,158,11,.74);
      background:rgba(245,158,11,.05);
    }

    .trading-confluence-callout.tone-avoid{
      border-left-color:rgba(239,68,68,.72);
      background:rgba(239,68,68,.05);
    }

    .trading-confluence-head{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-end;
    }

    .trading-confluence-kicker{
      font-size:10.5px;
      line-height:1;
      color:var(--radar-muted-soft, #94a3b8);
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .trading-confluence-label{
      font-size:15px;
      line-height:1.15;
      font-weight:760;
      color:#f8fbff;
      text-align:right;
    }

    .trading-confluence-meta{
      font-size:10.5px;
      line-height:1.4;
      color:var(--radar-muted-soft, #94a3b8);
    }

    .trading-confluence-copy{
      font-size:12px;
      line-height:1.5;
      color:#d6e1ef;
      padding:8px 10px;
      border-radius:var(--radar-radius-md, 10px);
      background:rgba(255,255,255,.032);
      border:1px solid rgba(148,163,184,.12);
      overflow-wrap:anywhere;
    }

    .radar-summary{
      margin-top:0;
      max-width:none;
    }

    .radar-outcome-rail{
      display:grid;
      gap:10px;
      min-width:0;
    }

    .radar-outcome-card{
      display:grid;
      gap:6px;
      padding:13px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:13px;
      background:rgba(255,255,255,.018);
    }

    .radar-outcome-card.tone-good{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.06);
    }

    .radar-outcome-card.tone-warn{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.06);
    }

    .radar-outcome-card.tone-bad{
      border-color:rgba(239,68,68,.18);
      background:rgba(239,68,68,.06);
    }

    .radar-outcome-card .main{
      color:#fff;
      font-size:16px;
      font-weight:680;
      line-height:1.15;
    }

    .radar-outcome-card .sub{
      color:#d3deee;
      font-size:12px;
      line-height:1.45;
    }

    body[data-page="radar"] .market-overview-card{
      width:100%;
    }

    body[data-page="radar"] .market-score-grid{
      display:grid;
      grid-template-columns:repeat(6, minmax(0,1fr));
      gap:10px;
      margin-bottom:12px;
    }

    body[data-page="radar"] .market-score-card{
      display:grid;
      gap:8px;
      min-width:0;
      padding:12px 12px 11px;
      border-radius:13px;
      border:1px solid rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    body[data-page="radar"] .market-score-card.tone-good{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.06);
    }

    body[data-page="radar"] .market-score-card.tone-warn{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.06);
    }

    body[data-page="radar"] .market-score-card.tone-bad{
      border-color:rgba(239,68,68,.18);
      background:rgba(239,68,68,.06);
    }

    body[data-page="radar"] .market-score-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }

    body[data-page="radar"] .market-score-head .k{
      margin:0;
      color:#9ab0ca;
      font-size:10.5px;
      line-height:1.3;
      text-transform:uppercase;
      letter-spacing:.05em;
      font-weight:700;
    }

    body[data-page="radar"] .market-score-state{
      font-size:10px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.06em;
      font-weight:760;
      color:#a5b6c9;
      white-space:nowrap;
    }

    body[data-page="radar"] .market-score-main{
      color:#f6f9ff;
      font-size:19px;
      line-height:1.05;
      font-weight:720;
      font-variant-numeric:tabular-nums;
    }

    body[data-page="radar"] .market-score-main small{
      color:#8fa5bf;
      font-size:11px;
      font-weight:620;
    }

    body[data-page="radar"] .market-score-ampel{
      display:flex;
      align-items:center;
      gap:6px;
    }

    body[data-page="radar"] .market-score-ampel span{
      width:8px;
      height:8px;
      border-radius:999px;
      background:var(--radar-line, rgba(148,163,184,.18));
    }

    body[data-page="radar"] .market-score-card.tone-good .market-score-ampel span.active{
      background:#7ce3a7;
      box-shadow:0 0 0 4px rgba(34,197,94,.10);
    }

    body[data-page="radar"] .market-score-card.tone-warn .market-score-ampel span.active{
      background:#f4c46a;
      box-shadow:0 0 0 4px rgba(245,158,11,.10);
    }

    body[data-page="radar"] .market-score-card.tone-bad .market-score-ampel span.active{
      background:#f19999;
      box-shadow:0 0 0 4px rgba(239,68,68,.10);
    }

    body[data-page="radar"] .market-score-bar{
      position:relative;
      height:8px;
      border-radius:999px;
      overflow:hidden;
      background:var(--radar-highlight, rgba(255,255,255,.05));
      border:1px solid rgba(148,163,184,.14);
    }

    body[data-page="radar"] .market-score-bar span{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(239,68,68,.92) 0%, rgba(245,158,11,.94) 52%, rgba(34,197,94,.92) 100%);
    }

    body[data-page="radar"] .market-score-note{
      color:#9fb2c9;
      font-size:11px;
      line-height:1.4;
    }

    body[data-page="radar"] .market-overview-facts{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:8px;
    }

    body[data-page="radar"] .market-timeframe-card .kv{
      display:grid;
      gap:8px;
    }

    body[data-page="radar"] .market-overview-facts .kv-line,
    body[data-page="radar"] .market-timeframe-card .kv-line{
      border:1px solid rgba(148,163,184,.14);
      transition:border-color .18s ease, background-color .18s ease, color .18s ease;
    }

    body[data-page="radar"] .kv-line.kv-tone-good{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.05);
    }

    body[data-page="radar"] .kv-line.kv-tone-warn{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.05);
    }

    body[data-page="radar"] .kv-line.kv-tone-bad{
      border-color:rgba(239,68,68,.18);
      background:rgba(239,68,68,.05);
    }

    body[data-page="radar"] .kv-line.kv-tone-neutral{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.022);
    }

    body[data-page="radar"] .kv-line.kv-tone-good .v{
      color:#7ce3a7;
    }

    body[data-page="radar"] .kv-line.kv-tone-warn .v{
      color:#f4c46a;
    }

    body[data-page="radar"] .kv-line.kv-tone-bad .v{
      color:#f19999;
    }

    body[data-page="radar"] .kv-line.kv-tone-neutral .v{
      color:#d7e1ef;
    }

    .watch-verdict-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      margin-bottom:7px;
    }

    .watch-verdict-badge{
      display:inline-block;
      min-height:auto;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      color:#d5dfed;
      font-size:11px;
      font-weight:620;
      white-space:nowrap;
    }

    .watch-verdict-badge.verdict-buy{
      color:#79dba2;
    }

    .watch-verdict-badge.verdict-watch{
      color:#f0c56f;
    }

    .watch-verdict-badge.verdict-avoid{
      color:#ef9a9a;
    }

    .watch-verdict-badge.verdict-short{
      color:#ef9a9a;
    }

    .watch-verdict-score{
      font-size:11px;
      color:#93a8c2;
      white-space:nowrap;
      font-weight:540;
    }

    .watch-heat{
      position:relative;
      height:7px;
      border-radius:999px;
      overflow:hidden;
      border:1px solid rgba(148,163,184,.12);
      background:var(--radar-highlight-soft, rgba(255,255,255,.04));
      margin-bottom:7px;
    }

    .watch-heat-fill{
      display:block;
      height:100%;
      border-radius:inherit;
    }

    .watch-heat-fill.verdict-buy{
      background:linear-gradient(90deg, rgba(16,185,129,.92), rgba(34,197,94,.92));
    }

    .watch-heat-fill.verdict-watch{
      background:linear-gradient(90deg, rgba(245,158,11,.92), rgba(251,191,36,.92));
    }

    .watch-heat-fill.verdict-avoid{
      background:linear-gradient(90deg, rgba(248,113,113,.92), rgba(239,68,68,.92));
    }

    .watch-meta-line{
      color:#d2ddeb;
      font-size:11px;
      line-height:1.45;
      margin-bottom:6px;
    }

    .watch-mini-row{
      display:flex;
      flex-wrap:wrap;
      gap:6px 10px;
      color:#91a5c0;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .watch-sentiment-mini{
      display:flex;
      flex-wrap:wrap;
      gap:4px 8px;
      margin-top:7px;
      color:#a8c4e8;
      font-size:11px;
      line-height:1.4;
    }

    .watch-sentiment-mini span{
      display:inline-flex;
      align-items:center;
      min-height:22px;
      padding:2px 7px;
      border-radius:999px;
      border:1px solid rgba(94,168,255,.24);
      background:rgba(59,130,246,.10);
    }

    .watch-mini-status.is-active{
      color:#78d89f;
    }

    .watch-mini-status.is-watchlist{
      color:#9ab0ca;
    }

    .watch-mini-status.is-hidden{
      color:#cbb786;
    }

    @media (min-width: 1181px){
      body[data-page="radar"].radar-sidebar-pinned .layout{
        grid-template-columns:minmax(286px, 320px) minmax(0,1fr);
      }
    }

    @media (max-width: 1180px){
      body[data-page="radar"] .hero-shell{
        grid-template-columns:1fr;
      }

      body[data-page="radar"] .market-score-grid{
        grid-template-columns:repeat(3, minmax(0,1fr));
      }

      body[data-page="radar"] .market-overview-facts{
        grid-template-columns:1fr;
      }

      .radar-asset-facts{
        grid-template-columns:repeat(3, minmax(0,1fr));
      }
    }

    @media (max-width: 760px){
      body[data-page="radar"] .watchlist-addbar{
        grid-template-columns:minmax(0,1fr) 44px;
        grid-template-areas:
          "input input"
          "select add";
      }

      .radar-asset-facts{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }

      .radar-verdict-head{
        flex-direction:column;
        align-items:flex-start;
      }

      .radar-verdict-side{
        justify-items:start;
        text-align:left;
      }

      .radar-ai-meta{
        text-align:left;
      }

      body[data-page="radar"] .watchlist-toolbar{
        padding:8px;
      }

      body[data-page="radar"] .sort-group{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:6px;
      }

      body[data-page="radar"] .sort-btn{
        width:100%;
      }

      .fib-visual-meta,
      .elliott-visual-confidence{
        justify-items:start;
        text-align:left;
      }

      .fib-focus-row,
      .elliott-focus-row{
        grid-template-columns:1fr;
      }

      .elliott-visual-footer{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 560px){
      body[data-page="radar"] .market-score-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }
    }

    body[data-page="investment"] .header-bitcoin,
    body[data-page="trading"] .header-bitcoin{
      display:none;
    }

    body[data-page="investment"] .brand-row,
    body[data-page="trading"] .brand-row{
      gap:12px;
    }

    body[data-page="radar"] .market-overview-body{
      display:grid;
      gap:14px;
    }

    body[data-page="radar"] .market-timeframe-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin:14px 0 10px;
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
    }

    body[data-page="radar"] .market-timeframe-toolbar-copy{
      display:flex;
      align-items:center;
    }

    body[data-page="radar"] .market-timeframe-segments{
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:4px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(255,255,255,.022);
    }

    body[data-page="radar"] .market-timeframe-segment{
      min-height:34px;
      padding:0 12px;
      border:none;
      border-radius:var(--radar-radius-md, 10px);
      background:transparent;
      color:#92a6c2;
      font-size:12px;
      font-weight:600;
      letter-spacing:0;
      cursor:pointer;
      transition:background .16s ease, color .16s ease, transform .16s ease;
    }

    body[data-page="radar"] .market-timeframe-segment:hover{
      color:#dfe8f6;
      background:rgba(255,255,255,.03);
    }

    body[data-page="radar"] .market-timeframe-segment.is-active{
      color:#f4f7fd;
      background:rgba(59,130,246,.14);
      box-shadow:none;
    }

    body[data-page="radar"] .market-grid.market-grid-single{
      grid-template-columns:minmax(0, 1fr);
    }

    body[data-page="radar"] .coin-action-btn{
      gap:0;
      font-weight:600;
    }

    body[data-page="radar"] .coin-action-btn::before{
      display:none;
    }

    body[data-page="radar"] .coin-action-btn.is-activate{
      color:#78d89f;
    }

    body[data-page="radar"] .coin-action-btn.is-watchlist-action{
      color:#b8c8de;
    }

    body[data-page="trading"] .trading-shell{
      display:grid;
      gap:14px;
    }

    body[data-page="trading"] .trade-work-card,
    body[data-page="trading"] .trade-kpi,
    body[data-page="trading"] .trade-setup-box,
    body[data-page="trading"] .trade-ticket,
    body[data-page="trading"] .trade-book,
    body[data-page="trading"] .trade-field,
    body[data-page="trading"] .trade-tp-row,
    body[data-page="trading"] .rr-visual-shell,
    body[data-page="trading"] .rr-visual-box,
    body[data-page="trading"] .hedge-risk-card,
    body[data-page="trading"] .hedge-subcard,
    body[data-page="trading"] .hedge-trade-card,
    body[data-page="trading"] .hedge-history-row,
    body[data-page="trading"] .trade-empty-state{
      border-color:rgba(148,163,184,.12);
      background:rgba(255,255,255,.024);
      box-shadow:none;
    }

    body[data-page="trading"] .trade-work-card,
    body[data-page="trading"] .hedge-subcard,
    body[data-page="trading"] .hedge-risk-card,
    body[data-page="trading"] .hedge-trade-card{
      border-radius:var(--radar-radius-md, 12px);
    }

    body[data-page="trading"] .trade-field input,
    body[data-page="trading"] .trade-field select,
    body[data-page="trading"] .trade-tp-row input,
    body[data-page="trading"] .hedge-form-grid input,
    body[data-page="trading"] .hedge-form-grid select{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.026);
      box-shadow:none;
    }

    body[data-page="trading"] select{
      color-scheme:dark;
    }

    body[data-page="trading"] .trade-field select option,
    body[data-page="trading"] .trade-field select optgroup,
    body[data-page="trading"] .hedge-form-grid select option,
    body[data-page="trading"] .hedge-form-grid select optgroup{
      background:#0f172a;
      color:var(--radar-text-soft, #e2e8f0);
    }

    body[data-page="trading"] .trade-section-intro{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .investment-watchlist-list.is-dragging,
    body[data-page="trading"] .trading-asset-list.is-dragging{
      cursor:grabbing;
      user-select:none;
      scroll-snap-type:none;
    }

    .investment-watchlist-list.is-dragging .investment-watch-item,
    body[data-page="trading"] .trading-asset-list.is-dragging .trading-asset-pill{
      cursor:grabbing;
    }

    @media (max-width: 760px){
      body[data-page="radar"] .market-timeframe-toolbar{
        justify-content:stretch;
        align-items:stretch;
        flex-direction:column;
      }

      body[data-page="radar"] .market-timeframe-segments{
        width:100%;
        display:grid;
        grid-template-columns:repeat(3, minmax(0,1fr));
      }

      body[data-page="trading"] .trade-section-intro{
        display:grid;
      }
    }

    .icon-command{
      gap:8px;
    }

    .icon-command span[aria-hidden="true"]{
      width:auto;
      height:auto;
      flex:0 0 auto;
      padding:0;
      border:none;
      border-radius:0;
      clip-path:none;
      background:transparent;
      box-shadow:none;
    }

    .icon-command:hover span[aria-hidden="true"]{
      transform:none;
      filter:none;
    }

    .tab-btn::before,
    .sort-btn::before,
    .mini-btn::before,
    .tg-btn::before,
    .coin-action-btn::before{
      content:none;
      display:none;
    }

    @media (max-width: 900px){
      body[data-page="radar"] .tabs{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding:8px;
        padding-bottom:8px;
        scrollbar-width:none;
        -ms-overflow-style:none;
        gap:8px;
        border:1px solid rgba(94,234,212,.34);
        border-radius:var(--radar-radius-lg, 14px);
        background:linear-gradient(135deg, rgba(20,184,166,.2), rgba(37,99,235,.16) 52%, rgba(245,158,11,.13));
        box-shadow:0 12px 26px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.07);
      }

      body[data-page="radar"] .tabs::-webkit-scrollbar{
        display:none;
      }

      body[data-page="radar"] .tab-btn{
        flex:0 0 auto;
        white-space:nowrap;
        min-height:38px;
        padding:7px 11px;
        font-size:12px;
        border-radius:var(--radar-radius-md, 10px);
        border-color:transparent;
        background:rgba(255,255,255,.025);
        box-shadow:none;
      }

      body[data-page="radar"] .tab-btn:hover{
        border-color:var(--radar-line-soft, rgba(148,163,184,.16));
        background:rgba(255,255,255,.045);
        box-shadow:none;
      }

      body[data-page="radar"] .tab-btn.active{
        border-color:rgba(125,176,255,.26);
        background:rgba(96,165,250,.14);
        box-shadow:inset 0 0 0 1px rgba(125,176,255,.08);
      }

      body[data-page="radar"].radar-sidebar-inline .layout{
        display:grid;
        gap:12px;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar{
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        width:100%;
        padding:10px;
        z-index:auto;
        overflow:visible;
        transform:none;
        opacity:1;
        pointer-events:auto;
        border-radius:var(--radar-radius-lg, 14px);
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed{
        transform:none;
        opacity:1;
        pointer-events:auto;
        padding-bottom:8px;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar .panel-head{
        display:grid;
        grid-template-columns:1fr auto;
        align-items:start;
        gap:10px;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:34px;
        min-width:116px;
        padding:7px 10px;
        border:1px solid var(--radar-line-soft, rgba(148,163,184,.16));
        border-radius:var(--radar-radius-md, 10px);
        background:var(--radar-highlight-soft, rgba(255,255,255,.04));
        color:#dbe7f6;
        font-size:11px;
        font-weight:680;
        white-space:nowrap;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar .panel-meta{
        grid-column:2;
        grid-row:1;
        width:auto;
        margin-left:0;
        justify-content:flex-end;
      }

      body[data-page="radar"].radar-sidebar-inline .watchlist{
        max-height:none;
        overflow:visible;
        padding-right:0;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .watchlist-addbar,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .asset-section-tabs,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .asset-section-title,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .watchlist-toolbar,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .watchlist,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .empty{
        display:none;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar-toggle{
        min-height:36px;
      }
    }

    @media (max-width: 620px){
      body[data-page="trading"] .rr-visual-head{
        align-items:flex-start;
        flex-direction:column;
      }

      body[data-page="trading"] .rr-visual-box{
        min-height:220px;
        padding:16px 12px;
      }

      body[data-page="trading"] .rr-line{
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
      }

      body[data-page="trading"] .rr-line-label,
      body[data-page="trading"] .rr-line-price{
        font-size:11px;
        line-height:1.2;
      }

      body[data-page="trading"] .rr-line-label{
        min-width:0;
        white-space:normal;
      }

      body[data-page="trading"] .rr-line-price{
        justify-self:end;
        text-align:right;
      }
    }

    body[data-page="investment"] .trading-asset-strip,
    body[data-page="trading"] .trading-asset-strip{
      display:grid;
      gap:10px;
      padding:10px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(255,255,255,.02);
    }

    body[data-page="investment"] .trading-asset-strip-head,
    body[data-page="trading"] .trading-asset-strip-head{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    body[data-page="investment"] .trading-asset-strip-head .small,
    body[data-page="trading"] .trading-asset-strip-head .small{
      max-width:190px;
      color:var(--text-muted);
      font-size:11px;
      line-height:1.35;
      text-align:right;
    }

    body[data-page="investment"] .trading-asset-strip-head strong,
    body[data-page="trading"] .trading-asset-strip-head strong{
      color:#e7edf7;
      font-size:13px;
      font-weight:600;
    }

    body[data-page="investment"] .trading-asset-list,
    body[data-page="trading"] .trading-asset-list{
      display:flex;
      gap:8px;
      overflow-x:auto;
      padding-bottom:0;
      scrollbar-width:none;
      -ms-overflow-style:none;
      overscroll-behavior-x:contain;
      scroll-snap-type:x proximity;
      -webkit-overflow-scrolling:touch;
      -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
      mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
    }

    body[data-page="investment"] .trading-asset-list::-webkit-scrollbar,
    body[data-page="trading"] .trading-asset-list::-webkit-scrollbar{
      display:none;
    }

    body[data-page="investment"] .trading-asset-pill,
    body[data-page="trading"] .trading-asset-pill{
      min-width:118px;
      display:flex;
      align-items:center;
      gap:8px;
      padding:7px 9px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--radar-radius-md, 10px);
      background:rgba(255,255,255,.022);
      color:#d6e0ef;
      text-align:left;
      cursor:pointer;
      scroll-snap-align:start;
      transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
    }

    body[data-page="investment"] .trading-asset-pill-main,
    body[data-page="trading"] .trading-asset-pill-main{
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
      width:100%;
    }

    body[data-page="investment"] .trading-asset-icon,
    body[data-page="trading"] .trading-asset-icon{
      position:relative;
      display:grid;
      place-items:center;
      flex:0 0 24px;
      width:24px;
      height:24px;
      border:1px solid rgba(125,176,255,.20);
      border-radius:999px;
      background:rgba(8,15,29,.88);
      color:#f3f7ff;
      font-size:9px;
      font-weight:800;
      overflow:hidden;
    }

    body[data-page="investment"] .trading-asset-icon img,
    body[data-page="trading"] .trading-asset-icon img{
      position:absolute;
      inset:4px;
      width:calc(100% - 8px);
      height:calc(100% - 8px);
      object-fit:contain;
    }

    body[data-page="investment"] .trading-asset-icon img + span,
    body[data-page="trading"] .trading-asset-icon img + span{
      opacity:0;
    }

    body[data-page="investment"] .trading-asset-copy,
    body[data-page="trading"] .trading-asset-copy{
      min-width:0;
      display:grid;
      gap:2px;
      flex:1 1 auto;
    }

    body[data-page="investment"] .trading-asset-pill:hover,
    body[data-page="trading"] .trading-asset-pill:hover{
      transform:translateY(-1px);
      border-color:rgba(96,165,250,.24);
      background:rgba(255,255,255,.035);
    }

    body[data-page="investment"] .trading-asset-pill strong,
    body[data-page="trading"] .trading-asset-pill strong{
      color:#f3f7ff;
      font-size:11px;
      font-weight:600;
      line-height:1.1;
    }

    body[data-page="investment"] .trading-asset-copy span,
    body[data-page="trading"] .trading-asset-copy span{
      color:#90a2bb;
      font-size:9px;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      display:block;
    }

    body[data-page="investment"] .trading-asset-pill.is-active,
    body[data-page="investment"] .investment-watch-item.selected,
    body[data-page="trading"] .trading-asset-pill.is-active{
      border-color:rgba(96,165,250,.28);
      background:rgba(59,130,246,.09);
    }

    body[data-page="investment"] .trading-asset-pill.is-active strong,
    body[data-page="trading"] .trading-asset-pill.is-active strong{
      color:#f8fbff;
    }

    body[data-page="investment"] .trading-asset-pill.priority-bullish,
    body[data-page="trading"] .trading-asset-pill.priority-bullish{
      border-color:var(--radar-green-ring, rgba(34,197,94,.22));
      background:rgba(34,197,94,.06);
    }

    body[data-page="investment"] .trading-asset-pill.priority-bearish,
    body[data-page="trading"] .trading-asset-pill.priority-bearish{
      border-color:rgba(239,68,68,.22);
      background:rgba(239,68,68,.05);
    }

    body[data-page="investment"] .investment-watch-item.strong,
    body[data-page="investment"] .investment-watch-item.watch,
    body[data-page="investment"] .investment-watch-item.risk{
      border-left:none;
    }

    @media (min-width: 780px){
      body[data-page="investment"] .trading-asset-list,
      body[data-page="trading"] .trading-asset-list{
        padding-bottom:6px;
        scrollbar-width:thin;
        scrollbar-color:rgba(96,165,250,.56) rgba(15,23,42,.52);
        -webkit-mask-image:none;
        mask-image:none;
        cursor:grab;
      }

      body[data-page="investment"] .trading-asset-list::-webkit-scrollbar,
      body[data-page="trading"] .trading-asset-list::-webkit-scrollbar{
        display:block;
        height:8px;
      }

      body[data-page="investment"] .trading-asset-list::-webkit-scrollbar-track,
      body[data-page="trading"] .trading-asset-list::-webkit-scrollbar-track{
        border-radius:999px;
        background:rgba(15,23,42,.52);
      }

      body[data-page="investment"] .trading-asset-list::-webkit-scrollbar-thumb,
      body[data-page="trading"] .trading-asset-list::-webkit-scrollbar-thumb{
        border:2px solid rgba(15,23,42,.52);
        border-radius:999px;
        background:linear-gradient(90deg, rgba(96,165,250,.58), rgba(45,212,191,.46));
      }
    }

    @media (max-width: 760px){
      body[data-page="investment"] .trading-asset-pill,
      body[data-page="trading"] .trading-asset-pill{
        min-width:116px;
        min-height:auto;
        padding:7px 9px;
      }

      body[data-page="investment"] .trading-asset-copy span,
      body[data-page="trading"] .trading-asset-copy span{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:unset;
        -webkit-box-orient:initial;
      }
    }

    body[data-page="investment"] .investment-tabs{
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button{
      min-height:48px;
      border:1px solid var(--border-subtle);
      border-radius:var(--radar-radius-md, 12px);
      background:var(--surface-3);
      color:#dbe5f3;
      font-weight:700;
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button:hover,
    body[data-page="investment"] .investment-tabs button.active{
      transform:none;
      border-color:rgba(96,165,250,.24);
      background:rgba(61,116,244,.12);
      color:var(--text-strong);
    }

    body[data-page="investment"] .investment-signal-banner,
    body[data-page="investment"] .investment-overview > div,
    body[data-page="investment"] .investment-detail,
    body[data-page="investment"] .investment-card,
    body[data-page="investment"] .investment-detail-grid > div,
    body[data-page="investment"] .investment-zone-grid > div,
    body[data-page="investment"] .investment-zone-row{
      border-color:var(--border-subtle);
      border-radius:var(--radar-radius-md, 12px);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="investment"] .investment-signal-banner.is-positive{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="investment"] .investment-signal-banner.is-neutral{
      border-color:var(--border-subtle);
      background:var(--surface-3);
    }

    body[data-page="investment"] .investment-signal-copy strong{
      font-size:20px;
      font-weight:700;
    }

    body[data-page="investment"] .investment-signal-copy p{
      color:#b4c0d3;
    }

    body[data-page="investment"] .investment-overview > div{
      min-height:104px;
      padding:14px;
    }

    body[data-page="investment"] .investment-overview strong{
      font-size:30px;
    }

    body[data-page="investment"] .investment-detail{
      padding:16px;
    }

    body[data-page="investment"] .investment-card{
      min-height:0;
      border-color:var(--border-subtle);
    }

    body[data-page="investment"] .investment-card:hover,
    body[data-page="investment"] .investment-card.selected{
      transform:none;
      border-color:rgba(96,165,250,.24);
      box-shadow:none;
      background:rgba(255,255,255,.032);
    }

    body[data-page="investment"] .investment-card.strong,
    body[data-page="investment"] .investment-card.watch,
    body[data-page="investment"] .investment-card.risk{
      border-color:var(--border-subtle);
    }

    body[data-page="investment"] .investment-logo{
      border-color:rgba(125,176,255,.20);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(8,15,29,.88);
      color:#f3f7ff;
    }

    body[data-page="radar"] .watchlist-addbar{
      padding:8px;
      border:1px solid rgba(96,165,250,.16);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(255,255,255,.028);
    }

    body[data-page="radar"] .watchlist-addbar .input,
    body[data-page="radar"] .watchlist-addbar .select-input{
      min-height:34px;
      padding:7px 10px;
      font-size:12px;
    }

    body[data-page="radar"] .watchlist-toolbar{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      gap:10px;
      align-items:start;
    }

    body[data-page="radar"] .watchlist-toolbar-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    body[data-page="radar"] .watchlist-toolbar-title{
      color:#f3f7ff;
      font-size:13px;
      font-weight:700;
      line-height:1.2;
    }

    body[data-page="radar"] .watchlist-toolbar .sort-group{
      gap:6px;
    }

    body[data-page="radar"] .coin-card{
      padding:9px 10px;
      gap:0;
    }

    body[data-page="radar"] .coin-top{
      margin-bottom:7px;
      gap:8px;
    }

    body[data-page="radar"] .coin-headline{
      gap:5px;
    }

    body[data-page="radar"] .coin-headline strong{
      font-size:13px;
    }

    body[data-page="radar"] .coin-title-wrap > span{
      font-size:10px;
      color:#90a4bf;
    }

    body[data-page="radar"] .coin-right strong{
      font-size:14px;
    }

    body[data-page="radar"] .watch-verdict-row{
      margin-bottom:6px;
    }

    body[data-page="radar"] .watch-verdict-badge{
      font-size:10px;
    }

    body[data-page="radar"] .watch-verdict-score{
      font-size:10px;
      font-weight:600;
    }

    body[data-page="radar"] .watch-score-dots{
      display:grid;
      grid-template-columns:repeat(25, minmax(0, 1fr));
      gap:4px;
      margin-bottom:7px;
    }

    body[data-page="radar"] .watch-score-dot{
      width:100%;
      aspect-ratio:1;
      min-height:4px;
      border-radius:999px;
      background:rgba(148,163,184,.14);
      border:1px solid rgba(148,163,184,.08);
    }

    body[data-page="radar"] .watch-score-dots.verdict-buy .watch-score-dot.is-active{
      background:rgba(34,197,94,.88);
      border-color:rgba(34,197,94,.18);
    }

    body[data-page="radar"] .watch-score-dots.verdict-watch .watch-score-dot.is-active{
      background:rgba(245,158,11,.86);
      border-color:rgba(245,158,11,.18);
    }

    body[data-page="radar"] .watch-score-dots.verdict-avoid .watch-score-dot.is-active{
      background:rgba(239,68,68,.84);
      border-color:rgba(239,68,68,.18);
    }

    body[data-page="radar"] .watch-score-dots.verdict-short .watch-score-dot.is-active{
      background:rgba(239,68,68,.84);
      border-color:rgba(239,68,68,.18);
    }

    body[data-page="radar"] .watch-mini-row{
      gap:6px 8px;
      font-size:9px;
    }

    body[data-page="radar"] .card-actions{
      margin-top:7px;
      padding-top:7px;
    }

    body[data-page="trading"] .trade-stat-sub{
      display:block;
      width:100%;
      margin-top:2px;
      font-size:10px;
      line-height:1.32;
    }

    body[data-page="trading"] .trading-statusbar .trading-stat-positions .trade-stat-sub{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    @media (max-width: 820px){
      body[data-page="trading"] .trading-statusbar .trade-stat-sub{
        font-size:9px;
        line-height:1.22;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trading-stat-label{
        font-size:7.5px;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trade-stat-sub{
        font-size:8px;
      }
    }

    @media (max-width: 560px){
      body[data-page="trading"] .trading-statusbar .trade-stat-sub{
        font-size:8px;
        line-height:1.18;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trading-stat-label{
        font-size:7px;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trade-stat-sub{
        font-size:7.5px;
      }
    }

    body[data-page="trading"] .trade-range-stack{
      gap:8px;
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]{
      -webkit-appearance:none;
      appearance:none;
      background:transparent;
      accent-color:#60a5fa;
      cursor:ew-resize;
      touch-action:pan-y;
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-webkit-slider-runnable-track{
      height:4px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.58), rgba(34,197,94,.42));
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-webkit-slider-thumb{
      -webkit-appearance:none;
      appearance:none;
      margin-top:-6px;
      width:16px;
      height:16px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.78);
      background:#0f172a;
      box-shadow:0 0 0 3px rgba(96,165,250,.18);
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-moz-range-track{
      height:4px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.58), rgba(34,197,94,.42));
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-moz-range-thumb{
      width:16px;
      height:16px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.78);
      background:#0f172a;
      box-shadow:0 0 0 3px rgba(96,165,250,.18);
    }

body[data-page="investment"] .investment-signal-meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

    body[data-page="investment"] .investment-signal-pill{
      display:grid;
      gap:6px;
      padding:12px 14px;
      border:1px solid var(--border-subtle);
      border-radius:var(--radar-radius-md, 12px);
      background:rgba(255,255,255,.03);
      align-content:center;
      justify-items:center;
      text-align:center;
    }

    body[data-page="investment"] .investment-signal-pill span{
      color:#9bb0c9;
      font-size:11px;
      font-weight:700;
      letter-spacing:.03em;
      text-transform:uppercase;
      text-align:center;
    }

    body[data-page="investment"] .investment-signal-pill strong{
      color:#f8fbff;
      font-size:22px;
      line-height:1;
      font-weight:780;
      display:block;
      width:100%;
      text-align:center;
    }

    body[data-page="investment"] .investment-signal-pill.is-positive{
      border-color:rgba(34,197,94,.24);
      background:linear-gradient(180deg, var(--radar-green-soft, rgba(34,197,94,.12)), rgba(255,255,255,.03));
    }

    body[data-page="investment"] .investment-signal-pill.is-muted{
      border-color:var(--radar-line-soft, rgba(148,163,184,.16));
      background:rgba(255,255,255,.03);
    }

body[data-page="investment"] .investment-filter-row{
  display:flex;
  align-items:center;
  gap:8px;
      flex-wrap:wrap;
      margin-top:2px;
      margin-bottom:2px;
    }

body[data-page="investment"] .investment-signal-banner{
  grid-template-columns:1fr;
  align-items:flex-start;
}

body[data-page="investment"] .investment-signal-copy{
  align-self:center;
  max-width:860px;
}

    @media (max-width: 760px){
      body[data-page="investment"] .investment-signal-banner{
        grid-template-columns:1fr;
      }
    }

    body[data-page="investment"] .investment-filter-row button{
      min-height:34px;
      padding:0 12px;
      border:1px solid var(--border-subtle);
      border-radius:999px;
      background:var(--surface-3);
      color:#dbe5f3;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
    }

    body[data-page="investment"] .investment-filter-row button.active{
      border-color:var(--radar-green-ring, rgba(34,197,94,.22));
      background:var(--radar-green-soft, rgba(34,197,94,.12));
      color:#dcfce7;
    }

body[data-page="investment"] .investment-filter-note{
  color:#94a8c4;
  font-size:11px;
  line-height:1.3;
}

body[data-page="investment"] .investment-mode-switch{
  display:grid;
  gap:8px;
}

body[data-page="investment"] .investment-mode-toggle{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body[data-page="investment"] .investment-mode-toggle button{
  min-height:46px;
}

body[data-page="investment"] .investment-detail-empty{
  display:grid;
  place-items:center;
  min-height:220px;
  border-style:dashed;
}

body[data-page="investment"] .investment-detail-empty-copy{
  max-width:560px;
  display:grid;
  gap:10px;
  text-align:center;
}

body[data-page="investment"] .investment-detail-empty-copy strong{
  color:#f8fbff;
  font-size:22px;
  font-weight:780;
  line-height:1.2;
}

body[data-page="investment"] .investment-detail-empty-copy p{
  margin:0;
  color:#9bb0c9;
  line-height:1.6;
}

body[data-page="investment"] .investment-watchlist small{
  color:#8ea4c2;
  font-size:12px;
  line-height:1.5;
}

body[data-page="investment"] .investment-filter-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, max-content)) minmax(0, 1fr);
  align-items:center;
  gap:8px;
}

body[data-page="investment"] .investment-filter-row button{
  min-height:38px;
  padding:0 14px;
  border-radius:var(--radar-radius-md, 10px);
}

body[data-page="investment"] .investment-filter-note{
  justify-self:end;
  text-align:right;
}

@media (max-width: 760px){
  body[data-page="monitoring"] .health-action-group{
    width:100%;
    justify-content:flex-start;
  }

  body[data-page="investment"] .investment-filter-row{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  body[data-page="investment"] .investment-filter-note{
    grid-column:1 / -1;
    justify-self:start;
    text-align:left;
  }
}

    body[data-page="investment"] .investment-card.strong{
      border-color:var(--radar-green-ring, rgba(34,197,94,.22));
      background:linear-gradient(180deg, rgba(34,197,94,.08), rgba(255,255,255,.02));
    }

    body[data-page="investment"] .investment-card.watch{
      border-color:rgba(245,158,11,.20);
      background:linear-gradient(180deg, rgba(245,158,11,.06), rgba(255,255,255,.02));
    }

    body[data-page="investment"] .investment-pill{
      font-weight:700;
    }

    @media (max-width: 760px){
      body[data-page="investment"] .investment-signal-meta{
        grid-template-columns:1fr;
      }

      body[data-page="investment"] .investment-filter-row{
        align-items:stretch;
      }

      body[data-page="investment"] .investment-filter-row button{
        flex:1 1 0;
        justify-content:center;
      }

      body[data-page="investment"] .investment-filter-note{
        width:100%;
      }
    }

body[data-page="analysis"] .analysis-page{
  display:grid;
  gap:18px;
}

body[data-page="analysis"] .analysis-stack{
  display:grid;
  gap:16px;
}

body[data-page="analysis"] .analysis-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(300px, .9fr);
  gap:16px;
  padding:18px;
  border:1px solid color-mix(in srgb, var(--page-accent) 28%, rgba(255,255,255,.1));
  background:
    radial-gradient(circle at 100% 0%, rgba(132,204,22,.14), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(16,185,129,.10), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-hero-copy{
  display:grid;
  gap:12px;
  align-content:start;
}

body[data-page="analysis"] .analysis-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:color-mix(in srgb, var(--page-accent) 72%, #dbeafe 28%);
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-hero h2{
  margin:0;
  font-size:clamp(28px, 4vw, 38px);
  line-height:1.05;
}

body[data-page="analysis"] .analysis-hero p{
  margin:0;
  color:#b7c7dd;
  line-height:1.62;
  max-width:760px;
}

body[data-page="analysis"] .analysis-rule-block{
  display:grid;
  gap:12px;
  align-content:start;
}

body[data-page="analysis"] .analysis-rule-chip{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-lg, 14px);
  background:rgba(255,255,255,.035);
}

body[data-page="analysis"] .analysis-rule-chip span{
  color:#93a7c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-rule-chip strong{
  color:#f8fbff;
  font-size:18px;
  line-height:1.15;
}

body[data-page="analysis"] .analysis-rule-list{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid rgba(132,204,22,.16);
  border-radius:var(--radar-radius-lg, 14px);
  background:linear-gradient(180deg, rgba(132,204,22,.08), rgba(255,255,255,.02));
  color:#dce8c0;
  font-size:13px;
}

body[data-page="analysis"] .analysis-rule-list strong{
  color:#f8fbff;
  font-size:14px;
}

body[data-page="analysis"] .analysis-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

body[data-page="analysis"] .analysis-stat-card{
  display:grid;
  gap:7px;
  min-width:0;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-lg, 16px);
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-stat-card span{
  color:#93a7c7;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-stat-card strong{
  color:#ffffff;
  font-size:28px;
  line-height:1.05;
}

body[data-page="analysis"] .analysis-stat-card small{
  color:#9eb0cb;
  line-height:1.45;
}

body[data-page="analysis"] .analysis-test-card{
  border-color:var(--radar-green-ring, rgba(34,197,94,.22));
  background:
    linear-gradient(135deg, rgba(22,163,74,.10), rgba(8,15,29,.36)),
    linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-test-progress{
  height:12px;
  overflow:hidden;
  border:1px solid rgba(74,222,128,.22);
  border-radius:999px;
  background:rgba(7,13,24,.54);
}

body[data-page="analysis"] .analysis-test-progress b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(34,197,94,.90), rgba(134,239,172,.95));
  box-shadow:0 0 18px rgba(34,197,94,.18);
}

body[data-page="analysis"] .analysis-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:16px;
  align-items:start;
}

body[data-page="analysis"] .analysis-table-panel,
body[data-page="analysis"] .analysis-open-panel,
body[data-page="analysis"] .analysis-history-panel,
body[data-page="analysis"] .analysis-docs-panel{
  min-width:0;
}

body[data-page="analysis"] .analysis-fold{
  overflow:hidden;
  padding:0;
}

body[data-page="analysis"] .analysis-fold-summary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
}

body[data-page="analysis"] .analysis-fold-summary::-webkit-details-marker{
  display:none;
}

body[data-page="analysis"] .analysis-fold-summary-copy{
  display:grid;
  gap:6px;
  min-width:0;
}

body[data-page="analysis"] .analysis-fold-summary-copy h2{
  margin:0;
  font-size:21px;
}

body[data-page="analysis"] .analysis-fold-summary-copy p{
  margin:0;
  color:#9fb0c9;
  line-height:1.55;
}

body[data-page="analysis"] .analysis-fold-summary-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-shrink:0;
}

body[data-page="analysis"] .analysis-fold-caret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#d9e5f5;
}

body[data-page="analysis"] .analysis-fold-caret::before{
  content:"+";
  font-size:32px;
  font-weight:800;
  line-height:1;
  color:#86efac;
}

body[data-page="analysis"] .analysis-fold[open] .analysis-fold-caret::before{
  content:"-";
  color:#86efac;
}

body[data-page="analysis"] .analysis-fold-body{
  display:grid;
  gap:14px;
  padding:0 18px 18px;
}

body[data-page="analysis"] .analysis-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

body[data-page="analysis"] .analysis-section-head h2{
  margin:0 0 6px;
  font-size:21px;
}

body[data-page="analysis"] .analysis-section-head p{
  margin:0;
  color:#9fb0c9;
  line-height:1.55;
}

body[data-page="analysis"] .analysis-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

body[data-page="analysis"] .analysis-filter-group,
body[data-page="analysis"] .analysis-toolbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-filter-group button{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#dbe5f3;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

body[data-page="analysis"] .analysis-filter-group button.active{
  border-color:rgba(132,204,22,.28);
  background:rgba(132,204,22,.12);
  color:#ecfccb;
}

body[data-page="analysis"] .analysis-table-wrap{
  overflow:auto;
  border:1px solid var(--radar-highlight, rgba(255,255,255,.06));
  border-radius:var(--radar-radius-lg, 16px);
}

body[data-page="analysis"] .analysis-table-desktop{
  display:block;
}

body[data-page="analysis"] .analysis-table{
  width:100%;
  min-width:860px;
  border-collapse:collapse;
  background:rgba(10,16,29,.42);
}

body[data-page="analysis"] .analysis-table th,
body[data-page="analysis"] .analysis-table td{
  padding:14px 14px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--radar-highlight, rgba(255,255,255,.06));
}

body[data-page="analysis"] .analysis-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:rgba(14,22,39,.96);
  color:#8ea3c3;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-asset-cell,
body[data-page="analysis"] .analysis-score-box,
body[data-page="analysis"] .analysis-setup-cell,
body[data-page="analysis"] .analysis-action-cell{
  display:grid;
  gap:6px;
  min-width:0;
}

body[data-page="analysis"] .analysis-asset-head{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-asset-logo{
  position:relative;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(96,165,250,.14);
  border:1px solid rgba(96,165,250,.26);
  color:#dce8ff;
  font-size:10px;
  font-weight:900;
  flex:0 0 auto;
}

body[data-page="analysis"] .analysis-asset-logo img{
  position:absolute;
  inset:4px;
  width:calc(100% - 8px);
  height:calc(100% - 8px);
  object-fit:contain;
}

body[data-page="analysis"] .analysis-asset-logo img + span{
  opacity:0;
}

body[data-page="analysis"] .analysis-score-stack{
  display:grid;
  gap:5px;
  color:#dce7f5;
  font-size:13px;
}

body[data-page="analysis"] .analysis-score-field{
  display:grid;
  gap:5px;
}

body[data-page="analysis"] .analysis-score-field span{
  color:#93a7c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-score-input,
body[data-page="analysis"] .analysis-result-select,
body[data-page="analysis"] .analysis-result-price{
  min-height:40px;
}

body[data-page="analysis"] .analysis-mini-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:var(--radar-highlight-soft, rgba(255,255,255,.04));
  color:#dce7f5;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-mini-badge.is-focus{
  border-color:rgba(132,204,22,.28);
  background:rgba(132,204,22,.12);
  color:#ecfccb;
}

body[data-page="analysis"] .analysis-mini-badge.is-watch{
  border-color:var(--radar-line, rgba(148,163,184,.18));
  color:#d7dfec;
}

body[data-page="analysis"] .analysis-mini-badge.is-hidden{
  border-color:rgba(251,146,60,.28);
  background:rgba(251,146,60,.12);
  color:#ffedd5;
}

body[data-page="analysis"] .analysis-mini-badge.is-long{
  border-color:rgba(34,197,94,.24);
  background:var(--radar-green-soft, rgba(34,197,94,.12));
  color:#dcfce7;
}

body[data-page="analysis"] .analysis-mini-badge.is-short{
  border-color:rgba(248,113,113,.24);
  background:rgba(248,113,113,.12);
  color:#fee2e2;
}

body[data-page="analysis"] .analysis-mini-badge.is-win{
  border-color:rgba(34,197,94,.24);
  background:var(--radar-green-soft, rgba(34,197,94,.12));
  color:#dcfce7;
}

body[data-page="analysis"] .analysis-mini-badge.is-loss{
  border-color:rgba(248,113,113,.24);
  background:rgba(248,113,113,.12);
  color:#fee2e2;
}

body[data-page="analysis"] .analysis-mini-badge.is-auto{
  border-color:rgba(56,189,248,.24);
  background:var(--radar-blue-soft, rgba(56,189,248,.12));
  color:#d9f5ff;
}

body[data-page="analysis"] .analysis-mini-badge.is-manual{
  border-color:rgba(250,204,21,.24);
  background:rgba(250,204,21,.12);
  color:#fef3c7;
}

body[data-page="analysis"] .analysis-card-grid{
  display:grid;
  gap:12px;
}

body[data-page="analysis"] .analysis-mobile-list{
  display:none;
  gap:12px;
}

body[data-page="analysis"] .analysis-mobile-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-lg, 16px);
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-mobile-card-head{
  display:grid;
  gap:8px;
}

body[data-page="analysis"] .analysis-mobile-card-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

body[data-page="analysis"] .analysis-mobile-card-grid span{
  display:grid;
  gap:4px;
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--radar-highlight, rgba(255,255,255,.06));
  border-radius:var(--radar-radius-md, 12px);
  background:rgba(255,255,255,.03);
}

body[data-page="analysis"] .analysis-mobile-card-grid small{
  color:#95a8c6;
  line-height:1.4;
}

body[data-page="analysis"] .analysis-mobile-card-grid strong{
  color:#ffffff;
  font-size:13px;
  line-height:1.5;
}

body[data-page="analysis"] .analysis-doc-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body[data-page="analysis"] .analysis-doc-card{
  display:grid;
  gap:10px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-lg, 16px);
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-doc-card h3{
  margin:0;
  color:#ffffff;
  font-size:20px;
}

body[data-page="analysis"] .analysis-doc-card p{
  margin:0;
  color:#c6d6ea;
  line-height:1.65;
}

body[data-page="analysis"] .analysis-doc-list{
  display:grid;
  gap:8px;
  margin:0;
  padding-left:18px;
  color:#dbe7f6;
}

body[data-page="analysis"] .analysis-doc-list li{
  line-height:1.55;
}

body[data-page="analysis"] .analysis-doc-note{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-lg, 14px);
  background:rgba(255,255,255,.03);
  color:#c6d6ea;
  line-height:1.6;
}

body[data-page="analysis"] .analysis-trade-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-lg, 16px);
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-trade-mobile-summary{
  display:none;
}

body[data-page="analysis"] .analysis-trade-details{
  display:grid;
  gap:12px;
}

body[data-page="analysis"] .analysis-trade-trend{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:999px;
  font-size:18px;
  line-height:1;
  flex:0 0 auto;
}

body[data-page="analysis"] .analysis-trade-trend.is-up{
  border:1px solid rgba(34,197,94,.3);
  background:rgba(34,197,94,.14);
  color:#86efac;
}

body[data-page="analysis"] .analysis-trade-trend.is-down{
  border:1px solid rgba(248,113,113,.3);
  background:rgba(248,113,113,.14);
  color:#fecaca;
}

body[data-page="analysis"] .analysis-trade-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body[data-page="analysis"] .analysis-trade-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
}

body[data-page="analysis"] .analysis-trade-metrics span{
  display:grid;
  gap:4px;
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--radar-highlight, rgba(255,255,255,.06));
  border-radius:var(--radar-radius-md, 12px);
  background:rgba(255,255,255,.03);
}

body[data-page="analysis"] .analysis-trade-metrics small,
body[data-page="analysis"] .analysis-asset-cell small,
body[data-page="analysis"] .analysis-score-box small,
body[data-page="analysis"] .analysis-setup-cell small,
body[data-page="analysis"] .analysis-action-cell small{
  color:#95a8c6;
  line-height:1.4;
}

body[data-page="analysis"] .analysis-trade-metrics strong{
  color:#ffffff;
  font-size:16px;
}

body[data-page="analysis"] .analysis-trade-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-trade-meta span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:var(--radar-highlight-soft, rgba(255,255,255,.04));
  color:#b9cae4;
  font-size:12px;
}

body[data-page="analysis"] .analysis-trade-preview{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-trade-preview span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:var(--radar-highlight-soft, rgba(255,255,255,.04));
  color:#d9e5f5;
  font-size:12px;
}

body[data-page="analysis"] .analysis-decision-protocol{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(96,165,250,.20);
  border-radius:var(--radar-radius-lg, 14px);
  background:var(--radar-cell-bg-soft, rgba(15,23,42,.42));
}

body[data-page="analysis"] .analysis-protocol-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-protocol-head h3{
  margin:0;
  color:#ffffff;
  font-size:18px;
}

body[data-page="analysis"] .analysis-protocol-head p{
  margin:4px 0 0;
  color:#c6d6ea;
  line-height:1.55;
}

body[data-page="analysis"] .analysis-protocol-kpis,
body[data-page="analysis"] .analysis-protocol-modules,
body[data-page="analysis"] .analysis-protocol-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
}

body[data-page="analysis"] .analysis-protocol-kpis span,
body[data-page="analysis"] .analysis-protocol-modules > div,
body[data-page="analysis"] .analysis-protocol-list,
body[data-page="analysis"] .analysis-protocol-footer{
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radar-radius-md, 12px);
  background:rgba(255,255,255,.035);
}

body[data-page="analysis"] .analysis-protocol-kpis span,
body[data-page="analysis"] .analysis-protocol-modules > div,
body[data-page="analysis"] .analysis-protocol-footer{
  display:grid;
  gap:5px;
}

body[data-page="analysis"] .analysis-protocol-kpis small,
body[data-page="analysis"] .analysis-protocol-list p,
body[data-page="analysis"] .analysis-protocol-list li,
body[data-page="analysis"] .analysis-protocol-modules span,
body[data-page="analysis"] .analysis-protocol-footer span{
  color:#b9cae4;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

body[data-page="analysis"] .analysis-protocol-kpis strong,
body[data-page="analysis"] .analysis-protocol-modules strong,
body[data-page="analysis"] .analysis-protocol-list strong{
  color:#ffffff;
}

body[data-page="analysis"] .analysis-protocol-list ul{
  margin:6px 0 0;
  padding-left:18px;
}

body[data-page="analysis"] .analysis-ai-review{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid rgba(168,85,247,.24);
  border-radius:var(--radar-radius-md, 12px);
  background:rgba(88,28,135,.16);
}

body[data-page="analysis"] .analysis-ai-review-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-ai-review-head > div,
body[data-page="analysis"] .analysis-ai-review-notes{
  display:grid;
  gap:5px;
  min-width:0;
}

body[data-page="analysis"] .analysis-ai-review-head strong,
body[data-page="analysis"] .analysis-ai-review-grid strong,
body[data-page="analysis"] .analysis-ai-review-notes strong{
  color:#ffffff;
}

body[data-page="analysis"] .analysis-ai-review-head span,
body[data-page="analysis"] .analysis-ai-review-grid small,
body[data-page="analysis"] .analysis-ai-review-notes p{
  margin:0;
  color:#c7d2fe;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

body[data-page="analysis"] .analysis-ai-review-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}

body[data-page="analysis"] .analysis-ai-review-grid span{
  display:grid;
  gap:4px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-md, 10px);
  background:var(--radar-highlight-soft, rgba(255,255,255,.04));
}

body[data-page="analysis"] .analysis-ai-review-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

body[data-page="analysis"] .analysis-ai-review-tags span{
  padding:4px 8px;
  border:1px solid rgba(168,85,247,.28);
  border-radius:999px;
  color:#ddd6fe;
  background:rgba(168,85,247,.12);
  font-size:12px;
  font-weight:800;
}

body[data-page="analysis"] .analysis-protocol-footer{
  grid-template-columns:1fr;
}

body[data-page="analysis"] .analysis-close-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  align-items:end;
}

body[data-page="analysis"] .analysis-close-grid label{
  display:grid;
  gap:5px;
}

body[data-page="analysis"] .analysis-close-grid label span{
  color:#93a7c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-trade-actions-end{
  display:flex;
  justify-content:flex-end;
}

body[data-page="analysis"] .analysis-mobile-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:94px;
  padding:0 10px;
  height:34px;
  border:1px solid rgba(34,197,94,.42);
  border-radius:999px;
  background:rgba(22,163,74,.13);
  color:#86efac;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}

body[data-page="analysis"] .analysis-mobile-toggle-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:12px;
  color:#86efac;
  font-size:28px;
  font-weight:800;
  line-height:1;
}

body[data-page="analysis"] .analysis-mobile-toggle:hover,
body[data-page="analysis"] .analysis-mobile-toggle:focus-visible{
  border-color:rgba(34,197,94,.68);
  background:rgba(22,163,74,.2);
  color:#bbf7d0;
}

body[data-page="analysis"] .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

body[data-page="analysis"] .analysis-history-table{
  min-width:760px;
}

body[data-page="analysis"] .analysis-history-action{
  min-width:220px;
}

body[data-page="analysis"] .analysis-history-subfold{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-lg, 14px);
  background:rgba(8,15,30,.58);
}

body[data-page="analysis"] .analysis-history-subsummary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  cursor:pointer;
  list-style:none;
}

body[data-page="analysis"] .analysis-history-subsummary::-webkit-details-marker{
  display:none;
}

body[data-page="analysis"] .analysis-history-subsummary h3{
  margin:0 0 5px;
  color:#ffffff;
  font-size:18px;
}

body[data-page="analysis"] .analysis-history-subsummary p{
  margin:0;
  color:#9fb0c9;
  line-height:1.5;
}

body[data-page="analysis"] .analysis-history-subcaret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  flex-shrink:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}

body[data-page="analysis"] .analysis-history-subcaret::before{
  content:"+";
  color:#86efac;
  font-size:32px;
  font-weight:950;
  line-height:1;
}

body[data-page="analysis"] .analysis-history-subfold[open] .analysis-history-subcaret::before{
  content:"-";
  color:#86efac;
}

body[data-page="analysis"] .analysis-history-subbody{
  display:grid;
  gap:12px;
  padding:0 14px 14px;
}

body[data-page="analysis"] .analysis-compact-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

body[data-page="analysis"] .analysis-compact-card,
body[data-page="analysis"] .analysis-compact-note{
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radar-radius-md, 12px);
  background:rgba(255,255,255,.035);
}

body[data-page="analysis"] .analysis-compact-card{
  display:grid;
  gap:7px;
}

body[data-page="analysis"] .analysis-compact-card span,
body[data-page="analysis"] .analysis-compact-note span{
  color:#95a8c6;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-compact-card strong{
  color:#86efac;
  font-size:24px;
  line-height:1.15;
}

body[data-page="analysis"] .analysis-compact-card small,
body[data-page="analysis"] .analysis-compact-note small{
  color:#9fb0c9;
  line-height:1.45;
}

body[data-page="analysis"] .analysis-compact-detail-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body[data-page="analysis"] .analysis-compact-note{
  display:grid;
  gap:6px;
}

body[data-page="analysis"] .analysis-compact-note strong{
  color:#86efac;
  line-height:1.35;
}

body[data-page="analysis"] .analysis-saving-hint{
  color:#c9d7e8;
  font-size:12px;
  text-align:right;
}

@media (max-width: 1100px){
  body[data-page="analysis"] .analysis-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body[data-page="analysis"] .analysis-compact-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body[data-page="analysis"] .analysis-hero,
  body[data-page="analysis"] .analysis-doc-grid,
  body[data-page="analysis"] .analysis-compact-detail-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  body[data-page="analysis"] .analysis-page{
    gap:14px;
  }

  body[data-page="analysis"] .analysis-summary-grid{
    grid-template-columns:1fr;
  }

  body[data-page="analysis"] .analysis-toolbar,
  body[data-page="analysis"] .analysis-section-head,
  body[data-page="analysis"] .analysis-trade-head,
  body[data-page="analysis"] .analysis-fold-summary{
    grid-template-columns:1fr;
    display:grid;
  }

  body[data-page="analysis"] .analysis-fold-summary{
    padding:14px;
  }

  body[data-page="analysis"] .analysis-history-subsummary{
    display:grid;
    grid-template-columns:1fr auto;
  }

  body[data-page="analysis"] .analysis-fold-summary-side{
    justify-content:space-between;
  }

  body[data-page="analysis"] .analysis-fold-body{
    padding:0 14px 14px;
  }

  body[data-page="analysis"] .analysis-trade-metrics,
  body[data-page="analysis"] .analysis-protocol-kpis,
  body[data-page="analysis"] .analysis-protocol-modules,
  body[data-page="analysis"] .analysis-protocol-grid,
  body[data-page="analysis"] .analysis-ai-review-grid,
  body[data-page="analysis"] .analysis-close-grid,
  body[data-page="analysis"] .analysis-compact-grid,
  body[data-page="analysis"] .analysis-mobile-card-grid{
    grid-template-columns:1fr;
  }

  body[data-page="analysis"] .analysis-trade-mobile-summary{
    display:grid;
    grid-template-columns:minmax(88px, .55fr) minmax(0, 1fr);
    gap:12px;
    align-items:start;
  }

  body[data-page="analysis"] .analysis-trade-mobile-asset{
    grid-row:1 / 3;
    display:grid;
    gap:9px;
    align-self:center;
    justify-items:start;
    text-align:left;
  }

  body[data-page="analysis"] .analysis-trade-mobile-asset-main{
    display:grid;
    gap:7px;
    justify-items:start;
  }

  body[data-page="analysis"] .analysis-trade-mobile-asset .analysis-asset-logo{
    width:42px;
    height:42px;
    font-size:12px;
  }

  body[data-page="analysis"] .analysis-trade-mobile-asset strong{
    color:#ffffff;
    font-size:18px;
    line-height:1.1;
  }

  body[data-page="analysis"] .analysis-trade-mobile-kpis{
    grid-column:2;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:min(230px, 100%);
    justify-self:end;
  }

  body[data-page="analysis"] .analysis-trade-mobile-kpis span{
    display:grid;
    gap:4px;
    min-width:0;
    padding:10px 11px;
    text-align:right;
    border:1px solid var(--radar-highlight, rgba(255,255,255,.06));
    border-radius:var(--radar-radius-md, 12px);
    background:rgba(255,255,255,.03);
  }

  body[data-page="analysis"] .analysis-trade-mobile-kpis small{
    color:#95a8c6;
    line-height:1.4;
  }

  body[data-page="analysis"] .analysis-trade-mobile-kpis strong{
    color:#ffffff;
    font-size:14px;
    line-height:1.4;
    white-space:nowrap;
  }

  body[data-page="analysis"] .analysis-mobile-toggle{
    grid-column:2;
    justify-self:end;
  }

  body[data-page="analysis"] .analysis-trade-details{
    display:none;
  }

  body[data-page="analysis"] .analysis-trade-card.is-mobile-open .analysis-trade-details{
    display:grid;
  }

  body[data-page="analysis"] .analysis-trade-desktop-head{
    display:none;
  }

  body[data-page="analysis"] .analysis-trade-actions-end{
    justify-content:stretch;
  }

  body[data-page="analysis"] .analysis-trade-actions-end .btn{
    width:100%;
    justify-content:center;
  }

  body[data-page="analysis"] .analysis-filter-group,
  body[data-page="analysis"] .analysis-toolbar-actions{
    width:100%;
  }

  body[data-page="analysis"] .analysis-filter-group button,
  body[data-page="analysis"] .analysis-toolbar-actions .btn{
    flex:1 1 0;
  }

  body[data-page="analysis"] .analysis-table-desktop{
    display:none;
  }

  body[data-page="analysis"] .analysis-mobile-list{
    display:grid;
  }

  body[data-page="analysis"] .analysis-doc-grid{
    grid-template-columns:1fr;
  }

  body[data-page="analysis"] .analysis-doc-card h3{
    font-size:18px;
  }

  body[data-page="analysis"] .analysis-stat-card strong{
    font-size:24px;
  }
}

/* Dashboard cockpit */
body[data-page="dashboard"]{
  --page-accent:var(--cockpit-blue, #38bdf8);
  --page-accent-2:var(--cockpit-green, #22c55e);
  --page-accent-soft:rgba(56,189,248,.16);
}

.app-nav a[data-page-link="dashboard"]{
  --nav-accent:var(--cockpit-blue, #38bdf8);
  --nav-accent-soft:rgba(56,189,248,.18);
}

.app-nav a[data-page-link="dashboard"]::before{
  background:
    linear-gradient(90deg, rgba(56,189,248,.95), rgba(34,197,94,.8)) left 50% top 5px/22px 3px no-repeat,
    linear-gradient(90deg, rgba(56,189,248,.5), rgba(34,197,94,.45)) left 50% top 13px/18px 3px no-repeat,
    linear-gradient(90deg, rgba(56,189,248,.38), rgba(34,197,94,.32)) left 50% top 21px/14px 3px no-repeat;
  border-color:rgba(56,189,248,.34);
}

body[data-page="dashboard"] .app-nav a[data-page-link="dashboard"]{
  color:var(--cockpit-text-bright, #eff6ff);
  border-color:rgba(56,189,248,.36);
  background:linear-gradient(180deg, rgba(56,189,248,.22), rgba(15,23,42,.78));
}

body[data-page="dashboard"] .app-nav a[data-page-link="dashboard"]::after{
  opacity:.9;
  transform:scaleX(1);
}

body[data-page="dashboard"] .topbar{
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
}

body[data-page="dashboard"] .topbar > .app-nav{
  position:relative;
  z-index:1;
  width:100%;
  margin:4px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body[data-page="dashboard"] .topbar > .app-nav a{
  min-height:40px;
  border:0;
  background:rgba(15,23,42,.24);
  box-shadow:none;
}

@media (max-width: 760px){
  body[data-page="dashboard"] .topbar{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:10px;
    align-items:center;
  }

  body[data-page="dashboard"] .topbar-nav-slot{
    align-self:center;
  }

  body[data-page="dashboard"] .topbar > .app-nav{
    display:flex;
    flex-wrap:nowrap;
    gap:6px;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  body[data-page="dashboard"] .topbar > .app-nav::-webkit-scrollbar{
    display:none;
  }

  body[data-page="dashboard"] .topbar > .app-nav a,
  body[data-page="dashboard"] .topbar > .app-nav a:last-child:nth-child(odd){
    width:auto;
    grid-column:auto;
    flex:0 0 auto;
    min-height:34px;
    padding:6px 10px 6px 8px;
    border:0;
    border-radius:999px;
    background:rgba(15,23,42,.18);
    box-shadow:none;
    font-size:12px;
  }

  body[data-page="dashboard"] .topbar > .app-nav a::before{
    width:20px;
    height:20px;
    flex-basis:20px;
  }

  body[data-page="dashboard"] .topbar > .app-nav a::after{
    display:none;
  }
}

.dashboard-page{
  display:grid;
  gap:18px;
}

.dashboard-page-content{
  display:grid;
  gap:18px;
}

.dashboard-eyebrow{
  display:inline-flex;
  align-items:center;
  color:var(--cockpit-text, #f8fafc);
  font-size:22px;
  font-weight:900;
  letter-spacing:0;
  line-height:1.15;
  text-transform:none;
}

.dashboard-eyebrow::before{
  content:none;
}

.dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .85fr);
  gap:18px;
  padding:24px;
  overflow:hidden;
  position:relative;
}

.dashboard-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg, rgba(56,189,248,.14), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(34,197,94,.16), transparent 34%);
}

.dashboard-hero-copy,
.dashboard-hero-status{
  position:relative;
  z-index:1;
}

.dashboard-hero-copy h2{
  margin:10px 0 10px;
  max-width:760px;
  color:var(--cockpit-text, #f8fafc);
  font-size:clamp(28px, 4vw, 48px);
  line-height:1.02;
  letter-spacing:0;
}

.dashboard-hero-copy p{
  max-width:720px;
  margin:0;
  color:var(--cockpit-text-muted-strong, rgba(226,232,240,.82));
  line-height:1.65;
}

.dashboard-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.dashboard-hero-status{
  display:grid;
  gap:10px;
  align-self:stretch;
}

.dashboard-hero-status span,
.dashboard-kpi,
.dashboard-market-grid span,
.dashboard-compact-list > span{
  border:1px solid var(--cockpit-line, rgba(148,163,184,.18));
  border-radius:var(--cockpit-radius-sm, 8px);
  background:var(--cockpit-cell-bg, rgba(15,23,42,.56));
  box-shadow:inset 0 1px 0 var(--cockpit-highlight, rgba(255,255,255,.05));
}

.dashboard-hero-status span{
  display:grid;
  gap:4px;
  padding:12px 14px;
}

.dashboard-hero-status small,
.dashboard-kpi span,
.dashboard-kpi small,
.dashboard-market-grid small,
.dashboard-compact-list small,
.dashboard-module small,
.dashboard-signal-row small,
.dashboard-task-list small{
  color:var(--cockpit-muted, rgba(203,213,225,.72));
}

.dashboard-hero-status strong{
  color:var(--cockpit-text, #f8fafc);
  font-size:15px;
}

.dashboard-sentiment-chip.sentiment-fear,
.dashboard-market-sentiment.sentiment-fear{
  border-color:var(--cockpit-red-ring, rgba(248,113,113,.34));
  background:
    radial-gradient(circle at 0 0, rgba(248,113,113,.16), transparent 44%),
    rgba(127,29,29,.22);
}

.dashboard-sentiment-chip.sentiment-neutral,
.dashboard-market-sentiment.sentiment-neutral{
  border-color:rgba(96,165,250,.34);
  background:
    radial-gradient(circle at 0 0, rgba(96,165,250,.16), transparent 44%),
    var(--cockpit-cell-bg, rgba(15,23,42,.58));
}

.dashboard-sentiment-chip.sentiment-greed,
.dashboard-market-sentiment.sentiment-greed{
  border-color:rgba(34,197,94,.34);
  background:
    radial-gradient(circle at 0 0, rgba(34,197,94,.16), transparent 44%),
    rgba(20,83,45,.22);
}

.dashboard-sentiment-chip.sentiment-unavailable,
.dashboard-market-sentiment.sentiment-unavailable{
  border-color:var(--cockpit-line-strong, rgba(148,163,184,.22));
  background:var(--cockpit-cell-bg-soft, rgba(15,23,42,.46));
}

.dashboard-sentiment-chip small:last-child,
.dashboard-market-sentiment small:last-child{
  font-size:11px;
  line-height:1.35;
}

.dashboard-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
}

.dashboard-kpi{
  display:grid;
  gap:7px;
  min-height:116px;
  padding:16px;
}

.dashboard-kpi span{
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.dashboard-kpi strong{
  color:var(--cockpit-text, #f8fafc);
  font-size:26px;
  line-height:1;
}

.dashboard-kpi small{
  line-height:1.45;
}

.dashboard-modules{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
}

.dashboard-module{
  display:grid;
  grid-template-columns:34px minmax(0, 1fr);
  gap:12px;
  align-items:center;
  min-height:94px;
  padding:14px;
  border:1px solid var(--cockpit-line, rgba(148,163,184,.2));
  border-radius:var(--cockpit-radius-sm, 8px);
  background:linear-gradient(180deg, rgba(15,23,42,.84), var(--cockpit-cell-bg, rgba(15,23,42,.52)));
  color:var(--cockpit-text, #f8fafc);
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.dashboard-module:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.36);
  background:linear-gradient(180deg, rgba(30,41,59,.9), var(--cockpit-cell-bg-strong, rgba(15,23,42,.62)));
}

.dashboard-module.is-locked{
  opacity:.48;
  cursor:not-allowed;
}

.dashboard-module-icon{
  width:34px;
  height:34px;
  border-radius:var(--cockpit-radius-sm, 8px);
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(56,189,248,.95), rgba(34,197,94,.75));
  box-shadow:var(--cockpit-shadow, 0 14px 28px rgba(15,23,42,.28));
}

.dashboard-module-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:rgba(255,255,255,.96);
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dashboard-module.is-teal .dashboard-module-icon{ background-color:var(--cockpit-teal, #14b8a6); background-image:linear-gradient(135deg, var(--cockpit-teal, #14b8a6), var(--cockpit-green, #22c55e)); }
.dashboard-module.is-amber .dashboard-module-icon{ background-color:var(--cockpit-amber, #f59e0b); background-image:linear-gradient(135deg, var(--cockpit-amber, #f59e0b), var(--cockpit-rose, #fb7185)); }
.dashboard-module.is-lime .dashboard-module-icon{ background-color:var(--cockpit-lime, #84cc16); background-image:linear-gradient(135deg, var(--cockpit-lime, #84cc16), var(--cockpit-green, #22c55e)); }
.dashboard-module.is-cyan .dashboard-module-icon{ background-color:var(--cockpit-cyan, #06b6d4); background-image:linear-gradient(135deg, var(--cockpit-cyan, #06b6d4), var(--cockpit-blue, #38bdf8)); }
.dashboard-module.is-gold .dashboard-module-icon{ background-color:var(--cockpit-gold, #eab308); background-image:linear-gradient(135deg, var(--cockpit-gold, #eab308), var(--cockpit-orange, #f97316)); }

.dashboard-module strong{
  display:block;
  margin-bottom:4px;
  font-size:16px;
}

.dashboard-module small{
  display:block;
  line-height:1.38;
}

.dashboard-content-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(320px, .8fr);
  gap:14px;
  align-items:start;
}

.dashboard-panel{
  padding:18px;
}

.dashboard-start-guide{
  display:grid;
  gap:14px;
  padding:18px;
  border-color:var(--cockpit-green-ring, rgba(34,197,94,.24));
  background:
    radial-gradient(circle at 0 0, rgba(34,197,94,.12), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.92), var(--cockpit-cell-bg-strong, rgba(15,23,42,.62)));
}

.dashboard-start-guide-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.dashboard-start-dismiss{
  min-height:34px;
  border:1px solid var(--cockpit-line-strong, rgba(148,163,184,.22));
  border-radius:var(--cockpit-radius-sm, 8px);
  padding:7px 10px;
  background:var(--cockpit-cell-bg, rgba(15,23,42,.58));
  color:rgba(203,213,225,.82);
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

.dashboard-start-dismiss:hover{
  border-color:rgba(34,197,94,.36);
  color:#ecfdf5;
}

.dashboard-start-guide-body{
  display:grid;
  grid-template-columns:minmax(260px, .78fr) minmax(0, 1.22fr);
  gap:16px;
  align-items:start;
}

.dashboard-start-guide-copy{
  display:grid;
  gap:9px;
}

.dashboard-start-guide-copy h2{
  margin:0;
  color:var(--cockpit-text, #f8fafc);
  font-size:28px;
  line-height:1.08;
  letter-spacing:0;
}

.dashboard-start-guide-copy p{
  margin:0;
  color:var(--cockpit-text-muted-strong, rgba(226,232,240,.78));
  font-size:14px;
  line-height:1.55;
}

.dashboard-start-steps{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.dashboard-start-step{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:6px 10px;
  min-height:104px;
  padding:13px;
  border:1px solid var(--cockpit-line, rgba(148,163,184,.18));
  border-radius:var(--cockpit-radius-sm, 8px);
  background:var(--cockpit-cell-bg, rgba(15,23,42,.56));
  color:var(--cockpit-text, #f8fafc);
  text-decoration:none;
}

.dashboard-start-step:hover{
  border-color:rgba(125,211,252,.34);
}

.dashboard-start-step > span{
  grid-row:1 / 3;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(34,197,94,.34);
  border-radius:var(--cockpit-radius-sm, 8px);
  background:rgba(34,197,94,.12);
  color:#bbf7d0;
  font-size:13px;
  font-weight:950;
}

.dashboard-start-step strong{
  min-width:0;
  color:var(--cockpit-text, #f8fafc);
  font-size:14px;
  line-height:1.25;
}

.dashboard-start-step small{
  min-width:0;
  color:var(--cockpit-muted, rgba(203,213,225,.74));
  font-size:12px;
  line-height:1.4;
}

.dashboard-start-step.is-done{
  border-color:var(--cockpit-green-ring, rgba(34,197,94,.30));
  background:rgba(20,83,45,.20);
}

.dashboard-start-step.is-open{
  border-color:var(--cockpit-amber-ring, rgba(245,158,11,.30));
  background:rgba(120,53,15,.16);
}

.dashboard-start-step.is-locked{
  opacity:.58;
  cursor:not-allowed;
}

.dashboard-fold{
  padding:0;
  overflow:hidden;
  border-color:var(--cockpit-line, rgba(148,163,184,.18));
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,.08), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-hero.dashboard-fold{
  grid-template-columns:1fr;
  gap:0;
}

.dashboard-fold-summary{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  cursor:pointer;
  list-style:none;
}

.dashboard-fold-summary::-webkit-details-marker{
  display:none;
}

.dashboard-fold-title{
  display:grid;
  gap:5px;
  min-width:0;
}

.dashboard-fold-title h2{
  margin:0;
  color:var(--cockpit-text, #f8fafc);
  font-size:22px;
  line-height:1.15;
}

.dashboard-project-start .dashboard-fold-title h2{
  max-width:760px;
  font-size:clamp(28px, 4vw, 48px);
  line-height:1.02;
}

.dashboard-fold-title small{
  color:var(--cockpit-muted, rgba(203,213,225,.72));
  line-height:1.45;
}

.dashboard-fold-side{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.dashboard-fold-icon{
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(34,197,94,.32);
  border-radius:999px;
  color:var(--cockpit-green, #22c55e);
  background:rgba(22,101,52,.18);
  box-shadow:0 0 18px rgba(34,197,94,.14);
  font-size:22px;
  font-weight:950;
  line-height:1;
}

.dashboard-fold-icon::before{
  content:"";
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform .18s ease;
}

.dashboard-fold[open] .dashboard-fold-icon::before{
  content:"";
  transform:rotate(225deg) translate(-1px,-1px);
}

.dashboard-fold-body{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
  padding:0 18px 18px;
}

.dashboard-fold-action{
  display:flex;
  justify-content:flex-end;
}

.dashboard-morning-briefing{
  border-color:rgba(125,211,252,.24);
  background:
    radial-gradient(circle at 0 0, rgba(125,211,252,.14), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-briefing{
  border-color:rgba(96,165,250,.24);
  background:
    radial-gradient(circle at 0 0, rgba(96,165,250,.12), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-status-section{
  border-color:var(--cockpit-green-ring, rgba(34,197,94,.24));
  background:
    radial-gradient(circle at 0 0, rgba(34,197,94,.11), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-signals{
  border-color:var(--cockpit-teal-ring, rgba(20,184,166,.24));
  background:
    radial-gradient(circle at 0 0, rgba(20,184,166,.12), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-buy-panel{
  border-color:var(--cockpit-teal-ring, rgba(45,212,191,.24));
  background:
    radial-gradient(circle at 0 0, rgba(45,212,191,.11), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-score-panel{
  border-color:var(--cockpit-gold-ring, rgba(234,179,8,.24));
  background:
    radial-gradient(circle at 0 0, rgba(234,179,8,.10), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-market{
  border-color:var(--cockpit-blue-ring, rgba(56,189,248,.24));
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,.11), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-brief-body{
  display:grid;
  gap:12px;
}

.dashboard-brief-lead{
  display:grid;
  gap:5px;
  padding:14px;
  border:1px solid rgba(125,211,252,.2);
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--cockpit-bg-deep-soft, rgba(2,6,23,.24));
}

.dashboard-brief-lead strong{
  color:var(--cockpit-text, #f8fafc);
  font-size:22px;
}

.dashboard-brief-lead small,
.dashboard-brief-point small{
  color:var(--cockpit-muted, rgba(203,213,225,.76));
  line-height:1.45;
}

.dashboard-brief-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.dashboard-brief-point{
  display:grid;
  gap:6px;
  min-height:104px;
  padding:13px;
  border:1px solid var(--cockpit-line, rgba(148,163,184,.18));
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--cockpit-cell-bg-soft, rgba(15,23,42,.48));
}

.dashboard-brief-point strong{
  color:var(--cockpit-text, #f8fafc);
}

.dashboard-brief-point.is-ready{
  border-color:var(--cockpit-green-ring, rgba(34,197,94,.3));
  background:linear-gradient(180deg, rgba(22,101,52,.22), var(--cockpit-cell-bg, rgba(15,23,42,.5)));
}

.dashboard-brief-point.is-buy{
  border-color:var(--cockpit-teal-ring, rgba(20,184,166,.3));
  background:linear-gradient(180deg, rgba(15,118,110,.18), var(--cockpit-cell-bg, rgba(15,23,42,.5)));
}

.dashboard-brief-point.is-market{
  border-color:var(--cockpit-blue-ring, rgba(56,189,248,.28));
  background:linear-gradient(180deg, rgba(8,47,73,.28), var(--cockpit-cell-bg, rgba(15,23,42,.5)));
}

.dashboard-brief-point.is-warn{
  border-color:var(--cockpit-gold-ring, rgba(234,179,8,.28));
  background:linear-gradient(180deg, rgba(113,63,18,.22), var(--cockpit-cell-bg, rgba(15,23,42,.5)));
}

.dashboard-signals{
  grid-row:span 2;
}

.dashboard-buy-panel,
.dashboard-score-panel{
  min-width:0;
}

.dashboard-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.dashboard-panel-head h2{
  margin:5px 0 0;
  color:var(--cockpit-text, #f8fafc);
  font-size:22px;
  line-height:1.15;
}

.dashboard-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--cockpit-line-strong, rgba(148,163,184,.22));
  border-radius:999px;
  color:var(--cockpit-text-info, #e0f2fe);
  background:rgba(8,47,73,.46);
  font-weight:900;
}

.dashboard-time-badge{
  min-height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--cockpit-muted, rgba(203,213,225,.72));
  font-size:11px;
  font-weight:800;
  line-height:1.25;
  text-align:right;
}

.dashboard-signal-list,
.dashboard-task-list,
.dashboard-compact-list,
.dashboard-buy-list{
  display:grid;
  gap:10px;
}

.dashboard-signal-row{
  display:grid;
  grid-template-columns:126px minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  min-height:78px;
  padding:13px;
  border:1px solid rgba(45,212,191,.18);
  border-radius:var(--cockpit-radius-sm, 8px);
  background:
    linear-gradient(90deg, rgba(20,184,166,.12), transparent 38%),
    var(--cockpit-cell-bg, rgba(15,23,42,.52));
  box-shadow:inset 0 1px 0 var(--cockpit-highlight, rgba(255,255,255,.05));
  color:inherit;
  text-decoration:none;
}

.dashboard-signal-row:hover{
  border-color:var(--cockpit-teal-ring-strong, rgba(45,212,191,.34));
  background:
    linear-gradient(90deg, rgba(20,184,166,.18), transparent 40%),
    var(--cockpit-cell-bg-strong, rgba(15,23,42,.68));
}

.dashboard-symbol{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.dashboard-asset-logo{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(56,189,248,.22), rgba(34,197,94,.18));
  border:1px solid var(--cockpit-line-strong, rgba(148,163,184,.22));
  overflow:hidden;
  box-shadow:var(--cockpit-shadow-sm, 0 10px 22px rgba(2,6,23,.22));
}

.dashboard-asset-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  background:rgba(255,255,255,.94);
}

.dashboard-asset-logo img:not([hidden]) + b{
  display:none;
}

.dashboard-asset-logo b{
  color:var(--cockpit-text-info, #e0f2fe);
  font-size:11px;
  line-height:1;
}

.dashboard-symbol strong,
.dashboard-signal-main strong{
  display:block;
  color:var(--cockpit-text, #f8fafc);
}

.dashboard-signals .dashboard-asset-logo{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border:1px solid var(--cockpit-teal-ring, rgba(45,212,191,.24));
  border-radius:999px;
  background:var(--cockpit-bg-deep, rgba(3,9,23,.70));
  color:#d9fff8;
  box-shadow:none;
}

.dashboard-signals .dashboard-asset-logo img{
  width:30px;
  height:30px;
  object-fit:contain;
  border-radius:999px;
  background:transparent;
}

.dashboard-symbol strong{
  color:#f8fbff;
  font-size:18px;
  line-height:1.15;
}

.dashboard-symbol small,
.dashboard-signal-main small,
.dashboard-signal-main em{
  display:block;
  margin-top:4px;
}

.dashboard-symbol small{
  color:rgba(183,192,216,.78);
  line-height:1.35;
}

.dashboard-signal-main em{
  color:rgba(125,211,252,.78);
  font-size:12px;
  font-style:normal;
  line-height:1.35;
}

.dashboard-sentiment-compact{
  color:rgba(191,219,254,.86);
  font-size:12px;
  line-height:1.45;
}

.dashboard-sentiment-compact span{
  color:rgba(148,163,184,.86);
  margin-left:6px;
}

.dashboard-signal-meta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  color:var(--cockpit-text-soft, #cbd5e1);
  border:1px solid var(--cockpit-line-strong, rgba(148,163,184,.22));
  background:var(--cockpit-cell-bg-strong, rgba(15,23,42,.62));
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.dashboard-signal-meta.is-ready{
  color:#dcfce7;
  border-color:rgba(34,197,94,.34);
  background:rgba(22,101,52,.34);
}

.dashboard-buy-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  min-height:74px;
  padding:12px;
  border:1px solid rgba(20,184,166,.2);
  border-radius:var(--cockpit-radius-sm, 8px);
  background:
    linear-gradient(90deg, rgba(20,184,166,.12), transparent 36%),
    var(--cockpit-cell-bg, rgba(15,23,42,.5));
  color:inherit;
}

.dashboard-buy-link{
  display:grid;
  grid-template-columns:92px minmax(0, 1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

.dashboard-asset-mark{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.dashboard-asset-mark strong,
.dashboard-buy-main strong{
  color:var(--cockpit-text, #f8fafc);
}

.dashboard-buy-main{
  display:grid;
  gap:4px;
  min-width:0;
}

.dashboard-buy-main small{
  color:var(--cockpit-muted, rgba(203,213,225,.74));
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-buy-distance{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(20,184,166,.32);
  border-radius:999px;
  color:#ccfbf1;
  background:rgba(15,118,110,.26);
  font-size:12px;
  font-weight:900;
}

.dashboard-distance-wrap{
  position:relative;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.dashboard-info-button{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(125,211,252,.34);
  border-radius:999px;
  background:rgba(8,47,73,.58);
  color:var(--cockpit-text-info, #e0f2fe);
  font:inherit;
  font-size:12px;
  font-weight:950;
  line-height:1;
  cursor:help;
}

.dashboard-info-button:hover,
.dashboard-info-button:focus-visible{
  border-color:rgba(125,211,252,.68);
  background:rgba(14,116,144,.52);
  outline:none;
}

.dashboard-info-popover{
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  z-index:12;
  width:min(290px, 78vw);
  padding:10px 11px;
  border:1px solid rgba(125,211,252,.26);
  border-radius:var(--cockpit-radius-md, 12px);
  background:linear-gradient(180deg, var(--cockpit-cell-bg-solid, rgba(15,23,42,.98)), var(--cockpit-bg-deep, rgba(8,13,25,.98)));
  color:rgba(226,232,240,.9);
  box-shadow:var(--cockpit-shadow-lg, 0 18px 38px rgba(2,6,23,.34));
  font-size:12px;
  font-weight:700;
  line-height:1.45;
  opacity:0;
  pointer-events:none;
  transform:translateY(5px);
  transition:opacity .16s ease, transform .16s ease;
}

.dashboard-info-button:hover + .dashboard-info-popover,
.dashboard-info-button:focus-visible + .dashboard-info-popover{
  opacity:1;
  transform:translateY(0);
}

.dashboard-score-body{
  display:grid;
  grid-template-columns:142px minmax(0, 1fr);
  gap:16px;
  align-items:center;
}

.dashboard-pie{
  width:142px;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:
    conic-gradient(
      var(--cockpit-green, #22c55e) 0deg var(--ready-deg),
      var(--cockpit-blue, #38bdf8) var(--ready-deg) var(--strong-deg),
      var(--cockpit-yellow, #facc15) var(--strong-deg) var(--neutral-deg),
      var(--cockpit-slate, #64748b) var(--neutral-deg) 360deg
    );
  box-shadow:var(--cockpit-shadow-lg, 0 18px 34px rgba(2,6,23,.28)), inset 0 0 0 1px var(--cockpit-highlight-strong, rgba(255,255,255,.08));
}

.dashboard-pie::after{
  content:"";
  position:absolute;
  inset:27px;
  border-radius:50%;
  background:var(--cockpit-cell-bg-solid, rgba(15,23,42,.94));
  box-shadow:inset 0 1px 0 var(--cockpit-highlight-strong, rgba(255,255,255,.08));
}

.dashboard-pie > span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  gap:2px;
  color:var(--cockpit-text, #f8fafc);
  font-size:25px;
  font-weight:950;
  line-height:1;
}

.dashboard-pie > span small{
  color:var(--cockpit-muted, rgba(203,213,225,.72));
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.dashboard-pie-legend{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.dashboard-pie-legend span{
  display:grid;
  grid-template-columns:9px auto;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  min-height:50px;
  padding:9px;
  border:1px solid var(--cockpit-line-soft, rgba(148,163,184,.16));
  border-radius:var(--cockpit-radius-sm, 8px);
  background:var(--cockpit-cell-bg-soft, rgba(15,23,42,.46));
}

.dashboard-pie-legend i{
  grid-row:1 / span 2;
  width:9px;
  height:28px;
  border-radius:999px;
  background:var(--cockpit-slate, #64748b);
}

.dashboard-pie-legend i.is-ready{ background:var(--cockpit-green, #22c55e); }
.dashboard-pie-legend i.is-strong{ background:var(--cockpit-blue, #38bdf8); }
.dashboard-pie-legend i.is-neutral{ background:var(--cockpit-yellow, #facc15); }
.dashboard-pie-legend i.is-weak{ background:var(--cockpit-slate, #64748b); }

.dashboard-pie-legend strong{
  color:var(--cockpit-text, #f8fafc);
  line-height:1;
}

.dashboard-pie-legend small{
  color:var(--cockpit-muted, rgba(203,213,225,.72));
  font-size:11px;
}

.dashboard-market-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.dashboard-market-grid span,
.dashboard-compact-list > span{
  display:grid;
  gap:5px;
  padding:12px;
}

.dashboard-market-grid strong,
.dashboard-compact-list strong{
  color:var(--cockpit-text, #f8fafc);
  font-size:18px;
}

.dashboard-market-sentiment{
  grid-column:1 / -1;
}

.dashboard-market-focus{
  display:grid;
  grid-template-columns:minmax(220px, .78fr) minmax(0, 1.22fr);
  gap:14px;
  align-items:start;
}

.dashboard-sentiment-card{
  --sentiment-color:var(--cockpit-blue, #38bdf8);
  --sentiment-glow:rgba(56,189,248,.18);
  display:grid;
  justify-items:center;
  gap:14px;
  min-height:100%;
  padding:16px;
  border:1px solid var(--cockpit-line, rgba(148,163,184,.18));
  border-radius:var(--cockpit-radius-sm, 8px);
  background:
    radial-gradient(circle at 50% 0, var(--sentiment-glow), transparent 56%),
    var(--cockpit-cell-bg, rgba(15,23,42,.52));
  box-shadow:inset 0 1px 0 var(--cockpit-highlight, rgba(255,255,255,.05));
}

.dashboard-sentiment-card.sentiment-fear{
  --sentiment-color:var(--cockpit-rose, #fb7185);
  --sentiment-glow:rgba(251,113,133,.18);
  border-color:var(--cockpit-rose-ring, rgba(251,113,133,.24));
}

.dashboard-sentiment-card.sentiment-greed{
  --sentiment-color:var(--cockpit-green, #22c55e);
  --sentiment-glow:rgba(34,197,94,.18);
  border-color:var(--cockpit-green-ring, rgba(34,197,94,.24));
}

.dashboard-sentiment-card.sentiment-neutral{
  --sentiment-color:var(--cockpit-blue, #38bdf8);
  --sentiment-glow:rgba(56,189,248,.18);
  border-color:var(--cockpit-blue-ring, rgba(56,189,248,.24));
}

.dashboard-sentiment-card.sentiment-unavailable{
  --sentiment-color:var(--cockpit-slate, #64748b);
  --sentiment-glow:rgba(100,116,139,.16);
}

.dashboard-sentiment-pie{
  position:relative;
  display:grid;
  place-items:center;
  width:132px;
  height:132px;
  border-radius:999px;
  background:
    conic-gradient(var(--sentiment-color) var(--sentiment-value), var(--cockpit-line, rgba(148,163,184,.18)) 0),
    var(--cockpit-cell-bg-strong, rgba(15,23,42,.74));
  box-shadow:var(--cockpit-shadow-lg, 0 18px 38px rgba(2,6,23,.28));
}

.dashboard-sentiment-pie::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:999px;
  background:var(--cockpit-cell-bg-solid, rgba(15,23,42,.94));
  border:1px solid var(--cockpit-highlight, rgba(255,255,255,.06));
}

.dashboard-sentiment-pie span{
  position:relative;
  z-index:1;
  color:var(--cockpit-text, #f8fafc);
  font-size:32px;
  font-weight:950;
  line-height:1;
}

.dashboard-sentiment-copy{
  display:grid;
  gap:6px;
  text-align:center;
}

.dashboard-sentiment-copy h3{
  margin:0;
  color:var(--cockpit-text, #f8fafc);
  font-size:18px;
  line-height:1.2;
}

.dashboard-sentiment-copy strong{
  color:var(--sentiment-color);
  font-size:16px;
}

.dashboard-sentiment-copy small,
.dashboard-sentiment-copy em{
  color:var(--cockpit-muted, rgba(203,213,225,.76));
  font-size:12px;
  line-height:1.4;
  font-style:normal;
}

.dashboard-market-movers{
  display:grid;
  gap:8px;
  min-width:0;
}

.dashboard-compact-list{
  margin-top:12px;
}

.dashboard-market .dashboard-compact-list{
  gap:10px;
  margin-top:14px;
  border-top:0;
}

.dashboard-market-row{
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  row-gap:8px;
  min-height:78px;
  padding:13px;
  border:1px solid rgba(45,212,191,.18);
  border-radius:var(--cockpit-radius-sm, 8px);
  background:
    linear-gradient(90deg, rgba(20,184,166,.12), transparent 38%),
    var(--cockpit-cell-bg, rgba(15,23,42,.52));
  box-shadow:inset 0 1px 0 var(--cockpit-highlight, rgba(255,255,255,.05));
}

.dashboard-market-row:hover{
  border-color:var(--cockpit-teal-ring-strong, rgba(45,212,191,.34));
  background:
    linear-gradient(90deg, rgba(20,184,166,.18), transparent 40%),
    var(--cockpit-cell-bg-strong, rgba(15,23,42,.68));
}

.dashboard-market-asset{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.dashboard-market .dashboard-asset-logo{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border:1px solid var(--cockpit-teal-ring, rgba(45,212,191,.24));
  border-radius:999px;
  background:var(--cockpit-bg-deep, rgba(3,9,23,.70));
  color:#d9fff8;
  box-shadow:none;
}

.dashboard-market .dashboard-asset-logo img{
  width:30px;
  height:30px;
  object-fit:contain;
  border-radius:999px;
  background:transparent;
}

.dashboard-market-asset strong{
  display:block;
  color:#f8fbff;
  font-size:18px;
  line-height:1.15;
}

.dashboard-market-asset small{
  display:block;
  margin-top:3px;
  color:rgba(183,192,216,.78);
  line-height:1.35;
}

.dashboard-trend-arrow{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  justify-self:end;
  border-radius:var(--cockpit-radius-md, 12px);
  background:rgba(34,197,94,.12);
  color:var(--cockpit-green, #22c55e);
}

.dashboard-trend-arrow svg{
  width:24px;
  height:24px;
}

.dashboard-trend-arrow path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dashboard-trend-arrow.is-up{
  background:rgba(34,197,94,.13);
  color:var(--cockpit-green, #22c55e);
  filter:drop-shadow(0 5px 10px rgba(34,197,94,.22));
}

.dashboard-trend-arrow.is-down{
  background:rgba(251,113,133,.13);
  color:var(--cockpit-rose, #fb7185);
  filter:drop-shadow(0 5px 10px rgba(251,113,133,.22));
}

.dashboard-market-row.is-positive{
  border-color:var(--cockpit-green-ring, rgba(34,197,94,.24));
  background:
    linear-gradient(90deg, rgba(34,197,94,.12), transparent 38%),
    var(--cockpit-cell-bg, rgba(15,23,42,.52));
}

.dashboard-market-row.is-negative{
  border-color:var(--cockpit-rose-ring, rgba(251,113,133,.24));
  background:
    linear-gradient(90deg, rgba(251,113,133,.12), transparent 38%),
    var(--cockpit-cell-bg, rgba(15,23,42,.52));
}

.dashboard-market-note{
  grid-column:1 / -1;
  margin:0;
  color:var(--cockpit-muted, rgba(203,213,225,.76));
  line-height:1.45;
}

.dashboard-market-subtitle{
  margin:0;
  color:var(--cockpit-text, #f8fafc);
  font-size:18px;
  line-height:1.25;
}

.dashboard-task-list a{
  display:grid;
  gap:5px;
  padding:13px;
  border:1px solid var(--cockpit-line, rgba(148,163,184,.18));
  border-radius:var(--cockpit-radius-sm, 8px);
  background:var(--cockpit-cell-bg-soft, rgba(15,23,42,.48));
  color:inherit;
  text-decoration:none;
}

.dashboard-task-list a.is-locked{
  opacity:.55;
}

.dashboard-task-list strong{
  color:var(--cockpit-text, #f8fafc);
}

.dashboard-briefing{
  display:grid;
  gap:12px;
}

.dashboard-briefing-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.dashboard-briefing-section{
  min-width:0;
  padding:12px;
  border:1px solid var(--cockpit-highlight-strong, rgba(255,255,255,.08));
  border-radius:var(--cockpit-radius-sm, 8px);
  background:var(--cockpit-cell-bg-soft, rgba(15,23,42,.48));
  display:grid;
  gap:10px;
}

.dashboard-briefing-section > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  cursor:pointer;
  color:var(--cockpit-text, #f8fafc);
  list-style:none;
}

.dashboard-briefing-section > summary::-webkit-details-marker{
  display:none;
}

.dashboard-briefing-grid h3{
  margin:0;
  font-size:15px;
}

.dashboard-briefing-section > summary span{
  flex:0 0 auto;
  color:var(--cockpit-muted, rgba(203,213,225,.72));
  font-size:12px;
  font-weight:800;
}

.dashboard-briefing-section > summary::after{
  content:"›";
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(34,197,94,.32);
  border-radius:999px;
  color:var(--cockpit-green, #22c55e);
  background:rgba(22,101,52,.18);
  font-size:18px;
  font-weight:950;
  line-height:1;
  transform:rotate(90deg);
  transition:transform .18s ease;
}

.dashboard-briefing-section[open] > summary::after{
  content:"›";
  transform:rotate(-90deg);
}

.dashboard-briefing-overview{
  margin:0;
  color:#dbeafe;
  font-size:14px;
  line-height:1.5;
}

.dashboard-briefing-list{
  display:grid;
  gap:8px;
}

.dashboard-briefing-list a{
  display:grid;
  gap:3px;
  text-decoration:none;
  color:#eaf2ff;
  padding:8px 10px;
  border-radius:var(--cockpit-radius-sm, 8px);
  border:1px solid var(--cockpit-highlight, rgba(255,255,255,.06));
  background:rgba(9,15,27,.5);
}

.dashboard-briefing-list a:hover{
  border-color:rgba(56,189,248,.35);
}

.dashboard-briefing-list a span{
  color:#dbeafe;
  font-size:13px;
  line-height:1.45;
}

.dashboard-briefing-list a em{
  color:#a7f3d0;
  font-size:12px;
  font-style:normal;
  line-height:1.35;
}

.dashboard-briefing-list a small{
  color:#9bb0cd;
}

.dashboard-admin-panel{
  border-color:var(--cockpit-gold-ring, rgba(234,179,8,.24));
  background:
    radial-gradient(circle at 0 0, rgba(234,179,8,.10), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), var(--cockpit-cell-bg, rgba(15,23,42,.58)));
}

.dashboard-admin-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .75fr);
  gap:12px;
}

.dashboard-admin-card{
  display:grid;
  gap:12px;
  min-width:0;
  padding:14px;
  border:1px solid var(--cockpit-line, rgba(148,163,184,.18));
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--cockpit-cell-bg, rgba(15,23,42,.52));
}

.dashboard-admin-card.is-scoring{
  border-color:var(--cockpit-gold-ring, rgba(234,179,8,.28));
  background:
    linear-gradient(90deg, rgba(234,179,8,.10), transparent 42%),
    rgba(15,23,42,.54);
}

.dashboard-admin-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.dashboard-admin-card-head strong{
  display:block;
  color:var(--cockpit-text, #f8fafc);
}

.dashboard-admin-card-head small,
.dashboard-admin-card p,
.dashboard-admin-warning{
  color:rgba(203,213,225,.78);
  line-height:1.45;
}

.dashboard-admin-card p{
  margin:0;
}

.dashboard-admin-meta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.dashboard-admin-meta span{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:var(--cockpit-radius-sm, 8px);
  background:rgba(2,6,23,.22);
}

.dashboard-admin-meta strong{
  color:var(--cockpit-text, #f8fafc);
}

.dashboard-admin-suggestions{
  display:grid;
  gap:7px;
}

.dashboard-admin-suggestions span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:var(--cockpit-radius-sm, 8px);
  background:rgba(2,6,23,.2);
}

.dashboard-admin-suggestions code{
  color:#fde68a;
  font-size:12px;
  overflow-wrap:anywhere;
}

.dashboard-admin-suggestions strong{
  color:#ffffff;
  font-size:13px;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.dashboard-admin-suggestions small{
  color:#dbeafe;
  white-space:nowrap;
}

.dashboard-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.dashboard-admin-actions .btn[disabled]{
  opacity:.52;
  cursor:not-allowed;
}

@media (max-width: 1180px){
  .dashboard-kpi-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .dashboard-modules{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .dashboard-admin-grid{
    grid-template-columns:1fr;
  }

  .dashboard-start-guide-body{
    grid-template-columns:1fr;
  }
}

@media (max-width: 900px){
  .dashboard-hero,
  .dashboard-content-grid{
    grid-template-columns:1fr;
  }

  .dashboard-brief-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .dashboard-kpi-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .dashboard-page{
    gap:14px;
  }

  .dashboard-hero,
  .dashboard-panel,
  .dashboard-start-guide{
    padding:15px;
  }

  .dashboard-fold{
    padding:0;
  }

  .dashboard-fold-summary{
    padding:15px;
  }

  .dashboard-fold-body{
    padding:0 15px 15px;
  }

  .dashboard-fold-side{
    align-items:flex-start;
  }

  .dashboard-project-start .dashboard-fold-title h2{
    font-size:29px;
  }

  .dashboard-hero-copy h2{
    font-size:29px;
  }

  .dashboard-hero-copy p{
    font-size:14px;
    line-height:1.55;
  }

  .dashboard-brief-grid{
    grid-template-columns:1fr;
  }

  .dashboard-start-guide-head{
    display:grid;
  }

  .dashboard-start-dismiss{
    width:100%;
  }

  .dashboard-start-steps{
    grid-template-columns:1fr;
  }

  .dashboard-hero-actions .btn{
    flex:1 1 100%;
  }

  .dashboard-hero-status{
    grid-template-columns:1fr;
  }

  .dashboard-kpi-grid,
  .dashboard-modules,
  .dashboard-market-grid,
  .dashboard-market-focus{
    grid-template-columns:1fr;
  }

  .dashboard-modules-panel{
    display:none;
  }

  .dashboard-admin-meta{
    grid-template-columns:1fr;
  }

  .dashboard-admin-suggestions span{
    display:grid;
  }

  .dashboard-admin-suggestions small{
    white-space:normal;
  }

  .dashboard-kpi{
    min-height:94px;
  }

  .dashboard-module{
    min-height:76px;
  }

  .dashboard-panel-head{
    align-items:stretch;
    display:grid;
  }

  .dashboard-panel-head .btn{
    width:100%;
  }

  .dashboard-signal-row{
    grid-template-columns:1fr;
    gap:8px;
  }

  .dashboard-signal-meta{
    justify-self:start;
  }

  .dashboard-buy-row{
    grid-template-columns:1fr;
    gap:8px;
  }

  .dashboard-buy-link{
    grid-template-columns:1fr;
    gap:8px;
  }

  .dashboard-distance-wrap{
    justify-self:start;
  }

  .dashboard-buy-main small{
    white-space:normal;
  }

  .dashboard-market-row{
    grid-template-columns:1fr;
  }

  .dashboard-trend-arrow{
    justify-self:start;
  }

  .dashboard-market-note{
    padding-left:0;
  }

  .dashboard-score-body{
    grid-template-columns:1fr;
  }

  .dashboard-pie{
    width:min(190px, 72vw);
    justify-self:center;
  }

  .dashboard-briefing{
    gap:10px;
  }

  .dashboard-briefing-grid{
    grid-template-columns:1fr;
  }

  .dashboard-briefing-overview{
    font-size:13px;
    line-height:1.45;
  }

  .dashboard-briefing-section{
    padding:11px;
    gap:9px;
  }

  .dashboard-briefing-section > summary{
    min-height:34px;
  }

  .dashboard-briefing-section > summary span{
    font-size:11px;
  }

  .dashboard-briefing-list a{
    padding:9px;
  }
}

/* Dashboard cockpit token overlay */
body[data-page="dashboard"] .dashboard-page{
  background:var(--cockpit-bg);
  color:var(--cockpit-text);
}

body[data-page="dashboard"] .dashboard-page :is(.panel, .dashboard-fold, .dashboard-panel){
  border-color:var(--cockpit-line-strong);
  background:var(--cockpit-card-bg);
  box-shadow:var(--cockpit-shadow);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-fold, .dashboard-morning-briefing){
  background:var(--cockpit-panel-sky);
}

body[data-page="dashboard"] .dashboard-page .dashboard-briefing{
  border-color:var(--cockpit-blue-ring);
  background:var(--cockpit-panel-blue);
}

body[data-page="dashboard"] .dashboard-page .dashboard-status-section{
  border-color:var(--cockpit-green-ring);
  background:var(--cockpit-panel-green);
}

body[data-page="dashboard"] .dashboard-page .dashboard-signals{
  border-color:var(--cockpit-emerald-ring);
  background:var(--cockpit-panel-emerald);
}

body[data-page="dashboard"] .dashboard-page .dashboard-buy-panel{
  border-color:var(--cockpit-teal-ring);
  background:var(--cockpit-panel-teal);
}

body[data-page="dashboard"] .dashboard-page .dashboard-score-panel,
body[data-page="dashboard"] .dashboard-page .dashboard-admin-panel{
  border-color:var(--cockpit-yellow-ring);
  background:var(--cockpit-panel-yellow);
}

body[data-page="dashboard"] .dashboard-page .dashboard-market{
  border-color:var(--cockpit-cyan-ring);
  background:var(--cockpit-panel-cyan);
}

body[data-page="dashboard"] .dashboard-page :is(
  .dashboard-hero-status span,
  .dashboard-kpi,
  .dashboard-module,
  .dashboard-start-step,
  .dashboard-briefing-section,
  .dashboard-brief-lead,
  .dashboard-brief-point,
  .dashboard-market-grid span,
  .dashboard-compact-list > span,
  .dashboard-task-list a,
  .dashboard-buy-row,
  .dashboard-buy-link,
  .dashboard-signal-row,
  .dashboard-market-row,
  .dashboard-admin-card,
  .dashboard-admin-meta span,
  .dashboard-admin-suggestions span,
  .dashboard-briefing-list a,
  .empty
){
  border-color:var(--cockpit-line);
  background:var(--cockpit-cell-bg);
  color:var(--cockpit-text);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-briefing-section, .dashboard-brief-point, .dashboard-briefing-list a){
  background:var(--cockpit-cell-bg-soft);
}

body[data-page="dashboard"] .dashboard-page .dashboard-briefing-list a{
  background:var(--cockpit-cell-bg-strong);
}

body[data-page="dashboard"] .dashboard-page :is(
  .dashboard-eyebrow,
  .dashboard-hero-copy h2,
  .dashboard-hero-status strong,
  .dashboard-kpi strong,
  .dashboard-module strong,
  .dashboard-start-guide-copy h2,
  .dashboard-start-step strong,
  .dashboard-fold-title h2,
  .dashboard-panel-head h2,
  .dashboard-task-list strong,
  .dashboard-brief-lead strong,
  .dashboard-brief-point strong,
  .dashboard-briefing-section > summary,
  .dashboard-briefing-grid h3,
  .dashboard-briefing-list a span,
  .dashboard-buy-main strong,
  .dashboard-market-grid strong,
  .dashboard-market-asset strong,
  .dashboard-admin-card-head strong,
  .dashboard-admin-meta strong,
  .dashboard-admin-suggestions strong
){
  color:var(--cockpit-text);
}

body[data-page="dashboard"] .dashboard-page :is(
  .dashboard-hero-copy p,
  .dashboard-hero-status small,
  .dashboard-kpi span,
  .dashboard-kpi small,
  .dashboard-module small,
  .dashboard-start-guide-copy p,
  .dashboard-start-step small,
  .dashboard-fold-title small,
  .dashboard-signal-row small,
  .dashboard-task-list small,
  .dashboard-brief-lead small,
  .dashboard-brief-point small,
  .dashboard-briefing-section > summary span,
  .dashboard-buy-main,
  .dashboard-buy-main small,
  .dashboard-market-grid small,
  .dashboard-market-asset small,
  .dashboard-market-note,
  .dashboard-market-subtitle,
  .dashboard-admin-card-head small,
  .dashboard-admin-card p,
  .dashboard-admin-warning,
  .dashboard-admin-meta,
  .dashboard-admin-suggestions small,
  .dashboard-briefing-list a small,
  .empty
){
  color:var(--cockpit-muted);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-briefing-overview, .dashboard-briefing-list a span){
  color:var(--cockpit-link);
}

body[data-page="dashboard"] .dashboard-page .dashboard-briefing-list a em{
  color:var(--cockpit-green-text);
}

body[data-page="dashboard"] .dashboard-page .dashboard-fold-icon,
body[data-page="dashboard"] .dashboard-page .dashboard-briefing-section > summary::after{
  border-color:var(--cockpit-green-ring);
  color:var(--cockpit-green);
  background:var(--cockpit-green-soft);
  box-shadow:var(--cockpit-green-glow);
}

body[data-page="dashboard"] .dashboard-page .dashboard-status-pill{
  border-color:var(--cockpit-line);
  color:var(--cockpit-pill-text);
  background:var(--cockpit-blue-soft);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-start-step > span, .dashboard-module-icon){
  border-color:var(--cockpit-green-ring);
  background:linear-gradient(135deg, var(--cockpit-cyan), var(--cockpit-green));
  color:var(--cockpit-green-text);
}

body[data-page="dashboard"] .dashboard-page .dashboard-module:hover{
  border-color:var(--cockpit-cyan-ring);
  background:var(--cockpit-card-bg-strong);
}

body[data-page="dashboard"] .dashboard-page .dashboard-module.is-teal .dashboard-module-icon{
  background:linear-gradient(135deg, var(--cockpit-teal), var(--cockpit-green));
}

body[data-page="dashboard"] .dashboard-page .dashboard-module.is-amber .dashboard-module-icon,
body[data-page="dashboard"] .dashboard-page .dashboard-module.is-gold .dashboard-module-icon{
  background:linear-gradient(135deg, var(--cockpit-yellow), var(--cockpit-orange));
}

body[data-page="dashboard"] .dashboard-page .dashboard-module.is-lime .dashboard-module-icon{
  background:linear-gradient(135deg, var(--cockpit-green), var(--cockpit-teal));
}

body[data-page="dashboard"] .dashboard-page .dashboard-module.is-cyan .dashboard-module-icon{
  background:linear-gradient(135deg, var(--cockpit-cyan), var(--cockpit-blue));
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-start-step.is-done, .dashboard-brief-point.is-ready){
  border-color:var(--cockpit-green-ring);
  background:var(--cockpit-panel-green);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-start-step.is-open, .dashboard-brief-point.is-warn){
  border-color:var(--cockpit-yellow-ring);
  background:var(--cockpit-panel-yellow);
}

body[data-page="dashboard"] .dashboard-page .dashboard-brief-point.is-buy{
  border-color:var(--cockpit-teal-ring);
  background:var(--cockpit-panel-teal);
}

body[data-page="dashboard"] .dashboard-page .dashboard-brief-point.is-market{
  border-color:var(--cockpit-cyan-ring);
  background:var(--cockpit-panel-cyan);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-sentiment-chip.sentiment-fear, .dashboard-market-sentiment.sentiment-fear){
  border-color:var(--cockpit-red-ring);
  background:var(--cockpit-panel-red);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-sentiment-chip.sentiment-neutral, .dashboard-market-sentiment.sentiment-neutral){
  border-color:var(--cockpit-blue-ring);
  background:var(--cockpit-panel-blue);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-sentiment-chip.sentiment-greed, .dashboard-market-sentiment.sentiment-greed){
  border-color:var(--cockpit-green-ring);
  background:var(--cockpit-panel-green);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-sentiment-chip.sentiment-unavailable, .dashboard-market-sentiment.sentiment-unavailable){
  border-color:var(--cockpit-line);
  background:var(--cockpit-cell-bg-soft);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-market-row.is-positive, .dashboard-buy-distance.is-positive){
  border-color:var(--cockpit-green-ring);
  background:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-page :is(.dashboard-market-row.is-negative, .dashboard-buy-distance.is-negative){
  border-color:var(--cockpit-red-ring);
  background:var(--cockpit-red-soft);
}

body[data-page="dashboard"] .dashboard-page .dashboard-briefing-list a:hover{
  border-color:var(--cockpit-cyan-ring);
}

/* Dashboard cockpit structural phase */
body[data-page="dashboard"] .dashboard-v2-hero{
  display:grid;
  gap:18px;
  padding:22px;
  overflow:hidden;
  position:relative;
  border-color:var(--cockpit-line-strong);
  background:var(--cockpit-panel-cyan);
}

body[data-page="dashboard"] .dashboard-v2-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 8%, var(--cockpit-green-soft), transparent 34%),
    linear-gradient(120deg, var(--cockpit-blue-soft), transparent 38%);
}

body[data-page="dashboard"] .dashboard-v2-hero > *{
  position:relative;
  z-index:1;
}

body[data-page="dashboard"] .dashboard-v2-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

body[data-page="dashboard"] .dashboard-v2-hero-meta span,
body[data-page="dashboard"] .dashboard-v2-setup-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  border:1px solid var(--cockpit-line);
  border-radius:999px;
  padding:0 11px;
  background:var(--cockpit-cell-bg);
  color:var(--cockpit-muted);
  font-size:12px;
  font-weight:850;
}

body[data-page="dashboard"] .dashboard-v2-live::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  margin-right:7px;
  background:var(--cockpit-red);
}

body[data-page="dashboard"] .dashboard-v2-live.is-on::before{
  background:var(--cockpit-green);
}

body[data-page="dashboard"] .dashboard-v2-hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(340px, .72fr);
  gap:18px;
  align-items:stretch;
}

body[data-page="dashboard"] .dashboard-v2-hero-copy{
  display:grid;
  align-content:start;
  gap:12px;
}

body[data-page="dashboard"] .dashboard-v2-hero-copy h2{
  margin:0;
  color:var(--cockpit-text);
  font-size:clamp(30px, 4vw, 54px);
  line-height:1.02;
  letter-spacing:0;
}

body[data-page="dashboard"] .dashboard-v2-hero-copy p{
  max-width:760px;
  margin:0;
  color:var(--cockpit-muted-strong);
  line-height:1.6;
}

body[data-page="dashboard"] .dashboard-v2-copilot-bubble{
  display:grid;
  gap:6px;
  max-width:780px;
  padding:15px;
  border:1px solid var(--cockpit-green-ring);
  border-radius:var(--cockpit-radius-md, 12px);
  background:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-v2-copilot-bubble strong{
  color:var(--cockpit-green-text);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}

body[data-page="dashboard"] .dashboard-v2-copilot-bubble span{
  color:var(--cockpit-text);
  line-height:1.5;
}

body[data-page="dashboard"] .dashboard-v2-copilot-bubble .dashboard-v2-copilot-money{
  font-weight:950;
}

body[data-page="dashboard"] .dashboard-v2-copilot-bubble .dashboard-v2-copilot-money.is-up{
  color:var(--cockpit-green-text);
}

body[data-page="dashboard"] .dashboard-v2-copilot-bubble .dashboard-v2-copilot-money.is-down{
  color:var(--cockpit-red);
}

body[data-page="dashboard"] .dashboard-v2-copilot-bubble code{
  color:var(--cockpit-link);
  font-family:ui-monospace, SFMono-Regular, Consolas, monospace;
}

body[data-page="dashboard"] .dashboard-v2-top-action{
  display:grid;
  gap:12px;
  min-width:0;
  padding:16px;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 12px);
  background:var(--cockpit-cell-bg-soft);
}

body[data-page="dashboard"] .dashboard-v2-top-action-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

body[data-page="dashboard"] .dashboard-v2-top-action-head span{
  color:var(--cockpit-muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

body[data-page="dashboard"] .dashboard-v2-top-action-head strong{
  color:var(--cockpit-text);
  font-size:24px;
}

body[data-page="dashboard"] .dashboard-v2-top-action p{
  margin:0;
  color:var(--cockpit-muted-strong);
  line-height:1.45;
}

body[data-page="dashboard"] .dashboard-v2-score-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

body[data-page="dashboard"] .dashboard-v2-score-panel{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--cockpit-cell-bg-strong);
}

body[data-page="dashboard"] .dashboard-v2-score-panel h3{
  margin:0;
  color:var(--cockpit-muted);
  font-size:12px;
  text-transform:uppercase;
}

body[data-page="dashboard"] .dashboard-v2-radar-cells,
body[data-page="dashboard"] .dashboard-v2-ai-rows{
  display:grid;
  gap:8px;
}

body[data-page="dashboard"] .dashboard-v2-radar-cells{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

body[data-page="dashboard"] .dashboard-v2-ai-rows{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

body[data-page="dashboard"] .dashboard-v2-radar-cells span,
body[data-page="dashboard"] .dashboard-v2-ai-rows span{
  display:grid;
  gap:4px;
  min-width:0;
}

body[data-page="dashboard"] .dashboard-v2-radar-cells small,
body[data-page="dashboard"] .dashboard-v2-ai-rows small{
  color:var(--cockpit-muted);
  font-size:11px;
}

body[data-page="dashboard"] .dashboard-v2-radar-cells strong,
body[data-page="dashboard"] .dashboard-v2-ai-rows strong{
  color:var(--cockpit-text);
  font-size:18px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body[data-page="dashboard"] .dashboard-v2-radar-cells .is-good strong{ color:var(--cockpit-green); }
body[data-page="dashboard"] .dashboard-v2-radar-cells .is-watch strong{ color:var(--cockpit-yellow); }
body[data-page="dashboard"] .dashboard-v2-radar-cells .is-risk strong{ color:var(--cockpit-orange); }
body[data-page="dashboard"] .dashboard-v2-radar-cells .is-bad strong{ color:var(--cockpit-red); }

body[data-page="dashboard"] .dashboard-v2-pillars{
  display:grid;
  gap:12px;
}

body[data-page="dashboard"] .dashboard-v2-pillar-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

body[data-page="dashboard"] .dashboard-v2-pillar{
  --pillar-color:var(--cockpit-blue);
  --pillar-soft:var(--cockpit-blue-soft);
  display:grid;
  gap:12px;
  min-width:0;
  padding:18px;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 12px);
  color:var(--cockpit-text);
  background:var(--cockpit-card-bg);
  text-decoration:none;
  box-shadow:var(--cockpit-shadow);
  position:relative;
  overflow:hidden;
}

body[data-page="dashboard"] .dashboard-v2-pillar::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--pillar-color);
}

body[data-page="dashboard"] .dashboard-v2-pillar:hover{
  border-color:var(--pillar-color);
}

body[data-page="dashboard"] .dashboard-v2-pillar.is-radar{
  --pillar-color:var(--cockpit-cyan);
  --pillar-soft:var(--cockpit-cyan-soft);
}

body[data-page="dashboard"] .dashboard-v2-pillar.is-spot{
  --pillar-color:var(--cockpit-green);
  --pillar-soft:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-v2-pillar.is-trading{
  --pillar-color:var(--cockpit-yellow);
  --pillar-soft:var(--cockpit-yellow-soft);
}

body[data-page="dashboard"] .dashboard-v2-pillar-head,
body[data-page="dashboard"] .dashboard-v2-pillar-id{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body[data-page="dashboard"] .dashboard-v2-pillar-id{
  justify-content:flex-start;
}

body[data-page="dashboard"] .dashboard-v2-pillar-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--pillar-soft);
  color:var(--pillar-color);
}

body[data-page="dashboard"] .dashboard-v2-pillar-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

body[data-page="dashboard"] .dashboard-v2-pillar-head strong{
  display:block;
  color:var(--cockpit-text);
  font-size:16px;
}

body[data-page="dashboard"] .dashboard-v2-pillar-head small,
body[data-page="dashboard"] .dashboard-v2-pillar-label{
  color:var(--cockpit-muted);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

body[data-page="dashboard"] .dashboard-v2-pillar-link{
  color:var(--pillar-color);
  font-size:12px;
  font-weight:900;
}

body[data-page="dashboard"] .dashboard-v2-pillar-number{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
}

body[data-page="dashboard"] .dashboard-v2-pillar-number strong{
  color:var(--cockpit-text);
  font-size:38px;
  line-height:1;
}

body[data-page="dashboard"] .dashboard-v2-pillar-number span{
  color:var(--cockpit-muted);
  font-size:15px;
  font-weight:800;
}

body[data-page="dashboard"] .dashboard-v2-pillar-number em{
  color:var(--cockpit-green);
  font-size:12px;
  font-style:normal;
  font-weight:900;
}

body[data-page="dashboard"] .dashboard-v2-pick{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--cockpit-cell-bg-soft);
}

body[data-page="dashboard"] .dashboard-v2-pick-ticker{
  color:var(--pillar-color);
  background:var(--cockpit-cell-bg-strong);
  border:1px solid var(--cockpit-line);
  border-radius:7px;
  padding:4px 8px;
  font-weight:950;
}

body[data-page="dashboard"] .dashboard-v2-pick strong{
  display:block;
  color:var(--cockpit-text);
  font-size:13px;
}

body[data-page="dashboard"] .dashboard-v2-pick small,
body[data-page="dashboard"] .dashboard-v2-pillar-meta{
  color:var(--cockpit-muted);
  font-size:12px;
}

body[data-page="dashboard"] .dashboard-v2-pick b{
  color:var(--pillar-color);
  font-size:12px;
}

body[data-page="dashboard"] .dashboard-v2-pillar-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body[data-page="dashboard"] .dashboard-v2-positions .dashboard-fold-body{
  padding-top:0;
}

body[data-page="dashboard"] .dashboard-v2-position-list{
  display:grid;
  gap:8px;
}

body[data-page="dashboard"] .dashboard-v2-position-item{
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--cockpit-cell-bg-soft);
  overflow:hidden;
}

body[data-page="dashboard"] .dashboard-v2-position-summary{
  display:grid;
  grid-template-columns:auto minmax(110px, 1fr) repeat(2, minmax(96px, auto)) auto auto auto;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px;
  cursor:pointer;
  list-style:none;
}

body[data-page="dashboard"] .dashboard-v2-position-summary::-webkit-details-marker{
  display:none;
}

body[data-page="dashboard"] .dashboard-v2-position-summary::after{
  content:"›";
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid var(--cockpit-green-ring);
  border-radius:999px;
  color:var(--cockpit-green);
  background:var(--cockpit-green-soft);
  font-weight:950;
  font-size:18px;
  line-height:1;
  transform:rotate(90deg);
  transition:transform .18s ease;
}

body[data-page="dashboard"] .dashboard-v2-position-item[open] .dashboard-v2-position-summary::after{
  content:"›";
  transform:rotate(-90deg);
}

body[data-page="dashboard"] .dashboard-v2-guard-light{
  display:inline-flex;
  align-items:center;
  gap:6px;
  justify-content:center;
  min-width:78px;
  border:1px solid var(--cockpit-line);
  border-radius:999px;
  padding:5px 9px;
  color:var(--cockpit-muted);
  background:var(--cockpit-cell-bg-strong);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

body[data-page="dashboard"] .dashboard-v2-guard-light::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:currentColor;
}

body[data-page="dashboard"] .dashboard-v2-guard-light.green{
  color:var(--cockpit-green);
  background:var(--cockpit-green-soft);
  border-color:var(--cockpit-green-ring);
}

body[data-page="dashboard"] .dashboard-v2-guard-light.yellow{
  color:var(--cockpit-yellow);
  background:var(--cockpit-yellow-soft);
  border-color:var(--cockpit-yellow-ring);
}

body[data-page="dashboard"] .dashboard-v2-guard-light.orange{
  color:var(--cockpit-orange);
  background:var(--cockpit-yellow-soft);
  border-color:var(--cockpit-yellow-ring);
}

body[data-page="dashboard"] .dashboard-v2-guard-light.red{
  color:var(--cockpit-red);
  background:var(--cockpit-red-soft);
  border-color:var(--cockpit-red-ring);
}

body[data-page="dashboard"] .dashboard-v2-position-asset strong,
body[data-page="dashboard"] .dashboard-v2-position-summary strong{
  color:var(--cockpit-text);
}

body[data-page="dashboard"] .dashboard-v2-position-summary small{
  display:block;
  color:var(--cockpit-muted);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

body[data-page="dashboard"] .dashboard-v2-position-asset small{
  display:inline-block;
  margin-top:4px;
  border-radius:6px;
  padding:2px 7px;
}

body[data-page="dashboard"] .dashboard-v2-position-asset .is-long{
  color:var(--cockpit-green);
  background:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-v2-position-asset .is-short{
  color:var(--cockpit-red);
  background:var(--cockpit-red-soft);
}

body[data-page="dashboard"] .dashboard-v2-position-orders{
  color:var(--cockpit-muted);
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-sm, 8px);
  padding:5px 9px;
  background:var(--cockpit-cell-bg-strong);
  font-size:12px;
  font-weight:800;
}

body[data-page="dashboard"] .dashboard-v2-position-pnl{
  min-width:78px;
  border-radius:var(--cockpit-radius-sm, 8px);
  padding:5px 9px;
  text-align:right;
  font-weight:950;
}

body[data-page="dashboard"] .dashboard-v2-position-pnl.is-up{
  color:var(--cockpit-green);
  background:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-v2-position-pnl.is-down{
  color:var(--cockpit-red);
  background:var(--cockpit-red-soft);
}

body[data-page="dashboard"] .dashboard-v2-order-list{
  display:grid;
  gap:0;
  padding:8px 12px 12px;
  border-top:1px solid var(--cockpit-line);
  background:var(--cockpit-cell-bg-strong);
}

body[data-page="dashboard"] .dashboard-v2-order-row{
  display:grid;
  grid-template-columns:auto 62px minmax(0, 1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid var(--cockpit-line-soft);
}

body[data-page="dashboard"] .dashboard-v2-order-row:last-child{
  border-bottom:0;
}

body[data-page="dashboard"] .dashboard-v2-order-marker{
  width:9px;
  height:9px;
  border:2px solid var(--cockpit-muted);
  border-radius:999px;
}

body[data-page="dashboard"] .dashboard-v2-order-marker.executed{
  background:var(--cockpit-green);
  border-color:var(--cockpit-green);
}

body[data-page="dashboard"] .dashboard-v2-order-marker.triggered{
  background:var(--cockpit-blue);
  border-color:var(--cockpit-blue);
}

body[data-page="dashboard"] .dashboard-v2-order-row strong{
  color:var(--cockpit-text);
  font-size:12px;
}

body[data-page="dashboard"] .dashboard-v2-order-row .is-tp{
  color:var(--cockpit-green);
}

body[data-page="dashboard"] .dashboard-v2-order-row .is-sl{
  color:var(--cockpit-red);
}

body[data-page="dashboard"] .dashboard-v2-order-row span,
body[data-page="dashboard"] .dashboard-v2-order-row small,
body[data-page="dashboard"] .dashboard-v2-order-row em{
  color:var(--cockpit-muted);
  font-size:12px;
  font-style:normal;
}

body[data-page="dashboard"] .dashboard-v2-news-list{
  gap:10px;
}

body[data-page="dashboard"] .dashboard-v2-news-card{
  display:grid;
  grid-template-columns:4px minmax(0, 1fr);
  gap:12px;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 10px);
  background:var(--cockpit-cell-bg-strong);
  overflow:hidden;
}

body[data-page="dashboard"] .dashboard-v2-news-priority{
  background:var(--cockpit-blue);
}

body[data-page="dashboard"] .dashboard-v2-news-card.priority-medium .dashboard-v2-news-priority{
  background:var(--cockpit-yellow);
}

body[data-page="dashboard"] .dashboard-v2-news-card.priority-high .dashboard-v2-news-priority{
  background:var(--cockpit-red);
}

body[data-page="dashboard"] .dashboard-v2-news-body{
  display:grid;
  gap:7px;
  min-width:0;
  padding:11px 12px 11px 0;
}

body[data-page="dashboard"] .dashboard-v2-news-meta,
body[data-page="dashboard"] .dashboard-v2-news-assets{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}

body[data-page="dashboard"] .dashboard-v2-news-meta span{
  color:var(--cockpit-muted);
  font-size:11px;
  font-weight:750;
}

body[data-page="dashboard"] .dashboard-v2-news-category{
  border-radius:999px;
  padding:3px 8px;
  background:var(--cockpit-blue-soft);
  color:var(--cockpit-blue) !important;
  font-weight:950 !important;
}

body[data-page="dashboard"] .dashboard-v2-news-category.market{
  background:var(--cockpit-green-soft);
  color:var(--cockpit-green) !important;
}

body[data-page="dashboard"] .dashboard-v2-news-category.macro{
  background:var(--cockpit-yellow-soft);
  color:var(--cockpit-yellow) !important;
}

body[data-page="dashboard"] .dashboard-v2-news-category.tech{
  background:var(--cockpit-cyan-soft);
  color:var(--cockpit-cyan) !important;
}

body[data-page="dashboard"] .dashboard-v2-news-title{
  color:var(--cockpit-text);
  text-decoration:none;
  font-size:14px;
  font-weight:850;
  line-height:1.4;
}

body[data-page="dashboard"] .dashboard-v2-news-title:hover{
  color:var(--cockpit-link);
}

body[data-page="dashboard"] .dashboard-v2-news-body p{
  margin:0;
  color:var(--cockpit-muted-strong);
  font-size:13px;
  line-height:1.5;
}

body[data-page="dashboard"] .dashboard-v2-news-no-ai{
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-sm, 8px);
  padding:8px 10px;
  color:var(--cockpit-muted);
  background:var(--cockpit-cell-bg-soft);
  font-size:12px;
}

body[data-page="dashboard"] .dashboard-v2-news-asset{
  border:1px solid var(--cockpit-line);
  border-radius:999px;
  padding:3px 8px;
  color:var(--cockpit-link);
  background:var(--cockpit-blue-soft);
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}

body[data-page="dashboard"] .dashboard-v2-news-asset:hover{
  border-color:var(--cockpit-blue-ring);
}

body[data-page="dashboard"] .dashboard-v3-critical-alert{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid var(--cockpit-red-ring);
  border-radius:var(--cockpit-radius-md, 12px);
  padding:16px;
  background:var(--cockpit-red-soft);
  box-shadow:var(--cockpit-shadow);
}

body[data-page="dashboard"] .dashboard-v3-critical-alert strong{
  display:block;
  color:var(--cockpit-red);
  font-size:20px;
}

body[data-page="dashboard"] .dashboard-v3-critical-alert p{
  margin:5px 0 0;
  color:var(--cockpit-text);
  line-height:1.45;
}

body[data-page="dashboard"] .dashboard-v3-activity .dashboard-fold-body{
  padding-top:0;
}

body[data-page="dashboard"] .dashboard-v3-activity-list{
  display:grid;
  gap:8px;
}

body[data-page="dashboard"] .dashboard-v3-activity-row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto auto;
  gap:10px;
  align-items:center;
  min-width:0;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 10px);
  padding:10px;
  background:var(--cockpit-cell-bg-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-row.is-warning,
body[data-page="dashboard"] .dashboard-v3-activity-row.is-loss{
  border-color:var(--cockpit-red-ring);
  background:var(--cockpit-red-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-row.is-critical{
  box-shadow:inset 3px 0 0 var(--cockpit-red);
}

body[data-page="dashboard"] .dashboard-v3-activity-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid var(--cockpit-line);
  border-radius:999px;
  background:var(--cockpit-cell-bg-strong);
  color:var(--cockpit-muted);
  font-weight:950;
}

body[data-page="dashboard"] .dashboard-v3-activity-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body[data-page="dashboard"] .dashboard-v3-activity-icon.is-win{
  color:var(--cockpit-green);
  border-color:var(--cockpit-green-ring);
  background:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-icon.is-loss,
body[data-page="dashboard"] .dashboard-v3-activity-icon.is-critical{
  color:var(--cockpit-red);
  border-color:var(--cockpit-red-ring);
  background:var(--cockpit-red-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-icon.is-warn{
  color:var(--cockpit-yellow);
  border-color:var(--cockpit-yellow-ring);
  background:var(--cockpit-yellow-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-icon.is-info,
body[data-page="dashboard"] .dashboard-v3-activity-icon.is-bot{
  color:var(--cockpit-blue);
  border-color:var(--cockpit-blue-ring);
  background:var(--cockpit-blue-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-copy{
  display:grid;
  gap:3px;
  min-width:0;
}

body[data-page="dashboard"] .dashboard-v3-activity-copy strong{
  color:var(--cockpit-text);
  line-height:1.35;
}

body[data-page="dashboard"] .dashboard-v3-activity-copy small{
  color:var(--cockpit-muted);
  font-size:12px;
}

body[data-page="dashboard"] .dashboard-v3-activity-tag,
body[data-page="dashboard"] .dashboard-v3-activity-value{
  border:1px solid var(--cockpit-line);
  border-radius:999px;
  padding:5px 9px;
  background:var(--cockpit-cell-bg-strong);
  color:var(--cockpit-muted);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

body[data-page="dashboard"] .dashboard-v3-activity-value.is-up{
  color:var(--cockpit-green);
  border-color:var(--cockpit-green-ring);
  background:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-value.is-down{
  color:var(--cockpit-red);
  border-color:var(--cockpit-red-ring);
  background:var(--cockpit-red-soft);
}

body[data-page="dashboard"] .dashboard-v3-activity-all{
  justify-self:start;
  margin-top:10px;
  border:1px solid var(--cockpit-blue-ring);
  border-radius:999px;
  padding:8px 12px;
  background:var(--cockpit-blue-soft);
  color:var(--cockpit-blue);
  font:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

body[data-page="dashboard"] .dashboard-v3-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:9000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(5, 10, 20, .72);
  backdrop-filter:blur(10px);
}

body[data-page="dashboard"] .dashboard-v3-modal{
  width:min(720px, 100%);
  max-height:min(760px, calc(100vh - 36px));
  display:grid;
  grid-template-rows:auto minmax(0, 1fr);
  gap:12px;
  border:1px solid var(--cockpit-line-strong);
  border-radius:var(--cockpit-radius-md, 12px);
  padding:16px;
  background:var(--cockpit-card-bg);
  box-shadow:0 28px 70px rgba(0,0,0,.42);
}

body[data-page="dashboard"] .dashboard-v3-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

body[data-page="dashboard"] .dashboard-v3-modal-head h3{
  margin:3px 0 0;
  color:var(--cockpit-text);
  font-size:22px;
}

body[data-page="dashboard"] .dashboard-v3-modal-head small{
  color:var(--cockpit-muted);
}

body[data-page="dashboard"] .dashboard-v3-modal-close{
  width:36px;
  height:36px;
  border:1px solid var(--cockpit-green-ring);
  border-radius:999px;
  background:var(--cockpit-green-soft);
  color:var(--cockpit-green);
  font:inherit;
  font-size:20px;
  font-weight:950;
  cursor:pointer;
}

body[data-page="dashboard"] .dashboard-v3-modal-body{
  min-height:0;
  overflow:auto;
  padding-right:4px;
}

body[data-page="dashboard"] .dashboard-v3-metric-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:12px;
}

body[data-page="dashboard"] .dashboard-v3-card{
  display:grid;
  align-content:start;
  gap:14px;
  min-width:0;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 12px);
  padding:16px;
  background:var(--cockpit-card-bg);
  box-shadow:var(--cockpit-shadow);
}

body[data-page="dashboard"] .dashboard-v3-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body[data-page="dashboard"] .dashboard-v3-card-head strong{
  border:1px solid var(--cockpit-line);
  border-radius:999px;
  padding:5px 10px;
  background:var(--cockpit-cell-bg-strong);
  color:var(--cockpit-muted);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

body[data-page="dashboard"] .dashboard-v3-card-head strong.is-ok,
body[data-page="dashboard"] .dashboard-v3-card-head strong.is-up{
  color:var(--cockpit-green);
  border-color:var(--cockpit-green-ring);
  background:var(--cockpit-green-soft);
}

body[data-page="dashboard"] .dashboard-v3-card-head strong.is-warn{
  color:var(--cockpit-yellow);
  border-color:var(--cockpit-yellow-ring);
  background:var(--cockpit-yellow-soft);
}

body[data-page="dashboard"] .dashboard-v3-card-head strong.is-bad,
body[data-page="dashboard"] .dashboard-v3-card-head strong.is-down{
  color:var(--cockpit-red);
  border-color:var(--cockpit-red-ring);
  background:var(--cockpit-red-soft);
}

body[data-page="dashboard"] .dashboard-v3-risk-bars,
body[data-page="dashboard"] .dashboard-v3-pnl-list{
  display:grid;
  gap:10px;
}

body[data-page="dashboard"] .dashboard-v3-risk-bar{
  display:grid;
  gap:8px;
}

body[data-page="dashboard"] .dashboard-v3-risk-bar > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

body[data-page="dashboard"] .dashboard-v3-risk-bar strong{
  color:var(--cockpit-text);
  font-size:13px;
}

body[data-page="dashboard"] .dashboard-v3-risk-bar span{
  color:var(--cockpit-muted);
  font-size:12px;
  text-align:right;
}

body[data-page="dashboard"] .dashboard-v3-risk-bar i{
  display:block;
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--cockpit-blue), var(--cockpit-cyan)) left/var(--risk-width, 0%) 100% no-repeat, var(--cockpit-cell-bg-strong);
  border:1px solid var(--cockpit-line);
}

body[data-page="dashboard"] .dashboard-v3-risk-detail{
  display:block;
  color:var(--cockpit-muted);
  font-size:11px;
  line-height:1.4;
}

body[data-page="dashboard"] .dashboard-v3-risk-bar.is-ok i{
  background:linear-gradient(var(--cockpit-green), var(--cockpit-green)) left/var(--risk-width, 0%) 100% no-repeat, var(--cockpit-cell-bg-strong);
}

body[data-page="dashboard"] .dashboard-v3-risk-bar.is-warn i{
  background:linear-gradient(var(--cockpit-yellow), var(--cockpit-yellow)) left/var(--risk-width, 0%) 100% no-repeat, var(--cockpit-cell-bg-strong);
}

body[data-page="dashboard"] .dashboard-v3-risk-bar.is-bad i{
  background:linear-gradient(var(--cockpit-red), var(--cockpit-red)) left/var(--risk-width, 0%) 100% no-repeat, var(--cockpit-cell-bg-strong);
}

body[data-page="dashboard"] .dashboard-v3-pnl-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body[data-page="dashboard"] .dashboard-v3-pnl-tabs button{
  min-height:34px;
  border:1px solid var(--cockpit-line);
  border-radius:999px;
  padding:0 12px;
  background:var(--cockpit-cell-bg);
  color:var(--cockpit-muted);
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

body[data-page="dashboard"] .dashboard-v3-pnl-tabs button.is-active{
  color:var(--cockpit-blue);
  border-color:var(--cockpit-blue-ring);
  background:var(--cockpit-blue-soft);
}

body[data-page="dashboard"] .dashboard-v3-pnl-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid var(--cockpit-line);
  border-radius:var(--cockpit-radius-md, 10px);
  padding:10px 12px;
  background:var(--cockpit-cell-bg-soft);
}

body[data-page="dashboard"] .dashboard-v3-pnl-total span{
  color:var(--cockpit-text);
  font-weight:900;
}

body[data-page="dashboard"] .dashboard-v3-pnl-total small{
  color:var(--cockpit-muted);
}

body[data-page="dashboard"] .dashboard-v3-pnl-row{
  display:grid;
  grid-template-columns:minmax(100px, 1fr) minmax(70px, .8fr) auto auto;
  align-items:center;
  gap:10px;
  min-width:0;
}

body[data-page="dashboard"] .dashboard-v3-pnl-row span{
  display:grid;
  gap:3px;
  min-width:0;
}

body[data-page="dashboard"] .dashboard-v3-pnl-row strong{
  color:var(--cockpit-text);
}

body[data-page="dashboard"] .dashboard-v3-pnl-row small,
body[data-page="dashboard"] .dashboard-v3-pnl-row em{
  color:var(--cockpit-muted);
  font-size:12px;
  font-style:normal;
}

body[data-page="dashboard"] .dashboard-v3-pnl-row i{
  display:block;
  height:7px;
  border-radius:999px;
  background:linear-gradient(var(--cockpit-green), var(--cockpit-green)) left/var(--pnl-width, 0%) 100% no-repeat, var(--cockpit-cell-bg-strong);
  border:1px solid var(--cockpit-line);
}

body[data-page="dashboard"] .dashboard-v3-pnl-row.is-down i{
  background:linear-gradient(var(--cockpit-red), var(--cockpit-red)) left/var(--pnl-width, 0%) 100% no-repeat, var(--cockpit-cell-bg-strong);
}

body[data-page="dashboard"] .dashboard-v3-pnl-row b{
  color:var(--cockpit-green);
  text-align:right;
}

body[data-page="dashboard"] .dashboard-v3-pnl-row.is-down b{
  color:var(--cockpit-red);
}

@media (max-width: 920px){
  body[data-page="dashboard"] .dashboard-v2-hero-grid,
  body[data-page="dashboard"] .dashboard-v2-pillar-row,
  body[data-page="dashboard"] .dashboard-v3-metric-grid{
    grid-template-columns:1fr;
  }

  body[data-page="dashboard"] .dashboard-v2-position-summary{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  body[data-page="dashboard"] .dashboard-v2-hero{
    padding:15px;
  }

  body[data-page="dashboard"] .dashboard-v2-hero-copy h2{
    font-size:30px;
  }

  body[data-page="dashboard"] .dashboard-v2-score-grid,
  body[data-page="dashboard"] .dashboard-v2-pick{
    grid-template-columns:1fr;
  }

  body[data-page="dashboard"] .dashboard-v2-radar-cells,
  body[data-page="dashboard"] .dashboard-v2-ai-rows{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
  }

  body[data-page="dashboard"] .dashboard-v2-radar-cells strong,
  body[data-page="dashboard"] .dashboard-v2-ai-rows strong{
    font-size:16px;
  }

  body[data-page="dashboard"] .dashboard-v2-order-row{
    grid-template-columns:auto 38px minmax(72px, 1fr) minmax(58px, auto) 12px;
    gap:8px;
  }

  body[data-page="dashboard"] .dashboard-v2-order-row small{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body[data-page="dashboard"] .dashboard-v2-order-row em{
    text-align:right;
  }

  body[data-page="dashboard"] .dashboard-v2-position-pnl{
    text-align:left;
  }

  body[data-page="dashboard"] .dashboard-v3-critical-alert,
  body[data-page="dashboard"] .dashboard-v3-activity-row,
  body[data-page="dashboard"] .dashboard-v3-risk-bar > div,
  body[data-page="dashboard"] .dashboard-v3-pnl-total,
  body[data-page="dashboard"] .dashboard-v3-card-head{
    align-items:stretch;
  }

  body[data-page="dashboard"] .dashboard-v3-critical-alert,
  body[data-page="dashboard"] .dashboard-v3-risk-bar > div,
  body[data-page="dashboard"] .dashboard-v3-pnl-total,
  body[data-page="dashboard"] .dashboard-v3-card-head{
    flex-direction:column;
  }

  body[data-page="dashboard"] .dashboard-v3-activity-row,
  body[data-page="dashboard"] .dashboard-v3-pnl-row{
    grid-template-columns:1fr;
  }

  body[data-page="dashboard"] .dashboard-v3-activity-icon{
    justify-self:start;
  }

  body[data-page="dashboard"] .dashboard-v3-activity-tag,
  body[data-page="dashboard"] .dashboard-v3-activity-value,
  body[data-page="dashboard"] .dashboard-v3-pnl-row b{
    justify-self:start;
    text-align:left;
  }
}

/* Sticky main navigation dock */
.main-nav-dock{
  position:sticky;
  top:calc(var(--sticky-header-offset, 88px) + 8px);
  z-index:3290;
  margin:10px 0 16px;
  padding:8px;
  border:1px solid rgba(79,104,165,.58);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(18,28,53,.92), rgba(10,17,33,.88)),
    rgba(19,29,54,.76);
  box-shadow:
    0 18px 42px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(16px);
}

.main-nav-dock .app-nav.nav-flyout{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.main-nav-dock .nav-link-label{
  overflow:visible;
  text-overflow:clip;
}

@media (min-width: 780px){
  .main-nav-dock .nav-flyout-toggle{
    display:none;
  }

  .main-nav-dock .nav-flyout-panel{
    position:static;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    flex-wrap:wrap;
    width:100%;
    min-width:0;
    max-width:none;
    padding:6px;
    border:1px solid rgba(84,109,168,.18);
    border-radius:14px;
    background:rgba(8,16,31,.18);
    box-shadow:inset 0 1px 0 var(--nav-highlight-soft, rgba(255,255,255,.04));
    opacity:1;
    pointer-events:auto;
    transform:none;
    overflow:visible;
  }

  .main-nav-dock .app-nav.nav-flyout .nav-flyout-panel a{
    width:auto;
    flex:0 0 auto;
    justify-content:center;
    min-height:40px;
    padding:8px 13px 8px 10px;
  }

  .main-nav-dock .nav-session{
    order:90;
    margin-left:auto;
    min-height:40px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    gap:10px;
  }

  .main-nav-dock .nav-session-head{
    align-items:center;
    gap:8px;
  }

  .main-nav-dock .nav-session-copy{
    display:flex;
    align-items:baseline;
    gap:6px;
  }

  .main-nav-dock .nav-session-dot{
    width:8px;
    height:8px;
    margin-top:0;
    box-shadow:none;
  }

  .main-nav-dock .nav-session-user{
    max-width:170px;
    font-size:12px;
  }

  .main-nav-dock .nav-session-role{
    padding:2px 8px;
    font-size:10px;
  }

  .main-nav-dock .nav-flyout-footer{
    order:100;
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:0;
    border:0;
  }

  .main-nav-dock .nav-flyout-logout{
    width:auto;
    min-height:40px;
  }
}

@media (max-width: 1100px){
  .main-nav-dock{
    position:fixed;
    top:calc(8px + env(safe-area-inset-top, 0px));
    right:calc(10px + env(safe-area-inset-right, 0px));
    left:auto;
    bottom:auto;
    width:auto;
    max-width:calc(100vw - 20px);
    margin:0;
    padding:6px;
    border-radius:var(--nav-radius-lg, 16px);
    display:flex;
    justify-content:flex-end;
    z-index:3300;
  }

  body.has-fixed-mobile-nav:not(.auth-page) .wrap{
    padding-top:64px;
  }

  .main-nav-dock .app-nav.nav-flyout{
    width:auto;
    margin-left:auto;
    justify-content:flex-end;
  }

  .main-nav-dock .nav-flyout-toggle{
    min-height:42px;
    border-radius:13px;
  }

  .main-nav-dock .nav-flyout-panel{
    position:fixed;
    top:calc(10px + env(safe-area-inset-top, 0px));
    right:10px;
    left:auto;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    width:min(340px, calc(100vw - 22px));
    max-width:none;
    min-width:0;
    height:auto;
    max-height:calc(100svh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    padding:calc(16px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px));
    border-radius:22px;
    border:1px solid rgba(84,109,168,.72);
    background:
      linear-gradient(180deg, rgba(18,28,53,.98), rgba(8,14,28,.98)),
      rgba(19,29,54,.96);
    box-shadow:
      0 22px 52px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.07);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    transform:translateX(100%);
    transform-origin:right center;
  }

  .main-nav-dock .nav-flyout.open .nav-flyout-panel{
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
  }

  .main-nav-dock .app-nav.nav-flyout .nav-flyout-panel a{
    width:100%;
    justify-content:flex-start;
  }
}

@media (max-width: 1100px){
  .topbar-nav-slot .nav-flyout-panel,
  .main-nav-dock .nav-flyout-panel{
    box-sizing:border-box;
    display:grid;
    align-content:start;
    overflow-y:auto;
    scrollbar-width:thin;
  }

  .topbar-nav-slot .nav-flyout-panel{
    top:calc(var(--sticky-header-offset, 88px) + 12px + env(safe-area-inset-top, 0px));
    bottom:auto;
    height:calc(100svh - var(--sticky-header-offset, 88px) - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    max-height:calc(100svh - var(--sticky-header-offset, 88px) - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }

  .main-nav-dock .nav-flyout-panel{
    top:calc(10px + env(safe-area-inset-top, 0px));
    bottom:auto;
    height:calc(100svh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    max-height:calc(100svh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
}

@supports (height: 100dvh){
  @media (max-width: 1100px){
    .topbar-nav-slot .nav-flyout-panel{
      height:calc(100dvh - var(--sticky-header-offset, 88px) - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
      max-height:calc(100dvh - var(--sticky-header-offset, 88px) - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    }

    .main-nav-dock .nav-flyout-panel{
      height:calc(100dvh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
      max-height:calc(100dvh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    }
  }
}

@media (max-width: 520px){
  .topbar-nav-slot .nav-flyout-panel,
  .main-nav-dock .nav-flyout-panel{
    width:min(320px, calc(100vw - 32px));
    right:16px;
    padding:10px 9px calc(12px + env(safe-area-inset-bottom, 0px));
    gap:4px;
  }

  .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a,
  .main-nav-dock .app-nav.nav-flyout .nav-flyout-panel a{
    min-height:34px;
    padding:6px 9px;
  }

  .topbar-nav-slot .nav-session,
  .main-nav-dock .nav-session{
    padding:7px 9px 8px;
    gap:4px;
  }

  .topbar-nav-slot .nav-flyout-footer,
  .main-nav-dock .nav-flyout-footer{
    gap:4px;
    padding-top:4px;
  }

  .topbar-nav-slot .nav-flyout-logout,
  .main-nav-dock .nav-flyout-logout{
    min-height:34px;
    padding:6px 9px;
  }
}

@media (max-width: 380px){
  .topbar-nav-slot .nav-flyout-panel,
  .main-nav-dock .nav-flyout-panel{
    width:calc(100vw - 24px);
    right:12px;
    padding:8px 8px calc(10px + env(safe-area-inset-bottom, 0px));
    gap:3px;
  }

  .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a,
  .main-nav-dock .app-nav.nav-flyout .nav-flyout-panel a{
    min-height:32px;
    gap:8px;
    padding:5px 8px;
    font-size:12px;
  }

  .topbar-nav-slot .nav-link-icon,
  .main-nav-dock .nav-link-icon{
    width:22px;
    height:22px;
    flex-basis:22px;
  }

  .topbar-nav-slot .nav-link-icon svg,
  .main-nav-dock .nav-link-icon svg{
    width:14px;
    height:14px;
  }

  .topbar-nav-slot .nav-session,
  .main-nav-dock .nav-session{
    padding:6px 8px 7px;
  }

  .topbar-nav-slot .nav-session-status,
  .main-nav-dock .nav-session-status,
  .topbar-nav-slot .nav-session-role,
  .main-nav-dock .nav-session-role,
  .topbar-nav-slot .nav-link-state,
  .main-nav-dock .nav-link-state{
    font-size:9px;
  }

  .topbar-nav-slot .nav-session-user,
  .main-nav-dock .nav-session-user{
    font-size:12px;
  }

  .topbar-nav-slot .nav-flyout-logout,
  .main-nav-dock .nav-flyout-logout{
    min-height:32px;
    padding:5px 8px;
    font-size:12px;
  }
}

@media (max-width: 1100px){
  body.has-sticky-mobile-header:not(.auth-page) .wrap{
    padding-top:calc(var(--sticky-header-offset, 88px) + 22px);
  }

  body.has-sticky-mobile-header:not(.auth-page) .topbar{
    position:fixed;
    top:calc(8px + env(safe-area-inset-top, 0px));
    left:calc(12px + env(safe-area-inset-left, 0px));
    right:calc(12px + env(safe-area-inset-right, 0px));
    width:auto;
    z-index:3400;
    margin:0;
    border-radius:18px;
    backdrop-filter:blur(18px);
  }
}

.mobile-scroll-top{
  position:fixed;
  right:calc(14px + env(safe-area-inset-right, 0px));
  bottom:calc(18px + env(safe-area-inset-bottom, 0px));
  z-index:3200;
  width:44px;
  height:44px;
  border:1px solid rgba(34,197,94,.36);
  border-radius:999px;
  background:linear-gradient(135deg, rgba(34,197,94,.94), rgba(20,184,166,.86));
  color:#04110a;
  font-size:22px;
  line-height:1;
  font-weight:900;
  box-shadow:0 16px 34px rgba(2,6,23,.32), 0 0 20px rgba(34,197,94,.22);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .18s ease, transform .18s ease;
}

.mobile-scroll-top.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

@media (min-width: 780px){
  .mobile-scroll-top{
    display:none;
  }
}

@media (max-width: 820px){
  body[data-page="trading"] .black-swan-rule-list{
    grid-template-columns:1fr;
  }

  body[data-page="trading"] .black-swan-advice{
    flex-direction:column;
  }

  body[data-page="trading"] .black-swan-summary{
    flex-direction:column;
  }

  body[data-page="trading"] .black-swan-summary::after{
    position:absolute;
    top:12px;
    right:12px;
  }

  body[data-page="trading"] .black-swan-summary-copy{
    padding-right:36px;
  }

  body[data-page="trading"] .black-swan-static-head .black-swan-summary-copy{
    padding-right:0;
  }

  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold > .auto-mobile-fold-summary::after{
    display:inline-grid;
  }

  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold[open] > .auto-mobile-fold-summary{
    border-bottom:1px solid rgba(148,163,184,.12);
    background:linear-gradient(180deg, rgba(96,165,250,.07), rgba(255,255,255,.018));
  }

  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold-summary,
  body[data-page="trading"] #tabAutoTrading .auto-orders-summary{
    flex-direction:row;
    align-items:center;
    gap:8px;
    min-height:0;
    padding:10px 44px 10px 12px;
  }

  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold-summary::after,
  body[data-page="trading"] #tabAutoTrading .auto-orders-summary::after{
    top:50%;
    right:10px;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    flex-basis:24px;
    font-size:17px;
  }

  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold-summary .black-swan-summary-copy,
  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .black-swan-summary-copy{
    gap:2px;
    padding-right:0;
    flex:1 1 auto;
  }

  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .eyebrow,
  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .black-swan-summary-copy span{
    display:none;
  }

  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .black-swan-summary-copy h3{
    font-size:15px;
  }

  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .black-swan-head-tools{
    flex-wrap:nowrap;
    justify-content:flex-end;
    gap:5px;
  }

  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .trade-chip{
    min-height:24px;
    padding:3px 7px;
    font-size:11px;
    white-space:nowrap;
  }

  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold-body{
    padding:10px 12px 12px;
  }

  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold-body .auto-rule-list{
    margin-top:0;
  }

  body[data-page="trading"] .black-swan-note-eval-grid,
  body[data-page="trading"] .black-swan-explainer,
  body[data-page="trading"] .black-swan-volatility-grid,
  body[data-page="trading"] .black-swan-regime-grid{
    grid-template-columns:1fr;
  }

  body[data-page="trading"] .black-swan-volatility-head{
    flex-direction:column;
  }

  body[data-page="trading"] .black-swan-body,
  body[data-page="trading"] .auto-orders-body{
    padding:10px 12px 12px;
  }

  body[data-page="trading"] .black-swan-actions,
  body[data-page="trading"] .trade-form-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  body[data-page="trading"] .black-swan-actions .btn,
  body[data-page="trading"] .trade-form-actions .btn{
    justify-content:center;
    width:100%;
  }

  body[data-page="trading"] .black-swan-notes textarea{
    min-height:64px;
  }
}

@media (max-width: 560px){
  body[data-page="trading"] .black-swan-status-grid,
  body[data-page="trading"] .auto-order-summary{
    grid-template-columns:1fr;
  }

  body[data-page="trading"] .black-swan-panel{
    padding:0;
  }

  body[data-page="trading"] .black-swan-status-grid span,
  body[data-page="trading"] .auto-order-summary span{
    min-height:auto;
  }
}

@media (max-width: 760px){
  body[data-page="trading"]{
    overflow-x:hidden;
  }

  body[data-page="trading"] .wrap{
    width:min(100%, calc(100% - 14px));
    max-width:100%;
  }

  body[data-page="trading"] .topbar,
  body[data-page="trading"] .app-nav,
  body[data-page="trading"] .trading-statusbar,
  body[data-page="trading"] .trading-section-tabs,
  body[data-page="trading"] .trading-panel-root{
    max-width:100%;
    min-width:0;
  }

  body[data-page="trading"] #tabAutoTrading,
  body[data-page="trading"] #tabAutoTrading .trade-section-intro,
  body[data-page="trading"] #tabAutoTrading .trade-section-tools,
  body[data-page="trading"] #tabAutoTrading .auto-trading-grid,
  body[data-page="trading"] #tabAutoTrading .auto-trading-card,
  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold,
  body[data-page="trading"] #tabAutoTrading .auto-mobile-fold-body,
  body[data-page="trading"] #tabAutoTrading .auto-preset-panel,
  body[data-page="trading"] #tabAutoTrading .auto-preset-grid,
  body[data-page="trading"] #tabAutoTrading .trade-field-grid,
  body[data-page="trading"] #tabAutoTrading .auto-rule-list,
  body[data-page="trading"] #tabAutoTrading .auto-trading-safety,
  body[data-page="trading"] #tabAutoTrading .auto-trading-run-card,
  body[data-page="trading"] #tabAutoTrading .auto-trading-run-stats,
  body[data-page="trading"] #tabAutoTrading .auto-orders-fold,
  body[data-page="trading"] #tabAutoTrading .auto-orders-body{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  body[data-page="trading"] #tabAutoTrading{
    width:100%;
    max-width:100%;
    margin-left:0;
    padding-left:0;
    padding-right:0;
  }

  body[data-page="trading"] #tabAutoTrading .auto-trading-grid,
  body[data-page="trading"] #tabAutoTrading .trade-field-grid,
  body[data-page="trading"] #tabAutoTrading .auto-preset-grid,
  body[data-page="trading"] #tabAutoTrading .auto-trading-safety,
  body[data-page="trading"] #tabAutoTrading .auto-trading-safety > .auto-trading-run-stats{
    grid-template-columns:1fr;
  }

  body[data-page="trading"] #tabAutoTrading .trade-section-tools,
  body[data-page="trading"] #tabAutoTrading .black-swan-head-tools,
  body[data-page="trading"] #tabAutoTrading .auto-trading-run-stats{
    flex-wrap:wrap;
    justify-content:flex-start;
  }

  body[data-page="trading"] #tabAutoTrading .connector-pill,
  body[data-page="trading"] #tabAutoTrading .trade-chip,
  body[data-page="trading"] #tabAutoTrading .auto-trading-run-stats span{
    white-space:normal;
  }

  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .black-swan-head-tools{
    flex-wrap:nowrap;
    justify-content:flex-end;
  }

  body[data-page="trading"] #tabAutoTrading .auto-orders-summary .trade-chip{
    white-space:nowrap;
  }

  body[data-page="trading"] #tabAutoTrading .auto-trading-run-card > div:first-child{
    min-width:0;
  }

  body[data-page="trading"] .trading-section-tabs{
    overflow:visible;
  }

  body[data-page="trading"] .trading-tabs{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:7px;
    width:100%;
    max-width:100%;
  }

  body[data-page="trading"] .trading-tab-btn{
    min-height:54px;
    width:100%;
    padding:7px 6px;
    gap:5px;
    white-space:normal;
  }

  body[data-page="trading"] .trading-tab-icon{
    width:24px;
    height:24px;
    flex-basis:24px;
    border-radius:var(--nav-radius-sm, 8px);
  }

  body[data-page="trading"] .trading-tab-icon svg{
    width:15px;
    height:15px;
  }

  body[data-page="trading"] .trading-tab-label{
    white-space:normal;
    line-height:1.12;
    gap:4px;
  }

  body[data-page="trading"] .trading-tab-text{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:clip;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  body[data-page="trading"] .tab-badge{
    min-width:18px;
    min-height:18px;
    padding:0 5px;
    font-size:10px;
  }
}

/* Light theme shell */
:root[data-theme="light"] body{
  background:var(--cockpit-bg);
  color:var(--cockpit-text);
}

:root[data-theme="light"] body .topbar{
  border-color:rgba(148,163,184,.30);
  background:
    linear-gradient(180deg, var(--light-surface-strong, rgba(255,255,255,.92)), rgba(246,250,253,.84)),
    #f7fafc;
  box-shadow:
    0 14px 34px rgba(15,23,42,.10),
    inset 0 1px 0 var(--light-surface-glass, rgba(255,255,255,.82));
}

:root[data-theme="light"] body .topbar .titlebox h1,
:root[data-theme="light"] body .topbar .brand-copy h1{
  background:none;
  color:var(--light-text, #0f172a);
  -webkit-text-fill-color:var(--light-text, #0f172a);
  text-shadow:none;
}

:root[data-theme="light"] body .topbar .titlebox p,
:root[data-theme="light"] body .topbar .brand-copy > p:not(.brand-eyebrow){
  color:var(--light-muted-subtle, #64748b);
}

:root[data-theme="light"] body .brand-eyebrow,
:root[data-theme="light"] body[data-page="scoring"] .brand-eyebrow,
:root[data-theme="light"] body[data-page="scoring-config"] .brand-eyebrow{
  color:color-mix(in srgb, var(--page-accent) 70%, var(--light-text, #0f172a) 30%);
}

:root[data-theme="light"] body .app-nav{
  border-color:rgba(148,163,184,.28);
  background:
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(241,245,249,.76)),
    rgba(248,250,252,.78);
  box-shadow:
    0 12px 28px var(--light-line-soft, rgba(15,23,42,.08)),
    inset 0 1px 0 var(--light-surface-glass, rgba(255,255,255,.82));
}

:root[data-theme="light"] body .app-nav.nav-flyout,
:root[data-theme="light"] body .topbar-nav-slot .app-nav{
  background:transparent;
  box-shadow:none;
}

:root[data-theme="light"] body .app-nav a,
:root[data-theme="light"] body .topbar > .app-nav a,
:root[data-theme="light"] body .app-nav.nav-flyout .nav-flyout-panel a{
  color:var(--light-muted, #334155);
  border-color:rgba(148,163,184,.28);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(241,245,249,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74);
}

:root[data-theme="light"] body .topbar-nav-slot .app-nav a{
  background:rgba(255,255,255,.58);
}

:root[data-theme="light"] body .app-nav a:hover,
:root[data-theme="light"] body .app-nav a[aria-current="page"],
:root[data-theme="light"] body .app-nav a.active,
:root[data-theme="light"] body .app-nav.nav-flyout .nav-flyout-panel a.active,
:root[data-theme="light"] body .app-nav.nav-flyout .nav-flyout-panel a[aria-current="page"]{
  color:var(--light-text, #0f172a);
  border-color:color-mix(in srgb, var(--nav-accent) 46%, rgba(148,163,184,.30));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--nav-accent) 16%, var(--light-surface, #ffffff) 84%), rgba(255,255,255,.86));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--nav-accent) 20%, transparent) inset,
    0 10px 22px var(--light-line-soft, rgba(15,23,42,.08));
}

:root[data-theme="light"] body .nav-link-icon{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.42), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 82%, white 12%), color-mix(in srgb, var(--nav-accent) 44%, var(--light-surface, #ffffff) 56%));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 8px 16px var(--light-line, rgba(15,23,42,.12));
}

:root[data-theme="light"] body .nav-flyout-toggle{
  color:var(--light-text, #0f172a);
  border-color:rgba(148,163,184,.32);
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(241,245,249,.78));
  box-shadow:0 10px 22px var(--light-line-soft, rgba(15,23,42,.08)), inset 0 1px 0 rgba(255,255,255,.76);
}

:root[data-theme="light"] body .nav-flyout-toggle:hover,
:root[data-theme="light"] body .nav-flyout.open .nav-flyout-toggle{
  color:var(--light-text, #0f172a);
  border-color:rgba(56,189,248,.42);
  background:linear-gradient(180deg, var(--light-surface, #ffffff), #eef6fb);
  box-shadow:0 12px 26px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86);
}

:root[data-theme="light"] body .nav-flyout-lines span{
  background:linear-gradient(90deg, #2563eb, #0f766e);
}

:root[data-theme="light"] body .nav-flyout-panel{
  border-color:rgba(148,163,184,.30);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  box-shadow:0 22px 52px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.86);
}

:root[data-theme="light"] body .nav-session{
  border-color:rgba(148,163,184,.24);
  background:rgba(241,245,249,.82);
  box-shadow:none;
}

:root[data-theme="light"] body .nav-session-user{
  color:var(--light-text, #0f172a);
}

:root[data-theme="light"] body .nav-session-status,
:root[data-theme="light"] body .nav-session-role,
:root[data-theme="light"] body .nav-link-state{
  color:var(--light-muted-subtle, #64748b);
  border-color:rgba(148,163,184,.24);
  background:rgba(255,255,255,.72);
}

:root[data-theme="light"] body .nav-flyout-logout{
  color:#b91c1c;
  border-color:rgba(248,113,113,.24);
  background:rgba(254,242,242,.72);
}

:root[data-theme="light"] body .app-nav a.is-disabled,
:root[data-theme="light"] body .app-nav a.is-disabled:hover{
  color:#94a3b8;
  border-color:rgba(148,163,184,.20);
  background:rgba(241,245,249,.62);
  box-shadow:none;
}

:root[data-theme="light"] body .main-nav-dock{
  border-color:rgba(148,163,184,.24);
  background:
    linear-gradient(180deg, rgba(255,255,255,.84), rgba(241,245,249,.78)),
    rgba(248,250,252,.78);
  box-shadow:
    0 12px 28px var(--light-line-soft, rgba(15,23,42,.08)),
    inset 0 1px 0 var(--light-surface-glass, rgba(255,255,255,.82));
}

:root[data-theme="light"] body .main-nav-dock .app-nav.nav-flyout{
  border:0;
  background:transparent;
  box-shadow:none;
}

:root[data-theme="light"] body .main-nav-dock .nav-flyout-panel{
  border-color:rgba(148,163,184,.28);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  box-shadow:0 18px 44px var(--light-line, rgba(15,23,42,.12)), inset 0 1px 0 rgba(255,255,255,.86);
}

@media (max-width: 1100px){
  :root[data-theme="light"] body .main-nav-dock{
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }

  :root[data-theme="light"] body .main-nav-dock .nav-flyout-toggle,
  :root[data-theme="light"] body .topbar-nav-slot .nav-flyout-toggle{
    border-color:rgba(148,163,184,.28);
    color:var(--light-text, #0f172a);
    background:
      radial-gradient(circle at 34% 22%, rgba(255,255,255,.60), transparent 34%),
      linear-gradient(135deg, var(--light-surface, #ffffff), #e7f5f7);
    box-shadow:
      0 10px 24px var(--light-line, rgba(15,23,42,.12)),
      0 0 0 1px rgba(255,255,255,.74) inset;
  }

  :root[data-theme="light"] body .main-nav-dock .nav-flyout-toggle:hover,
  :root[data-theme="light"] body .main-nav-dock .nav-flyout.open .nav-flyout-toggle,
  :root[data-theme="light"] body .topbar-nav-slot .nav-flyout-toggle:hover,
  :root[data-theme="light"] body .topbar-nav-slot .nav-flyout.open .nav-flyout-toggle{
    border-color:rgba(20,184,166,.36);
    color:var(--light-text, #0f172a);
    background:
      radial-gradient(circle at 34% 22%, rgba(255,255,255,.68), transparent 34%),
      linear-gradient(135deg, var(--light-surface, #ffffff), #dff7f3);
    box-shadow:
      0 12px 28px rgba(15,23,42,.14),
      0 0 0 1px rgba(255,255,255,.80) inset;
  }

  :root[data-theme="light"] body .main-nav-dock .nav-flyout-lines span,
  :root[data-theme="light"] body .topbar-nav-slot .nav-flyout-lines span{
    background:#0f766e;
    box-shadow:none;
  }

  :root[data-theme="light"] body .main-nav-dock .nav-flyout-panel,
  :root[data-theme="light"] body .topbar-nav-slot .nav-flyout-panel{
    border:1px solid rgba(148,163,184,.30);
    border-radius:22px;
    background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.99));
    box-shadow:-18px 0 42px rgba(15,23,42,.14);
  }
}

/* Light theme readability outside dashboard */
body[data-page="profile"] .profile-theme-switch{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:10px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(15,23,42,.72);
}

body[data-page="profile"] .profile-theme-switch-label{
  color:#9fb0c9;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body[data-page="profile"] .profile-theme-options{
  display:inline-flex;
  gap:4px;
  padding:4px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:rgba(2,6,23,.48);
}

body[data-page="profile"] .profile-theme-option{
  min-height:32px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  color:var(--light-line-strong, #cbd5e1);
  background:transparent;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body[data-page="profile"] .profile-theme-option.is-active{
  color:#ecfeff;
  background:rgba(20,184,166,.24);
  box-shadow:inset 0 0 0 1px rgba(45,212,191,.24);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .panel,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-hero,
:root[data-theme="light"] body:not([data-page="dashboard"]) .coin-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .system-health-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-panel,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-section,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-guard-panel,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-panel-root,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-statusbar,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-section-tabs,
:root[data-theme="light"] body:not([data-page="dashboard"]) .black-swan-panel,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auto-trading-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auto-mobile-fold,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auto-mobile-fold-body,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auto-trading-safety,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auto-trading-run-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auto-orders-fold,
:root[data-theme="light"] body:not([data-page="dashboard"]) .score-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .review-panel,
:root[data-theme="light"] body:not([data-page="dashboard"]) .config-save-panel,
:root[data-theme="light"] body.auth-page .auth-panel,
:root[data-theme="light"] body.auth-page .signup-exchange-panel{
  color:var(--cockpit-text);
  border-color:var(--cockpit-line);
  background:var(--cockpit-card-bg-strong);
  box-shadow:var(--cockpit-shadow);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-statusbar,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-section-tabs,
:root[data-theme="light"] body[data-page="trading"] .trade-section-intro{
  border-color:var(--cockpit-line);
  background:var(--cockpit-card-bg-strong);
  box-shadow:var(--cockpit-shadow);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) h1,
:root[data-theme="light"] body:not([data-page="dashboard"]) h2,
:root[data-theme="light"] body:not([data-page="dashboard"]) h3,
:root[data-theme="light"] body:not([data-page="dashboard"]) h4,
:root[data-theme="light"] body:not([data-page="dashboard"]) strong,
:root[data-theme="light"] body:not([data-page="dashboard"]) .v,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-name,
:root[data-theme="light"] body.auth-page .auth-card-head h1{
  color:var(--text);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) p,
:root[data-theme="light"] body:not([data-page="dashboard"]) small,
:root[data-theme="light"] body:not([data-page="dashboard"]) .k,
:root[data-theme="light"] body:not([data-page="dashboard"]) .empty,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-kicker,
:root[data-theme="light"] body:not([data-page="dashboard"]) #profileMeta,
:root[data-theme="light"] body:not([data-page="dashboard"]) .section-head p,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hidden-toggle-copy small,
:root[data-theme="light"] body.auth-page .auth-card-head p,
:root[data-theme="light"] body.auth-page .auth-note{
  color:var(--soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .input,
:root[data-theme="light"] body:not([data-page="dashboard"]) input:not([type="checkbox"]):not([type="radio"]),
:root[data-theme="light"] body:not([data-page="dashboard"]) select,
:root[data-theme="light"] body:not([data-page="dashboard"]) textarea,
:root[data-theme="light"] body.auth-page .input,
:root[data-theme="light"] body.auth-page input:not([type="checkbox"]):not([type="radio"]),
:root[data-theme="light"] body.auth-page select,
:root[data-theme="light"] body.auth-page textarea{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .input[readonly],
:root[data-theme="light"] body:not([data-page="dashboard"]) input[readonly],
:root[data-theme="light"] body.auth-page .input[readonly],
:root[data-theme="light"] body.auth-page input[readonly]{
  color:var(--soft);
  background:var(--panel-2);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .empty,
:root[data-theme="light"] body:not([data-page="dashboard"]) .notice,
:root[data-theme="light"] body:not([data-page="dashboard"]) .stat,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-stat,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-metric,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hidden-toggle,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hidden-field,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-push-status{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .stat strong,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-stat strong,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-metric strong,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hidden-toggle-copy span,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-push-status strong{
  color:var(--text);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-metric span,
:root[data-theme="light"] body:not([data-page="dashboard"]) .stat span,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-stat span,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-field span,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-push-status span{
  color:var(--soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .tab-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .nav-link-state,
:root[data-theme="light"] body:not([data-page="dashboard"]) .asset-category-chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hidden-rank-chip{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.bias-bullish,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.signal-buy,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.struct-confirmed,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.risk-ok,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip.good,
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill.good,
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill.server{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.bias-bearish,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.signal-sell,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.risk-bad,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip.bad,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip.danger,
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill.bad{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.struct-candidate,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.risk-warn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip.warn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill.warn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill.local{
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.market-phase,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.ai-rule,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.ai-external,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.ai-confirmed{
  color:color-mix(in srgb, var(--cyan) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--cyan) 28%, transparent);
  background:var(--cyan-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.bias-neutral,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.signal-hold,
:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.struct-none,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip.neutral,
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill.neutral{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .feargreed-card{
  color:var(--text);
  border-color:var(--line);
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:0 8px 18px var(--light-line-soft, rgba(15,23,42,.08));
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .feargreed-label,
:root[data-theme="light"] body:not([data-page="dashboard"]) .feargreed-value{
  color:var(--text);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .feargreed-note{
  color:var(--soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .feargreed-track{
  border-color:var(--line);
  background:var(--line-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .market-sentiment-card.sentiment-unavailable .feargreed-track span{
  background:color-mix(in srgb, var(--soft) 30%, transparent);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .btn,
:root[data-theme="light"] body.auth-page .btn{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:0 10px 22px var(--light-line-soft, rgba(15,23,42,.08));
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .btn.primary,
:root[data-theme="light"] body.auth-page .btn.primary{
  color:var(--panel);
  border-color:var(--blue);
  background:linear-gradient(180deg, var(--blue), color-mix(in srgb, var(--blue) 82%, var(--text) 18%));
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .btn.ghost,
:root[data-theme="light"] body.auth-page .btn.ghost{
  color:var(--soft);
  background:var(--panel-2);
}

:root[data-theme="light"] body[data-page="profile"] .profile-theme-switch{
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body[data-page="profile"] .profile-theme-switch-label{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="profile"] .profile-theme-options{
  border-color:var(--line);
  background:var(--line-soft);
}

:root[data-theme="light"] body[data-page="profile"] .profile-theme-option{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="profile"] .profile-theme-option.is-active{
  color:var(--text);
  background:var(--panel);
  box-shadow:0 8px 18px rgba(15,23,42,.10), inset 0 0 0 1px rgba(148,163,184,.18);
}

/* Light theme contrast follow-up for remaining cards, chips and status areas */
:root[data-theme="light"] body:not([data-page="dashboard"]) .statusbar,
:root[data-theme="light"] body:not([data-page="dashboard"]) .card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .explain-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .user-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .user-card-block,
:root[data-theme="light"] body:not([data-page="dashboard"]) .signup-request-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .admin-report-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .review-log-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hidden-config-panel,
:root[data-theme="light"] body:not([data-page="dashboard"]) .cron-preset-tile,
:root[data-theme="light"] body:not([data-page="dashboard"]) .signup-exchange-card,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-sizing-audit-card,
:root[data-theme="light"] body.auth-page .auth-brand-stage{
  color:var(--text);
  border-color:var(--line);
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:var(--cockpit-shadow);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .system-card-lines,
:root[data-theme="light"] body:not([data-page="dashboard"]) .suggestion-status,
:root[data-theme="light"] body:not([data-page="dashboard"]) .form-status,
:root[data-theme="light"] body:not([data-page="dashboard"]) .score-health-text,
:root[data-theme="light"] body:not([data-page="dashboard"]) .user-inline-meta{
  color:var(--soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-sizing-audit-card small,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-sizing-audit-card span,
:root[data-theme="light"] body:not([data-page="dashboard"]) .card .k,
:root[data-theme="light"] body:not([data-page="dashboard"]) .explain-card span{
  color:var(--soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-sizing-audit-card strong,
:root[data-theme="light"] body:not([data-page="dashboard"]) .card .v,
:root[data-theme="light"] body:not([data-page="dashboard"]) .explain-card strong{
  color:var(--text);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-sizing-audit-card.ok{
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-sizing-audit-card.warn{
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-sizing-audit-card.bad{
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .analysis-mini-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .analysis-rule-chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auth-chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .auth-session-chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .score-health-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .status-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .rate-chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .effect-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .avg-score-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .score-range-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .suggestion-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .investment-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .investment-signal-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hedge-chip,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hedge-origin-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hedge-state-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-asset-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-guard-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .watch-verdict-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .hero-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .rank-badge,
:root[data-theme="light"] body:not([data-page="dashboard"]) .priority-pill,
:root[data-theme="light"] body:not([data-page="dashboard"]) .user-state,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-tag,
:root[data-theme="light"] body:not([data-page="dashboard"]) .monitoring-state{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .chip.neutral,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip.neutral,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-chip:not(.good):not(.warn):not(.bad):not(.danger),
:root[data-theme="light"] body:not([data-page="dashboard"]) .connector-pill.neutral{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) :is(.chip,.trade-chip,.connector-pill,.score-health-badge,.rate-chip,.effect-pill,.suggestion-pill,.investment-pill,.investment-signal-pill,.hedge-chip,.hedge-state-pill,.user-state,.status-badge,.monitoring-state).good,
:root[data-theme="light"] body:not([data-page="dashboard"]) :is(.chip,.trade-chip,.connector-pill,.score-health-badge,.rate-chip,.effect-pill,.suggestion-pill,.investment-pill,.investment-signal-pill,.hedge-chip,.hedge-state-pill,.user-state,.status-badge,.monitoring-state).ok,
:root[data-theme="light"] body:not([data-page="dashboard"]) :is(.chip,.trade-chip,.connector-pill,.score-health-badge,.rate-chip,.effect-pill,.suggestion-pill,.investment-pill,.investment-signal-pill,.hedge-chip,.hedge-state-pill,.user-state,.status-badge,.monitoring-state).server{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) :is(.chip,.trade-chip,.connector-pill,.score-health-badge,.rate-chip,.effect-pill,.suggestion-pill,.investment-pill,.investment-signal-pill,.hedge-chip,.hedge-state-pill,.user-state,.status-badge,.monitoring-state).warn,
:root[data-theme="light"] body:not([data-page="dashboard"]) :is(.chip,.trade-chip,.connector-pill,.score-health-badge,.rate-chip,.effect-pill,.suggestion-pill,.investment-pill,.investment-signal-pill,.hedge-chip,.hedge-state-pill,.user-state,.status-badge,.monitoring-state).local{
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) :is(.chip,.trade-chip,.connector-pill,.score-health-badge,.rate-chip,.effect-pill,.suggestion-pill,.investment-pill,.investment-signal-pill,.hedge-chip,.hedge-state-pill,.user-state,.status-badge,.monitoring-state).bad,
:root[data-theme="light"] body:not([data-page="dashboard"]) :is(.chip,.trade-chip,.connector-pill,.score-health-badge,.rate-chip,.effect-pill,.suggestion-pill,.investment-pill,.investment-signal-pill,.hedge-chip,.hedge-state-pill,.user-state,.status-badge,.monitoring-state).danger{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body.auth-page .auth-brand-stage p{
  color:var(--cyan);
}

:root[data-theme="light"] body.auth-page .auth-brand-stage strong{
  color:var(--text);
}

:root[data-theme="light"] body.auth-page .auth-brand-stage span:not(.auth-brand-mark){
  color:var(--soft);
}

:root[data-theme="light"] body.auth-page .auth-brand-stage small{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel);
}

/* Light theme interactive contrast pass */
:root[data-theme="light"] body:not([data-page="dashboard"]) .mini-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .tg-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .coin-action-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .direction-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-suggestion-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-tab-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .cron-preset-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .control-save-btn{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .mini-btn:hover,
:root[data-theme="light"] body:not([data-page="dashboard"]) .tg-btn:hover,
:root[data-theme="light"] body:not([data-page="dashboard"]) .coin-action-btn:hover,
:root[data-theme="light"] body:not([data-page="dashboard"]) .direction-btn:hover,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trade-suggestion-btn:hover,
:root[data-theme="light"] body:not([data-page="dashboard"]) .trading-tab-btn:hover,
:root[data-theme="light"] body:not([data-page="dashboard"]) .cron-preset-btn:hover,
:root[data-theme="light"] body:not([data-page="dashboard"]) .control-save-btn:hover{
  color:var(--text);
  border-color:color-mix(in srgb, var(--blue) 34%, var(--line) 66%);
  background:var(--panel-2);
  box-shadow:0 10px 22px rgba(15,23,42,.10);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .btn.primary,
:root[data-theme="light"] body:not([data-page="dashboard"]) .control-save-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .direction-btn.is-active,
:root[data-theme="light"] body:not([data-page="dashboard"]) .cron-preset-btn.active{
  color:var(--panel);
  border-color:var(--blue);
  background:linear-gradient(180deg, var(--blue), color-mix(in srgb, var(--blue) 82%, var(--text) 18%));
}

:root[data-theme="light"] body[data-page="radar"] .watchlist-addbar .btn-plus-only{
  color:var(--panel);
  border-color:var(--green);
  background:linear-gradient(180deg, var(--green), color-mix(in srgb, var(--green) 78%, var(--text) 22%));
}

:root[data-theme="light"] body[data-page="radar"] .watchlist-addbar .btn-plus-only .btn-plus-glyph{
  color:var(--panel);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat{
  color:var(--text);
  border-color:var(--line);
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat-label,
:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trade-stat-sub{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat-value{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-green{
  border-color:color-mix(in srgb, var(--green) 30%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-red{
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-yellow{
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-accent{
  border-color:color-mix(in srgb, var(--blue) 28%, transparent);
  background:var(--blue-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-green .trading-stat-label,
:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-green .trading-stat-value,
:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-green .trade-stat-sub{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-red .trading-stat-label,
:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-red .trading-stat-value,
:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-red .trade-stat-sub{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
}

:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-yellow .trading-stat-label,
:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-yellow .trading-stat-value,
:root[data-theme="light"] body[data-page="trading"] .trading-statusbar .trading-stat.v-yellow .trade-stat-sub{
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
}

:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn .trading-tab-icon{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn.is-active{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn[data-tab="new"].is-active,
:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn[data-tab="protection"].is-active{
  border-color:color-mix(in srgb, var(--blue) 30%, transparent);
  background:var(--blue-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn[data-tab="auto"].is-active,
:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn[data-tab="active"].is-active{
  border-color:color-mix(in srgb, var(--green) 30%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn[data-tab="hedge"].is-active{
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn[data-tab="history"].is-active{
  border-color:color-mix(in srgb, var(--purple) 30%, transparent);
  background:var(--purple-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trading-tab-btn.is-active .trading-tab-icon{
  color:var(--text);
  border-color:currentColor;
  background:var(--panel);
}

/* Light theme page-specific readability pass */
:root[data-theme="light"] body:not([data-page="dashboard"]) .btn.primary,
:root[data-theme="light"] body.auth-page .btn.primary,
:root[data-theme="light"] body:not([data-page="dashboard"]) .btn.primary.icon-command,
:root[data-theme="light"] body:not([data-page="dashboard"]) .control-save-btn,
:root[data-theme="light"] body:not([data-page="dashboard"]) .direction-btn.is-active,
:root[data-theme="light"] body:not([data-page="dashboard"]) .cron-preset-btn.active{
  color:var(--panel);
  border-color:var(--blue);
  background:var(--blue);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .sidebar-toggle,
:root[data-theme="light"] body:not([data-page="dashboard"]) .icon-command:not(.btn-plus-only):not(.primary),
:root[data-theme="light"] body:not([data-page="dashboard"]) .password-toggle,
:root[data-theme="light"] body:not([data-page="dashboard"]) .info-toggle,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-info-button,
:root[data-theme="light"] body.auth-page .password-toggle{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel-2);
  box-shadow:none;
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .password-toggle,
:root[data-theme="light"] body:not([data-page="dashboard"]) .info-toggle,
:root[data-theme="light"] body:not([data-page="dashboard"]) .profile-info-button,
:root[data-theme="light"] body.auth-page .password-toggle{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 30%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] .info-modal-card,
:root[data-theme="light"] .info-popover,
:root[data-theme="light"] body[data-page="profile"] .profile-info-panel,
:root[data-theme="light"] .dashboard-info-popover{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:0 18px 38px rgba(15,23,42,.14);
}

:root[data-theme="light"] .info-modal-head h4,
:root[data-theme="light"] .info-popover strong,
:root[data-theme="light"] body[data-page="profile"] .profile-info-panel h2{
  color:var(--text);
}

:root[data-theme="light"] .info-modal-body,
:root[data-theme="light"] .info-popover span,
:root[data-theme="light"] body[data-page="profile"] .profile-info-panel p,
:root[data-theme="light"] .dashboard-info-popover{
  color:color-mix(in srgb, var(--text) 86%, var(--soft) 14%);
}

:root[data-theme="light"] .info-modal-close,
:root[data-theme="light"] body[data-page="profile"] .profile-info-close,
:root[data-theme="light"] .dashboard-info-button{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 30%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="dashboard"] .dashboard-info-button:hover,
:root[data-theme="light"] body[data-page="dashboard"] .dashboard-info-button:focus-visible{
  border-color:color-mix(in srgb, var(--green) 46%, transparent);
  background:color-mix(in srgb, var(--green-soft) 78%, var(--panel) 22%);
}

:root[data-theme="light"] body[data-page="radar"] .watchlist-addbar .btn-plus-only{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 30%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="radar"] .watchlist-addbar .btn-plus-only .btn-plus-glyph{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) label,
:root[data-theme="light"] body:not([data-page="dashboard"]) .footer-note,
:root[data-theme="light"] body:not([data-page="dashboard"]) .tool-hint,
:root[data-theme="light"] body:not([data-page="dashboard"]) .sub,
:root[data-theme="light"] body:not([data-page="dashboard"]) .config-save-meta,
:root[data-theme="light"] body:not([data-page="dashboard"]) .suggestion-meta,
:root[data-theme="light"] body:not([data-page="dashboard"]) .system-health-sub,
:root[data-theme="light"] body:not([data-page="dashboard"]) .list,
:root[data-theme="light"] body:not([data-page="dashboard"]) .list li,
:root[data-theme="light"] body.auth-page label,
:root[data-theme="light"] body.auth-page label span{
  color:var(--soft);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .system-health-title,
:root[data-theme="light"] body:not([data-page="dashboard"]) .config-save-meta strong,
:root[data-theme="light"] body:not([data-page="dashboard"]) .suggestion-meta strong{
  color:var(--text);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .note{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .note strong{
  color:var(--text);
}

:root[data-theme="light"] body:not([data-page="dashboard"]) .section-kicker{
  color:color-mix(in srgb, var(--blue) 74%, var(--text) 26%);
  border-color:color-mix(in srgb, var(--blue) 28%, transparent);
  background:var(--blue-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trade-inline-note.ok,
:root[data-theme="light"] body[data-page="profile"] .trade-inline-note.ok{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trade-inline-note.warn,
:root[data-theme="light"] body[data-page="profile"] .trade-inline-note.warn{
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trade-inline-note.bad,
:root[data-theme="light"] body[data-page="profile"] .trade-inline-note.bad{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trade-inline-note.neutral,
:root[data-theme="light"] body[data-page="profile"] .trade-inline-note.neutral{
  color:color-mix(in srgb, var(--blue) 74%, var(--text) 26%);
  border-color:color-mix(in srgb, var(--blue) 28%, transparent);
  background:var(--blue-soft);
}

:root[data-theme="light"] body.auth-page a{
  color:var(--blue);
}

:root[data-theme="light"] body.auth-page.signup-page .signup-exchange-card span{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
}

:root[data-theme="light"] body.auth-page.signup-page .signup-exchange-link{
  color:var(--panel);
  border-color:var(--green);
  background:var(--green);
}

:root[data-theme="light"] body.auth-page.signup-page .signup-exchange-card.bitget .signup-exchange-link{
  color:var(--panel);
  border-color:var(--purple);
  background:var(--purple);
}

:root[data-theme="light"] body.auth-page.signup-page .signup-exchange-guide summary{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel-2);
}

/* Light theme nested panels and generated content */
:root[data-theme="light"] body[data-page="monitoring"] .system-health,
:root[data-theme="light"] body[data-page="monitoring"] .system-health-card,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-stat,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-dock,
:root[data-theme="light"] body[data-page="trading"] .trade-output-grid > div,
:root[data-theme="light"] body[data-page="trading"] .hedge-focus-grid > div,
:root[data-theme="light"] body[data-page="trading"] .rr-visual-box,
:root[data-theme="light"] body[data-page="profile"] .trade-profile-stat{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="monitoring"] .system-health-card.good,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-dock.is-saved{
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="monitoring"] .system-health-card.warn{
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="monitoring"] .system-health-card.bad{
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body[data-page="trading"] .trade-profile-stat span,
:root[data-theme="light"] body[data-page="profile"] .trade-profile-stat span,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-copy p,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-summary-copy span,
:root[data-theme="light"] body[data-page="trading"] .trade-output-grid span,
:root[data-theme="light"] body[data-page="trading"] .hedge-focus-grid span,
:root[data-theme="light"] body[data-page="trading"] .trade-rr-wide .rr-visual-head,
:root[data-theme="light"] body[data-page="users"] .asset-limit-default-labels span{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="trading"] .trade-profile-stat strong,
:root[data-theme="light"] body[data-page="profile"] .trade-profile-stat strong,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-copy strong,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-summary-copy strong,
:root[data-theme="light"] body[data-page="trading"] .trade-output-grid strong,
:root[data-theme="light"] body[data-page="trading"] .hedge-focus-grid strong,
:root[data-theme="light"] body[data-page="trading"] .trade-rr-wide .rr-visual-head strong{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="trading"] .trade-profile-summary::after{
  color:var(--green);
}

:root[data-theme="light"] body[data-page="trading"] .rr-line::before{
  background:color-mix(in srgb, var(--blue) 28%, transparent);
}

:root[data-theme="light"] body[data-page="trading"] .rr-line.good .rr-line-label,
:root[data-theme="light"] body[data-page="trading"] .rr-line.good .rr-line-price{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
}

:root[data-theme="light"] body[data-page="trading"] .rr-line.bad .rr-line-label,
:root[data-theme="light"] body[data-page="trading"] .rr-line.bad .rr-line-price{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
}

:root[data-theme="light"] body[data-page="trading"] .rr-line.accent .rr-line-label,
:root[data-theme="light"] body[data-page="trading"] .rr-line.accent .rr-line-price{
  color:color-mix(in srgb, var(--blue) 74%, var(--text) 26%);
}

:root[data-theme="light"] body.auth-page .auth-public-link{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:0 8px 18px rgba(15,23,42,.10);
}

:root[data-theme="light"] body.auth-page .auth-foot span{
  color:var(--soft);
}

:root[data-theme="light"] body.auth-page .auth-foot a{
  color:var(--blue);
}

/* Light theme profile/trading generated cards */
:root[data-theme="light"] body[data-page="trading"] .trade-work-card,
:root[data-theme="light"] body[data-page="trading"] .exchange-section,
:root[data-theme="light"] body[data-page="trading"] .exchange-section-summary,
:root[data-theme="light"] body[data-page="trading"] .trade-empty-state,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .trade-work-card,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .exchange-section,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .exchange-section-summary,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .bitget-meta-stack{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="trading"] .trade-card-subhead .field-label-with-info,
:root[data-theme="light"] body[data-page="trading"] .trade-card-subhead .field-label-with-info > span:first-child,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .trade-profile-fields .trade-field > span,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .profile-kraken-preferred span,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .bitget-meta-stack span{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .profile-standard-value strong,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .profile-kraken-preferred strong,
:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .bitget-meta-stack strong{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="profile"] #profileTradingSettings .profile-kraken-preferred{
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

/* Light theme radar hero detail cards */
:root[data-theme="light"] body[data-page="radar"] .hero{
  background:transparent;
}

:root[data-theme="light"] body[data-page="radar"] .hero-card,
:root[data-theme="light"] body[data-page="radar"] .hero-card-radar,
:root[data-theme="light"] body[data-page="radar"] .hero-structure-card,
:root[data-theme="light"] body[data-page="radar"] .detail-card,
:root[data-theme="light"] body[data-page="radar"] .metric,
:root[data-theme="light"] body[data-page="radar"] .directional-battle,
:root[data-theme="light"] body[data-page="radar"] .ai-decision-card,
:root[data-theme="light"] body[data-page="radar"] .decision-summary,
:root[data-theme="light"] body[data-page="radar"] .feargreed-card,
:root[data-theme="light"] body[data-page="radar"] .decision-card,
:root[data-theme="light"] body[data-page="radar"] .radar-asset-fact,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-reason,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-copy,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-callout,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-copy,
:root[data-theme="light"] body[data-page="radar"] .radar-outcome-card,
:root[data-theme="light"] body[data-page="radar"] .market-score-card{
  color:var(--text);
  border-color:var(--line);
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="radar"] .hero-card.hero-card-radar{
  overflow:hidden;
  border-radius:18px;
  background-clip:padding-box;
  isolation:isolate;
}

:root[data-theme="light"] body[data-page="radar"] .hero-card::before,
:root[data-theme="light"] body[data-page="radar"] .metric::before,
:root[data-theme="light"] body[data-page="radar"] .ai-decision-card::before{
  display:none;
}

:root[data-theme="light"] body[data-page="radar"] .coin-right .change,
:root[data-theme="light"] body[data-page="radar"] .hero-price .change{
  border:1px solid transparent;
  box-shadow:none;
  font-weight:800;
  text-shadow:none;
}

:root[data-theme="light"] body[data-page="radar"] .coin-right .change.pos,
:root[data-theme="light"] body[data-page="radar"] .hero-price .change.pos{
  color:#065f46;
  background:#d1fae5;
  border-color:#86efac;
}

:root[data-theme="light"] body[data-page="radar"] .coin-right .change.neg,
:root[data-theme="light"] body[data-page="radar"] .hero-price .change.neg{
  color:#991b1b;
  background:#fee2e2;
  border-color:#fca5a5;
}

:root[data-theme="light"] body[data-page="radar"] .coin-right .change.flat,
:root[data-theme="light"] body[data-page="radar"] .hero-price .change.flat{
  color:#334155;
  background:#e2e8f0;
  border-color:#cbd5e1;
}

:root[data-theme="light"] body[data-page="radar"] .hero-title,
:root[data-theme="light"] body[data-page="radar"] .hero-price strong,
:root[data-theme="light"] body[data-page="radar"] .radar-asset-fact strong,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-head .main,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-reason strong,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-main,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-label,
:root[data-theme="light"] body[data-page="radar"] .radar-outcome-card .main,
:root[data-theme="light"] body[data-page="radar"] .market-score-main{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="radar"] .hero-sub,
:root[data-theme="light"] body[data-page="radar"] .summary,
:root[data-theme="light"] body[data-page="radar"] .radar-summary,
:root[data-theme="light"] body[data-page="radar"] .radar-asset-fact small,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-score,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card .sub,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-reason span,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-kicker,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-meta,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-copy,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-kicker,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-meta,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-copy,
:root[data-theme="light"] body[data-page="radar"] .radar-outcome-card .sub,
:root[data-theme="light"] body[data-page="radar"] .market-score-head .k,
:root[data-theme="light"] body[data-page="radar"] .market-score-state,
:root[data-theme="light"] body[data-page="radar"] .market-score-main small,
:root[data-theme="light"] body[data-page="radar"] .market-score-note,
:root[data-theme="light"] body[data-page="radar"] .radar-trade-handoff span{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="radar"] .radar-heat,
:root[data-theme="light"] body[data-page="radar"] .market-score-bar{
  border-color:var(--line);
  background:var(--line-soft);
}

:root[data-theme="light"] body[data-page="radar"] .radar-trade-handoff,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-buy,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-buy .radar-verdict-reason,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-buy,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-buy .radar-ai-copy,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-callout.tone-buy,
:root[data-theme="light"] body[data-page="radar"] .radar-outcome-card.tone-good,
:root[data-theme="light"] body[data-page="radar"] .market-score-card.tone-good{
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-watch,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-watch .radar-verdict-reason,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-watch,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-watch .radar-ai-copy,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-callout.tone-watch,
:root[data-theme="light"] body[data-page="radar"] .radar-outcome-card.tone-warn,
:root[data-theme="light"] body[data-page="radar"] .market-score-card.tone-warn{
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-avoid,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-short,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-avoid .radar-verdict-reason,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-short .radar-verdict-reason,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-avoid,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-short,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-avoid .radar-ai-copy,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-short .radar-ai-copy,
:root[data-theme="light"] body[data-page="radar"] .trading-confluence-callout.tone-avoid,
:root[data-theme="light"] body[data-page="radar"] .radar-outcome-card.tone-bad,
:root[data-theme="light"] body[data-page="radar"] .market-score-card.tone-bad{
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-buy .hero-ampel-tag,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-buy .radar-ai-mark,
:root[data-theme="light"] body[data-page="radar"] .market-score-card.tone-good .market-score-main{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
}

:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-watch .hero-ampel-tag,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-watch .radar-ai-mark,
:root[data-theme="light"] body[data-page="radar"] .market-score-card.tone-warn .market-score-main{
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
}

:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-avoid .hero-ampel-tag,
:root[data-theme="light"] body[data-page="radar"] .radar-verdict-card.tone-short .hero-ampel-tag,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-avoid .radar-ai-mark,
:root[data-theme="light"] body[data-page="radar"] .radar-ai-callout.tone-short .radar-ai-mark,
:root[data-theme="light"] body[data-page="radar"] .market-score-card.tone-bad .market-score-main{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
}

/* Light theme kaufen/system page contrast pass */
:root[data-theme="light"] body[data-page="investment"],
:root[data-theme="light"] body[data-page="monitoring"]{
  color:var(--text);
  background:var(--bg);
}

:root[data-theme="light"] body[data-page="investment"] .investment-watchlist,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip,
:root[data-theme="light"] body[data-page="investment"] .investment-signal-banner,
:root[data-theme="light"] body[data-page="investment"] .investment-tabs,
:root[data-theme="light"] body[data-page="investment"] .investment-overview > div,
:root[data-theme="light"] body[data-page="investment"] .investment-detail,
:root[data-theme="light"] body[data-page="investment"] .investment-detail-grid > div,
:root[data-theme="light"] body[data-page="investment"] .investment-zone-grid > div,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-missing,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility-grid > div,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-card,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-confluences > div,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-return-grid > div,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-invalidation,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-tp,
:root[data-theme="light"] body[data-page="investment"] .investment-zone-row,
:root[data-theme="light"] body[data-page="investment"] .investment-card,
:root[data-theme="light"] body[data-page="investment"] .investment-watch-item,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip .trading-asset-pill,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-overview,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-health-summary,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-card,
:root[data-theme="light"] body[data-page="monitoring"] .system-health,
:root[data-theme="light"] body[data-page="monitoring"] .system-health-card,
:root[data-theme="light"] body[data-page="monitoring"] .bottom-actions.utility-dock,
:root[data-theme="light"] body[data-page="monitoring"] .dock-section,
:root[data-theme="light"] body[data-page="monitoring"] .dock-summary,
:root[data-theme="light"] body[data-page="monitoring"] .hidden-config-panel,
:root[data-theme="light"] body[data-page="monitoring"] .hidden-toggle,
:root[data-theme="light"] body[data-page="monitoring"] .hidden-field,
:root[data-theme="light"] body[data-page="monitoring"] .cron-preset-tile,
:root[data-theme="light"] body[data-page="monitoring"] .system-log,
:root[data-theme="light"] body[data-page="monitoring"] .dock-log-block,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card{
  color:var(--text);
  border-color:var(--line);
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="investment"] .investment-detail,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast{
  background:
    linear-gradient(135deg, var(--green-soft), transparent 42%),
    linear-gradient(180deg, var(--panel), var(--panel-2));
}

:root[data-theme="light"] body[data-page="investment"] .investment-signal-banner.is-positive,
:root[data-theme="light"] body[data-page="investment"] .investment-card.strong,
:root[data-theme="light"] body[data-page="investment"] .investment-watch-item.strong,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-health-summary.good,
:root[data-theme="light"] body[data-page="monitoring"] .system-health.good,
:root[data-theme="light"] body[data-page="monitoring"] .system-health-card.good,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card.good{
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="investment"] .investment-card.watch,
:root[data-theme="light"] body[data-page="investment"] .investment-watch-item.watch,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility.warn,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-card.moderate,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-card.bullish,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-volatility-note,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-health-summary.warn,
:root[data-theme="light"] body[data-page="monitoring"] .system-health.warn,
:root[data-theme="light"] body[data-page="monitoring"] .system-health-card.warn,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card.warn{
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="investment"] .investment-card.risk,
:root[data-theme="light"] body[data-page="investment"] .investment-watch-item.risk,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility.bad,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-card.weak,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-health-summary.bad,
:root[data-theme="light"] body[data-page="monitoring"] .system-health.bad,
:root[data-theme="light"] body[data-page="monitoring"] .system-health-card.bad,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card.bad{
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body[data-page="investment"] .investment-watchlist-list,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip .trading-asset-list{
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
}

:root[data-theme="light"] body[data-page="investment"] .investment-watch-icon,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip .trading-asset-icon,
:root[data-theme="light"] body[data-page="investment"] .investment-logo{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
}

:root[data-theme="light"] body[data-page="investment"] .investment-score-ring{
  background:
    conic-gradient(var(--score-color) var(--score), var(--line-soft) 0),
    var(--panel);
  box-shadow:inset 0 0 0 7px var(--panel);
}

:root[data-theme="light"] body[data-page="investment"] .investment-score-ring strong,
:root[data-theme="light"] body[data-page="investment"] .investment-score-ring span,
:root[data-theme="light"] body[data-page="investment"] .investment-signal-copy strong,
:root[data-theme="light"] body[data-page="investment"] .investment-watchlist-head strong,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip .trading-asset-strip-head strong,
:root[data-theme="light"] body[data-page="investment"] .investment-watch-copy strong,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip .trading-asset-copy strong,
:root[data-theme="light"] body[data-page="investment"] .investment-overview strong,
:root[data-theme="light"] body[data-page="investment"] .investment-asset h2,
:root[data-theme="light"] body[data-page="investment"] .investment-asset h3,
:root[data-theme="light"] body[data-page="investment"] .investment-detail-grid strong,
:root[data-theme="light"] body[data-page="investment"] .investment-zone-grid strong,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-title h3,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility-head strong,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility-grid strong,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-card-head span,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-zone,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-confluences strong,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-return-grid strong,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-invalidation strong,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-tp strong,
:root[data-theme="light"] body[data-page="investment"] .investment-zone-row strong,
:root[data-theme="light"] body[data-page="investment"] .investment-part strong,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-overview h2,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-health-summary h3,
:root[data-theme="light"] body[data-page="monitoring"] .system-health-title,
:root[data-theme="light"] body[data-page="monitoring"] .system-card-top strong,
:root[data-theme="light"] body[data-page="monitoring"] .dock-copy strong,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card-head strong{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="investment"] .investment-signal-copy p,
:root[data-theme="light"] body[data-page="investment"] .investment-signal-meta span,
:root[data-theme="light"] body[data-page="investment"] .investment-watch-copy span,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip .trading-asset-copy span,
:root[data-theme="light"] body[data-page="investment"] .investment-overview span,
:root[data-theme="light"] body[data-page="investment"] .investment-overview p,
:root[data-theme="light"] body[data-page="investment"] .investment-zone-grid span,
:root[data-theme="light"] body[data-page="investment"] .investment-detail-grid span,
:root[data-theme="light"] body[data-page="investment"] .investment-asset p,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility-head span,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility-grid span,
:root[data-theme="light"] body[data-page="investment"] .investment-volatility p,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-card-head strong,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-meta span,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-status,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-details summary,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-confluences span,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-return-grid span,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-confluences p,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-invalidation p,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-tp p,
:root[data-theme="light"] body[data-page="investment"] .investment-zone-row span,
:root[data-theme="light"] body[data-page="investment"] .investment-reason,
:root[data-theme="light"] body[data-page="investment"] .investment-reason.muted,
:root[data-theme="light"] body[data-page="investment"] .investment-part span,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-overview p,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-health-summary p,
:root[data-theme="light"] body[data-page="monitoring"] .monitoring-list,
:root[data-theme="light"] body[data-page="monitoring"] .system-health-sub,
:root[data-theme="light"] body[data-page="monitoring"] .field-hint,
:root[data-theme="light"] body[data-page="monitoring"] .dock-copy small,
:root[data-theme="light"] body[data-page="monitoring"] .hidden-config-head span,
:root[data-theme="light"] body[data-page="monitoring"] .hidden-field span,
:root[data-theme="light"] body[data-page="monitoring"] .hidden-toggle-copy > span,
:root[data-theme="light"] body[data-page="monitoring"] .field-label-with-info > span:first-child,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card-head span,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card pre,
:root[data-theme="light"] body[data-page="monitoring"] .dock-log-block pre{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="investment"] .investment-signal-meta span,
:root[data-theme="light"] body[data-page="monitoring"] .dock-copy small,
:root[data-theme="light"] body[data-page="monitoring"] .review-log-card-head span{
  border-color:var(--line);
  background:var(--panel);
}

:root[data-theme="light"] body[data-page="investment"] .investment-signal-meta .is-positive,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-main-return,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-tp span{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
}

:root[data-theme="light"] body[data-page="investment"] .investment-forecast-card.bullish .investment-forecast-main-return,
:root[data-theme="light"] body[data-page="investment"] .investment-forecast-status{
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
}

:root[data-theme="light"] body[data-page="investment"] .investment-forecast-invalidation span{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
}

:root[data-theme="light"] body[data-page="investment"] .investment-tabs button{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel);
}

:root[data-theme="light"] body[data-page="investment"] .investment-tabs button:hover,
:root[data-theme="light"] body[data-page="investment"] .investment-tabs button.active,
:root[data-theme="light"] body[data-page="investment"] .investment-card:hover,
:root[data-theme="light"] body[data-page="investment"] .investment-card.selected,
:root[data-theme="light"] body[data-page="investment"] .investment-watch-item.selected,
:root[data-theme="light"] body[data-page="investment"] .investment-asset-strip .trading-asset-pill.is-active{
  color:var(--text);
  border-color:color-mix(in srgb, var(--blue) 30%, transparent);
  background:var(--blue-soft);
  box-shadow:0 10px 22px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="monitoring"] .monitoring-overview::before,
:root[data-theme="light"] body[data-page="monitoring"] .system-health::before{
  display:none;
}

:root[data-theme="light"] body[data-page="monitoring"] .dock-section::before{
  background:linear-gradient(180deg, var(--cyan), var(--blue), var(--green));
  opacity:.62;
}

:root[data-theme="light"] body[data-page="monitoring"] .dock-section[open],
:root[data-theme="light"] body[data-page="monitoring"] .dock-section[open] .dock-summary{
  border-color:color-mix(in srgb, var(--blue) 28%, transparent);
  background:var(--blue-soft);
  box-shadow:0 10px 22px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="monitoring"] .hidden-field .input,
:root[data-theme="light"] body[data-page="monitoring"] .hidden-field input[type="number"]{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

:root[data-theme="light"] body[data-page="monitoring"] .cron-preset-btn.active,
:root[data-theme="light"] body[data-page="monitoring"] .control-save-btn{
  color:var(--panel);
  border-color:var(--blue);
  background:var(--blue);
}

/* Light theme trading/analysis contrast pass */
:root[data-theme="light"] body[data-page="trading"],
:root[data-theme="light"] body[data-page="analysis"]{
  color:var(--text);
  background:var(--bg);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-hero,
:root[data-theme="light"] body[data-page="analysis"] .analysis-rule-chip,
:root[data-theme="light"] body[data-page="analysis"] .analysis-rule-list,
:root[data-theme="light"] body[data-page="analysis"] .analysis-stat-card,
:root[data-theme="light"] body[data-page="analysis"] .analysis-fold,
:root[data-theme="light"] body[data-page="analysis"] .analysis-fold-summary,
:root[data-theme="light"] body[data-page="analysis"] .analysis-table-wrap,
:root[data-theme="light"] body[data-page="analysis"] .analysis-table,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mobile-card,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mobile-card-grid span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-doc-card,
:root[data-theme="light"] body[data-page="analysis"] .analysis-doc-note,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-card,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-metrics span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-meta span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-preview span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-decision-protocol,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-kpis span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-modules > div,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-list,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-footer,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review-grid span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-history-subfold,
:root[data-theme="light"] body[data-page="analysis"] .analysis-history-subsummary,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-card,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-note,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-mobile-kpis span,
:root[data-theme="light"] body[data-page="trading"] .trading-shell-loading,
:root[data-theme="light"] body[data-page="trading"] .auto-trading-switch,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-panel,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-card,
:root[data-theme="light"] body[data-page="trading"] .auto-rule-list,
:root[data-theme="light"] body[data-page="trading"] .auto-trading-run-card,
:root[data-theme="light"] body[data-page="trading"] .auto-trading-run-stats span,
:root[data-theme="light"] body[data-page="trading"] .auto-order-summary span,
:root[data-theme="light"] body[data-page="trading"] .auto-order-row,
:root[data-theme="light"] body[data-page="trading"] .auto-order-empty,
:root[data-theme="light"] body[data-page="trading"] .black-swan-panel,
:root[data-theme="light"] body[data-page="trading"] .black-swan-summary,
:root[data-theme="light"] body[data-page="trading"] .black-swan-static-head,
:root[data-theme="light"] body[data-page="trading"] .black-swan-status-grid span,
:root[data-theme="light"] body[data-page="trading"] .black-swan-volatility-card,
:root[data-theme="light"] body[data-page="trading"] .black-swan-volatility-grid span,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card,
:root[data-theme="light"] body[data-page="trading"] .black-swan-notes,
:root[data-theme="light"] body[data-page="trading"] .black-swan-explainer div,
:root[data-theme="light"] body[data-page="trading"] .black-swan-info-example,
:root[data-theme="light"] body[data-page="trading"] .trade-tp-grid,
:root[data-theme="light"] body[data-page="trading"] .trade-tp-plan-card,
:root[data-theme="light"] body[data-page="trading"] .trade-profile-bar,
:root[data-theme="light"] body[data-page="trading"] .trade-fib-info,
:root[data-theme="light"] body[data-page="trading"] .bitget-meta-stack,
:root[data-theme="light"] body[data-page="trading"] .bitget-summary-tile,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-card,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-pnl,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-grid span,
:root[data-theme="light"] body[data-page="trading"] .kraken-open-orders-panel,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-row,
:root[data-theme="light"] body[data-page="trading"] .kraken-action-log,
:root[data-theme="light"] body[data-page="trading"] .trade-info-panel,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-dialog,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-score,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-metrics span,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-columns > div,
:root[data-theme="light"] body[data-page="trading"] .guard-row,
:root[data-theme="light"] body[data-page="trading"] .guard-summary-card,
:root[data-theme="light"] body[data-page="trading"] .hedge-trade-row,
:root[data-theme="light"] body[data-page="trading"] .hedge-warning,
:root[data-theme="light"] body[data-page="trading"] .hedge-subcard,
:root[data-theme="light"] body[data-page="trading"] .hedge-plan,
:root[data-theme="light"] body[data-page="trading"] .active-trade-row,
:root[data-theme="light"] body[data-page="trading"] .hedge-risk-bar,
:root[data-theme="light"] body[data-page="trading"] .hedge-cluster-warning,
:root[data-theme="light"] body[data-page="trading"] .hedge-collapsible-block,
:root[data-theme="light"] body[data-page="trading"] .hedge-section-count,
:root[data-theme="light"] body[data-page="trading"] .hedge-history-row,
:root[data-theme="light"] body[data-page="trading"] .hedge-state-disclosure-summary,
:root[data-theme="light"] body[data-page="trading"] .hedge-meta-grid > div,
:root[data-theme="light"] body[data-page="trading"] .hedge-cost-bar > div,
:root[data-theme="light"] body[data-page="trading"] .hedge-chip,
:root[data-theme="light"] body[data-page="trading"] .hedge-recommendation,
:root[data-theme="light"] body[data-page="trading"] .hedge-ignored-note,
:root[data-theme="light"] body[data-page="trading"] .trading-results-panel,
:root[data-theme="light"] body[data-page="trading"] .trading-result-kpi,
:root[data-theme="light"] body[data-page="trading"] .trading-results-details,
:root[data-theme="light"] body[data-page="trading"] .trading-result-detail,
:root[data-theme="light"] body[data-page="trading"] .trading-result-row,
:root[data-theme="light"] body[data-page="trading"] .trading-history-card,
:root[data-theme="light"] body[data-page="trading"] .trading-history-exchange-row{
  color:var(--text);
  border-color:var(--line);
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="trading"] .black-swan-info-offcanvas,
:root[data-theme="light"] body[data-page="trading"] .black-swan-info-body,
:root[data-theme="light"] body[data-page="trading"] .black-swan-info-body p,
:root[data-theme="light"] body[data-page="trading"] .black-swan-info-body li{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="trading"] .black-swan-info-btn{
  color:color-mix(in srgb, var(--blue) 74%, var(--text) 26%);
  border-color:color-mix(in srgb, var(--blue) 34%, transparent);
  background:var(--blue-soft);
}

:root[data-theme="light"] body[data-page="trading"] .black-swan-info-example{
  border-color:color-mix(in srgb, var(--blue) 24%, transparent);
  background:var(--blue-soft);
}

:root[data-theme="light"] body[data-page="trading"] .black-swan-info-example strong{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="trading"] .black-swan-info-example span{
  color:color-mix(in srgb, var(--text) 86%, var(--soft) 14%);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-table th{
  color:var(--soft);
  border-color:var(--line);
  background:var(--panel-2);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-table td,
:root[data-theme="light"] body[data-page="trading"] .trading-result-rows,
:root[data-theme="light"] body[data-page="trading"] .trading-result-row{
  border-color:var(--line);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-test-card,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-focus,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-long,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-win,
:root[data-theme="light"] body[data-page="trading"] .auto-trading-safety,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-card.good,
:root[data-theme="light"] body[data-page="trading"] .auto-order-row.is-bot,
:root[data-theme="light"] body[data-page="trading"] .black-swan-alert,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card.normal,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-row.good,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-pnl.good,
:root[data-theme="light"] body[data-page="trading"] .guard-row.ok,
:root[data-theme="light"] body[data-page="trading"] .guard-summary-card.good,
:root[data-theme="light"] body[data-page="trading"] .hedge-warning.good,
:root[data-theme="light"] body[data-page="trading"] .hedge-plan.good,
:root[data-theme="light"] body[data-page="trading"] .hedge-recommendation.good{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-watch,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-manual,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-card.warn,
:root[data-theme="light"] body[data-page="trading"] .black-swan-alert.warn,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card.volatile,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-row.warn,
:root[data-theme="light"] body[data-page="trading"] .guard-row.partial,
:root[data-theme="light"] body[data-page="trading"] .guard-summary-card.warn,
:root[data-theme="light"] body[data-page="trading"] .hedge-warning.warn,
:root[data-theme="light"] body[data-page="trading"] .hedge-plan.warn,
:root[data-theme="light"] body[data-page="trading"] .hedge-cluster-warning,
:root[data-theme="light"] body[data-page="trading"] .hedge-recommendation.warn{
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-hidden{
  color:color-mix(in srgb, var(--orange) 70%, var(--text) 30%);
  border-color:color-mix(in srgb, var(--orange) 28%, transparent);
  background:var(--orange-soft);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-short,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-loss,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-card.bad,
:root[data-theme="light"] body[data-page="trading"] .black-swan-alert.bad,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card.extreme,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card.illiquid,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card.blocked,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-row.bad,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-pnl.bad,
:root[data-theme="light"] body[data-page="trading"] .guard-row.bad,
:root[data-theme="light"] body[data-page="trading"] .guard-summary-card.bad,
:root[data-theme="light"] body[data-page="trading"] .hedge-warning.bad,
:root[data-theme="light"] body[data-page="trading"] .hedge-recommendation.bad{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
  border-color:color-mix(in srgb, var(--red) 28%, transparent);
  background:var(--red-soft);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-mini-badge.is-auto,
:root[data-theme="light"] body[data-page="trading"] .black-swan-advice,
:root[data-theme="light"] body[data-page="trading"] .black-swan-volatility-card,
:root[data-theme="light"] body[data-page="trading"] .trade-inline-note.neutral,
:root[data-theme="light"] body[data-page="trading"] .trading-result-kpi.neutral{
  color:color-mix(in srgb, var(--blue) 74%, var(--text) 26%);
  border-color:color-mix(in srgb, var(--blue) 28%, transparent);
  background:var(--blue-soft);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-hero h2,
:root[data-theme="light"] body[data-page="analysis"] .analysis-rule-chip strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-rule-list strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-stat-card strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-fold-summary-copy h2,
:root[data-theme="light"] body[data-page="analysis"] .analysis-section-head h2,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mobile-card-grid strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-doc-card h3,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-metrics strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-head h3,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review-head strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review-grid strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review-notes strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-kpis strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-modules strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-list strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-history-subsummary h3,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-mobile-asset strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-mobile-kpis strong,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-panel strong,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-card strong,
:root[data-theme="light"] body[data-page="trading"] .auto-trading-run-card strong,
:root[data-theme="light"] body[data-page="trading"] .auto-order-summary strong,
:root[data-theme="light"] body[data-page="trading"] .auto-order-column-head strong,
:root[data-theme="light"] body[data-page="trading"] .auto-order-row-head strong,
:root[data-theme="light"] body[data-page="trading"] .auto-order-row-meta strong,
:root[data-theme="light"] body[data-page="trading"] .black-swan-summary-copy h3,
:root[data-theme="light"] body[data-page="trading"] .black-swan-status-grid strong,
:root[data-theme="light"] body[data-page="trading"] .black-swan-volatility-head strong,
:root[data-theme="light"] body[data-page="trading"] .black-swan-volatility-grid strong,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card strong,
:root[data-theme="light"] body[data-page="trading"] .black-swan-advice strong,
:root[data-theme="light"] body[data-page="trading"] .black-swan-explainer strong,
:root[data-theme="light"] body[data-page="trading"] .black-swan-info-example strong,
:root[data-theme="light"] body[data-page="trading"] .trade-tp-plan-head strong,
:root[data-theme="light"] body[data-page="trading"] .trade-tp-plan-price,
:root[data-theme="light"] body[data-page="trading"] .trade-tp-plan-metrics strong,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-head strong,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-metrics strong,
:root[data-theme="light"] body[data-page="trading"] .kraken-action-log-row strong,
:root[data-theme="light"] body[data-page="trading"] .trade-info-panel strong,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-head h3,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-score strong,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-metrics strong,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-columns strong,
:root[data-theme="light"] body[data-page="trading"] .bitget-meta-stack strong,
:root[data-theme="light"] body[data-page="trading"] .bitget-summary-tile strong,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-pnl strong,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-grid strong,
:root[data-theme="light"] body[data-page="trading"] .guard-copy strong,
:root[data-theme="light"] body[data-page="trading"] .hedge-history-main strong,
:root[data-theme="light"] body[data-page="trading"] .hedge-history-meta strong,
:root[data-theme="light"] body[data-page="trading"] .hedge-history-pnl strong,
:root[data-theme="light"] body[data-page="trading"] .hedge-action-head strong,
:root[data-theme="light"] body[data-page="trading"] .trading-results-head h2,
:root[data-theme="light"] body[data-page="trading"] .trading-result-detail summary > span,
:root[data-theme="light"] body[data-page="trading"] .trading-result-row > div strong{
  color:var(--text);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-hero p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-rule-chip span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-stat-card span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-stat-card small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-fold-summary-copy p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-section-head p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-score-stack,
:root[data-theme="light"] body[data-page="analysis"] .analysis-score-field span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mobile-card-grid small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-doc-card p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-doc-list,
:root[data-theme="light"] body[data-page="analysis"] .analysis-doc-note,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-metrics small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-asset-cell small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-score-box small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-setup-cell small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-action-cell small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-meta span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-preview span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-head p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review-head span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review-grid small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-ai-review-notes p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-kpis small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-modules span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-list p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-list li,
:root[data-theme="light"] body[data-page="analysis"] .analysis-protocol-footer span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-close-grid label span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-history-subsummary p,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-card span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-note span,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-card small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-note small,
:root[data-theme="light"] body[data-page="analysis"] .analysis-saving-hint,
:root[data-theme="light"] body[data-page="analysis"] .analysis-trade-mobile-kpis small,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-panel span,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-card span,
:root[data-theme="light"] body[data-page="trading"] .auto-preset-card small,
:root[data-theme="light"] body[data-page="trading"] .auto-trading-switch label,
:root[data-theme="light"] body[data-page="trading"] .auto-rule-check,
:root[data-theme="light"] body[data-page="trading"] .auto-trading-run-card span,
:root[data-theme="light"] body[data-page="trading"] .auto-order-summary small,
:root[data-theme="light"] body[data-page="trading"] .auto-order-column-head span,
:root[data-theme="light"] body[data-page="trading"] .auto-order-row-meta small,
:root[data-theme="light"] body[data-page="trading"] .auto-order-row-foot,
:root[data-theme="light"] body[data-page="trading"] .auto-order-message,
:root[data-theme="light"] body[data-page="trading"] .black-swan-summary-copy span,
:root[data-theme="light"] body[data-page="trading"] .black-swan-status-grid small,
:root[data-theme="light"] body[data-page="trading"] .black-swan-volatility-head span,
:root[data-theme="light"] body[data-page="trading"] .black-swan-volatility-grid small,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card small,
:root[data-theme="light"] body[data-page="trading"] .black-swan-regime-card span,
:root[data-theme="light"] body[data-page="trading"] .black-swan-explainer p,
:root[data-theme="light"] body[data-page="trading"] .black-swan-info-example span,
:root[data-theme="light"] body[data-page="trading"] .black-swan-events,
:root[data-theme="light"] body[data-page="trading"] .trade-tp-plan-metrics small,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-metrics small,
:root[data-theme="light"] body[data-page="trading"] .kraken-execution-note,
:root[data-theme="light"] body[data-page="trading"] .kraken-action-log-title,
:root[data-theme="light"] body[data-page="trading"] .kraken-action-log-row small,
:root[data-theme="light"] body[data-page="trading"] .trade-info-panel p,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-score span,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-note,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-metrics small,
:root[data-theme="light"] body[data-page="trading"] .trade-confirm-columns ul,
:root[data-theme="light"] body[data-page="trading"] .bitget-meta-stack small,
:root[data-theme="light"] body[data-page="trading"] .bitget-summary-tile small,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-pnl small,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-pnl span,
:root[data-theme="light"] body[data-page="trading"] .bitget-position-grid small,
:root[data-theme="light"] body[data-page="trading"] .trade-position-asset small,
:root[data-theme="light"] body[data-page="trading"] .guard-copy span,
:root[data-theme="light"] body[data-page="trading"] .guard-points,
:root[data-theme="light"] body[data-page="trading"] .hedge-history-main span,
:root[data-theme="light"] body[data-page="trading"] .hedge-history-meta span,
:root[data-theme="light"] body[data-page="trading"] .hedge-history-pnl span,
:root[data-theme="light"] body[data-page="trading"] .hedge-action-head span,
:root[data-theme="light"] body[data-page="trading"] .trading-results-head p,
:root[data-theme="light"] body[data-page="trading"] .trading-results-foot,
:root[data-theme="light"] body[data-page="trading"] .trading-result-kpi span,
:root[data-theme="light"] body[data-page="trading"] .trading-result-kpi small,
:root[data-theme="light"] body[data-page="trading"] .trading-result-row span,
:root[data-theme="light"] body[data-page="trading"] .trading-result-detail summary > small{
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-eyebrow,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-card strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-compact-note strong,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mobile-toggle,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mobile-toggle-icon{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-filter-group button,
:root[data-theme="light"] body[data-page="analysis"] .analysis-fold-caret,
:root[data-theme="light"] body[data-page="analysis"] .analysis-history-subcaret,
:root[data-theme="light"] body[data-page="trading"] .trade-field input,
:root[data-theme="light"] body[data-page="trading"] .trade-field select,
:root[data-theme="light"] body[data-page="trading"] .trade-tp-row input,
:root[data-theme="light"] body[data-page="trading"] .black-swan-notes textarea,
:root[data-theme="light"] body[data-page="trading"] .trade-info-panel code{
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-filter-group button.active,
:root[data-theme="light"] body[data-page="analysis"] .analysis-mobile-toggle{
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 30%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="analysis"] .analysis-test-progress,
:root[data-theme="light"] body[data-page="trading"] .hedge-risk-bar,
:root[data-theme="light"] body[data-page="trading"] .rr-visual-box,
:root[data-theme="light"] body[data-page="trading"] .rr-visual-empty{
  border-color:var(--line);
  background:var(--line-soft);
  box-shadow:none;
}

:root[data-theme="light"] body[data-page="trading"] .black-swan-save-action,
:root[data-theme="light"] body[data-page="trading"] .black-swan-status-action,
:root[data-theme="light"] body[data-page="trading"] .black-swan-kpi-reset{
  color:var(--panel);
  border-color:var(--blue);
  background:var(--blue);
}

:root[data-theme="light"] body[data-page="trading"] .black-swan-release-action,
:root[data-theme="light"] body[data-page="trading"] .btn.danger,
:root[data-theme="light"] body[data-page="trading"] .mini-btn.danger{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
  border-color:color-mix(in srgb, var(--red) 30%, transparent);
  background:var(--red-soft);
  box-shadow:none;
}

/* Light theme users page contrast pass */
:root[data-theme="light"] body[data-page="users"]{
  color:var(--text);
  background:var(--bg);
}

:root[data-theme="light"] body[data-page="users"] :is(.nav,.panel,.signup-request-card,.asset-limit-default-row,.users-fold-panel,.users-fold-summary,.user-card,.user-card-meta span,.user-card-block,.hidden-toggle,.admin-report-kpi,.admin-report-metric,.admin-report-row,.admin-report-recent span,.admin-report-card,.admin-report-user-fold,.admin-report-user-summary,.admin-report-fee,.admin-report-breakdown > div,.admin-report-empty,.admin-report-warning,.admin-fee-tiers,.admin-fee-tier-row){
  color:var(--text);
  border-color:var(--line);
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

:root[data-theme="light"] body[data-page="users"] :is(.auth-form input,.auth-form select,.user-inline-field .input,.user-password,.user-current-password,.user-role,.admin-report-controls .input,.asset-limit-default-row .input,.admin-fee-tier-row .input){
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

:root[data-theme="light"] body[data-page="users"] :is(.nav a,.btn.ghost,.password-toggle){
  color:var(--text);
  border-color:var(--line);
  background:var(--panel);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

body[data-page="trading"] .radar-trade-actions .btn.protection-blocked,
body[data-page="trading"] .radar-trade-actions .btn.protection-blocked:disabled,
body[data-page="trading"] .radar-trade-actions .btn.protection-blocked:hover{
  color:#ffe4e6;
  border-color:rgba(248,113,113,.58);
  background:linear-gradient(180deg, rgba(127,29,29,.88), rgba(69,10,10,.84));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(248,113,113,.14),
    0 12px 24px rgba(127,29,29,.18);
  cursor:not-allowed;
  opacity:1;
  transform:none;
}

body[data-page="trading"] .radar-trade-actions .btn.protection-blocked::before{
  background:radial-gradient(circle at 35% 20%, rgba(254,202,202,.34), transparent 58%);
  opacity:.34;
}

:root[data-theme="light"] body[data-page="trading"] .radar-trade-actions .btn.protection-blocked,
:root[data-theme="light"] body[data-page="trading"] .radar-trade-actions .btn.protection-blocked:disabled,
:root[data-theme="light"] body[data-page="trading"] .radar-trade-actions .btn.protection-blocked:hover{
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%);
  border-color:color-mix(in srgb, var(--red) 38%, transparent);
  background:var(--red-soft);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    0 0 0 1px color-mix(in srgb, var(--red) 10%, transparent);
}

:root[data-theme="light"] body[data-page="users"] :is(.nav a.active,.user-state.is-active,.user-current-password,.save-user,.admin-fee-tiers){
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%);
  border-color:color-mix(in srgb, var(--green) 28%, transparent);
  background:var(--green-soft);
}

:root[data-theme="light"] body[data-page="users"] :is(.admin-report-warning){
  color:color-mix(in srgb, var(--yellow) 70%, var(--text) 30%);
  border-color:color-mix(in srgb, var(--yellow) 30%, transparent);
  background:var(--yellow-soft);
}

:root[data-theme="light"] body[data-page="users"] :is(.user-card-title strong,.signup-request-card strong,.asset-limit-default-row strong,.users-fold-summary h2,.user-card-block h3,.admin-report-kpi strong,.admin-report-metric strong,.admin-report-row strong,.admin-report-recent strong,.admin-report-fee strong,.admin-report-card-head strong,.admin-report-breakdown h3,.admin-report-row span,.admin-fee-tier-head h3){
  color:var(--text);
}

:root[data-theme="light"] body[data-page="users"] :is(.section-head p,.form-status,.user-inline-meta,.auth-form label,.user-inline-field label,.user-password-stack label,.signup-request-card span,.signup-request-card p,.signup-request-meta span,.asset-limit-default-labels span,.asset-limit-default-row label span,.users-fold-summary p,.user-card-title span,.user-card-actions span,.user-password-stack small,.admin-report-controls label,.admin-report-kpi small,.admin-report-metric span,.admin-report-metric small,.admin-report-row small,.admin-report-recent small,.admin-report-fee small,.admin-report-card-head span,.admin-fee-tier-head span,.admin-fee-tier-labels span){
  color:var(--soft);
}

:root[data-theme="light"] body[data-page="users"] :is(.signup-request-meta span,.user-card-meta span){
  border-color:var(--line);
  background:var(--panel);
}

:root[data-theme="light"] body[data-page="users"] :is(.user-state.is-inactive,.money-neutral,.money-neutral strong){
  color:var(--soft) !important;
  border-color:var(--line);
  background:var(--line-soft);
}

:root[data-theme="light"] body[data-page="users"] :is(.money-good,.money-good strong){
  color:color-mix(in srgb, var(--green) 72%, var(--text) 28%) !important;
}

:root[data-theme="light"] body[data-page="users"] :is(.money-bad,.money-bad strong){
  color:color-mix(in srgb, var(--red) 76%, var(--text) 24%) !important;
}

@media (max-width: 720px){
  body[data-page="profile"] .profile-theme-switch{
    align-items:flex-start;
    flex-direction:column;
  }

  body[data-page="profile"] .profile-theme-options{
    width:100%;
  }

  body[data-page="profile"] .profile-theme-option{
    flex:1 1 0;
  }
}



/* --- radar light theme fix --- */
/* TokenPilot Radar light-theme readability patch
   Append this file to static/css/app.css OR load it after app.css. */

:root[data-theme="light"] body {
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 32%),
    linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
  color: var(--text);
}

:root[data-theme="light"] .topbar {
  border-color: rgba(37,99,235,.18);
  background:
    radial-gradient(circle at 88% 16%, rgba(37,99,235,.10), transparent 34%),
    radial-gradient(circle at 12% 100%, rgba(20,184,166,.08), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 58%, #eef4ff 100%);
  box-shadow:
    0 16px 38px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.90);
}

:root[data-theme="light"] .topbar::before {
  opacity: .38;
}

:root[data-theme="light"] .topbar .brand-copy h1 {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: var(--text);
  color: var(--text);
}

:root[data-theme="light"] .brand-eyebrow {
  color: #0f766e;
}

:root[data-theme="light"] .topbar .brand-copy > p:not(.brand-eyebrow),
:root[data-theme="light"] .titlebox p {
  color: #334155;
}

:root[data-theme="light"] .app-nav,
:root[data-theme="light"] .app-nav.nav-flyout .nav-flyout-panel {
  border-color: rgba(148,163,184,.35);
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,245,249,.92));
  box-shadow:
    0 14px 32px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.85);
}

:root[data-theme="light"] .app-nav a,
:root[data-theme="light"] .nav-flyout-toggle {
  color: #334155;
  border-color: rgba(148,163,184,.32);
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,250,252,.84));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

:root[data-theme="light"] .app-nav a:hover,
:root[data-theme="light"] .nav-flyout-toggle:hover,
:root[data-theme="light"] .nav-flyout.open .nav-flyout-toggle,
:root[data-theme="light"] body[data-page="radar"] .app-nav a[data-page-link="radar"],
:root[data-theme="light"] body[data-page="spot"] .app-nav a[data-page-link="spot"],
:root[data-theme="light"] body[data-page="investment"] .app-nav a[data-page-link="investment"],
:root[data-theme="light"] body[data-page="analysis"] .app-nav a[data-page-link="analysis"],
:root[data-theme="light"] body[data-page="trading"] .app-nav a[data-page-link="trading"],
:root[data-theme="light"] body[data-page="monitoring"] .app-nav a[data-page-link="monitoring"],
:root[data-theme="light"] body[data-page="scoring"] .app-nav a[data-page-link="scoring"],
:root[data-theme="light"] body[data-page="scoring-config"] .app-nav a[data-page-link="scoring-config"],
:root[data-theme="light"] body[data-page="users"] .app-nav a[data-page-link="users"] {
  color: #0f172a;
  border-color: color-mix(in srgb, var(--nav-accent) 42%, #94a3b8 28%);
  background: linear-gradient(180deg, color-mix(in srgb, var(--nav-accent) 13%, white 87%), #ffffff);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--nav-accent) 18%, transparent) inset,
    0 10px 22px rgba(15,23,42,.08);
}

:root[data-theme="light"] .stat {
  background: rgba(255,255,255,.78);
  border-color: rgba(148,163,184,.26);
}

:root[data-theme="light"] .stat.stat-menu {
  background: linear-gradient(90deg, rgba(248,250,252,0), rgba(248,250,252,.88) 24%, rgba(255,255,255,.96));
}

:root[data-theme="light"] .stat .k,
:root[data-theme="light"] .active-coin-metrics small,
:root[data-theme="light"] .field-hint {
  color: #64748b;
}

:root[data-theme="light"] .stat .v {
  color: #0f172a;
}

:root[data-theme="light"] .panel,
:root[data-theme="light"] .main,
:root[data-theme="light"] .sidebar,
:root[data-theme="light"] .score-health,
:root[data-theme="light"] .system-health,
:root[data-theme="light"] .bottom-actions.utility-dock {
  border-color: rgba(148,163,184,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  box-shadow:
    0 16px 34px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.88);
}

:root[data-theme="light"] .active-coin-float {
  background: rgba(255,255,255,.92);
  border-color: rgba(148,163,184,.32);
  box-shadow: 0 12px 28px rgba(15,23,42,.10);
}

:root[data-theme="light"] .active-coin-metrics span {
  background: rgba(241,245,249,.78);
  border-color: rgba(148,163,184,.28);
}

:root[data-theme="light"] .active-coin-copy strong,
:root[data-theme="light"] .active-coin-metrics strong,
:root[data-theme="light"] .coin-left strong,
:root[data-theme="light"] .coin-right strong,
:root[data-theme="light"] .asset-section-btn strong,
:root[data-theme="light"] .scoretext strong,
:root[data-theme="light"] .helper-title,
:root[data-theme="light"] .priority-copy strong,
:root[data-theme="light"] .panel-head h2,
:root[data-theme="light"] .panel-head h3,
:root[data-theme="light"] .system-health-title,
:root[data-theme="light"] .system-card-top strong,
:root[data-theme="light"] .dock-copy strong,
:root[data-theme="light"] .hidden-config-head strong,
:root[data-theme="light"] .hidden-config-explainer strong,
:root[data-theme="light"] .page-lead h2,
:root[data-theme="light"] .monitoring-overview h2 {
  color: #0f172a;
}

:root[data-theme="light"] .active-coin-copy span,
:root[data-theme="light"] .coin-left span,
:root[data-theme="light"] .scoretext,
:root[data-theme="light"] .small,
:root[data-theme="light"] .label,
:root[data-theme="light"] .helper-copy,
:root[data-theme="light"] .priority-copy span,
:root[data-theme="light"] .setup-overview-meta,
:root[data-theme="light"] .system-health-sub,
:root[data-theme="light"] .system-card-top span,
:root[data-theme="light"] .system-card-lines,
:root[data-theme="light"] .dock-copy small,
:root[data-theme="light"] .hidden-config-head span,
:root[data-theme="light"] .hidden-config-explainer p,
:root[data-theme="light"] .hidden-config-explainer li,
:root[data-theme="light"] .hidden-field span,
:root[data-theme="light"] .hidden-toggle-copy > span,
:root[data-theme="light"] .page-lead p,
:root[data-theme="light"] .monitoring-overview p,
:root[data-theme="light"] .lead-note {
  color: #475569;
}

:root[data-theme="light"] .coin-card,
:root[data-theme="light"] .asset-section-btn,
:root[data-theme="light"] .watchlist-toolbar,
:root[data-theme="light"] .helper-box,
:root[data-theme="light"] .helper-point,
:root[data-theme="light"] .setup-overview-item,
:root[data-theme="light"] .workspace-overview,
:root[data-theme="light"] .monitoring-health-summary,
:root[data-theme="light"] .dock-section,
:root[data-theme="light"] .nav-session,
:root[data-theme="light"] .hidden-config-explainer,
:root[data-theme="light"] .hidden-toggle,
:root[data-theme="light"] .hidden-field,
:root[data-theme="light"] .cron-preset-tile {
  border-color: rgba(148,163,184,.30);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.88));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 8px 18px rgba(15,23,42,.05);
}

:root[data-theme="light"] .coin-card:hover,
:root[data-theme="light"] .coin-card.active,
:root[data-theme="light"] .asset-section-btn.active,
:root[data-theme="light"] .sort-btn.active {
  color: #0f172a;
  border-color: rgba(37,99,235,.38);
  background: linear-gradient(180deg, rgba(239,246,255,.96), rgba(255,255,255,.92));
}

:root[data-theme="light"] .page-lead,
:root[data-theme="light"] .monitoring-overview {
  border-color: rgba(148,163,184,.30);
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  box-shadow:
    0 16px 34px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.88);
}

:root[data-theme="light"] .scorebar {
  background: rgba(226,232,240,.85);
  border-color: rgba(148,163,184,.35);
}

:root[data-theme="light"] .rank-badge,
:root[data-theme="light"] .asset-category-chip {
  color: #1e40af;
  background: rgba(37,99,235,.10);
  border-color: rgba(37,99,235,.22);
}

:root[data-theme="light"] .change.pos,
:root[data-theme="light"] .pos {
  color: #166534;
  background: rgba(22,163,74,.12);
}

:root[data-theme="light"] .change.neg,
:root[data-theme="light"] .neg {
  color: #991b1b;
  background: rgba(220,38,38,.12);
}

:root[data-theme="light"] .flat,
:root[data-theme="light"] .chip.bias-neutral,
:root[data-theme="light"] .chip.signal-hold,
:root[data-theme="light"] .chip.struct-none {
  color: #334155;
  background: rgba(148,163,184,.16);
  border-color: rgba(148,163,184,.28);
}

:root[data-theme="light"] .chip.bias-bullish,
:root[data-theme="light"] .chip.signal-buy,
:root[data-theme="light"] .chip.struct-confirmed,
:root[data-theme="light"] .chip.risk-ok {
  color: #166534;
  background: rgba(22,163,74,.12);
  border-color: rgba(22,163,74,.24);
}

:root[data-theme="light"] .chip.bias-bearish,
:root[data-theme="light"] .chip.signal-sell,
:root[data-theme="light"] .chip.risk-high {
  color: #991b1b;
  background: rgba(220,38,38,.12);
  border-color: rgba(220,38,38,.24);
}

:root[data-theme="light"] .chip.struct-candidate,
:root[data-theme="light"] .chip.risk-warn,
:root[data-theme="light"] .hidden-rank-chip {
  color: #92400e;
  background: rgba(202,138,4,.12);
  border-color: rgba(202,138,4,.24);
}

:root[data-theme="light"] .helper-box.helper-box-market .helper-title,
:root[data-theme="light"] .helper-box.helper-box-flow .helper-title,
:root[data-theme="light"] .helper-box.helper-box-elliott .helper-title,
:root[data-theme="light"] .helper-box.helper-box-fib .helper-title,
:root[data-theme="light"] .helper-box.helper-box-spot_setup .helper-title,
:root[data-theme="light"] .helper-box.helper-box-trading_setup .helper-title,
:root[data-theme="light"] #tab-market .panel-head h3,
:root[data-theme="light"] #tab-market .section-title,
:root[data-theme="light"] #tab-flow .panel-head h3,
:root[data-theme="light"] #tab-flow .section-title,
:root[data-theme="light"] #tab-elliott .panel-head h3,
:root[data-theme="light"] #tab-elliott .section-title,
:root[data-theme="light"] #tab-fib .panel-head h3,
:root[data-theme="light"] #tab-fib .section-title,
:root[data-theme="light"] #tab-spot_setup .panel-head h3,
:root[data-theme="light"] #tab-spot_setup .section-title,
:root[data-theme="light"] #tab-trading_setup .panel-head h3,
:root[data-theme="light"] #tab-trading_setup .section-title {
  color: #0f172a;
}

:root[data-theme="light"] .coin-action-btn,
:root[data-theme="light"] .remove-btn {
  color: #2563eb;
}

:root[data-theme="light"] .notice {
  background: #ffffff;
  border-color: rgba(148,163,184,.30);
  color: #475569;
}

:root[data-theme="light"] select.input {
  color-scheme: light;
}

/* --- radar light theme detail heading fix --- */
:root[data-theme="light"] body[data-page="radar"] .main h2,
:root[data-theme="light"] body[data-page="radar"] .main h3,
:root[data-theme="light"] body[data-page="radar"] .main h4,
:root[data-theme="light"] body[data-page="radar"] .main summary,
:root[data-theme="light"] body[data-page="radar"] .section-title,
:root[data-theme="light"] body[data-page="radar"] .helper-title,
:root[data-theme="light"] body[data-page="radar"] .info-score-block h3,
:root[data-theme="light"] body[data-page="radar"] .info-sentiment-context h3,
:root[data-theme="light"] body[data-page="radar"] .score-explain-title,
:root[data-theme="light"] body[data-page="radar"] .score-breakdown-title,
:root[data-theme="light"] body[data-page="radar"] .score-formula-title,
:root[data-theme="light"] body[data-page="radar"] .market-timeframe-title,
:root[data-theme="light"] body[data-page="radar"] .timeframe-title,
:root[data-theme="light"] body[data-page="radar"] .indicator-title,
:root[data-theme="light"] body[data-page="radar"] .indicator-group-title,
:root[data-theme="light"] body[data-page="radar"] .quality-card-title {
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  text-shadow: none;
}

:root[data-theme="light"] body[data-page="radar"] .main h2 small,
:root[data-theme="light"] body[data-page="radar"] .main h3 small,
:root[data-theme="light"] body[data-page="radar"] .main h4 small,
:root[data-theme="light"] body[data-page="radar"] .section-title small,
:root[data-theme="light"] body[data-page="radar"] .helper-title small,
:root[data-theme="light"] body[data-page="radar"] .timeframe-title small,
:root[data-theme="light"] body[data-page="radar"] .indicator-title small {
  color: #475569;
  -webkit-text-fill-color: #475569;
}

:root[data-theme="light"] body[data-page="radar"] .panel-head h3,
:root[data-theme="light"] body[data-page="radar"] #tab-market .panel-head h3,
:root[data-theme="light"] body[data-page="radar"] #tab-market .section-title,
:root[data-theme="light"] body[data-page="radar"] #tab-flow .panel-head h3,
:root[data-theme="light"] body[data-page="radar"] #tab-flow .section-title,
:root[data-theme="light"] body[data-page="radar"] #tab-elliott .panel-head h3,
:root[data-theme="light"] body[data-page="radar"] #tab-elliott .section-title,
:root[data-theme="light"] body[data-page="radar"] #tab-fib .panel-head h3,
:root[data-theme="light"] body[data-page="radar"] #tab-fib .section-title,
:root[data-theme="light"] body[data-page="radar"] #tab-spot_setup .panel-head h3,
:root[data-theme="light"] body[data-page="radar"] #tab-spot_setup .section-title,
:root[data-theme="light"] body[data-page="radar"] #tab-trading_setup .panel-head h3,
:root[data-theme="light"] body[data-page="radar"] #tab-trading_setup .section-title {
  color: #0f172a;
}

:root[data-theme="light"] body[data-page="radar"] .helper-box .helper-title,
:root[data-theme="light"] body[data-page="radar"] .helper-box.helper-box-market .helper-title,
:root[data-theme="light"] body[data-page="radar"] .helper-box.helper-box-flow .helper-title,
:root[data-theme="light"] body[data-page="radar"] .helper-box.helper-box-elliott .helper-title,
:root[data-theme="light"] body[data-page="radar"] .helper-box.helper-box-fib .helper-title,
:root[data-theme="light"] body[data-page="radar"] .helper-box.helper-box-spot_setup .helper-title,
:root[data-theme="light"] body[data-page="radar"] .helper-box.helper-box-trading_setup .helper-title {
  color: #0f172a;
}

:root[data-theme="light"] body[data-page="radar"] .helper-copy,
:root[data-theme="light"] body[data-page="radar"] .info-sentiment-meta,
:root[data-theme="light"] body[data-page="radar"] .info-sheet-summary,
:root[data-theme="light"] body[data-page="radar"] .info-ai-evidence-note {
  color: #334155;
}

:root[data-theme="light"] body[data-page="radar"] .info-radar-grid th,
:root[data-theme="light"] body[data-page="radar"] .info-score-formula th,
:root[data-theme="light"] body[data-page="radar"] .info-score-breakdown th {
  color: #475569;
}

:root[data-theme="light"] body[data-page="radar"] .info-radar-grid td,
:root[data-theme="light"] body[data-page="radar"] .info-score-formula td,
:root[data-theme="light"] body[data-page="radar"] .info-score-breakdown td {
  color: #0f172a;
  font-weight: 800;
}

/* --- radar light theme score info readability fix --- */
:root[data-theme="light"] body[data-page="radar"] :is(
  .info-modal,
  .info-sheet,
  .info-popover,
  .info-card,
  .info-box,
  .info-content,
  .info-drawer,
  .info-panel,
  .info-body,
  .info-wrap,
  .score-explain,
  .score-explainer,
  .score-formula,
  .score-breakdown,
  .score-context,
  .sentiment-context,
  .info-score-block,
  .info-sentiment-context,
  .helper-box,
  .quality-card,
  .metric-card,
  .indicator-card,
  .timeframe-card,
  .market-timeframe-card
) :is(h1,h2,h3,h4,h5,h6,summary,strong,b) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  .info-modal,
  .info-sheet,
  .info-popover,
  .info-card,
  .info-box,
  .info-content,
  .info-drawer,
  .info-panel,
  .info-body,
  .score-explain,
  .score-explainer,
  .score-formula,
  .score-breakdown,
  .score-context,
  .sentiment-context,
  .info-score-block,
  .info-sentiment-context,
  .helper-box
) :is(p,li,span,small,div,td,th) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  .score-formula,
  .score-breakdown,
  .score-context,
  .sentiment-context,
  .info-score-block,
  .info-sentiment-context
) :is(.k,.label,.small,.muted,.subtle,th) {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  .score-formula,
  .score-breakdown,
  .score-context,
  .sentiment-context,
  .info-score-block,
  .info-sentiment-context
) :is(.v,.value,.score-value,.metric-value,.total,.long,.short,td,strong) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  .score-formula,
  .score-breakdown,
  .score-context,
  .sentiment-context,
  .info-score-block,
  .info-sentiment-context,
  .info-sheet,
  .info-popover,
  .info-modal
) {
  color: #0f172a !important;
}

/* Catch-all fuer noch nicht sauber klassifizierte Radar-Info-Zeilen */
:root[data-theme="light"] body[data-page="radar"] [class*="score"] :is(h1,h2,h3,h4,h5,h6,strong,b),
:root[data-theme="light"] body[data-page="radar"] [class*="sentiment"] :is(h1,h2,h3,h4,h5,h6,strong,b),
:root[data-theme="light"] body[data-page="radar"] [class*="formula"] :is(h1,h2,h3,h4,h5,h6,strong,b),
:root[data-theme="light"] body[data-page="radar"] [class*="indicator"] :is(h1,h2,h3,h4,h5,h6,strong,b),
:root[data-theme="light"] body[data-page="radar"] [class*="oscillator"] :is(h1,h2,h3,h4,h5,h6,strong,b) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] [class*="score"] :is(span,small,p,div,td,th),
:root[data-theme="light"] body[data-page="radar"] [class*="sentiment"] :is(span,small,p,div,td,th),
:root[data-theme="light"] body[data-page="radar"] [class*="formula"] :is(span,small,p,div,td,th),
:root[data-theme="light"] body[data-page="radar"] [class*="indicator"] :is(span,small,p,div,td,th),
:root[data-theme="light"] body[data-page="radar"] [class*="oscillator"] :is(span,small,p,div,td,th) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none !important;
}

/* --- radar light theme insight and elliott card fix --- */
:root[data-theme="light"] body[data-page="radar"] :is(
  .insight-title,
  .insight-card-title,
  .insight-head,
  .insight-label,
  .insight strong,
  [class*="insight"] h1,
  [class*="insight"] h2,
  [class*="insight"] h3,
  [class*="insight"] h4,
  [class*="insight"] strong,
  [class*="insight"] b
) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  [class*="insight"] p,
  [class*="insight"] span,
  [class*="insight"] small,
  [class*="insight"] div,
  [class*="insight"] li
) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  button,
  .btn,
  .icon-command,
  .info-toggle,
  .tab-btn,
  .sort-btn,
  .sidebar-toggle,
  .asset-section-btn,
  .coin-action-btn
) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(148,163,184,.38) !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  .btn,
  .icon-command,
  .info-toggle,
  .tab-btn,
  .sort-btn,
  .sidebar-toggle
):not(.primary) {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,245,249,.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 18px rgba(15,23,42,.06) !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  .btn:hover,
  .icon-command:hover,
  .info-toggle:hover,
  .tab-btn:hover,
  .sort-btn:hover,
  .sidebar-toggle:hover
):not(.primary) {
  color: #0f172a !important;
  background:
    linear-gradient(180deg, #ffffff, #eff6ff) !important;
  border-color: rgba(37,99,235,.38) !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  [class*="elliott"],
  [class*="Elliott"],
  [class*="wave"],
  [class*="Wave"],
  [class*="focus"],
  [class*="Focus"]
) :is(h1,h2,h3,h4,h5,h6,strong,b,summary) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  [class*="elliott"],
  [class*="Elliott"],
  [class*="wave"],
  [class*="Wave"],
  [class*="focus"],
  [class*="Focus"]
) :is(p,span,small,div,li,td,th) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  [class*="target"],
  [class*="Target"],
  [class*="band"],
  [class*="Band"],
  [class*="ratio"],
  [class*="Ratio"],
  [class*="pattern"],
  [class*="Pattern"]
) :is(h1,h2,h3,h4,h5,h6,strong,b) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  [class*="target"],
  [class*="Target"],
  [class*="band"],
  [class*="Band"],
  [class*="ratio"],
  [class*="Ratio"],
  [class*="pattern"],
  [class*="Pattern"]
) :is(p,span,small,div,li,td,th) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  [class*="elliott"],
  [class*="Elliott"],
  [class*="focus"],
  [class*="Focus"],
  [class*="target"],
  [class*="Target"],
  [class*="ratio"],
  [class*="Ratio"],
  [class*="pattern"],
  [class*="Pattern"]
) :is(.k,.label,.small,.muted,.subtle) {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

:root[data-theme="light"] body[data-page="radar"] :is(
  [class*="elliott"],
  [class*="Elliott"],
  [class*="focus"],
  [class*="Focus"],
  [class*="target"],
  [class*="Target"],
  [class*="ratio"],
  [class*="Ratio"],
  [class*="pattern"],
  [class*="Pattern"]
) :is(.v,.value,.metric-value,.card-value) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800;
}


/* Stable: Privater Globus Desktop im Header, Mobile neben Flyout */

/* Desktop: Header-Slot sichtbar halten, Menüleiste bleibt unverändert */
.wrap > .topbar,
.wrap > .top{
  position:relative;
  overflow:visible;
}

.private-public-header-slot{
  position:absolute;
  right:16px;
  top:16px;
  z-index:120;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Gemeinsamer Button-Look */
.private-public-header-slot .private-public-entry,
.app-nav.nav-flyout > .private-public-entry{
  --nav-accent:#38bdf8;
  --nav-accent-soft:rgba(56,189,248,.18);
  width:42px;
  min-width:42px;
  height:42px;
  min-height:42px;
  flex:0 0 42px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  border:1px solid rgba(84,109,168,.68);
  border-radius:13px;
  background:
    linear-gradient(180deg, rgba(24,37,69,.92), rgba(10,17,33,.92)),
    rgba(19,29,54,.74);
  color:#e8faff;
  text-decoration:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 24px rgba(2,6,23,.18);
}

.private-public-header-slot .private-public-entry:hover,
.app-nav.nav-flyout > .private-public-entry:hover{
  transform:translateY(-1px);
  border-color:rgba(56,189,248,.78);
  color:#fff;
}

.private-public-header-slot .private-public-entry::before,
.private-public-header-slot .private-public-entry::after,
.app-nav.nav-flyout > .private-public-entry::before,
.app-nav.nav-flyout > .private-public-entry::after{
  display:none !important;
}

.private-public-header-slot .private-public-entry .nav-link-icon,
.app-nav.nav-flyout > .private-public-entry .nav-link-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  margin:0;
}

.private-public-header-slot .private-public-entry .nav-link-icon svg,
.app-nav.nav-flyout > .private-public-entry .nav-link-icon svg{
  width:17px;
  height:17px;
}

/* Desktop: Globus nur im Header, nicht in der Desktop-Menüleiste */
@media (min-width:1101px){
  .app-nav.nav-flyout > .private-public-entry{
    display:none !important;
  }
}

/* Mobile: Header-Slot ausblenden, Globus bleibt direkt neben dem Flyout-Menü */
@media (max-width:1100px){
  .private-public-header-slot{
    display:none !important;
  }

  .topbar-nav-slot .app-nav.nav-flyout,
  .top > .topbar-nav-slot .app-nav.nav-flyout,
  .topbar > .topbar-nav-slot .app-nav.nav-flyout{
    display:inline-flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    overflow:visible !important;
  }

  .topbar-nav-slot .app-nav.nav-flyout > .nav-flyout-toggle{
    flex:0 0 auto !important;
  }

  .topbar-nav-slot .app-nav.nav-flyout > .private-public-entry{
    flex:0 0 42px !important;
    display:inline-flex !important;
  }

  .topbar-nav-slot .app-nav.nav-flyout > .nav-flyout-panel{
    position:absolute;
  }
}

@media (max-width:520px){
  .app-nav.nav-flyout > .private-public-entry{
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    flex-basis:40px !important;
    border-radius:12px;
  }

  .app-nav.nav-flyout > .private-public-entry .nav-link-icon{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
}


/* Monitoring handoff summary card. */
#handoffReportShortcut.handoff-summary-card{
  padding:var(--space-3, 12px);
  margin-block:var(--space-4, 16px);
  border-color:var(--border-subtle, var(--line, #e5e7eb));
  background:var(--surface-card, var(--panel, #ffffff));
  box-shadow:var(--shadow-panel, var(--shadow, 0 14px 34px rgba(0,0,0,.12)));
}

#handoffReportShortcut .handoff-summary-inner{
  position:relative;
  overflow:hidden;
  padding:var(--space-5, 22px);
  border:1px solid var(--border-subtle, var(--line, #e5e7eb));
  border-radius:var(--radius-lg, var(--radius, 18px));
  background:linear-gradient(
    180deg,
    var(--surface-card, var(--panel, #ffffff)),
    var(--surface-card-muted, var(--panel-2, #f1f5f9))
  );
}

#handoffReportShortcut .handoff-summary-inner::before{
  content:"";
  position:absolute;
  inset-block:var(--space-4, 16px);
  left:0;
  width:var(--handoff-summary-accent-width, 3px);
  border-radius:0 var(--radius-sm, 8px) var(--radius-sm, 8px) 0;
  background:linear-gradient(
    180deg,
    var(--accent-primary, var(--blue, #2563eb)),
    color-mix(in srgb, var(--accent-primary, var(--blue, #2563eb)) 42%, transparent)
  );
}

#handoffReportShortcut .handoff-summary-kicker{
  margin:0 0 var(--space-2, 8px);
  color:var(--text-secondary, var(--soft, #475569));
  font-size:var(--font-size-sm, .95rem);
  line-height:1.35;
}

#handoffReportShortcut h2{
  margin:0 0 var(--space-3, 12px);
  color:var(--text-primary, var(--text, #0f172a));
  font-size:clamp(1.55rem, 4.8vw, 2.15rem);
  line-height:1.12;
}

#handoffReportShortcut .handoff-summary-inner > p:not(.handoff-summary-kicker){
  max-width:var(--handoff-summary-copy-width, 42rem);
  margin:0;
  color:var(--text-secondary, var(--soft, #475569));
  font-size:clamp(1rem, 3.8vw, 1.2rem);
  line-height:1.45;
}

#handoffReportShortcut .handoff-summary-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2, 8px);
  margin-top:var(--space-5, 22px);
}

#handoffReportShortcut .handoff-summary-btn{
  min-height:var(--control-height-sm, 40px);
  padding-inline:var(--space-4, 16px);
}

@media (max-width: 720px){
  #handoffReportShortcut.handoff-summary-card{
    padding:var(--space-2, 8px);
  }

  #handoffReportShortcut .handoff-summary-inner{
    padding:var(--space-4, 16px);
  }

  #handoffReportShortcut h2{
    font-size:clamp(1.45rem, 6vw, 1.9rem);
  }

  #handoffReportShortcut .handoff-summary-actions{
    margin-top:var(--space-4, 16px);
  }

  #handoffReportShortcut .handoff-summary-btn{
    width:100%;
  }
}
/* End monitoring handoff summary card. */


/* Handoff report card polish. */
.handoff-report-page{
  gap:var(--space-4, 16px);
}

.handoff-report-page > .dock-section{
  margin-top:var(--space-4, 16px);
}

.handoff-report-page .dock-section.review-log-dock{
  overflow:hidden;
  border-color:var(--border-subtle, var(--line, #e5e7eb));
  background:var(--surface-card, var(--panel, #ffffff));
}

.handoff-report-page .dock-section.review-log-dock::before{
  top:var(--space-3, 12px);
  bottom:var(--space-3, 12px);
  width:var(--handoff-report-accent-width, 3px);
  border-radius:0 var(--radius-sm, 8px) var(--radius-sm, 8px) 0;
}

.handoff-report-page .dock-summary{
  min-height:auto;
  padding:var(--space-4, 16px) var(--space-5, 20px);
}

.handoff-report-page .hidden-config-panel,
.handoff-report-page .review-log-grid{
  margin-top:var(--space-3, 12px);
  padding:var(--space-4, 16px);
  border-color:var(--border-subtle, var(--line, #e5e7eb));
  background:var(--surface-card-muted, var(--panel-2, #f1f5f9));
}

.handoff-report-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap:var(--space-3, 12px);
}

.handoff-report-card,
.handoff-candidate-card{
  position:relative;
  overflow:hidden;
  padding:var(--space-4, 16px);
  border-color:var(--border-subtle, var(--line, #e5e7eb));
}

.handoff-report-card::before,
.handoff-candidate-card::before{
  content:"";
  position:absolute;
  inset-block:var(--space-3, 12px);
  left:0;
  width:var(--handoff-report-accent-width, 3px);
  border-radius:0 var(--radius-sm, 8px) var(--radius-sm, 8px) 0;
  background:var(--accent-primary, var(--blue, #2563eb));
}

.handoff-report-card.bad::before,
.handoff-candidate-card.bad::before{
  background:var(--state-danger, var(--red, #dc2626));
}

.handoff-report-card.warn::before,
.handoff-candidate-card.warn::before{
  background:var(--state-warning, var(--yellow, #ca8a04));
}

.handoff-report-card.good::before,
.handoff-candidate-card.good::before{
  background:var(--state-success, var(--green, #16a34a));
}

.handoff-report-card .system-health-card-head,
.handoff-candidate-card .system-health-card-head{
  gap:var(--space-3, 12px);
  margin-bottom:var(--space-3, 12px);
}

.handoff-report-card ul,
.handoff-candidate-card ul{
  margin-block:var(--space-3, 12px) 0;
}

.handoff-candidate-card > p{
  margin-block:0 var(--space-3, 12px);
  color:var(--text-secondary, var(--soft, #475569));
}

.handoff-candidate-card details{
  margin-top:var(--space-3, 12px);
  padding:var(--space-3, 12px);
  border:1px solid var(--border-subtle, var(--line, #e5e7eb));
  border-radius:var(--radius-md, 12px);
  background:var(--surface-card-muted, var(--panel-2, #f1f5f9));
}

.handoff-candidate-card summary{
  cursor:pointer;
  font-weight:var(--font-weight-semibold, 700);
}

@media (max-width: 720px){
  .handoff-report-page{
    padding:var(--space-4, 16px);
  }

  .handoff-report-page .system-health-head{
    align-items:flex-start;
  }

  .handoff-report-page .health-action-group{
    width:100%;
    justify-content:stretch;
  }

  .handoff-report-page .health-action-group .btn,
  .handoff-report-page .health-action-group button{
    flex:1 1 100%;
  }

  .handoff-report-page .dock-summary{
    padding:var(--space-4, 16px);
  }

  .handoff-report-page .hidden-config-panel,
  .handoff-report-page .review-log-grid{
    padding:var(--space-3, 12px);
  }

  .handoff-report-card,
  .handoff-candidate-card{
    padding:var(--space-4, 16px);
  }
}
/* End handoff report card polish. */


/* Handoff report card polish v2. */
.handoff-report-page{
  overflow:hidden;
  background:var(--surface-card, var(--panel, #ffffff));
}

.handoff-report-page > .dock-section.review-log-dock{
  position:relative;
  margin-top:var(--space-4, 16px);
  border:1px solid var(--border-subtle, var(--line, #e5e7eb));
  border-radius:var(--radius-lg, var(--radius, 18px));
  background:var(--surface-card, var(--panel, #ffffff));
  box-shadow:var(--shadow-panel, var(--shadow, 0 14px 34px rgba(0,0,0,.12)));
}

.handoff-report-page > .dock-section.review-log-dock::before{
  display:none;
}

.handoff-report-page .dock-summary{
  padding:var(--space-4, 16px);
  border-bottom:1px solid var(--border-subtle, var(--line, #e5e7eb));
  background:linear-gradient(
    180deg,
    var(--surface-card, var(--panel, #ffffff)),
    var(--surface-card-muted, var(--panel-2, #f8fafc))
  );
}

.handoff-report-page .dock-copy small{
  display:inline-flex;
  width:auto;
  max-width:100%;
  padding:var(--space-1, 6px) var(--space-3, 12px);
  border:1px solid var(--border-subtle, var(--line, #e5e7eb));
  border-radius:var(--radius-pill, 999px);
  background:var(--surface-card, var(--panel, #ffffff));
  color:var(--text-secondary, var(--soft, #475569));
}

.handoff-report-page .hidden-config-panel,
.handoff-report-page .review-log-grid{
  margin:0;
  padding:var(--space-4, 16px);
  border:0;
  border-radius:0;
  background:var(--surface-card, var(--panel, #ffffff));
  box-shadow:none;
}

.handoff-report-grid{
  gap:var(--space-3, 12px);
}

.handoff-report-card,
.handoff-candidate-card{
  position:relative;
  overflow:hidden;
  padding:var(--space-4, 16px);
  border:1px solid var(--border-subtle, var(--line, #e5e7eb));
  border-radius:var(--radius-lg, var(--radius, 18px));
  background:var(--surface-card, var(--panel, #ffffff));
  box-shadow:var(--shadow-card, 0 10px 24px rgba(15,23,42,.08));
}

.handoff-report-card::before,
.handoff-candidate-card::before{
  display:none;
}

.handoff-report-card.bad,
.handoff-candidate-card.bad{
  border-color:var(--state-danger-ring, rgba(220,38,38,.28));
  background:linear-gradient(
    180deg,
    color-mix(in srgb, var(--state-danger-soft, rgba(220,38,38,.10)) 44%, var(--surface-card, #ffffff)),
    var(--surface-card, var(--panel, #ffffff))
  );
}

.handoff-report-card.warn,
.handoff-candidate-card.warn{
  border-color:var(--state-warning-ring, rgba(202,138,4,.28));
  background:linear-gradient(
    180deg,
    color-mix(in srgb, var(--state-warning-soft, rgba(202,138,4,.10)) 42%, var(--surface-card, #ffffff)),
    var(--surface-card, var(--panel, #ffffff))
  );
}

.handoff-report-card.good,
.handoff-candidate-card.good{
  border-color:var(--state-success-ring, rgba(22,163,74,.28));
  background:linear-gradient(
    180deg,
    color-mix(in srgb, var(--state-success-soft, rgba(22,163,74,.10)) 42%, var(--surface-card, #ffffff)),
    var(--surface-card, var(--panel, #ffffff))
  );
}

.handoff-report-card.neutral,
.handoff-candidate-card.neutral{
  border-color:var(--border-subtle, var(--line, #e5e7eb));
  background:var(--surface-card, var(--panel, #ffffff));
}

.handoff-report-card .system-health-card-head,
.handoff-candidate-card .system-health-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3, 12px);
  margin-bottom:var(--space-3, 12px);
}

.handoff-report-card .system-health-card-head strong,
.handoff-candidate-card .system-health-card-head strong{
  line-height:1.15;
}

.handoff-report-card .system-health-card-head span,
.handoff-candidate-card .system-health-card-head span{
  flex:0 0 auto;
  color:var(--text-primary, var(--text, #0f172a));
}

.handoff-report-card ul,
.handoff-candidate-card ul{
  margin:var(--space-3, 12px) 0 0;
  padding-left:var(--space-5, 22px);
}

.handoff-report-card li,
.handoff-candidate-card li{
  margin-block:var(--space-1, 6px);
}

.handoff-candidate-card > p{
  margin:0 0 var(--space-3, 12px);
  color:var(--text-secondary, var(--soft, #475569));
  line-height:1.35;
}

.handoff-candidate-card details{
  margin-top:var(--space-2, 8px);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.handoff-candidate-card summary{
  display:list-item;
  cursor:pointer;
  color:var(--text-primary, var(--text, #0f172a));
  font-weight:var(--font-weight-semibold, 700);
  line-height:1.35;
}

.handoff-candidate-card details[open]{
  padding-top:var(--space-2, 8px);
}

.handoff-candidate-card details[open] ul,
.handoff-candidate-card details[open] strong{
  margin-top:var(--space-2, 8px);
}

@media (max-width: 720px){
  .handoff-report-page{
    padding:var(--space-3, 12px);
  }

  .handoff-report-page > .dock-section.review-log-dock{
    margin-top:var(--space-3, 12px);
  }

  .handoff-report-page .dock-summary{
    padding:var(--space-4, 16px);
  }

  .handoff-report-page .dock-copy small{
    display:inline-flex;
    white-space:normal;
    line-height:1.25;
  }

  .handoff-report-page .hidden-config-panel,
  .handoff-report-page .review-log-grid{
    padding:var(--space-3, 12px);
  }

  .handoff-report-grid{
    gap:var(--space-3, 12px);
  }

  .handoff-report-card,
  .handoff-candidate-card{
    padding:var(--space-4, 16px);
    border-radius:var(--radius-lg, var(--radius, 18px));
  }

  .handoff-candidate-card .system-health-card-head{
    align-items:flex-start;
  }
}
/* End handoff report card polish v2. */