/* 01: base */
    :root{
      --fs-h1:28px; --lh-h1:1.15;
      --fs-h2:18px; --lh-h2:1.25;
      --fs-h3:13px; --lh-h3:1.25;
      --fs-body:14px; --lh-body:1.45;
      --fs-small:12px; --lh-small:1.35;
      --fw-strong:900; --fw-med:700; --fw-norm:500;

      --bg:#0B1220; --border:#223047;
      --text:#EAF2FF; --muted:#A7B4C7; --muted2:#91A0B7;
      --accent:#8B7CFF; --accent2:#6957FF;
      --pos:#4ADE80; --neg:#F87171; --warn:#FBBF24; --blue:#60A5FA; --cyan:#67E8F9; --teal:#5EEAD4; --flat:#C7D2E0;
      --r:16px; --shadow2: 0 6px 18px rgba(0,0,0,.28);
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(14px, env(safe-area-inset-left));
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      font-size: var(--fs-body);
      line-height: var(--lh-body);
      font-weight: var(--fw-norm);
      background:
        radial-gradient(900px 420px at 25% -10%, rgba(124,109,255,.20), transparent 60%),
        radial-gradient(900px 420px at 90% 0%, rgba(34,197,94,.10), transparent 55%),
        var(--bg);
      color:var(--text);
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      font-feature-settings: "cv02" 1, "cv03" 1, "cv04" 1, "cv11" 1;
    }
    .pageFrame{max-width:1490px;width:100%;margin:0 auto;padding:36px 0 14px}
    .topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:34px;padding:0}
    .contentRow{display:flex;align-items:flex-start;gap:16px}
    .appShell{display:contents}
    .sidebar{
      width:188px;flex:0 0 188px;padding:11px 10px 10px;
      border:1px solid rgba(34,48,71,.85);
      border-radius:22px;
      background:linear-gradient(180deg, rgba(17,28,46,.92), rgba(14,26,44,.92));
      position:sticky;top:18px;height:auto;align-self:flex-start;
      backdrop-filter:blur(6px);box-shadow:var(--shadow2)
    }
    .sideBrand{
      font-size:13px;font-weight:var(--fw-strong);text-transform:none;
      color:var(--muted2);letter-spacing:0;padding:3px 8px 10px
    }
    .sideNav{display:flex;flex-direction:column;gap:6px;margin-top:0}
    .sideBtn{
      display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;
      border-radius:14px;border:1px solid transparent;background:rgba(11,18,32,.20);color:rgba(234,242,255,.66);
      font-size:14px;font-weight:700;cursor:pointer;text-align:left;position:relative;
      transition:background .18s ease,border-color .18s ease,color .18s ease, box-shadow .18s ease
    }
    .sideBtn:hover{background:rgba(255,255,255,.025);color:var(--text)}
    .sideBtn.active{
      background:rgba(255,255,255,.045);border-color:rgba(96,165,250,.16);color:var(--text);
      box-shadow:inset 3px 0 0 rgba(96,165,250,.95), 0 0 0 1px rgba(255,255,255,.015)
    }
    .mainShell{flex:1;min-width:0}
    .container{max-width:none;width:100%;margin:0;padding:0}
    .viewSection{display:none}
    .viewSection.active{display:block}
    @media(max-width:980px){
      body{padding:max(10px, env(safe-area-inset-top)) max(env(safe-area-inset-right), 0px) env(safe-area-inset-bottom) max(env(safe-area-inset-left), 0px)}
      .pageFrame{max-width:none;padding:0 0 20px}
      .contentRow{display:block}
      .sidebar{position:static;height:auto !important;width:auto;flex:none;margin:0 12px 12px;border-radius:18px;padding:10px 12px;box-shadow:none}
      .sideBrand{display:none}
      .sideNav{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:0}
      .sideBtn{width:auto;min-width:150px}
      .topbar{padding:20px 12px 0;margin-bottom:18px}
      .container{padding:0 12px}
    }
    .topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}
    .title{display:flex;flex-direction:column;gap:0}
    .brandTitle{display:block;min-width:0;max-width:100%;line-height:0;width:fit-content}
    .brandLogo{
      width:480px;
      height:126px;
      flex:0 0 480px;
      object-fit:contain;
      object-position:left center;
      transform:none;
      border-radius:0;
      mix-blend-mode:screen;
      filter:contrast(1.12) saturate(1.08) brightness(1.04);
      opacity:1;
      background:transparent;
      display:block;
    }
    .brandSubline{
      display:block;
      padding-left:clamp(46px, 25%, 82px);
      margin:-10px 0 0;
      color:var(--muted2);
      font-size:11px;
      line-height:1.12;
      font-weight:800;
      letter-spacing:.14px;
      white-space:nowrap;
      z-index:1;
    }
    .title .sub{margin:0;font-size:12px;font-weight:var(--fw-med);color:var(--muted2);line-height:1.2;letter-spacing:.2px}
    #lastUpdateInline{font-size:12px;line-height:1.2;font-weight:var(--fw-med);color:inherit;letter-spacing:inherit}

    .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
    .topCycleLine{display:flex;align-items:center}
    .statusLine{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
    .statusBadge{display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;border-radius:999px;border:1px solid rgba(34,48,71,.85);font-size:12px;font-weight:900;letter-spacing:.15px;background:rgba(11,18,32,.45);color:var(--muted2)}
    .statusBadge.good{color:var(--pos);background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.24)}
    .statusBadge.warn{color:var(--warn);background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.24)}
    .statusBadge.bad{color:var(--neg);background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.24)}
    .statusBadge.neutral{color:var(--flat);background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.24)}
    @media(max-width:640px){.actions{width:100%;justify-content:flex-start}.topCycleLine{order:1}.btn{order:2}.statusLine{justify-content:flex-start}}
    .btn{height:42px;font-size:13px;padding:0 14px;border-radius:14px;border:1px solid rgba(34,48,71,.85);background:rgba(17,28,46,.65);
      color:#e2e8f0;cursor:pointer;font-weight:900;box-shadow:0 1px 0 rgba(255,255,255,.03)}
    .btn:hover{background:rgba(17,28,46,.85)}
    .btn[disabled]{opacity:.65;cursor:default}
    .btnContent{display:inline-flex;gap:10px;align-items:center}
    .spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(148,163,184,.35);border-top-color:rgba(229,231,235,.9);animation:spin 0.9s linear infinite;display:none}
    .btn.loading .spinner,
    .viewBtn.refreshBtn.loading .spinner{display:inline-block}
    .btnProgress{display:none!important}
    .btnProgressBar{display:none!important}
    @keyframes spin{to{transform:rotate(360deg)}}
    .loadStatus{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(34,48,71,.85);background:rgba(11,18,32,.45);color:var(--muted);font-size:12px;font-weight:800;min-height:34px}
    .loadDot{width:8px;height:8px;border-radius:999px;background:var(--flat);opacity:.9}
    .loadStatus.loading .loadDot{background:var(--warn);box-shadow:0 0 0 4px rgba(245,158,11,.12)}
    .loadStatus.ready .loadDot{background:var(--pos);box-shadow:0 0 0 4px rgba(34,197,94,.12)}
    .loadStatus.error .loadDot{background:var(--neg);box-shadow:0 0 0 4px rgba(239,68,68,.12)}
    .btn.loading,
    .viewBtn.refreshBtn.loading{animation:none}

    .btn:active{transform:translateY(1px)}
    .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace}

    .card{background:linear-gradient(180deg, rgba(17,28,46,.92), rgba(14,26,44,.92));
      border:1px solid rgba(34,48,71,.85);border-radius:var(--r);padding:14px;box-shadow:var(--shadow2);backdrop-filter:blur(6px)}

    .metricsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
    .meta{color:var(--muted);font-size:12px;text-align:right}

    .metricGrid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;margin-top:2px}
    @media(max-width:1024px){.metricGrid{grid-template-columns:repeat(2, minmax(0,1fr));}}
    @media(max-width:640px){.metricGrid{grid-template-columns:1fr;}}

    .metricCard{background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,28,.98));border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:12px;display:flex;flex-direction:column;min-height:156px;box-shadow:0 16px 38px rgba(0,0,0,.28)}
    .summaryCard{position:relative;margin-top:0;background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,28,.98));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:12px;height:100%;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.45)}
    .summaryTitle{color:var(--muted2);font-size:18px;line-height:1.2;font-weight:800;letter-spacing:.2px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.12)}
    .summaryLine{margin-top:4px;color:var(--teal);font-size:13px;line-height:1.45;font-weight:700;white-space:normal}
    .summaryLine .k{color:var(--cyan)}

    .metricLabel{color:var(--muted);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-med);letter-spacing:.2px}
    .metricRow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-top:6px}
.metricCard.stackedDelta .metricRow{display:block;align-items:initial;gap:0;}
.metricCard.stackedDelta .metricValue{display:block;}
.metricCard.stackedDelta .delta,.metricCard.stackedDelta .smallDelta{display:block;margin-top:10px;}

    .metricValue{font-size:32px;line-height:1.1;font-weight:var(--fw-strong);letter-spacing:.2px;color:var(--muted2)}
    .metricTrendRow{margin-top:10px}
    .trend{font-weight:var(--fw-med);font-size:13px;padding:4px 8px;border-radius:999px;border:1px solid rgba(34,48,71,.85);
      background:rgba(11,18,32,.45);color:var(--flat);display:inline-flex;gap:6px;align-items:center}
    .trend.up{color:var(--pos)}
    .trend.down{color:var(--neg)}
    .trend.flat{color:var(--flat)}
    .delta{font-weight:var(--fw-strong);font-size:14px}
    .smallDelta{font-size:14px;color:var(--muted2);font-weight:900}
    .delta.pos{color:var(--pos)}
    .delta.neg{color:var(--neg)}
    .metricState{color:var(--muted2);font-size:13px;line-height:1.35;font-weight:var(--fw-med);margin-top:6px}
    .metricState.insight.insight-good{color:var(--pos)}
    .metricState.insight.insight-bad{color:var(--neg)}
    .metricState.insight.insight-warn{color:var(--warn)}
    .metricState.insight.insight-neutral{color:var(--muted2)}
    .metricSourceLine{color:var(--muted2);font-size:13px;line-height:1.35;font-weight:var(--fw-med);margin-top:auto;padding-top:10px}
    .metricSourceLine a{color:var(--muted2);text-decoration:none}
    .metricSourceLine a:hover{text-decoration:underline}
    a.sourceLink{color:var(--muted2);text-decoration:none}
    a.sourceLink:hover{text-decoration:underline}

    .insight{color:var(--muted2);font-weight:var(--fw-med)}
    .fng-red{color:var(--neg)}
    .fng-orange{color:var(--warn)}
    .fng-neutral{color:var(--flat)}
    .fng-lgreen{color:var(--teal)}
    .fng-dgreen{color:var(--pos)}
    .val-red{color:var(--neg)}
    .val-green{color:var(--pos)}
    .val-neutral{color:var(--flat)}
    .val-orange{color:var(--warn)}

    .topHint{color:var(--muted2);font-size:var(--fs-h3);line-height:var(--lh-h3);margin-top:12px;max-width:980px;font-weight:var(--fw-med);letter-spacing:.2px}
    .recommendation{color:var(--muted2);font-size:var(--fs-h3);line-height:var(--lh-h3);margin-top:10px;font-weight:var(--fw-med);letter-spacing:.2px}

    .tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
    .tab{height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(34,48,71,.85);background:rgba(11,18,32,.45);
      cursor:pointer;font-weight:950;color:var(--muted)}
    .tab:hover{color:var(--text)}
    .tab.active{color:var(--text);border-color:rgba(124,109,255,.45);background:rgba(124,109,255,.14);box-shadow:0 10px 22px rgba(124,109,255,.10)}

    .controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:8px 0 10px}
    .analysisHeadLeft{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .analysisModeWrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
    .analysisStatusLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
    .analysisStatusLine[hidden]{display:none !important}
    .analysisHeaderStatusLine{margin-top:0 !important}
    .analysisTableMeta{display:flex;justify-content:flex-end;align-items:center;margin:-2px 0 8px}
    .analysisTableSource{color:var(--muted2);font-size:12px;font-weight:var(--fw-med);line-height:1.2;text-align:right;margin-left:auto}
    .select{height:40px;font-size:13px;font-weight:var(--fw-med);border-radius:999px;;border-radius:14px;border:1px solid rgba(34,48,71,.85);background:rgba(11,18,32,.45);padding:0 12px;color:var(--text);
      font-weight:900;outline:none}
    .tableMeta{color:var(--muted);font-size:12px;font-weight:800}

    table{width:100%;border-collapse:separate;border-spacing:0}
    thead th{font-size:12px;letter-spacing:.2px;color:var(--muted);font-weight:var(--fw-med);text-align:left;padding:12px 10px;border-bottom:1px solid rgba(34,48,71,.85);white-space:nowrap;user-select:none}
    thead th.sortable{cursor:pointer}
    thead th.sortable:hover{color:var(--text)}
    thead th .sortMark{margin-left:6px;opacity:.85}
    tbody td{padding:6px 10px;border-bottom:1px solid rgba(34,48,71,.65);vertical-align:middle}
    td.num, th.num{text-align:right}
    td.num{font-variant-numeric: tabular-nums}
    td.perf, th.perf{text-align:center}
    td.perf{font-variant-numeric: tabular-nums}

    .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(34,48,71,.85);font-size:12px;font-weight:var(--fw-med);letter-spacing:.2px}
    .chip.buy{color:var(--pos);background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.25)}
    .chip.hold{color:var(--flat);background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.22)}
    .chip.sell{color:var(--neg);background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.22)}
    .chip.warn{color:var(--warn);background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.22)}
    .mini{font-size:12px;color:var(--muted2);font-variant-numeric: tabular-nums}
    .smaMain{font-weight:900;font-variant-numeric:tabular-nums}
    

    tbody tr:hover{background:rgba(255,255,255,.03)}
    .rankWrap{display:flex;align-items:center;gap:6px}
    .rank{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;font-weight:950;background:rgba(124,109,255,.14);color:var(--text);flex:0 0 auto}
    .ticker{font-weight:var(--fw-norm);color:var(--muted2)}
    .name{color:var(--text);font-size:12.5px;line-height:1.25;margin-top:0;font-weight:var(--fw-strong)}
    .kcat{font-weight:var(--fw-med);display:inline-flex;align-items:center;border:1px solid rgba(34,48,71,.85);background:rgba(11,18,32,.45);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--muted);font-weight:900}
    .chg{font-weight:950}
    .chg.pos{color:var(--pos)}
    .chg.neg{color:var(--neg)}
    .barwrap{display:flex;align-items:center;gap:10px}
    .bar{height:8px;border-radius:999px;background:rgba(148,163,184,.18);flex:1;overflow:hidden}
    .bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0%}
    .score{min-width:28px;text-align:right;font-weight:950}

    .footer{margin-top:14px;color:var(--muted);font-size:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}
    .tableWrap{overflow:auto;border-radius:14px}
    .stickyHead thead th{position:sticky;top:0;background:rgba(17,28,46,.98);backdrop-filter:blur(6px);z-index:1}
    .skeleton{height:14px;border-radius:10px;background:rgba(148,163,184,.18);animation:pulse 1.2s infinite ease-in-out}
    @keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}

    .errorOverlay{
      position:fixed;left:12px;right:12px;bottom:12px;
      background:rgba(0,0,0,.55);border:1px solid rgba(239,68,68,.45);
      color:#FCA5A5;border-radius:14px;padding:12px;display:none;white-space:pre-wrap;
      font-size:12px;max-height:40vh;overflow:auto;
    }
    .installHint{
      position:sticky;
      top:0;
      z-index:30;
      display:flex;
      align-items:center;
      gap:12px;
      margin:0 auto;
      padding:calc(10px + env(safe-area-inset-top)) 14px 10px;
      max-width:1490px;
      background:linear-gradient(180deg, rgba(17,28,46,.98), rgba(11,18,32,.96));
      border-bottom:1px solid rgba(148,163,184,.18);
      color:var(--text);
      box-shadow:0 12px 32px rgba(0,0,0,.25);
    }
    .installHint[hidden]{display:none}
    .installHintText{
      flex:1;
      min-width:0;
      font-size:13px;
      line-height:1.4;
      color:var(--muted2);
    }
    .installHintText strong{color:var(--text)}
    .installHintClose{
      border:1px solid rgba(148,163,184,.22);
      background:rgba(255,255,255,.04);
      color:var(--text);
      width:34px;
      height:34px;
      border-radius:999px;
      font-size:20px;
      line-height:1;
      cursor:pointer;
      flex:0 0 auto;
    }
    .installHintClose:hover{background:rgba(255,255,255,.08)}
    @media(max-width:640px){
      .installHint{
        padding:calc(10px + env(safe-area-inset-top)) 12px 10px;
        align-items:flex-start;
      }
    }
      .selectWide{min-width:220px;padding-right:34px}
    th.catCenter, td.catCenter{text-align:center}
    th.actionCenter, td.actionCenter{text-align:center}
    td.actionCenter .chip{white-space:nowrap;padding-left:8px;padding-right:8px}
    th.chartCenter, td.chartCenter{text-align:center}
    .sparkCell{min-width:114px}
    .sparkWrap{display:inline-flex;align-items:center;justify-content:center;width:104px;height:32px;padding:2px 4px;border-radius:10px;background:rgba(17,28,46,.68);border:1px solid rgba(34,48,71,.70)}
    .sparkSvg{display:block;width:96px;height:24px;overflow:visible}
    .sparkBase{stroke:rgba(148,163,184,.55);stroke-width:1;stroke-dasharray:4 3}
    .sparkLine.pos{stroke:var(--pos);fill:none}
    .sparkLine.neg{stroke:var(--neg);fill:none}
    .sparkLine{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
    .sparkDot.pos{fill:var(--pos)}
    .sparkDot.neg{fill:var(--neg)}
    .sparkEmpty{font-size:12px;color:var(--muted2)}
    .vix-ok{color:var(--pos)}
    .vix-warn{color:var(--warn)}
    .vix-bad{color:var(--neg)}
    a.assetLink{color:var(--text);text-decoration:none}
    a.assetLink:hover{text-decoration:underline}
    .staleStar{color:var(--warn);font-weight:950;font-size:16px;line-height:1;display:inline-block;min-width:10px;text-align:center}
    .staleNote{
      margin-top:10px;
      padding-inline-start:10px;
      padding-inline-end:10px;
      color:var(--muted2);
      font-size:12px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:6px;
      line-height:1.25;
      text-align:left;
    }
    .staleNote .staleStar{font-size:13px;min-width:auto;margin-right:4px}
    .staleNoteText{color:var(--muted2)}

    .macroCard{background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,28,.98));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:16px 16px 14px;box-shadow:0 16px 38px rgba(0,0,0,.28)}
    .macroHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
    .macroTitle{font-size:13px;font-weight:var(--fw-strong);color:var(--text);line-height:1.2}
    .macroSub{font-size:12px;color:var(--muted2);margin-top:2px}
    .macroVal{font-size:22px;font-weight:var(--fw-strong);letter-spacing:-.2px}
    .macroMeta{display:flex;gap:10px;align-items:center;margin-top:6px}
    .macroDelta{font-size:12px;font-weight:var(--fw-med);padding:4px 8px;border-radius:999px;border:1px solid rgba(34,48,71,.85);color:var(--muted2)}
    .macroDelta.pos{color:var(--pos);border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.08)}
    .macroDelta.neg{color:var(--neg);border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.08)}
    .macroDelta.flat{color:var(--flat);border-color:rgba(148,163,184,.22);background:rgba(148,163,184,.08)}
    .macroLink{font-size:12px;color:var(--muted2);text-decoration:none}
    .macroLink:hover{text-decoration:underline}
    .macroSection{margin-top:12px}
    .macroHeaderRow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 2px 8px}
    .macroHeaderRow h2{margin:0;font-size:14px;font-weight:var(--fw-strong);color:var(--muted2)}
    .cycleLine{font-size:12px;color:var(--muted2)}
    .cycleBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(34,48,71,.85);font-size:12px;font-weight:var(--fw-med)}
    .cycleBadge.green{color:var(--pos);background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.22)}
    .cycleBadge.orange{color:var(--warn);background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.22)}
    .cycleBadge.red{color:var(--neg);background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.22)}


    /* Makrolage: Style an KPI-Kacheln angleichen */
    .macroCard{padding:12px;display:flex;flex-direction:column;min-height:146px}
    .macroTitle{font-size:12px;font-weight:var(--fw-med);color:var(--muted2);letter-spacing:.2px;text-transform:none}
    .macroSub{display:none}
    .macroValRow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
    .macroVal{font-size:24px;font-weight:var(--fw-strong);letter-spacing:-.3px;color:var(--muted2)}
    .macroInfo{font-size:12px;font-weight:var(--fw-med)}
    .macroInfo.pos{color:var(--pos)}
    .macroInfo.neg{color:var(--neg)}
    .macroInfo.flat{color:var(--flat)}
    .macroSourceLine{margin-top:auto;padding-top:10px;font-size:12px;color:var(--muted2)}
    .macroSourceLine a{color:var(--muted2);text-decoration:none}
    .macroSourceLine a:hover{text-decoration:underline}
    .macroFazit{display:none;margin-top:6px;font-size:12px;color:var(--muted2);line-height:1.35}


    .macroInfo.good{color:var(--pos)}
    .macroInfo.bad{color:var(--neg)}
    .macroInfo.warn{color:var(--warn)}
    .macroInfo.neutral{color:var(--flat)}


    .macroSourceLine{margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,163,184,.12);font-size:10px;font-weight:var(--fw-med);color:var(--muted2);line-height:1.35}
    .macroSourceLine strong{font-weight:var(--fw-med);color:inherit}
    .macroFazit{display:none;margin-top:6px;font-size:12px;font-weight:var(--fw-med);color:var(--muted);line-height:1.35}


    /* Makrolage-Text exakt wie obere KPI-Textzeilen */
    .macroSourceLine, .macroFazit{
      display:block;
      font-family:inherit;
      font-size:12px;
      font-weight:var(--fw-med);
      color:#EAF2FF;
      line-height:1.35;
      letter-spacing:0;
    }
    .macroSourceLine a{
      display:inline;
      font-family:inherit;
      font-size:12px;
      font-weight:var(--fw-med);
      color:#EAF2FF;
      line-height:1.35;
      letter-spacing:0;
      text-decoration:none;
    }
    .macroSourceLine a:hover{
      text-decoration:underline;
      text-underline-offset:2px;
    }


    /* Makrolage-Titel wie obere Kachel-Titel */
    .macroTitle{
      font-family:inherit;
      font-size:12px;
      font-weight:var(--fw-med);
      color:var(--muted2);
      line-height:1.2;
      letter-spacing:0.2px;
    }


    .macroTitle{color:var(--muted);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-med);letter-spacing:.2px}



    .internalSection{margin-top:12px}
    .internalHeaderRow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 2px 8px}
    .internalHeaderRow h2{margin:0;font-size:14px;font-weight:var(--fw-strong);color:var(--muted2)}
    .internalGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:0}
    @media(max-width:1024px){.internalGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media(max-width:640px){.internalGrid{grid-template-columns:1fr;}}
    .internalCard{background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,28,.98));border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:12px;display:flex;flex-direction:column;min-height:118px;box-shadow:0 16px 38px rgba(0,0,0,.28)}
    .flowSection{margin-top:10px}
    .flowCard .internalValue{font-size:18px}
    .flowCard .internalValue.compact{font-size:18px;line-height:1.25}
    .flowFine{font-size:12px;color:var(--muted2)}
    .internalLabel{color:var(--muted);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-med);letter-spacing:.2px}

    #liquidityCard .internalLabel,#seasonalityCard .internalLabel{margin-bottom:8px;display:block}
    .internalRow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-top:8px}
    .internalValue{font-size:28px;line-height:1.1;font-weight:var(--fw-strong);letter-spacing:.15px;color:var(--muted2)}
    .internalValue.compact{font-size:22px}
    .metricValue.value-good,.macroVal.value-good,.internalValue.value-good{color:#8fd9b2}
    .metricValue.value-bad,.macroVal.value-bad,.internalValue.value-bad{color:#f2a4a4}
    .metricValue.value-warn,.macroVal.value-warn,.internalValue.value-warn{color:#e8c47a}
    .metricValue.value-neutral,.macroVal.value-neutral,.internalValue.value-neutral{color:var(--muted2)}
    .internalState{margin-top:8px;font-size:12px;line-height:1.35;font-weight:var(--fw-med);color:var(--muted2)}
    .internalState.good{color:var(--pos)}
    .internalState.bad{color:var(--neg)}
    .internalState.warn{color:var(--warn)}
    .internalState.neutral{color:var(--flat)}


    .finalGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;align-items:stretch;grid-auto-rows:1fr}
    .finalGrid .span2{grid-column:span 2}
    @media(max-width:1024px){.finalGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.finalGrid .span2{grid-column:span 2}}
    @media(max-width:640px){.finalGrid{grid-template-columns:1fr;}.finalGrid .span2{grid-column:span 1}}
    .contextCard{position:relative;background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,28,.98));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:12px;display:flex;flex-direction:column;min-height:0;height:100%;box-shadow:0 24px 70px rgba(0,0,0,.45)}
    .contextTitle{color:var(--text);font-size:18px;line-height:1.2;font-weight:800;letter-spacing:.2px;margin:0 0 10px}
    .contextStats{display:grid;gap:8px}
    .contextStat{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:0;padding-top:0}
    .contextStat:first-child{border-top:0;padding-top:0}
    .contextKey{color:var(--muted2);font-size:12px;line-height:1.35;font-weight:var(--fw-med)}
    .contextVal{color:var(--muted2);font-size:13px;line-height:1.35;font-weight:700;text-align:right}
    .contextVal.good{color:var(--pos)}
    .contextVal.bad{color:var(--neg)}
    .contextVal.warn{color:var(--warn)}
    .contextVal.neutral{color:var(--flat)}
    .contextNote{margin-top:auto;padding-top:8px;color:var(--muted2);font-size:12px;line-height:1.45;font-weight:var(--fw-med)}



    .metricCard,.macroCard,.internalCard{position:relative}.metricLabel,.internalLabel,.macroTitle{display:block;position:relative;padding-right:28px}.labelText{display:inline-block;padding-right:0}.metricCard>.infoBtn,.macroCard>.infoBtn,.internalCard>.infoBtn,.contextCard>.infoBtn{position:absolute;top:12px;right:12px;margin:0;z-index:3}.metricCard>.sourceMiniBtn,.macroCard>.sourceMiniBtn,.internalCard>.sourceMiniBtn,.contextCard>.sourceMiniBtn{position:absolute;top:12px;right:30px;margin:0;z-index:3}.infoBtn,.sourceMiniBtn{display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;min-width:18px;padding:0;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.45);color:rgba(226,232,240,.70);font-size:10px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);vertical-align:middle;backdrop-filter:blur(3px);text-decoration:none}
    .macroCard .macroHead{position:relative;display:block !important}
    .macroCard .macroHead > .infoBtn,
    .macroCard .macroHead > .sourceMiniBtn{
      position:absolute;
      top:0;
      margin:0;
      z-index:3;
    }
    .macroCard .macroHead > .infoBtn{right:0}
    .macroCard .macroHead > .sourceMiniBtn{right:18px}
    .macroCard .macroTitle{display:block;padding-right:42px}
    .metricValue.value-good,.macroVal.value-good,.internalValue.value-good{color:#86efac !important}
    .metricValue.value-bad,.macroVal.value-bad,.internalValue.value-bad{color:#fca5a5 !important}
    .metricValue.value-warn,.macroVal.value-warn,.internalValue.value-warn{color:#e8c47a !important}
    .metricValue.value-neutral,.macroVal.value-neutral,.internalValue.value-neutral{color:var(--muted2) !important}

    .sourceMiniBtn{font-size:11px;color:rgba(226,232,240,.58)}
    .infoBtn:hover,.sourceMiniBtn:hover{background:rgba(30,41,59,.72);border-color:rgba(148,163,184,.28);color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.22)}
    .infoBtn:focus-visible,.sourceMiniBtn:focus-visible{outline:2px solid rgba(148,163,184,.38);outline-offset:2px}
    .infoModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,23,.82);backdrop-filter:blur(10px) saturate(.85);z-index:1200}
    .infoModal.open{display:flex}
    .infoDialog{width:min(760px,100%);max-height:min(84vh,900px);overflow:auto;background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,28,.98));border:1px solid rgba(148,163,184,.18);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.45);padding:18px 18px 16px}
    .infoDialogHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
    .infoDialogTitle{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;line-height:1.2;color:#f8fafc}
    .infoClose{border:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.06);color:#e2e8f0;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
    .infoClose:hover{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.3);color:#f8fafc}
    .infoSection{padding:11px 0;border-top:1px solid rgba(148,163,184,.12)}
    .infoSection:first-of-type{border-top:none;padding-top:0}
    .infoSectionTitle{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin-bottom:6px;font-weight:800}
    .infoSectionBody{font-size:14px;line-height:1.58;color:var(--muted2)}
    .infoSectionBody ul{margin:0;padding-left:18px}
    .infoSectionBody li+li{margin-top:4px}
    .infoSectionBody.hasActive li{color:rgba(226,232,240,.68)}
    .infoSectionBody li.infoActive{color:#f8fafc;font-weight:700}
    .infoSection.isHighlighted .infoSectionBody{color:#f8fafc}
    .infoCurrentValue{font-weight:800}
    .infoCurrentValue .value-good{color:#41d89d !important}
    .infoCurrentValue .value-bad{color:#ff7f8a !important}
    .infoCurrentValue .value-warn{color:#efc86a !important}
    .infoCurrentValue .value-neutral{color:var(--pos) !important}
    .infoSection.isHighlighted .infoSectionBody .infoCurrentValue .value-good{color:#41d89d !important}
    .infoSection.isHighlighted .infoSectionBody .infoCurrentValue .value-bad{color:#ff7f8a !important}
    .infoSection.isHighlighted .infoSectionBody .infoCurrentValue .value-warn{color:#efc86a !important}
    .infoSection.isHighlighted .infoSectionBody .infoCurrentValue .value-neutral{color:var(--pos) !important}
    .infoCurrentValue .infoDivider{color:var(--muted2) !important;padding:0 4px;font-weight:600}
    .infoTickerLead{margin-bottom:8px}
    .infoTickerList{display:flex;flex-wrap:wrap;gap:6px}
    .infoTickerPill{
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      background:rgba(23,39,64,.9);
      border:1px solid rgba(45,70,104,.85);
      color:#dbe7f6;
      font-size:12px;
      font-weight:700;
      line-height:1.2;
    }
    .infoFoot{margin-top:10px;font-size:12px;color:var(--muted2)}

  

    .titleSourceLink{color:inherit;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;max-width:calc(100% - 28px)}
    .titleSourceLink:hover{color:#c6dcff;text-decoration:underline;text-underline-offset:2px}
    .titleSourceLink:focus-visible{outline:1px solid rgba(147,197,253,.45);outline-offset:2px;border-radius:4px}

    /* KPI-Titel */
    .metricLabel,.macroTitle,.internalLabel{color:var(--muted2) !important}

    /* Einheitliche dezente Textfarbe ausser in ausgeschlossenen Bereichen */
    .metricCard .metricValue,
    .metricCard .smallDelta,
    .metricCard .metricState.insight-neutral,
    .metricCard .metricSourceLine,
    .metricCard .metricSourceLine a,
    .macroCard .macroTitle,
    .macroCard .macroSourceLine,
    .macroCard .macroSourceLine a,
    .macroCard .macroFazit,
    .internalCard .internalLabel,
    .internalCard .internalValue,
    .internalCard .internalState.neutral,
    .internalCard .flowFine,
    .contextCard .contextKey,
    .contextCard .contextVal.neutral,
    .contextCard .contextNote,
    .infoSectionBody,
    .infoFoot{
      color:var(--muted2);
    }

    /* Einheitliche Typografie für die ersten 4 KPI-Kacheln */
    .metricCard.stackedDelta .metricValue{
      display:block;
      font-size:30px;
      line-height:1.02;
      font-weight:var(--fw-strong);
      margin-bottom:12px;
    }
    .metricCard.stackedDelta .delta,
    .metricCard.stackedDelta .smallDelta{
      display:block;
      margin-top:0;
      min-height:1.15em;
      font-size:13px;
      line-height:1.2;
      font-weight:800;
      letter-spacing:0;
      color:var(--muted2);
    }
    .metricCard.stackedDelta .metricState{
      margin-top:8px;
      font-size:13px;
      line-height:1.32;
    }
    .metricCard.stackedDelta .delta.val-red,
    .metricCard.stackedDelta .smallDelta.val-red{color:var(--neg) !important}
    .metricCard.stackedDelta .delta.val-orange,
    .metricCard.stackedDelta .smallDelta.val-orange{color:var(--warn) !important}
    .metricCard.stackedDelta .delta.val-green,
    .metricCard.stackedDelta .smallDelta.val-green{color:var(--pos) !important}
    .metricCard.stackedDelta .delta.val-neutral,
    .metricCard.stackedDelta .smallDelta.val-neutral{color:var(--flat) !important}


    /* Feine Trennlinien in KPI-Kacheln */
    .metricCard .metricLabel,
    .internalCard .internalLabel,
    .contextCard .internalLabel{
      padding-bottom:10px;
      margin-bottom:10px;
      border-bottom:1px solid rgba(148,163,184,.10);
    }
    .macroCard .macroHead{
      padding-bottom:3px;
      margin-bottom:4px !important;
      border-bottom:1px solid rgba(148,163,184,.10);
    }
    .metricCard .metricRow,
    .internalCard .internalRow,
    .macroCard .macroValRow,
    .contextCard .contextStats{
      padding-bottom:0;
      margin-bottom:0;
      border-bottom:none;
    }
    .contextCard .contextNote{
      border-top:1px solid rgba(148,163,184,.10);
      padding-top:10px;
      margin-top:auto;
    }

  

    /* Compact desktop tuning for above-the-fold layout */
    @media (min-width: 1180px) {
      body{font-size:14px}
      .pageFrame{padding:18px 0 8px}
      .topbar{gap:8px;margin-bottom:18px;padding-top:0}
      .title{gap:3px}
      .brandTitle{gap:3px}
      .brandLogo{width:315px;height:83px;flex-basis:315px;border-radius:0;transform:none}
      .brandSubline{font-size:11.5px}
      .title .sub{font-size:14px;line-height:1.2;margin:0}
      #lastUpdateInline{font-size:12px;line-height:1.2}
      .actions{gap:8px}
      .statusLine{gap:8px}
      .statusBadge{min-height:32px;padding:6px 12px;font-size:11.5px}
      .btn{height:40px;padding:0 13px;font-size:12.5px}
      .contentRow{gap:14px}
      .sidebar{width:176px;flex-basis:176px;padding:10px 9px 9px;border-radius:18px}
      .sideBrand{padding:2px 7px 8px;font-size:12.5px}
      .sideNav{gap:5px}
      .sideBtn{height:37px;padding:0 11px;font-size:12.5px;border-radius:12px}
      .container{max-width:1280px}
      .card{padding:12px;border-radius:18px}
      .macroHeaderRow{margin:4px 2px 6px}
      h2,.macroHeaderRow h2{font-size:13px}
      .metricGrid{gap:8px;margin-top:0}
      .metricCard{padding:10px 12px;min-height:138px;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.22)}
      .metricLabel,.internalLabel,.macroTitle{font-size:11px;line-height:1.22;padding-right:24px}
      .metricValue{font-size:30px;line-height:1.02}
      .metricRow{gap:8px;margin-top:4px}
      .metricTrendRow{margin-top:8px}
      .metricState{font-size:12px;line-height:1.28;margin-top:5px}
      .metricSourceLine{font-size:12px;line-height:1.28;padding-top:8px}
      .macroCard{padding:10px 12px;min-height:132px}
      .macroVal{font-size:22px;line-height:1.02}
      .macroInfo{font-size:12px;line-height:1.28}
      .macroSourceLine,.macroFazit{font-size:12px;line-height:1.28;padding-top:8px}
      .internalCard{padding:10px 12px;min-height:124px}
      .internalValue{font-size:20px;line-height:1.04}
      .internalComment{font-size:12px;line-height:1.28;margin-top:6px}
      .contextCard{padding:10px 12px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
      .contextTitle{font-size:17px;line-height:1.15;margin-bottom:8px}
      .contextStats{gap:6px}
      .contextKey,.contextVal,.contextNote{font-size:11px;line-height:1.3}
      .contextNote{padding-top:7px}
      .summaryCard{padding:10px 12px;border-radius:16px}
      .summaryTitle{font-size:16px;line-height:1.15}
      .summaryLine{margin-top:4px;font-size:12px;line-height:1.42}
      .metricCard>.infoBtn,.macroCard>.infoBtn,.internalCard>.infoBtn,.contextCard>.infoBtn{top:10px;right:10px}
      .metricCard>.sourceMiniBtn,.macroCard>.sourceMiniBtn,.internalCard>.sourceMiniBtn,.contextCard>.sourceMiniBtn{top:10px;right:28px}
      .macroCard .macroHead > .infoBtn{top:0;right:0}
      .macroCard .macroHead > .sourceMiniBtn{top:0;right:18px}
      .sourceMiniBtn,.infoBtn{width:17px;height:17px;font-size:10px}
      .metricLabel,.internalLabel,.macroTitle,.contextTitle{margin-bottom:0}
      .metricCard .titleDivider,.macroCard .titleDivider,.internalCard .titleDivider,.contextCard .titleDivider{margin:6px 0 8px}
      .contextCard .titleDivider{margin:6px 0 7px}
      .summaryCard .summaryLine:first-of-type{margin-top:8px}
    }


    /* Top-4 Untertitel-Farben gezielt angleichen */
    #fngLabel.fng-red{color:var(--neg) !important;}
    #fngLabel.fng-orange{color:var(--warn) !important;}
    #fngLabel.fng-neutral{color:var(--flat) !important;}
    #fngLabel.fng-lgreen{color:var(--teal) !important;}
    #fngLabel.fng-dgreen{color:var(--pos) !important;}
    #vixDelta.vix-ok{color:var(--pos) !important;}
    #vixDelta.vix-warn{color:var(--warn) !important;}
    #vixDelta.vix-bad{color:var(--neg) !important;}
    #marketPeLabel.val-green,
    #equityRiskPremiumLabel.val-green{color:var(--pos) !important;}
    #marketPeLabel.val-red,
    #equityRiskPremiumLabel.val-red{color:var(--neg) !important;}
    #marketPeLabel.val-orange,
    #equityRiskPremiumLabel.val-orange{color:var(--warn) !important;}
    #marketPeLabel.val-neutral,
    #equityRiskPremiumLabel.val-neutral{color:var(--text) !important;}



    /* ===== Ruhigeres Grid / standardisierte Signale ===== */
    :root{
      --text-soft:#D4DEEA;
    }

    .statusLine{gap:6px}
    .statusBadge{
      min-height:30px;
      padding:5px 11px;
      font-size:11px;
      letter-spacing:.08px;
      font-weight:800;
      background:rgba(15,23,42,.38);
      border-color:rgba(148,163,184,.14);
      box-shadow:none;
      backdrop-filter:blur(4px);
    }
    .statusBadge.good{color:#86efac;background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.14)}
    .statusBadge.warn{color:#f6c768;background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.14)}
    .statusBadge.bad{color:#f5a3a3;background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.14)}
    .statusBadge.neutral{color:#c7d2e0;background:rgba(148,163,184,.06);border-color:rgba(148,163,184,.14)}

    .metricState.insight,
    .metricState.insight.insight-good,
    .metricState.insight.insight-bad,
    .metricState.insight.insight-warn,
    .metricState.insight.insight-neutral,
    .internalState,
    .internalState.good,
    .internalState.bad,
    .internalState.warn,
    .internalState.neutral,
    .contextNote{
      color:var(--text-soft) !important;
    }

    .metricState.insight,
    .internalState,
    .contextNote,
    .macroInfo{
      line-height:1.38;
      min-height:calc(1.38em * 2);
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      overflow:hidden;
    }

    .metricState.insight,
    .internalState,
    .contextNote{
      font-size:12px;
    }

    .macroInfo{
      display:contents;
      font-size:12px;
      font-weight:700;
      color:var(--text-soft);
    }
    .macroInfoLead{
      display:inline-block;
      font-size:12px;
      line-height:1.15;
      font-weight:800;
      margin-right:0;
      white-space:nowrap;
    }
    .macroInfoLead.good{color:var(--pos)}
    .macroInfoLead.bad{color:var(--neg)}
    .macroInfoLead.warn{color:var(--warn)}
    .macroInfoLead.neutral{color:var(--flat)}
    .macroInfoText{
      display:block;
      flex:1 0 100%;
      width:100%;
      margin-top:8px;
      color:var(--text-soft);
      font-weight:700;
      max-width:none;
    }
    .macroInfoTextLead{
      display:block;
    }
    .macroInfoTextBody{
      display:block;
      margin-top:6px;
    }

    .summaryCard{
      padding:12px 14px;
      border-radius:18px;
    }
    .summaryTitle{
      margin-bottom:10px;
      padding-bottom:10px;
      border-bottom:1px solid rgba(148,163,184,.12);
    }
    #summaryFazit{
      display:grid;
      gap:7px;
      margin-top:0;
      color:inherit;
    }
    .summaryItem{
      display:grid;
      grid-template-columns:108px minmax(0,1fr);
      gap:10px;
      align-items:start;
      font-size:13px;
      line-height:1.48;
    }
    .summaryLabel{
      color:var(--muted2);
      font-weight:800;
    }
    .summaryValue{
      color:var(--text-soft);
      font-weight:700;
    }
    #summaryEmpf{
      margin-top:12px;
      padding-top:10px;
      border-top:1px solid rgba(148,163,184,.12);
      color:inherit;
    }
    .summaryRecLabel{
      display:block;
      margin-bottom:4px;
      color:var(--muted2);
      font-size:12px;
      line-height:1.3;
      font-weight:800;
    }
    .summaryRecText{
      display:block;
      color:var(--teal);
      font-size:13px;
      line-height:1.48;
      font-weight:800;
    }

    @media (min-width: 1180px) {
      .statusLine{gap:5px}
      .statusBadge{
        min-height:28px;
        padding:4px 10px;
        font-size:10.5px;
      }
      .summaryItem{font-size:12.5px;line-height:1.5}
      .summaryRecText{font-size:12.5px}
    }



    /* ===== Desktop compact pass v4 ===== */
    @media (min-width: 1180px) {
      .pageFrame{padding:12px 0 8px}
      .topbar{gap:6px;margin-bottom:14px}
      .title{gap:2px}
      .brandTitle{gap:2px}
      .brandLogo{width:240px;height:63px;flex-basis:240px;border-radius:0;transform:none}
      .brandSubline{font-size:10px}
      .title .sub{font-size:11.5px;line-height:1.15}
      #lastUpdateInline{font-size:11.5px;line-height:1.15}

      .actions{gap:7px}
      .statusLine{gap:4px}
      .statusBadge{min-height:26px;padding:3px 9px;font-size:10.25px}
      .btn{height:38px;padding:0 12px;font-size:12px}
      .btnContent{gap:8px}

      .contentRow{gap:12px}
      .sidebar{width:162px;flex-basis:162px;padding:8px 8px 8px;border-radius:17px;top:14px}
      .sideBrand{padding:1px 6px 7px;font-size:12px}
      .sideNav{gap:4px}
      .sideBtn{height:35px;padding:0 10px;font-size:12px;border-radius:12px;gap:8px}

      .card{padding:10px 11px;border-radius:17px}
      .macroHeaderRow{margin:3px 1px 5px}
      h2,.macroHeaderRow h2{font-size:12.5px}
      .metricGrid{gap:7px;margin-top:0}

      .metricCard{padding:9px 10px;min-height:128px;border-radius:13px;box-shadow:0 10px 24px rgba(0,0,0,.20)}
      .metricLabel,.internalLabel,.macroTitle{font-size:10.75px;line-height:1.18;padding-right:22px;padding-bottom:8px;margin-bottom:8px}
      .metricCard .metricLabel,
      .internalCard .internalLabel,
      .contextCard .internalLabel{padding-bottom:8px;margin-bottom:8px}
      .macroCard .macroHead{padding-bottom:3px;margin-bottom:4px !important}

      .macroCard .macroTitle{padding-bottom:0 !important;margin-bottom:0 !important}
      .metricValue{font-size:29px;line-height:1.0}
      .metricCard.stackedDelta .metricValue{font-size:29px;margin-bottom:6px}
      .metricRow{gap:7px;margin-top:3px}
      .metricTrendRow{margin-top:6px}
      .metricState{font-size:11.5px;line-height:1.28;margin-top:4px;min-height:calc(1.28em * 2)}
      .metricState.insight,
      .internalState,
      .contextNote,
      .macroInfo{line-height:1.28;min-height:calc(1.28em * 2)}
      .macroInfo{font-size:11.5px}

      .macroCard{padding:9px 10px;min-height:122px;border-radius:13px}
      .macroVal{font-size:20px;line-height:1.0}
      .macroInfoLead{margin-right:3px}

      .internalCard{padding:9px 10px;min-height:112px;border-radius:13px}
      .internalValue{font-size:18px;line-height:1.0}
      .internalComment{font-size:11.5px;line-height:1.25;margin-top:5px}

      .contextCard{padding:9px 10px;border-radius:15px;box-shadow:0 12px 28px rgba(0,0,0,.20)}
      .contextTitle{font-size:16px;line-height:1.12;margin-bottom:6px}
      .contextStats{gap:5px}
      .contextKey,.contextVal,.contextNote{font-size:10.75px;line-height:1.24}
      .contextNote{padding-top:8px;margin-top:8px}

      .metricCard>.infoBtn,.macroCard>.infoBtn,.internalCard>.infoBtn,.contextCard>.infoBtn{top:9px;right:9px}
      .metricCard>.sourceMiniBtn,.macroCard>.sourceMiniBtn,.internalCard>.sourceMiniBtn,.contextCard>.sourceMiniBtn{top:9px;right:26px}
      .macroCard .macroHead > .infoBtn{top:0;right:0}
      .macroCard .macroHead > .sourceMiniBtn{top:0;right:16px}
      .sourceMiniBtn,.infoBtn{width:16px;height:16px;min-width:16px;font-size:9px}
      .metricCard .titleDivider,.macroCard .titleDivider,.internalCard .titleDivider,.contextCard .titleDivider{margin:5px 0 7px}
      .contextCard .titleDivider{margin:5px 0 6px}

      .summaryCard{padding:9px 10px;border-radius:15px;box-shadow:0 12px 28px rgba(0,0,0,.20)}
      .summaryTitle{font-size:15px;line-height:1.12;margin:0 0 7px;padding-bottom:8px}
      #summaryFazit{gap:4px}
      .summaryItem{grid-template-columns:90px minmax(0,1fr);gap:7px;font-size:12px;line-height:1.33}
      .summaryLabel{font-weight:800}
      .summaryValue{font-weight:700}
      #summaryEmpf{margin-top:8px;padding-top:8px}
      .summaryRecLabel{margin-bottom:3px;font-size:11.5px;line-height:1.2}
      .summaryRecText{font-size:12px;line-height:1.34}
    }


    /* ===== Desktop refinement v5 ===== */
    @media (min-width: 1180px) {
      .pageFrame{padding:10px 0 6px}
      .topbar{align-items:flex-end;gap:8px;margin-bottom:12px}
      .title{gap:2px;justify-content:center}
      .brandTitle{gap:2px}
      .brandLogo{width:240px;height:63px;flex-basis:240px;border-radius:0;transform:none}
      .brandSubline{font-size:10.5px}
      .title .sub{font-size:12.25px;line-height:1.18}
      #lastUpdateInline{font-size:12.25px;line-height:1.18}

      .actions{gap:8px;align-items:flex-end;justify-content:flex-end}
      .topCycleLine,.statusLine{align-items:center}
      .statusLine{gap:5px}
      .statusBadge{min-height:27px;padding:4px 10px;font-size:10.6px}
      .btn{height:39px;padding:0 13px;font-size:12.25px;border-radius:13px}
      .btnContent{gap:8px}

      .contentRow{gap:13px}
      .sidebar{width:160px;flex-basis:160px;padding:8px 8px 8px;border-radius:17px;top:14px}
      .sideBrand{font-size:11.75px}
      .sideBtn{height:34px;padding:0 10px;font-size:11.8px;gap:8px}

      .card{padding:10px 12px;border-radius:17px}
      .metricGrid,.internalGrid,.finalGrid{gap:8px}
      .metricCard{padding:10px 11px;min-height:130px;border-radius:13px}
      .macroCard{padding:10px 11px;min-height:124px;border-radius:13px}
      .internalCard{padding:10px 11px;min-height:114px;border-radius:13px}
      .contextCard{padding:10px 11px;border-radius:15px}
      .summaryCard{padding:10px 11px;border-radius:15px}

      .metricLabel,.internalLabel,.macroTitle{font-size:11.1px;line-height:1.2;padding-right:22px;padding-bottom:9px;margin-bottom:9px}
      .metricCard .metricLabel,
      .internalCard .internalLabel,
      .contextCard .internalLabel{padding-bottom:9px;margin-bottom:9px}
      .macroCard .macroHead{padding-bottom:3px;margin-bottom:4px !important}

      .macroCard .macroTitle{padding-bottom:0 !important;margin-bottom:0 !important}

      .metricRow,.internalRow{gap:8px;margin-top:4px}
      .metricValue{font-size:30px;line-height:1.02}
      .metricCard.stackedDelta .metricValue{font-size:30px;margin-bottom:7px}
      .metricCard.stackedDelta .delta,
      .metricCard.stackedDelta .smallDelta{font-size:13px;line-height:1.18}
      .metricState{font-size:11.85px;line-height:1.32;margin-top:5px;min-height:calc(1.32em * 2)}
      .metricState.insight,
      .internalState,
      .contextNote,
      .macroInfo{line-height:1.32;min-height:calc(1.32em * 2)}
      .macroVal{font-size:21px;line-height:1.02}
      .macroInfo{font-size:11.85px}
      .internalValue{font-size:19px;line-height:1.03}

      .contextStats{gap:6px}
      .contextStat{align-items:center;gap:10px}
      .contextKey{font-size:10.5px;line-height:1.18;font-weight:700;color:var(--muted)}
      .contextVal{font-size:12px;line-height:1.24;font-weight:800}
      .contextNote{font-size:11.2px;line-height:1.32;padding-top:9px;margin-top:10px}

      .summaryTitle{font-size:15.5px;line-height:1.14;margin:0 0 8px;padding-bottom:8px}
      #summaryFazit{gap:5px}
      .summaryItem{grid-template-columns:88px minmax(0,1fr);gap:8px;font-size:12.15px;line-height:1.36}
      .summaryLabel{font-size:11px;line-height:1.18;font-weight:800;color:var(--muted)}
      .summaryValue{font-size:12.45px;line-height:1.36;font-weight:800}
      #summaryEmpf{margin-top:9px;padding-top:9px}
      .summaryRecLabel{margin-bottom:3px;font-size:11px;line-height:1.18}
      .summaryRecText{font-size:12.45px;line-height:1.36}
    }



    /* v11: KPI-Titel global 12px, Fliesstext 12px mit mehr Abstand */
    .metricLabel,
    .internalLabel,
    .macroTitle{
      font-size:12px !important;
      line-height:1.2 !important;
    }

    .metricState,
    .metricState.insight,
    .internalState,
    .contextNote,
    .summaryLine,
    .summaryRecText,
    .macroInfo,
    .macroInfoText{
      font-size:12px !important;
      line-height:1.35 !important;
    }

    .metricState,
    .metricState.insight,
    .internalState,
    .contextNote,
    .summaryLine,
    .summaryRecText{
      margin-top:12px !important;
    }

    .macroValRow{
      margin-top:12px !important;
    }

    /* topbar right edge aligned to main card */
    @media (min-width: 1180px){
      .container{max-width:none !important;width:100% !important;}
      .topbar{padding-right:0 !important;}
      .actions{margin-right:0 !important;}
    }



    /* v16: obere View-Navigation, Sidebar entfernt */
    .topbarMain{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%}
    .topbarRight{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:8px;flex-wrap:wrap;min-width:0}.topbarRight .viewSwitch{margin-left:0}.topbarRight .actions{min-width:0}
    .topbarMetaLinks{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:18px;width:100%;padding-right:6px;box-sizing:border-box}
    .topbarMetaLinks a{color:var(--muted2);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.14px}
    .topbarMetaLinks a:hover{color:var(--text);text-decoration:underline}
    .viewSwitch{display:flex;align-items:center;gap:8px;padding:4px;border:1px solid rgba(34,48,71,.85);border-radius:16px;background:rgba(17,28,46,.55);box-shadow:0 1px 0 rgba(255,255,255,.03)}
    .viewBtn{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:132px;padding:0 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:rgba(234,242,255,.72);font-size:12px;font-weight:900;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease, box-shadow .18s ease}
    .viewBtn:hover{color:var(--text);background:rgba(255,255,255,.03)}
    .viewBtn.active{background:rgba(255,255,255,.05);border-color:rgba(96,165,250,.16);color:var(--text);box-shadow:inset 3px 0 0 rgba(96,165,250,.95), 0 0 0 1px rgba(255,255,255,.015)}
.viewBtn.refreshBtn{min-width:156px;background:rgba(10,24,48,.72);border-color:rgba(59,130,246,.18);color:var(--text);position:relative;overflow:hidden;isolation:isolate;--loadProgress:0%}
.viewBtn.refreshBtn:hover{background:rgba(255,255,255,.05);border-color:rgba(96,165,250,.18)}
.viewBtn.refreshBtn.loading{opacity:.94}
.viewBtn.refreshBtn::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--loadProgress);background:linear-gradient(90deg, rgba(96,165,250,.18), rgba(34,211,238,.22));opacity:0;transition:width .18s linear,opacity .16s ease;z-index:0;pointer-events:none}
.viewBtn.refreshBtn.loading::before{opacity:1}
.viewBtn.refreshBtn .btnContent{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;position:relative;z-index:1}
.viewBtn.refreshBtn .spinner{position:static;transform:none;margin:0}
    .contentRow.noSidebar{display:block}
    .contentRow.noSidebar .mainShell{width:100%}

    @media (max-width:980px){
      .topbarMain{align-items:flex-start}
      .topbarRight{align-items:flex-start;justify-content:flex-start;width:100%}
      .topbarMetaLinks{justify-content:flex-start}
      .viewSwitch{order:1;width:100%;justify-content:flex-start}
      .actions{order:2;width:auto}
      .viewBtn{min-width:140px;flex:0 0 auto}
      .viewBtn.refreshBtn{min-width:140px}
    }

    @media (min-width:1180px){
      .topbar{margin-bottom:12px}
      .topbarMain{align-items:flex-end;gap:14px}
      .topbarRight{gap:8px;flex-wrap:nowrap}
      .viewSwitch{padding:4px;border-radius:15px}
      .viewBtn{height:39px;min-width:142px;font-size:12.25px}
      .viewBtn.refreshBtn{min-width:156px}
      .actions{flex-wrap:nowrap}
      .contentRow.noSidebar{gap:0}
    }



  /* v19: vertikal kompakter ohne kleinere Schrift */
  .card{
    padding:10px 12px !important;
  }

  #fngValue.value-good,
  #vixValue.value-good,
  #marketPeValue.value-good,
  #equityRiskPremiumValue.value-good{
    color:var(--pos) !important;
  }

  #fngValue.value-bad,
  #vixValue.value-bad,
  #marketPeValue.value-bad,
  #equityRiskPremiumValue.value-bad{
    color:var(--neg) !important;
  }

  #fngValue.value-warn,
  #vixValue.value-warn,
  #marketPeValue.value-warn,
  #equityRiskPremiumValue.value-warn{
    color:var(--warn) !important;
  }

  #fngValue.value-neutral,
  #vixValue.value-neutral,
  #marketPeValue.value-neutral,
  #equityRiskPremiumValue.value-neutral{
    color:var(--text) !important;
  }

  .metricGrid,
  .internalGrid,
  .finalGrid{
    gap:8px !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    padding:10px 11px !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead{
    padding-bottom:7px !important;
    margin-bottom:7px !important;
  }

  .macroCard .macroTitle{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  .metricRow,
  .internalRow,
  .macroValRow{
    margin-top:3px !important;
  }

  .metricCard.stackedDelta .metricValue{
    margin-bottom:5px !important;
  }

  .metricCard.stackedDelta .delta,
  .metricCard.stackedDelta .smallDelta,
  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .summaryLine,
  .summaryRecText{
    line-height:1.38 !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .summaryLine,
  .summaryRecText,
  .macroValRow,
  .macroInfo,
  .macroInfoText{
    margin-top:8px !important;
  }

  .metricSourceLine,
  .macroSourceLine,
  .flowFine,
  .contextNote{
    padding-top:8px !important;
  }

  .summaryTitle{
    margin-bottom:6px !important;
    padding-bottom:6px !important;
  }

  #summaryFazit{
    gap:4px !important;
  }

  .summaryItem{
    gap:7px !important;
    line-height:1.34 !important;
  }

  #summaryEmpf{
    margin-top:8px !important;
    padding-top:7px !important;
  }

  .macroHeaderRow,
  .internalHeaderRow{
    margin:12px 2px 8px !important;
  }

  .metricsHeader > div > .macroHeaderRow:first-child{
    margin-bottom:10px !important;
  }

  .macroSection,
  .internalSection,
  .flowSection,
  .finalSection{
    margin-top:12px !important;
  }

  @media (min-width:1180px){
    .pageFrame{padding:8px 0 4px !important;}
    .topbar{margin-bottom:10px !important;}
    .contentRow{gap:12px !important;}
    .metricGrid,
    .internalGrid,
    .finalGrid{gap:7px !important;}
    .metricCard{min-height:126px !important;}
    .macroCard{min-height:118px !important;}
    .internalCard{min-height:108px !important;}
    .summaryCard{padding:9px 10px !important;}
  }



  /* V30: Makrolage-Werte mit Absatz nach der Zahl */
  .macroCard .macroValRow{
    display:block !important;
    margin-top:3px !important;
  }
  .macroCard .macroVal{
    display:block !important;
    margin-bottom:8px !important;
    line-height:1.02 !important;
  }
  .macroCard .macroInfo{
    display:block !important;
    margin-top:0 !important;
    line-height:1.38 !important;
  }



/* v36: Makrolage 3M inline neben Wert, Text darunter; Abschnittstitel 14px */
.macroHeaderRow h2,
.finalSection h2,
.sectionBadge{
  font-size: 14px !important;
  line-height: 1.15 !important;
}

.macroGrid .macroCard .macroValRow{
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  align-items: start !important;
}
.macroGrid .macroCard .macroVal{
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin-bottom: 0 !important;
  line-height: 1.02 !important;
}
.macroGrid .macroCard .macroInfo{
  display: contents !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  line-height: 1.15 !important;
}
.macroGrid .macroCard .macroInfoLead,
.macroGrid .macroCard .macroInfo > .macroInfoLead{
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-block !important;
  align-self: start !important;
  justify-self: start !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.macroGrid .macroCard .macroInfoText,
.macroGrid .macroCard .macroInfoTextBody,
.macroGrid .macroCard .macroInfo > .macroInfoText{
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
  align-self: start !important;
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
  margin-top: 0 !important;
  line-height: 1.28 !important;
}
.macroGrid .macroCard .macroInfoTextLead{
  display: none !important;
  font-weight: inherit !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.macroGrid .macroCard .macroInfoTextBody{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}

@media (max-width: 1024px){
  .macroHeaderRow h2,
  .finalSection h2,
  .sectionBadge{font-size:14px !important;}
  .macroGrid .macroCard .macroValRow{gap:6px !important;}
  .macroGrid .macroCard .macroInfoLead{font-size:11.5px !important;}
  .macroGrid .macroCard .macroInfoText,
  .macroGrid .macroCard .macroInfoTextBody{margin-top:6px !important;}
}


  /* v51: Vorab-Fazit ohne Badge, kompakter zum oberen Rand */
  .finalSection{margin-top:4px !important;}
  .finalHeaderRow{margin-bottom:8px !important;}


/* v53: Übersicht näher an den oberen Rand */
#dashboardSection > section.card{padding-top:8px !important;}
#dashboardSection .metricsHeader > div > .finalSection:first-child{margin-top:0 !important;}
#dashboardSection .finalHeaderRow{margin:0 2px 8px !important;}
#dashboardSection .summaryStatusOuter{margin-top:0 !important;}

/* 02: equal-top-buttons-v13 */
      @media (min-width: 1180px){
        .topbar .actions{align-items:stretch !important;}
        .topbar .statusLine{display:flex;gap:8px;align-items:stretch;}
        .topbar .statusBadge,
        .topbar .btn{
          width: 168px !important;
          min-width: 168px !important;
          justify-content: center !important;
          text-align: center !important;
          box-sizing: border-box !important;
          white-space: nowrap;
        }
      }

/* 03: v18-ui-refinement */
  :root{
    --shadow2: 0 4px 14px rgba(0,0,0,.18);
  }

  .topbar{
    margin-bottom:14px !important;
  }
  .topbarMain{
    align-items:center !important;
    gap:18px !important;
  }
  .title{
    justify-content:center;
    gap:4px !important;
  }
  .title h1{
    margin:0;
  }
  .topbarRight,
  .actions,
  .statusLine,
  .topCycleLine{
    align-items:center !important;
  }
  .topbarRight{
    gap:10px !important;
  }
  .viewSwitch{
    align-items:stretch;
    padding:4px;
    border-radius:15px;
    background:rgba(17,28,46,.46);
    border-color:rgba(148,163,184,.14);
    box-shadow:none;
  }
  .viewBtn,
  .viewBtn.refreshBtn,
  .btn,
  .statusBadge{
    min-height:38px !important;
    height:38px !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }
  .viewBtn,
  .viewBtn.refreshBtn{
    min-width:144px;
    padding:0 16px !important;
    font-size:12.25px !important;
  }
  .viewBtn.active{
    background:rgba(255,255,255,.06);
    border-color:rgba(96,165,250,.14);
    box-shadow:inset 2px 0 0 rgba(96,165,250,.85) !important;
  }
  .statusBadge{
    min-width:150px !important;
    padding:0 14px !important;
    justify-content:center;
    border-color:rgba(148,163,184,.13) !important;
  }

  .card,
  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
    border-color:rgba(148,163,184,.14) !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    padding:11px 12px !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead{
    margin-bottom:10px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid rgba(148,163,184,.08) !important;
  }

  .metricRow,
  .internalRow,
  .macroValRow{
    margin-top:4px !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .summaryLine,
  .summaryRecText{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .summaryLine,
  .summaryRecText,
  .macroValRow{
    margin-top:10px !important;
  }

  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo{
    min-height:calc(1.45em * 2) !important;
    -webkit-line-clamp:2 !important;
  }

  .macroHeaderRow,
  .internalHeaderRow{
    margin:14px 2px 10px !important;
  }
  .metricsHeader > div > .macroHeaderRow:first-child{
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .macroSection,
  .internalSection,
  .flowSection,
  .finalSection{
    margin-top:16px !important;
  }

  .finalGrid{
    grid-template-columns:1.55fr 1fr 1fr !important;
    gap:10px !important;
    align-items:stretch;
  }
  .finalGrid .span2,
  #summaryCard{
    grid-column:auto !important;
  }
  #summaryCard{
    min-width:0;
  }
  .summaryColumn{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    min-width:0;
    align-self:stretch;
  }
  .summaryStatusOuter{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:6px !important;
    padding:0 2px !important;
  }
  .summaryStatusOuter .statusBadge{
    min-width:auto !important;
    height:28px !important;
    min-height:28px !important;
    padding:3px 10px !important;
    font-size:10.5px !important;
    white-space:nowrap !important;
  }

  .finalHeaderRow{
    align-items:center !important;
    margin-bottom:10px !important;
  }
  .finalHeaderRow h2{
    display:flex;
    align-items:center;
    min-height:28px;
  }
  .sectionBadge{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:3px 12px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(148,163,184,.06);
    color:#d7e0eb;
    font-size:12px;
    font-weight:800;
    letter-spacing:.1px;
    line-height:1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }
  .finalHeaderRow .summaryStatusOuter{
    margin-left:auto;
    padding:0 !important;
    align-items:center !important;
  }
  .finalGrid{
    margin-top:0 !important;
  }
  .summaryTitle{
    margin-bottom:8px !important;
    padding-bottom:8px !important;
    border-bottom:1px solid rgba(148,163,184,.08) !important;
  }
  .summaryHeadBar{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:8px !important;
    padding-bottom:8px !important;
    border-bottom:1px solid rgba(148,163,184,.08) !important;
  }
  .summaryHeadBar .summaryTitle{
    margin:0 !important;
    padding:0 !important;
    border-bottom:0 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .summaryStatusLine{
    flex:0 0 auto !important;
    gap:6px !important;
    justify-content:flex-end !important;
    align-items:center !important;
  }
  #summaryCard .statusBadge{
    min-width:auto !important;
    height:30px !important;
    min-height:30px !important;
    padding:4px 10px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
  #summaryFazit{
    gap:6px !important;
  }
  .summaryItem{
    grid-template-columns:96px minmax(0,1fr) !important;
    gap:8px !important;
    line-height:1.42 !important;
  }
  #summaryEmpf{
    margin-top:10px !important;
    padding-top:8px !important;
    border-top:1px solid rgba(148,163,184,.08) !important;
  }

  .infoBtn,
  .sourceMiniBtn{
    border-color:rgba(148,163,184,.14) !important;
    background:rgba(15,23,42,.34) !important;
    box-shadow:none !important;
  }
  .infoBtn:hover,
  .sourceMiniBtn:hover{
    box-shadow:none !important;
  }

  @media (min-width:1180px){
    .pageFrame{
      padding:10px 0 6px !important;
    }
    .topbar{
      margin-bottom:12px !important;
    }
    .topbarMain{
      align-items:center !important;
    }
    .topbarRight{
      flex-wrap:nowrap !important;
      gap:10px !important;
    }
    .viewSwitch{
      border-radius:15px !important;
    }
    .viewBtn,
    .viewBtn.refreshBtn,
    .statusBadge{
      height:39px !important;
      min-height:39px !important;
    }
    .viewBtn{min-width:146px !important;}
    .viewBtn.refreshBtn{min-width:154px !important;}
    .statusBadge{min-width:156px !important;}

    .metricGrid,
    .internalGrid,
    .finalGrid{
      gap:8px !important;
    }
    .metricCard{min-height:132px !important;}
    .macroCard{min-height:124px !important;}
    .internalCard{min-height:114px !important;}
    .contextCard,
    .summaryCard{min-height:0 !important;}
  }

  @media (max-width:1024px){
    .finalGrid{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    #summaryCard{
      grid-column:span 2 !important;
    }
    .summaryHeadBar{
      flex-direction:column !important;
      align-items:flex-start !important;
    }
    .summaryStatusLine{
      justify-content:flex-start !important;
      flex-wrap:wrap !important;
    }
  }

  @media (max-width:980px){
    .topbarMain,
    .topbarRight{
      align-items:flex-start !important;
    }
    .topbarRight{
      width:100%;
      flex-wrap:wrap !important;
    }
    .viewSwitch{
      width:100%;
      justify-content:flex-start;
      flex-wrap:wrap;
    }
    .viewBtn,
    .viewBtn.refreshBtn,
    .statusBadge{
      min-width:auto !important;
      width:auto !important;
    }
  }

/* 04: v20-more-compact */
  /* v20: noch kompakter in der Höhe, ohne kleinere Fliesstexte */
  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead{
    margin-bottom:5px !important;
    padding-bottom:5px !important;
  }

  .metricRow,
  .internalRow,
  .macroValRow{
    margin-top:1px !important;
  }

  .metricCard .metricValue,
  .metricCard.stackedDelta .metricValue,
  .macroCard .macroVal,
  .internalCard .internalValue,
  .internalCard .internalValue.compact,
  .flowCard .internalValue,
  .flowCard .internalValue.compact{
    font-size:22px !important;
    line-height:1.0 !important;
    margin-bottom:3px !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .summaryLine,
  .summaryRecText,
  .macroValRow,
  .macroInfo,
  .macroInfoText{
    margin-top:6px !important;
    line-height:1.34 !important;
  }

  .metricSourceLine,
  .macroSourceLine,
  .flowFine,
  .contextNote{
    padding-top:6px !important;
  }

  .macroHeaderRow,
  .internalHeaderRow{
    margin:10px 2px 6px !important;
  }

  .metricsHeader > div > .macroHeaderRow:first-child{
    margin-bottom:8px !important;
  }

  .macroSection,
  .internalSection,
  .flowSection,
  .finalSection{
    margin-top:10px !important;
  }

  .metricGrid,
  .internalGrid,
  .finalGrid{
    gap:6px !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    padding:9px 10px !important;
  }

  @media (min-width:1180px){
    .topbar{margin-bottom:8px !important;}
    .pageFrame{padding:6px 0 3px !important;}
    .metricGrid, .internalGrid, .finalGrid{gap:6px !important;}
    .metricCard{min-height:118px !important;}
    .macroCard{min-height:110px !important;}
    .internalCard{min-height:100px !important;}
    .contextCard, .summaryCard{min-height:0 !important;}
  }

/* 05: v23-refined-layout */
  :root{
    --border-soft: rgba(148,163,184,.11);
    --border-line-soft: rgba(148,163,184,.06);
    --card-shadow-soft: 0 6px 18px rgba(0,0,0,.14);
    --copy-max: 34ch;
  }

  /* Topbar feiner und stärker integriert */
  .topbar{
    margin-bottom: 14px !important;
  }
  .topbarMain{
    align-items: end !important;
    gap: 12px !important;
    padding-bottom: 2px;
  }
  .topbarRight{
    gap: 8px !important;
  }
  .viewSwitch{
    padding: 3px !important;
    border-radius: 14px !important;
    background: rgba(17,28,46,.40) !important;
    border-color: rgba(148,163,184,.10) !important;
  }
  .viewBtn,
  .viewBtn.refreshBtn{
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    padding: 0 15px !important;
  }
  .viewBtn{min-width: 136px !important;}
  .viewBtn.refreshBtn{min-width: 148px !important;}
  .viewBtn.active{
    box-shadow: inset 2px 0 0 rgba(96,165,250,.72) !important;
    border-color: rgba(96,165,250,.11) !important;
    background: rgba(255,255,255,.05) !important;
  }

  /* Kacheln ruhiger */
  .card,
  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    border-color: var(--border-soft) !important;
    box-shadow: var(--card-shadow-soft) !important;
  }
  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  .summaryHeadBar,
  #summaryEmpf,
  .contextNote{
    border-color: var(--border-line-soft) !important;
  }
  .infoBtn,
  .sourceMiniBtn{
    border-color: rgba(148,163,184,.10) !important;
    background: rgba(15,23,42,.26) !important;
  }

  /* Abschnittstitel sauberer absetzen */
  .macroHeaderRow,
  .internalHeaderRow{
    margin: 16px 3px 9px !important;
  }
  .macroHeaderRow h2,
  .internalHeaderRow h2{
    color: #a8b6ca !important;
    letter-spacing: .16px;
  }
  .metricsHeader > div > .macroHeaderRow:first-child{
    margin-bottom: 11px !important;
  }

  /* KPI-Hierarchie und Lesbarkeit */
  .metricLabel,
  .macroTitle,
  .internalLabel{
    color: #9aaac0 !important;
    font-weight: 700 !important;
  }
  .metricCard .metricValue,
  .metricCard.stackedDelta .metricValue,
  .macroCard .macroVal,
  .internalCard .internalValue,
  .internalCard .internalValue.compact,
  .flowCard .internalValue,
  .flowCard .internalValue.compact{
    margin-top: 1px !important;
    margin-bottom: 4px !important;
    letter-spacing: -.15px;
  }
  .metricCard.stackedDelta .delta,
  .metricCard.stackedDelta .smallDelta{
    margin-top: 0 !important;
    line-height: 1.14 !important;
  }
  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .summaryRecText{
    color: #d4deea !important;
    max-width: var(--copy-max);
  }
  .macroCard .macroInfo,
  .metricCard .metricState,
  .internalCard .internalState,
  .flowCard .internalState{
    max-width: 32ch;
  }
  .metricState,
  .metricState.insight,
  .internalState,
  .macroInfo{
    margin-top: 7px !important;
  }

  /* Kapitalfluss etwas ruhiger */
  .flowCard .internalValue.compact,
  .flowCard .internalValue{
    font-size: 20px !important;
  }
  .flowCard .internalState{
    -webkit-line-clamp: 3 !important;
    min-height: calc(1.34em * 2.6) !important;
  }

  /* Untere Reihe angleichen */
  .finalGrid{
    grid-template-columns: 1fr 1fr 1.48fr !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  .contextCard,
  .summaryCard{
    height: 100% !important;
  }
  .contextCard{
    padding: 10px 11px !important;
  }
  .contextStats{
    gap: 7px !important;
  }
  .contextStat{
    align-items: center !important;
    gap: 10px !important;
  }
  .contextKey{
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #98a9be !important;
  }
  .contextVal{
    font-size: 12.25px !important;
    line-height: 1.26 !important;
  }
  .contextNote{
    margin-top: auto !important;
    padding-top: 9px !important;
    line-height: 1.36 !important;
    max-width: 36ch;
  }

  /* Fazit-Kachel Titel und Badges klarer trennen */
  .summaryHeadBar{
    display:block !important;
    margin-bottom: 9px !important;
    padding-bottom: 9px !important;
  }
  .summaryTitle{
    max-width: 17ch;
    font-size: 15px !important;
    line-height: 1.14 !important;
  }
  .summaryStatusLine{
    display:none !important;
  }
  #summaryCard .statusBadge{
    height: 28px !important;
    min-height: 28px !important;
    padding: 3px 9px !important;
    font-size: 10.5px !important;
    border-radius: 999px !important;
  }
  #summaryFazit{
    gap: 5px !important;
  }
  .summaryItem{
    grid-template-columns: 92px minmax(0,1fr) !important;
    gap: 8px !important;
  }
  .summaryLabel{
    color: #99a9bd !important;
  }
  .summaryValue{
    color: #d8e1ec !important;
  }

  @media (max-width: 1024px){
    .finalGrid{
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    #summaryCard{
      grid-column: span 2 !important;
    }
    .summaryHeadBar{
      grid-template-columns: 1fr !important;
      gap: 10px !important;
    }
    .summaryTitle{
      max-width: none;
    }
    .summaryStatusLine{
      justify-content: flex-start !important;
      max-width: none;
    }
  }

  @media (min-width: 1180px){
    .pageFrame{padding: 8px 0 5px !important;}
    .topbar{margin-bottom: 11px !important;}
    .viewBtn,
    .viewBtn.refreshBtn{height: 37px !important;min-height: 37px !important;}
    .metricGrid,
    .internalGrid,
    .finalGrid{gap: 7px !important;}
    .metricCard{min-height: 120px !important;}
    .macroCard{min-height: 112px !important;}
    .internalCard{min-height: 102px !important;}
    .contextCard,
    .summaryCard{min-height: 0 !important;}
  }

/* 06: v27-final-grid-balance */
  /* v27: Fazit-Reihe an obere 4er-Struktur angleichen */
  .finalGrid{
    grid-template-columns:1.55fr 1fr 1fr !important;
    gap:8px !important;
    align-items:stretch !important;
  }
  .finalGrid > .summaryColumn{
    grid-column:1 !important;
    min-width:0 !important;
  }
  .finalGrid > #liquidityCard{
    grid-column:2 !important;
  }
  .finalGrid > #seasonalityCard{
    grid-column:3 !important;
  }
  #summaryCard{
    min-height:0 !important;
  }
  .summaryHeadBar{
    margin-bottom:6px !important;
    padding-bottom:7px !important;
  }
  .summaryTitle{
    white-space:nowrap !important;
    font-size:17px !important;
    line-height:1.12 !important;
  }
  #summaryFazit{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    column-gap:18px !important;
    row-gap:6px !important;
    align-items:start !important;
  }
  .summaryItem{
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:8px !important;
    font-size:12.5px !important;
    line-height:1.34 !important;
  }
  .summaryLabel{
    font-size:12px !important;
    line-height:1.2 !important;
  }
  .summaryValue{
    font-size:12.5px !important;
    line-height:1.32 !important;
    font-weight:800 !important;
  }
  #summaryEmpf{
    margin-top:8px !important;
    padding-top:8px !important;
  }
  .summaryRecText{
    line-height:1.34 !important;
  }

  @media (max-width:1024px){
    .finalGrid{
      grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    }
    .finalGrid > #liquidityCard,
    .finalGrid > #seasonalityCard,
    .finalGrid > .summaryColumn{
      grid-column:auto !important;
    }
    .finalGrid > .summaryColumn{
      grid-column:span 2 !important;
    }
    #summaryFazit{
      grid-template-columns:1fr !important;
    }
    .summaryTitle{
      white-space:normal !important;
    }
  }

  @media (max-width:640px){
    .finalGrid{
      grid-template-columns:1fr !important;
    }
    .finalGrid > .summaryColumn{
      grid-column:auto !important;
    }
  }

/* 07: v28-summary-rec-full-width */
  /* v28: Empfehlung in der Fazit-Kachel über volle Breite nutzen */
  #summaryEmpf{
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }
  #summaryEmpf .summaryRecLabel,
  #summaryEmpf .summaryRecText{
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }
  #summaryEmpf .summaryRecText{
    white-space:normal !important;
  }


  /* v55: Fazit-Titel auf hellblau/türkis umstellen */
  #summaryCard .summaryTitle{
    color:#8fd9ee !important;
  }
  #summaryCard .summaryLine,
  #summaryCard .summaryItem,
  #summaryCard .summaryLabel{
    color:#9fd7ee !important;
  }
  #summaryCard .summaryValue,
  #summaryCard .summaryLine .k,
  #summaryCard .summaryRecLabel,
  #summaryCard .summaryRecText,
  #summaryCard #summaryEmpf,
  #summaryCard #summaryEmpf *{
    color:#c2f3ff !important;
  }

/* 08: v59-summary-label-style-fix */
  /* v59: Fazit-Titel und Beschriftungen wie Liquidität */
  #summaryCard .summaryTitle{
    color: var(--muted2) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: var(--fw-med) !important;
    letter-spacing: .2px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
  }

  #summaryCard .summaryLabel,
  #summaryCard .summaryRecLabel{
    color: var(--muted2) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: var(--fw-med) !important;
    letter-spacing: .2px !important;
  }

  #summaryCard .summaryRecLabel{
    margin-bottom: 6px !important;
  }

  /* v60: Empfehlungstext wie übrige KPI-Fliesstexte */
  #summaryCard .summaryRecText,
  #summaryCard #summaryEmpf,
  #summaryCard #summaryEmpf *{
    color: var(--text-soft) !important;
  }

  #summaryCard .summaryLabelWrap,
  #summaryCard .summaryRecLabelWrap{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
  }

  #summaryCard .summaryLabelWrap .summaryLabel,
  #summaryCard .summaryRecLabelWrap .summaryRecLabel{
    margin:0 !important;
  }

  #summaryCard .summaryInfoBtn{
    width:16px;
    height:16px;
    min-width:16px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(15,23,42,.42);
    color:var(--muted2) !important;
    font-size:10px;
    line-height:1;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    cursor:pointer;
    box-shadow:none;
  }

  #summaryCard .summaryInfoBtn:hover{
    border-color:rgba(125,211,252,.28);
    background:rgba(30,41,59,.62);
    color:var(--text) !important;
  }

  #summaryCard .summaryItem{
    align-items:start !important;
  }

  #summaryCard .summaryValueWrap,
  #summaryCard .summaryRecValueWrap{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
    justify-self:start;
  }

  #summaryCard .summaryValueWrap .summaryValue,
  #summaryCard .summaryRecValueWrap .summaryRecText{
    margin:0 !important;
  }

  #summaryCard .summaryRecValueWrap{
    margin-top:2px;
  }

  #summaryCard .summaryLabelWrap,
  #summaryCard .summaryRecLabelWrap{
    display:contents;
  }

/* 09: readability-pass-v1 */
  :root{
    --text-soft:#DCE7F5;
    --muted:#B7C4D7;
    --muted2:#A7B6CA;
  }

  body{
    font-size:14px;
    line-height:1.48;
    background:
      radial-gradient(900px 420px at 25% -10%, rgba(124,109,255,.12), transparent 60%),
      radial-gradient(900px 420px at 90% 0%, rgba(34,197,94,.07), transparent 55%),
      var(--bg);
  }

  .pageFrame{
    max-width:1520px;
    padding:14px 0 10px;
  }

  .topbar{
    margin-bottom:12px !important;
    gap:10px !important;
  }

  .title{
    gap:4px;
  }

  .title h1{
    font-size:30px !important;
    line-height:1.06 !important;
    letter-spacing:0 !important;
    color:#F2F7FF !important;
  }

  .title .sub,
  #lastUpdateInline{
    font-size:12px !important;
    line-height:1.28 !important;
    color:var(--muted) !important;
  }

  .viewSwitch{
    padding:5px !important;
    border-color:rgba(148,163,184,.12) !important;
    background:rgba(17,28,46,.34) !important;
    box-shadow:none !important;
  }

  .viewBtn,
  .viewBtn.refreshBtn{
    height:40px !important;
    min-height:40px !important;
    font-size:12.5px !important;
    border-radius:12px !important;
  }

  .statusLine{
    gap:6px !important;
  }

  .statusBadge{
    min-height:28px !important;
    padding:4px 10px !important;
    font-size:10.75px !important;
    letter-spacing:0 !important;
    font-weight:800 !important;
    box-shadow:none !important;
  }

  .card,
  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
  }

  .card{
    border-color:rgba(148,163,184,.12) !important;
    background:linear-gradient(180deg, rgba(16,25,41,.90), rgba(12,21,35,.94)) !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard{
    border-color:rgba(148,163,184,.12) !important;
    background:linear-gradient(180deg, rgba(16,24,39,.92), rgba(12,19,31,.95)) !important;
  }

  .summaryCard{
    border-color:rgba(125,211,252,.16) !important;
    background:linear-gradient(180deg, rgba(18,29,45,.96), rgba(12,20,33,.98)) !important;
    padding:11px 13px !important;
  }

  .metricGrid,
  .internalGrid,
  .finalGrid{
    gap:8px !important;
  }

  .macroSection,
  .internalSection{
    margin-top:10px !important;
  }

  .metricLabel,
  .macroTitle,
  .internalLabel,
  #summaryCard .summaryTitle,
  #summaryCard .summaryLabel,
  #summaryCard .summaryRecLabel{
    color:var(--muted) !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    letter-spacing:.12px !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  #summaryCard .summaryTitle{
    margin-bottom:8px !important;
    padding-bottom:8px !important;
    border-color:rgba(148,163,184,.10) !important;
  }

  .metricValue,
  .metricCard.stackedDelta .metricValue,
  .macroVal,
  .internalValue,
  .contextVal,
  #summaryCard .summaryValue,
  #summaryCard .summaryRecText{
    color:var(--text-soft) !important;
  }

  .metricValue,
  .metricCard.stackedDelta .metricValue{
    font-size:27px !important;
    line-height:1.03 !important;
    letter-spacing:-.12px !important;
  }

  .macroVal{
    font-size:21px !important;
    line-height:1.04 !important;
  }

  .internalValue{
    font-size:20px !important;
    line-height:1.04 !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .macroSourceLine,
  .metricSourceLine,
  .summaryLine,
  #summaryCard .summaryValue,
  #summaryCard .summaryRecText{
    font-size:12.25px !important;
    line-height:1.36 !important;
  }

  .metricState,
  .metricState.insight,
  .internalState.neutral,
  .contextNote,
  .contextKey,
  .macroInfo,
  .macroInfoText,
  .macroSourceLine,
  .metricSourceLine,
  .metricSourceLine a{
    color:var(--text-soft) !important;
    opacity:.92;
  }

  .contextKey{
    font-size:12px !important;
    line-height:1.35 !important;
    color:var(--muted) !important;
    font-weight:700 !important;
  }

  .contextVal{
    font-size:12.75px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
  }

  #summaryFazit{
    gap:6px !important;
  }

  .summaryItem{
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:8px !important;
    line-height:1.34 !important;
  }

  #summaryEmpf{
    margin-top:10px !important;
    padding-top:8px !important;
    border-color:rgba(148,163,184,.10) !important;
  }

  .contextStats{
    gap:7px !important;
  }

  .contextNote{
    margin-top:8px !important;
    padding-top:8px !important;
    border-color:rgba(148,163,184,.10) !important;
  }

  tbody td{
    padding:7px 10px !important;
  }

  thead th{
    padding:10px 10px !important;
    font-size:12px !important;
    line-height:1.3 !important;
    color:var(--muted) !important;
  }

  .name{
    font-size:13.5px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
  }

  .ticker,
  .mini{
    font-size:12.5px !important;
    line-height:1.35 !important;
    color:var(--muted) !important;
  }

  .kcat,
  .chip{
    font-size:12px !important;
    font-weight:800 !important;
  }

  tbody tr:hover{
    background:rgba(255,255,255,.04) !important;
  }

  @media (min-width: 1180px){
    .pageFrame{
      padding:10px 0 8px !important;
    }

    .topbar{
      margin-bottom:10px !important;
      gap:8px !important;
    }

    .title h1{
      font-size:27px !important;
      line-height:1.02 !important;
    }

    .viewBtn,
    .viewBtn.refreshBtn{
      height:38px !important;
      min-height:38px !important;
      min-width:140px !important;
      font-size:12px !important;
    }

    .statusBadge{
      min-height:26px !important;
      padding:3px 9px !important;
      font-size:10.25px !important;
    }

    .metricCard,
    .macroCard,
    .internalCard,
    .contextCard,
    .summaryCard{
      min-height:0 !important;
    }
  }

  @media (max-width: 900px){
    body{
      font-size:14px;
      line-height:1.5;
    }

    .pageFrame{
      padding:12px 0 18px;
    }

    .metricGrid,
    .internalGrid,
    .finalGrid{
      gap:10px !important;
    }

    .summaryItem{
      grid-template-columns:96px minmax(0,1fr) !important;
      gap:10px !important;
    }

    .metricValue,
    .metricCard.stackedDelta .metricValue{
      font-size:27px !important;
    }

    .macroVal,
    .internalValue{
      font-size:21px !important;
    }

    .metricState,
    .metricState.insight,
    .internalState,
    .contextNote,
    .macroInfo,
    .macroInfoText,
    #summaryCard .summaryValue,
    #summaryCard .summaryRecText{
      font-size:12.5px !important;
      line-height:1.46 !important;
    }
  }

/* 10: parqet-inspired-v1 */
  :root{
    --bg:#141c29;
    --panel:#1b2433;
    --panel-2:#1d2736;
    --line:#2f3a4d;
    --line-soft:rgba(151,168,191,.12);
    --text:#F5F8FC;
    --text-soft:#E7EEF8;
    --muted:#AEBBCC;
    --muted2:#95A4B8;
    --accent:#19C7BE;
    --accent2:#14B8B0;
    --pos:#22D3A6;
    --neg:#FF7C86;
    --warn:#F7C96A;
    --flat:#CAD4E2;
  }

  body{
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:var(--bg) !important;
    color:var(--text) !important;
  }

  .pageFrame{
    max-width:1540px;
  }

  .sidebar{
    background:var(--panel-2) !important;
    border-color:var(--line-soft) !important;
    box-shadow:none !important;
  }

  .sideBrand,
  .title .sub,
  #lastUpdateInline,
  .metricLabel,
  .macroTitle,
  .internalLabel,
  .contextKey,
  .summaryLabel,
  .summaryRecLabel,
  .ticker,
  .mini,
  thead th,
  .tableMeta{
    color:var(--muted) !important;
  }

  .title h1,
  .name,
  .metricValue,
  .metricCard.stackedDelta .metricValue,
  .macroVal,
  .internalValue,
  .contextVal,
  .summaryValue,
  .summaryRecText{
    color:var(--text) !important;
  }

  .viewSwitch{
    background:#182131 !important;
    border-color:var(--line-soft) !important;
  }

  .viewBtn,
  .viewBtn.refreshBtn,
  .btn,
  .tab,
  .select{
    background:#172030 !important;
    border-color:var(--line-soft) !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }

  .viewBtn:hover,
  .viewBtn.refreshBtn:hover,
  .btn:hover,
  .tab:hover{
    background:#1a2537 !important;
    color:var(--text) !important;
  }

  .viewBtn.active,
  .tab.active,
  .sideBtn.active{
    background:rgba(25,199,190,.12) !important;
    border-color:rgba(25,199,190,.34) !important;
    color:var(--text) !important;
    box-shadow:inset 3px 0 0 var(--accent) !important;
  }

  .sideBtn{
    background:transparent !important;
    color:var(--muted) !important;
  }

  .sideBtn:hover{
    background:rgba(255,255,255,.03) !important;
    color:var(--text) !important;
  }

  .card,
  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard,
  .infoDialog{
    background:var(--panel) !important;
    border-color:var(--line-soft) !important;
    box-shadow:none !important;
  }

  .summaryCard{
    background:linear-gradient(180deg, #1c2737, #182232) !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  #summaryCard .summaryTitle,
  #summaryEmpf,
  .contextNote{
    border-color:var(--line-soft) !important;
  }

  .statusBadge,
  .loadStatus,
  .chip,
  .kcat,
  .trend{
    background:#172030 !important;
    border-color:var(--line-soft) !important;
    box-shadow:none !important;
  }

  .statusBadge.good,
  .chip.buy{
    color:var(--pos) !important;
    background:rgba(34,211,166,.10) !important;
    border-color:rgba(34,211,166,.22) !important;
  }

  .statusBadge.warn,
  .chip.warn{
    color:var(--warn) !important;
    background:rgba(247,201,106,.10) !important;
    border-color:rgba(247,201,106,.22) !important;
  }

  .statusBadge.bad,
  .chip.sell{
    color:var(--neg) !important;
    background:rgba(255,124,134,.10) !important;
    border-color:rgba(255,124,134,.22) !important;
  }

  .statusBadge.neutral,
  .chip.hold,
  .kcat{
    color:var(--flat) !important;
    background:rgba(202,212,226,.08) !important;
    border-color:rgba(202,212,226,.16) !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .macroSourceLine,
  .metricSourceLine,
  .metricSourceLine a,
  .infoSectionBody,
  .infoFoot{
    color:var(--text-soft) !important;
    opacity:.98 !important;
  }

  .metricState.insight-good,
  .internalState.good,
  .contextVal.good,
  .macroInfo.good,
  .trend.up,
  .chg.pos,
  .delta.pos{
    color:var(--pos) !important;
  }

  .metricState.insight-bad,
  .internalState.bad,
  .contextVal.bad,
  .macroInfo.bad,
  .trend.down,
  .chg.neg,
  .delta.neg{
    color:var(--neg) !important;
  }

  .metricState.insight-warn,
  .internalState.warn,
  .contextVal.warn,
  .macroInfo.warn{
    color:var(--warn) !important;
  }

  .summaryRecText{
    color:var(--accent) !important;
  }

  .summaryInfoBtn,
  .infoBtn,
  .sourceMiniBtn{
    background:#213047 !important;
    border-color:rgba(151,168,191,.16) !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }

  .summaryInfoBtn:hover,
  .infoBtn:hover,
  .sourceMiniBtn:hover{
    background:#26364d !important;
    border-color:rgba(25,199,190,.24) !important;
    color:var(--text) !important;
  }

  .titleSourceLink:hover,
  a.assetLink:hover,
  .metricSourceLine a:hover,
  .macroSourceLine a:hover{
    color:var(--text) !important;
    text-decoration-color:rgba(25,199,190,.55) !important;
  }

  .bar{
    background:rgba(255,255,255,.07) !important;
  }

  .bar > i,
  .loadDot{
    background:var(--accent) !important;
  }

  .sparkLine.pos{
    stroke:var(--accent) !important;
    fill:none !important;
  }

  .sparkDot.pos{
    fill:var(--accent) !important;
  }

  .sparkLine.neg{
    stroke:var(--neg) !important;
    fill:none !important;
  }

  .sparkDot.neg{
    fill:var(--neg) !important;
  }

  .rank{
    background:rgba(25,199,190,.12) !important;
    color:var(--text) !important;
  }

  tbody tr:hover{
    background:rgba(255,255,255,.02) !important;
  }

  .stickyHead thead th{
    background:#182131 !important;
    backdrop-filter:none !important;
  }

  .tableWrap{
    border:1px solid var(--line-soft);
    background:#182131;
  }

  .infoSectionTitle{
    color:var(--accent) !important;
  }

  .infoModal{
    background:rgba(8,12,18,.84) !important;
  }

  .metricValue.value-neutral,
  .macroVal.value-neutral,
  .internalValue.value-neutral,
  .contextVal.neutral,
  .summaryValue{
    color:var(--text) !important;
  }

  .metricLabel,
  .macroTitle,
  .internalLabel,
  .contextKey,
  .summaryLabel,
  .summaryRecLabel{
    font-weight:700 !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    backdrop-filter:none !important;
  }

/* 11: parqet-contrast-fix-v2 */
  :root{
    --bg:#131b28;
    --panel:#1d2635;
    --panel-2:#1e2837;
    --line:#2f3b4f;
    --line-soft:rgba(120,138,162,.16);
    --text:#F4F7FB;
    --text-soft:#E7EDF6;
    --muted:#A7B4C6;
    --muted2:#8F9DB1;
    --accent:#1CC9BF;
    --accent2:#18B9B1;
    --pos:#4FE0A8;
    --neg:#FF808C;
    --warn:#F1C86B;
    --flat:#C7D1DE;
  }

  html,
  body{
    background:#131b28 !important;
  }

  body{
    color:var(--text) !important;
    background-image:none !important;
  }

  .pageFrame{
    background:transparent !important;
  }

  .topbar,
  .topbarMain,
  .topbarRight{
    background:transparent !important;
  }

  .sidebar,
  .card,
  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard,
  .infoDialog,
  .tableWrap{
    background:#1d2635 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .sidebar{
    background:#1e2837 !important;
  }

  .card{
    border-color:rgba(120,138,162,.18) !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard,
  .infoDialog,
  .tableWrap,
  .sidebar,
  .viewSwitch,
  .viewBtn,
  .viewBtn.refreshBtn,
  .btn,
  .tab,
  .select,
  .statusBadge,
  .loadStatus,
  .chip,
  .kcat,
  .trend,
  .infoBtn,
  .sourceMiniBtn,
  .summaryInfoBtn{
    border-color:rgba(120,138,162,.16) !important;
  }

  .viewSwitch{
    background:#182131 !important;
    box-shadow:none !important;
  }

  .viewBtn,
  .viewBtn.refreshBtn,
  .btn,
  .tab,
  .select{
    background:#182131 !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }

  .viewBtn.active,
  .tab.active,
  .sideBtn.active{
    background:rgba(28,201,191,.10) !important;
    border-color:rgba(28,201,191,.34) !important;
    color:var(--text) !important;
    box-shadow:inset 3px 0 0 var(--accent) !important;
  }

  .viewBtn:hover,
  .viewBtn.refreshBtn:hover,
  .btn:hover,
  .tab:hover,
  .sideBtn:hover{
    background:#1a2434 !important;
    color:var(--text) !important;
  }

  .sideBtn{
    color:var(--muted) !important;
  }

  .title h1,
  .name,
  .metricValue,
  .metricCard.stackedDelta .metricValue,
  .macroVal,
  .internalValue,
  .contextVal,
  .summaryValue,
  .summaryRecText,
  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .macroSourceLine,
  .metricSourceLine,
  .metricSourceLine a,
  .infoSectionBody,
  .infoFoot{
    color:var(--text-soft) !important;
    opacity:1 !important;
  }

  .title h1{
    color:var(--text) !important;
  }

  .sideBrand,
  .title .sub,
  #lastUpdateInline,
  .metricLabel,
  .macroTitle,
  .internalLabel,
  .contextKey,
  .summaryLabel,
  .summaryRecLabel,
  .ticker,
  .mini,
  thead th,
  .tableMeta{
    color:var(--muted) !important;
  }

  .metricValue.value-neutral,
  .macroVal.value-neutral,
  .internalValue.value-neutral,
  .contextVal.neutral,
  .summaryValue{
    color:var(--text) !important;
  }

  .metricState.insight-good,
  .internalState.good,
  .contextVal.good,
  .macroInfo.good,
  .trend.up,
  .chg.pos,
  .delta.pos,
  .val-green{
    color:var(--pos) !important;
  }

  .metricState.insight-bad,
  .internalState.bad,
  .contextVal.bad,
  .macroInfo.bad,
  .trend.down,
  .chg.neg,
  .delta.neg,
  .val-red{
    color:var(--neg) !important;
  }

  .metricState.insight-warn,
  .internalState.warn,
  .contextVal.warn,
  .macroInfo.warn,
  .val-orange{
    color:var(--warn) !important;
  }

  .summaryRecText{
    color:var(--neg) !important;
  }

  .statusBadge,
  .loadStatus,
  .chip,
  .kcat,
  .trend{
    background:#182131 !important;
    box-shadow:none !important;
  }

  .statusBadge.neutral,
  .chip.hold,
  .kcat{
    color:var(--flat) !important;
    background:#2a3446 !important;
  }

  .statusBadge.good,
  .chip.buy{
    color:var(--pos) !important;
    background:rgba(79,224,168,.10) !important;
  }

  .statusBadge.warn,
  .chip.warn{
    color:var(--warn) !important;
    background:rgba(241,200,107,.10) !important;
  }

  .statusBadge.bad,
  .chip.sell{
    color:var(--neg) !important;
    background:rgba(255,128,140,.10) !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  #summaryCard .summaryTitle,
  #summaryEmpf,
  .contextNote{
    border-color:rgba(120,138,162,.13) !important;
  }

  .rank{
    background:#273348 !important;
    color:var(--text) !important;
  }

  .bar{
    background:#2a3445 !important;
  }

  .bar > i{
    background:var(--accent) !important;
  }

  .sparkWrap{
    background:#182131 !important;
    border-color:rgba(120,138,162,.14) !important;
  }

  .sparkBase{
    stroke:rgba(151,168,191,.22) !important;
  }

  .sparkLine.pos{
    stroke:var(--accent) !important;
    fill:none !important;
  }

  .sparkDot.pos{
    fill:var(--accent) !important;
  }

  .sparkLine.neg{
    stroke:var(--neg) !important;
    fill:none !important;
  }

  .sparkDot.neg{
    fill:var(--neg) !important;
  }

  .infoBtn,
  .sourceMiniBtn,
  .summaryInfoBtn{
    background:#243047 !important;
    color:var(--muted2) !important;
    box-shadow:none !important;
  }

  .infoBtn:hover,
  .sourceMiniBtn:hover,
  .summaryInfoBtn:hover{
    background:#293651 !important;
    color:var(--text) !important;
  }

  .stickyHead thead th{
    background:#1a2332 !important;
    backdrop-filter:none !important;
  }

  tbody tr:hover{
    background:rgba(255,255,255,.018) !important;
  }

  .infoModal{
    background:rgba(8,12,19,.86) !important;
  }

/* 12: parqet-solid-v3 */
  :root{
    --bg:#151e2d;
    --panel:#1e293b;
    --panel-2:#212d40;
    --line:#344256;
    --line-soft:#344256;
    --text:#f4f7fb;
    --text-soft:#e7edf5;
    --muted:#b4bfd0;
    --muted2:#9aa8bc;
    --accent:#1fc7c1;
    --accent2:#19b5b0;
    --pos:#35d39f;
    --neg:#ff7a85;
    --warn:#f1c66b;
    --flat:#cbd5e1;
  }

  html,
  body{
    background:#151e2d !important;
  }

  body{
    background-image:none !important;
    color:var(--text) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }

  .pageFrame,
  .topbar,
  .topbarMain,
  .topbarRight,
  .mainShell,
  .container{
    background:transparent !important;
  }

  .sidebar{
    background:#212d40 !important;
    border:1px solid #344256 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .card,
  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard,
  .tableWrap,
  .infoDialog{
    background:#1e293b !important;
    background-image:none !important;
    border:1px solid #344256 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .summaryCard{
    background:#1f2a3d !important;
  }

  .viewSwitch{
    background:#182233 !important;
    border:1px solid #344256 !important;
    box-shadow:none !important;
  }

  .viewBtn,
  .viewBtn.refreshBtn,
  .btn,
  .tab,
  .select{
    background:#182233 !important;
    border:1px solid #344256 !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }

  .viewBtn.active,
  .tab.active,
  .sideBtn.active{
    background:rgba(31,199,193,.12) !important;
    border-color:#1fc7c1 !important;
    color:var(--text) !important;
    box-shadow:inset 3px 0 0 #1fc7c1 !important;
  }

  .viewBtn:hover,
  .viewBtn.refreshBtn:hover,
  .btn:hover,
  .tab:hover{
    background:#1a2638 !important;
    color:var(--text) !important;
  }

  .sideBtn{
    background:transparent !important;
    border-color:transparent !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }

  .sideBtn:hover{
    background:rgba(255,255,255,.04) !important;
    color:var(--text) !important;
  }

  .title h1,
  .name,
  .metricValue,
  .metricCard.stackedDelta .metricValue,
  .macroVal,
  .internalValue,
  .contextVal,
  .summaryValue,
  .summaryRecText{
    color:var(--text) !important;
  }

  .title .sub,
  #lastUpdateInline,
  .sideBrand,
  .metricLabel,
  .macroTitle,
  .internalLabel,
  .contextKey,
  .summaryLabel,
  .summaryRecLabel,
  .ticker,
  .mini,
  thead th,
  .tableMeta{
    color:var(--muted) !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .macroSourceLine,
  .metricSourceLine,
  .metricSourceLine a,
  .infoSectionBody,
  .infoFoot{
    color:var(--text-soft) !important;
    opacity:1 !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  #summaryCard .summaryTitle,
  #summaryEmpf,
  .contextNote{
    border-color:#344256 !important;
  }

  .statusBadge,
  .loadStatus,
  .chip,
  .kcat,
  .trend{
    background:#2a3446 !important;
    border:1px solid #415068 !important;
    color:var(--flat) !important;
    box-shadow:none !important;
  }

  .statusBadge.good,
  .chip.buy{
    background:rgba(53,211,159,.12) !important;
    border-color:rgba(53,211,159,.28) !important;
    color:var(--pos) !important;
  }

  .statusBadge.warn,
  .chip.warn{
    background:rgba(241,198,107,.12) !important;
    border-color:rgba(241,198,107,.28) !important;
    color:var(--warn) !important;
  }

  .statusBadge.bad,
  .chip.sell{
    background:rgba(255,122,133,.12) !important;
    border-color:rgba(255,122,133,.28) !important;
    color:var(--neg) !important;
  }

  .statusBadge.neutral,
  .chip.hold,
  .kcat{
    background:#2c3749 !important;
    border-color:#445269 !important;
    color:var(--flat) !important;
  }

  .metricState.insight-good,
  .internalState.good,
  .contextVal.good,
  .macroInfo.good,
  .trend.up,
  .chg.pos,
  .delta.pos,
  .val-green{
    color:var(--pos) !important;
  }

  .metricState.insight-bad,
  .internalState.bad,
  .contextVal.bad,
  .macroInfo.bad,
  .trend.down,
  .chg.neg,
  .delta.neg,
  .val-red{
    color:var(--neg) !important;
  }

  .metricState.insight-warn,
  .internalState.warn,
  .contextVal.warn,
  .macroInfo.warn,
  .val-orange{
    color:var(--warn) !important;
  }

  .summaryRecText{
    color:var(--neg) !important;
  }

  .bar{
    background:#2f3b4f !important;
  }

  .bar > i{
    background:#1fc7c1 !important;
  }

  .rank{
    background:#2a3649 !important;
    color:var(--text) !important;
  }

  .sparkWrap{
    background:#182233 !important;
    border:1px solid #344256 !important;
  }

  .sparkBase{
    stroke:rgba(154,168,188,.22) !important;
  }

  .sparkLine.pos{
    stroke:#1fc7c1 !important;
    fill:none !important;
  }

  .sparkDot.pos{
    fill:#1fc7c1 !important;
  }

  .sparkLine.neg{
    stroke:var(--neg) !important;
    fill:none !important;
  }

  .sparkDot.neg{
    fill:var(--neg) !important;
  }

  .infoBtn,
  .sourceMiniBtn,
  .summaryInfoBtn{
    background:#263248 !important;
    border:1px solid #40506a !important;
    color:var(--muted2) !important;
    box-shadow:none !important;
  }

  .infoBtn:hover,
  .sourceMiniBtn:hover,
  .summaryInfoBtn:hover{
    background:#2b3851 !important;
    border-color:#1fc7c1 !important;
    color:var(--text) !important;
  }

  .stickyHead thead th{
    background:#1a2333 !important;
    backdrop-filter:none !important;
  }

  tbody tr:hover{
    background:rgba(255,255,255,.015) !important;
  }

  .infoSectionTitle{
    color:#1fc7c1 !important;
  }

  .infoModal{
    background:rgba(8,12,18,.88) !important;
  }

/* 13: parqet-reference-v4 */
  :root{
    --bg:#141c28;
    --panel:#1d2635;
    --panel-2:#253143;
    --panel-3:#2a3648;
    --line:#334055;
    --line-soft:#334055;
    --text:#f5f7fb;
    --text-soft:#e4ebf4;
    --muted:#b1bdcd;
    --muted2:#95a4b8;
    --accent:#20c8c0;
    --accent2:#18b8b1;
    --pos:#43d9a2;
    --neg:#ff7d8a;
    --warn:#efc86e;
    --flat:#c8d2df;
  }

  html,
  body{
    background:var(--bg) !important;
  }

  body{
    background-image:none !important;
    color:var(--text) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    -webkit-font-smoothing:antialiased;
  }

  .pageFrame,
  .topbar,
  .topbarMain,
  .topbarRight,
  .mainShell,
  .container{
    background:transparent !important;
  }

  .sidebar{
    background:#202a39 !important;
    border:1px solid var(--line) !important;
    border-radius:18px !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .card{
    background:var(--panel) !important;
    background-image:none !important;
    border:1px solid var(--line) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .summaryCard,
  .contextCard,
  .metricCard,
  .macroCard,
  .internalCard,
  .tableWrap,
  .infoDialog{
    background:var(--panel-2) !important;
    background-image:none !important;
    border:1px solid var(--line) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .metricCard.stackedDelta,
  .macroCard,
  .internalCard,
  .summaryCard,
  .contextCard{
    background:var(--panel-2) !important;
  }

  .title h1,
  .name,
  .metricValue,
  .metricCard.stackedDelta .metricValue,
  .macroVal,
  .internalValue,
  .contextVal,
  .summaryValue,
  .summaryRecText{
    color:var(--text) !important;
  }

  .title .sub,
  #lastUpdateInline,
  .sideBrand,
  .metricLabel,
  .macroTitle,
  .internalLabel,
  .contextKey,
  .summaryLabel,
  .summaryRecLabel,
  .ticker,
  .mini,
  thead th,
  .tableMeta{
    color:var(--muted) !important;
  }

  .metricState,
  .metricState.insight,
  .internalState,
  .contextNote,
  .macroInfo,
  .macroInfoText,
  .macroSourceLine,
  .metricSourceLine,
  .metricSourceLine a,
  .infoSectionBody,
  .infoFoot{
    color:var(--text-soft) !important;
    opacity:1 !important;
  }

  .viewSwitch{
    background:#182233 !important;
    border:1px solid var(--line) !important;
    box-shadow:none !important;
  }

  .viewBtn,
  .viewBtn.refreshBtn,
  .btn,
  .tab,
  .select{
    background:#182233 !important;
    border:1px solid var(--line) !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }

  .viewBtn:hover,
  .viewBtn.refreshBtn:hover,
  .btn:hover,
  .tab:hover{
    background:#1a2537 !important;
    color:var(--text) !important;
  }

  .viewBtn.active,
  .tab.active,
  .sideBtn.active{
    background:rgba(32,200,192,.10) !important;
    border-color:var(--accent) !important;
    color:var(--text) !important;
    box-shadow:inset 3px 0 0 var(--accent) !important;
  }

  .sideBtn{
    background:transparent !important;
    border-color:transparent !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }

  .sideBtn:hover{
    background:#273244 !important;
    color:var(--text) !important;
  }

  .statusBadge,
  .loadStatus,
  .chip,
  .kcat,
  .trend{
    background:var(--panel-3) !important;
    border:1px solid #44546c !important;
    box-shadow:none !important;
  }

  .statusBadge.neutral,
  .chip.hold,
  .kcat{
    color:var(--flat) !important;
  }

  .statusBadge.good,
  .chip.buy{
    color:var(--pos) !important;
    background:rgba(67,217,162,.11) !important;
    border-color:rgba(67,217,162,.24) !important;
  }

  .statusBadge.warn,
  .chip.warn{
    color:var(--warn) !important;
    background:rgba(239,200,110,.11) !important;
    border-color:rgba(239,200,110,.24) !important;
  }

  .statusBadge.bad,
  .chip.sell{
    color:var(--neg) !important;
    background:rgba(255,125,138,.11) !important;
    border-color:rgba(255,125,138,.24) !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  #summaryCard .summaryTitle,
  #summaryEmpf,
  .contextNote{
    border-color:#39485d !important;
  }

  .rank{
    background:#2b3648 !important;
    color:var(--text) !important;
  }

  .bar{
    background:#334055 !important;
  }

  .bar > i{
    background:var(--accent) !important;
  }

  .sparkWrap{
    background:#182233 !important;
    border:1px solid var(--line) !important;
  }

  .sparkBase{
    stroke:rgba(177,189,205,.18) !important;
  }

  .sparkLine.pos{
    stroke:var(--accent) !important;
    fill:none !important;
  }

  .sparkDot.pos{
    fill:var(--accent) !important;
  }

  .sparkLine.neg{
    stroke:var(--neg) !important;
    fill:none !important;
  }

  .sparkDot.neg{
    fill:var(--neg) !important;
  }

  .infoBtn,
  .sourceMiniBtn,
  .summaryInfoBtn{
    background:#29364b !important;
    border:1px solid #44546c !important;
    color:var(--muted2) !important;
    box-shadow:none !important;
  }

  .infoBtn:hover,
  .sourceMiniBtn:hover,
  .summaryInfoBtn:hover{
    background:#314058 !important;
    border-color:var(--accent) !important;
    color:var(--text) !important;
  }

  .stickyHead thead th{
    background:#1b2433 !important;
    backdrop-filter:none !important;
  }

  tbody tr:hover{
    background:rgba(255,255,255,.014) !important;
  }

  .metricState.insight-good,
  .internalState.good,
  .contextVal.good,
  .macroInfo.good,
  .trend.up,
  .chg.pos,
  .delta.pos,
  .val-green{
    color:var(--pos) !important;
  }

  .metricState.insight-bad,
  .internalState.bad,
  .contextVal.bad,
  .macroInfo.bad,
  .trend.down,
  .chg.neg,
  .delta.neg,
  .val-red{
    color:var(--neg) !important;
  }

  .metricState.insight-warn,
  .internalState.warn,
  .contextVal.warn,
  .macroInfo.warn,
  .val-orange{
    color:var(--warn) !important;
  }

  .summaryRecText{
    color:var(--neg) !important;
  }

  .infoSectionTitle{
    color:var(--accent) !important;
  }

  .infoModal{
    background:rgba(8,12,18,.9) !important;
  }

/* 14: navy-contrast-v5 */
  :root{
    --bg:#040914;
    --panel:#0a1323;
    --panel-2:#0f1a2f;
    --panel-3:#14213a;
    --line:#1d2c46;
    --line-soft:#1d2c46;
    --text:#f5f8fd;
    --text-soft:#e9f0f8;
    --muted:#aebbd0;
    --muted2:#93a4bd;
    --accent:#21c8c3;
    --accent2:#1ab7b2;
    --pos:#45dba6;
    --neg:#ff7e8d;
    --warn:#f0c86b;
    --flat:#ccd7e6;
  }

  html,
  body{
    background:#040914 !important;
  }

  body{
    background-image:none !important;
    color:var(--text) !important;
  }

  .sidebar{
    background:#091120 !important;
    border-color:#1d2c46 !important;
  }

  .card{
    background:#0a1323 !important;
    border-color:#1d2c46 !important;
  }

  .summaryCard,
  .contextCard,
  .metricCard,
  .macroCard,
  .internalCard,
  .tableWrap,
  .infoDialog{
    background:#0f1a2f !important;
    border-color:#1d2c46 !important;
  }

  .metricCard.stackedDelta,
  .macroCard,
  .internalCard{
    background:#14213a !important;
  }

  .viewSwitch{
    background:#091222 !important;
    border-color:#1d2c46 !important;
  }

  .viewBtn,
  .viewBtn.refreshBtn,
  .btn,
  .tab,
  .select{
    background:#091222 !important;
    border-color:#1d2c46 !important;
  }

  .viewBtn:hover,
  .viewBtn.refreshBtn:hover,
  .btn:hover,
  .tab:hover,
  .sideBtn:hover{
    background:#0d1b31 !important;
  }

  .viewBtn.active,
  .tab.active,
  .sideBtn.active{
    background:rgba(33,200,195,.10) !important;
    border-color:#21c8c3 !important;
    box-shadow:inset 3px 0 0 #21c8c3 !important;
  }

  .sideBtn{
    color:var(--muted) !important;
  }

  .statusBadge,
  .loadStatus,
  .chip,
  .kcat,
  .trend{
    background:#122036 !important;
    border-color:#294160 !important;
  }

  .statusBadge.neutral,
  .chip.hold,
  .kcat{
    background:#16233a !important;
    border-color:#2a4364 !important;
    color:var(--flat) !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  #summaryCard .summaryTitle,
  #summaryEmpf,
  .contextNote{
    border-color:#223450 !important;
  }

  .rank{
    background:#152239 !important;
  }

  .bar{
    background:#1f3150 !important;
  }

  .sparkWrap{
    background:#0c1628 !important;
    border-color:#1d2c46 !important;
  }

  .sparkBase{
    stroke:rgba(174,187,208,.16) !important;
  }

  .infoBtn,
  .sourceMiniBtn,
  .summaryInfoBtn{
    background:#172740 !important;
    border-color:#2d4668 !important;
  }

  .infoBtn:hover,
  .sourceMiniBtn:hover,
  .summaryInfoBtn:hover{
    background:#1d3658 !important;
    border-color:#21c8c3 !important;
  }

  .stickyHead thead th{
    background:#0a1323 !important;
  }

  .tableWrap{
    background:#0a1323 !important;
  }

  tbody tr:hover{
    background:rgba(255,255,255,.012) !important;
  }

/* 15: summary-info-align-v1 */
  #summaryCard .summaryHeadBar{
    position:relative !important;
    display:block !important;
    margin-bottom:8px !important;
    padding-bottom:8px !important;
  }

  #summaryCard .summaryTitle{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    margin:0 !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
    padding-right:24px !important;
    min-width:0 !important;
    white-space:nowrap !important;
  }

  #summaryCard .summaryHeadBar > .summaryInfoBtn{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    display:inline-flex !important;
    flex:0 0 auto;
    justify-content:center !important;
    align-items:center !important;
    margin-top:0 !important;
    margin-left:0 !important;
  }

  #summaryCard .summaryValueWrap,
  #summaryCard .summaryRecValueWrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    column-gap:8px !important;
    width:100% !important;
  }

  #summaryCard .summaryValueWrap .summaryValue,
  #summaryCard .summaryRecValueWrap .summaryRecText{
    order:1;
    min-width:0;
  }

  #summaryCard .summaryInfoBtn{
    order:2;
    justify-self:end;
    align-self:start;
    margin-top:1px;
  }

  #summaryCard .summaryHeadBar > .summaryInfoBtn{
    align-self:center !important;
    justify-self:auto !important;
    margin-top:0 !important;
  }

  #summaryCard .summaryRecValueWrap{
    grid-template-columns:minmax(0,1fr) !important;
  }

  #summaryFazit{
    display:grid !important;
    grid-template-columns:116px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:stretch !important;
    padding-top:4px !important;
    padding-bottom:8px !important;
  }

  #summaryFazit .summaryHero{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    justify-content:center;
    align-self:center;
    min-height:100%;
  }

  #summaryFazit .summaryHeroLabel{
    display:block;
    color:var(--muted2) !important;
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
    text-align:center;
  }

  #summaryFazit .summaryHeroValue{
    display:block;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    text-align:center;
    color:var(--text) !important;
  }

  #summaryFazit .summaryGroupGrid{
    display:grid;
    grid-template-rows:repeat(3, auto);
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    align-content:space-between;
    row-gap:10px;
    --summaryGroupColGap:14px;
    --summaryGroupColWidth:calc((100% - var(--summaryGroupColGap) - var(--summaryGroupColGap)) / 3);
    column-gap:var(--summaryGroupColGap);
    min-width:0;
    min-height:100%;
    position:relative;
  }

  #summaryFazit .summaryGroup{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }

  #summaryFazit .summaryGroupHead{
    display:grid;
    grid-template-columns:minmax(0,1fr) 16px;
    align-items:center;
    column-gap:6px;
    margin-bottom:4px;
  }

  #summaryFazit .summaryGroupLabel{
    display:block;
    color:var(--muted2) !important;
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
    margin-bottom:0 !important;
    min-width:0;
  }

  #summaryFazit .summaryGroupHead > .summaryInfoBtn{
    width:16px;
    height:16px;
    min-width:16px;
    justify-self:end;
    align-self:center;
    margin:0 !important;
  }

  #summaryFazit .summaryGroupValue{
    display:block;
    font-size:12.5px !important;
    line-height:1.26 !important;
    font-weight:800 !important;
    color:var(--text) !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #summaryFazit .summaryValueLink,
  #summaryFazit .summaryValueLink:visited,
  #summaryFazit .summaryValueLink:hover,
  #summaryFazit .summaryValueLink:active{
    color:inherit !important;
    text-decoration:none;
  }

  #summaryFazit .summaryGroupValueRich{
    display:flex;
    align-items:center;
    gap:0;
    flex-wrap:wrap;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }

  #summaryFazit .summaryDivider{
    color:var(--muted2) !important;
    font-weight:600 !important;
    padding:0 4px;
  }

  #summaryFazit .summaryGroupValueRich .fng-red{
    color:var(--neg) !important;
  }

  #summaryFazit .summaryGroupValueRich .fng-orange,
  #summaryFazit .summaryGroupValueRich .vix-warn{
    color:var(--warn) !important;
  }

  #summaryFazit .summaryGroupValueRich .fng-neutral,
  #summaryFazit .summaryGroupValueRich .vix-ok{
    color:var(--flat) !important;
  }

  #summaryFazit .summaryGroupValueRich .fng-lgreen,
  #summaryFazit .summaryGroupValueRich .fng-dgreen{
    color:var(--pos) !important;
  }

  #summaryFazit .summaryGroupValueRich .vix-bad{
    color:var(--neg) !important;
  }

  #summaryCard .summaryValue.value-good,
  #summaryFazit .summaryHeroValue.value-good,
  #summaryFazit .summaryGroupValue.value-good,
  #summaryCard .summaryRecText.value-good{
    color:#41d89d !important;
  }

  #summaryCard .summaryValue.value-warn,
  #summaryFazit .summaryHeroValue.value-warn,
  #summaryFazit .summaryGroupValue.value-warn,
  #summaryCard .summaryRecText.value-warn{
    color:#efc86a !important;
  }

  #summaryCard .summaryValue.value-bad,
  #summaryFazit .summaryHeroValue.value-bad,
  #summaryFazit .summaryGroupValue.value-bad,
  #summaryCard .summaryRecText.value-bad{
    color:#ff7f8a !important;
  }

  #summaryCard .summaryValue.value-neutral,
  #summaryFazit .summaryHeroValue.value-neutral,
  #summaryFazit .summaryGroupValue.value-neutral,
  #summaryCard .summaryRecText.value-neutral{
    color:var(--text) !important;
  }

  #summaryCard .signalLamp.summaryHeroLamp{
    width:22px;
    height:52px;
    padding:5px 4px;
    border-radius:12px;
    margin-right:0;
    box-shadow:0 0 0 1px rgba(10,16,28,.4);
  }

  #summaryCard .signalLamp.summaryHeroLamp .lampBulb{
    width:11px;
    height:11px;
  }

/* 16: kpi-signal-lamps-v1 */
  .signalLamp{
    position:relative;
    width:12px;
    height:28px;
    padding:3px 2px;
    display:inline-flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    flex:0 0 auto;
    vertical-align:middle;
    margin-right:8px;
    border-radius:8px;
    background:linear-gradient(180deg, #1a2230, #0e141f);
    border:1px solid #31425f;
    box-shadow:0 0 0 1px rgba(10,16,28,.4);
  }

  .metricCard > .infoBtn,
  .internalCard > .infoBtn,
  .contextCard > .infoBtn{
    right:12px !important;
  }

  .metricCard > .sourceMiniBtn,
  .internalCard > .sourceMiniBtn,
  .contextCard > .sourceMiniBtn{
    right:30px !important;
  }

  .macroCard .macroHead > .infoBtn{
    right:0 !important;
  }

  .macroCard .macroHead > .sourceMiniBtn{
    right:18px !important;
  }

  .implicitSourceLink{
    cursor:pointer;
  }

  .implicitSourceLink:focus-visible{
    outline:2px solid rgba(41,224,255,.55);
    outline-offset:4px;
    border-radius:12px;
  }

  .metricLabel,
  .internalLabel,
  .macroTitle{
    display:flex !important;
    align-items:center;
    gap:0;
    padding-right:42px !important;
  }

  .signalLamp .lampBulb{
    width:6px;
    height:6px;
    border-radius:999px;
    background:#243044;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  }

  .signalLamp.signal-green .lampBulb.green{
    background:#41d89d;
    box-shadow:0 0 8px rgba(65,216,157,.45), inset 0 0 0 1px rgba(255,255,255,.18);
  }

  .signalLamp.signal-yellow .lampBulb.yellow{
    background:#efc86a;
    box-shadow:0 0 8px rgba(239,200,106,.42), inset 0 0 0 1px rgba(255,255,255,.18);
  }

  .signalLamp.signal-neutral .lampBulb.yellow{
    background:#c7d2e0;
    box-shadow:0 0 7px rgba(199,210,224,.24), inset 0 0 0 1px rgba(255,255,255,.18);
  }

  .signalLamp.signal-red .lampBulb.red{
    background:#ff7f8a;
    box-shadow:0 0 8px rgba(255,127,138,.42), inset 0 0 0 1px rgba(255,255,255,.18);
  }

/* 17: section-spacing-tighten-v1 */
  .macroSection,
  .internalSection{
    margin-top:8px !important;
  }

  .macroHeaderRow,
  .internalHeaderRow{
    margin-bottom:5px !important;
  }

  .macroHeaderRow[style]{
    margin-bottom:6px !important;
  }

  h2,
  .macroHeaderRow h2{
    line-height:1.08 !important;
  }

/* 18: top-cards-divider-align-v1 */
  .finalGrid > .summaryColumn,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:100% !important;
  }

  .finalGrid > .summaryColumn .summaryCard,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:214px !important;
  }

  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    align-items:stretch !important;
  }

  .finalGrid > #liquidityCard .contextStats,
  .finalGrid > #seasonalityCard .contextStats{
    display:grid !important;
    min-height:0 !important;
    align-self:stretch !important;
    margin-top:8px !important;
    padding-top:0 !important;
    padding-bottom:10px !important;
    box-sizing:border-box !important;
    border-bottom:1px solid rgba(148,163,184,.10) !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    min-height:0 !important;
    align-items:center !important;
    gap:14px !important;
    padding:0 !important;
  }

  .finalGrid > #liquidityCard .contextStats{
    gap:9px !important;
  }

  .finalGrid > #seasonalityCard .contextStats{
    gap:9px !important;
  }

  .finalGrid > #liquidityCard .contextKey,
  .finalGrid > #seasonalityCard .contextKey{
    line-height:1.28 !important;
  }

  .finalGrid > #liquidityCard .contextValWrap,
  .finalGrid > #seasonalityCard .contextValWrap{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    min-width:0 !important;
  }

  .miniInlineInfoBtn{
    position:static !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    font-size:9px !important;
    line-height:1 !important;
    margin:0 !important;
    box-shadow:none !important;
  }

  .finalGrid > #liquidityCard .contextVal,
  .finalGrid > #seasonalityCard .contextVal{
    line-height:1.28 !important;
  }

  .finalGrid > #liquidityCard .contextNote,
  .finalGrid > #seasonalityCard .contextNote{
    display:block !important;
    width:100% !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    margin-top:auto !important;
    padding-top:12px !important;
    padding-bottom:2px !important;
    border-top:none !important;
    position:relative !important;
  }

  #summaryCard{
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    align-items:stretch !important;
  }

  #summaryFazit{
    align-self:stretch !important;
    min-height:0 !important;
  }

  #summaryEmpf{
    display:block !important;
    width:100% !important;
    margin-top:auto !important;
    padding-top:12px !important;
    padding-bottom:2px !important;
    border-top:1px solid rgba(148,163,184,.10) !important;
  }

/* 19: stimmung-copy-width-fix-v1 */
  .metricGrid .metricCard .metricState,
  .metricGrid .metricCard .metricState.insight{
    max-width:none !important;
  }

  #marketPeInsight{
    white-space:pre-line !important;
  }

  #equityRiskPremiumInsight{
    white-space:pre-line !important;
  }

  .metricGrid .metricCard.stackedDelta .metricState,
  .metricGrid .metricCard.stackedDelta .metricState.insight{
    padding-right:0 !important;
    min-height:0 !important;
    display:block !important;
    -webkit-line-clamp:unset !important;
    overflow:visible !important;
  }

/* 20: front-copy-clamp-v1 */
  #dashboardSection .metricState,
  #dashboardSection .metricState.insight,
  #dashboardSection .macroInfo,
  #dashboardSection .internalState,
  #dashboardSection .contextNote{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
  }

  #dashboardSection .metricState,
  #dashboardSection .metricState.insight,
  #dashboardSection .macroInfoText,
  #dashboardSection .macroInfoTextBody,
  #dashboardSection .internalState,
  #dashboardSection .contextNote{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
  }

  #dashboardSection .metricState,
  #dashboardSection .metricState.insight,
  #dashboardSection .macroInfo,
  #dashboardSection .internalState{
    min-height:calc(1.28em * 2) !important;
  }

  #dashboardSection .contextNote{
    min-height:calc(1.26em * 2) !important;
  }

  #dashboardSection #marketPeInsight,
  #dashboardSection #equityRiskPremiumInsight{
    white-space:pre-line !important;
  }
  #dashboardSection #marketPeInsight,
  #dashboardSection #equityRiskPremiumInsight,
  #dashboardSection .metricGrid .metricCard.stackedDelta .metricState,
  #dashboardSection .metricGrid .metricCard.stackedDelta .metricState.insight{
    -webkit-line-clamp:2 !important;
  }
  #dashboardSection #marketPeInsight br,
  #dashboardSection #equityRiskPremiumInsight br{
    display:none !important;
  }

/* 21: desktop-1440-fit-v1 */
  @media (min-width: 1180px) and (max-height: 1040px) {
    body{
      padding:0 10px !important;
    }

    .pageFrame{
      padding:2px 0 1px !important;
    }

    .topbar{
      margin-bottom:4px !important;
      gap:6px !important;
    }

    .topbarMain{
      gap:8px !important;
    }

    .title{
      gap:2px !important;
    }

    .title h1{
      font-size:23px !important;
      line-height:1 !important;
    }

    .title .sub,
    #lastUpdateInline{
      font-size:10.5px !important;
      line-height:1.1 !important;
    }

    .viewBtn,
    .viewBtn.refreshBtn{
      height:33px !important;
      min-height:33px !important;
      min-width:122px !important;
      font-size:11px !important;
    }

    .statusBadge{
      min-height:22px !important;
      padding:2px 7px !important;
      font-size:9.7px !important;
    }

    #dashboardSection > section.card{
      padding:7px 9px !important;
    }

    .macroSection,
    .internalSection,
    .flowSection{
      margin-top:4px !important;
    }

    .macroHeaderRow,
    .internalHeaderRow,
    .finalHeaderRow{
      margin:1px 1px 3px !important;
    }

    .macroHeaderRow[style]{
      margin-top:0 !important;
      margin-bottom:3px !important;
    }

    .macroHeaderRow h2,
    .internalHeaderRow h2{
      font-size:12.5px !important;
      line-height:1.05 !important;
    }

    .metricGrid,
    .internalGrid,
    .finalGrid{
      gap:5px !important;
      margin-top:0 !important;
    }

    .metricCard,
    .macroCard,
    .internalCard,
    .contextCard,
    .summaryCard{
      padding:7px 8px !important;
      border-radius:11px !important;
      min-height:0 !important;
    }

    .metricCard{
      min-height:102px !important;
    }

    .macroCard{
      min-height:92px !important;
    }

    .internalCard{
      min-height:86px !important;
    }

    .flowCard{
      min-height:82px !important;
    }

    .finalGrid > .summaryColumn .summaryCard,
    .finalGrid > #liquidityCard,
    .finalGrid > #seasonalityCard{
      min-height:186px !important;
    }

    .metricLabel,
    .internalLabel,
    .contextCard .internalLabel,
    .macroCard .macroHead,
    #summaryCard .summaryTitle{
      font-size:12px !important;
      line-height:1.08 !important;
    }

    .metricCard .metricLabel,
    .internalCard .internalLabel,
    .contextCard .internalLabel{
      padding-bottom:5px !important;
      margin-bottom:5px !important;
    }

    .macroCard .macroHead{
      padding-bottom:1px !important;
      margin-bottom:2px !important;
    }

    .macroCard .macroTitle{
      font-size:12px !important;
      padding-right:38px !important;
    }

    .metricValue,
    .metricCard.stackedDelta .metricValue{
      font-size:25px !important;
      line-height:1 !important;
    }

    .macroVal{
      font-size:18px !important;
      line-height:1.02 !important;
    }

    .internalValue,
    .internalValue.compact,
    .flowCard .internalValue,
    .flowCard .internalValue.compact{
      font-size:16.5px !important;
      line-height:1.08 !important;
    }

    .metricCard.stackedDelta .delta,
    .metricCard.stackedDelta .smallDelta{
      margin-top:4px !important;
      font-size:12px !important;
      line-height:1.18 !important;
    }

    .metricState,
    .metricState.insight,
    .macroInfo,
    .macroInfoText,
    .internalState,
    .contextKey,
    .contextVal,
    .contextNote,
    #summaryCard .summaryValue,
    #summaryCard .summaryRecText,
    #summaryCard #summaryEmpf,
    #summaryCard #summaryEmpf *{
      font-size:11px !important;
      line-height:1.24 !important;
    }

    .contextStats{
      gap:6px !important;
    }

    .finalGrid > #liquidityCard .contextStats,
    .finalGrid > #seasonalityCard .contextStats{
      gap:7px !important;
      margin-top:5px !important;
      padding-bottom:7px !important;
    }

    .finalGrid > #liquidityCard .contextStat,
    .finalGrid > #seasonalityCard .contextStat{
      gap:10px !important;
    }

    .finalGrid > #liquidityCard .contextNote,
    .finalGrid > #seasonalityCard .contextNote,
    #summaryEmpf{
      padding-top:7px !important;
      padding-bottom:0 !important;
    }

    #summaryCard .summaryHeadBar{
      margin-bottom:5px !important;
      padding-bottom:5px !important;
    }

    #summaryFazit{
      padding-top:1px !important;
      padding-bottom:5px !important;
      gap:4px !important;
    }

    #summaryFazit .summaryHero{
      gap:6px !important;
    }

    #summaryCard .signalLamp.summaryHeroLamp{
      width:14px !important;
      transform:scale(.92) !important;
      transform-origin:center !important;
    }
  }

/* 22: desktop-compact-always-v2 */
  @media (min-width: 1180px) {
    .pageFrame{
      max-width:1380px !important;
      margin:0 auto !important;
    }

    .container{
      max-width:1380px !important;
      margin:0 auto !important;
    }

    .pageFrame{
      padding:4px 0 2px !important;
    }

    .topbar{
      margin-bottom:6px !important;
      gap:8px !important;
    }

    .topbarMain{
      gap:10px !important;
    }

    .title{
      gap:2px !important;
    }

    .title h1{
      font-size:24px !important;
      line-height:1 !important;
    }

    .title .sub,
    #lastUpdateInline{
      font-size:11px !important;
      line-height:1.12 !important;
    }

    .viewBtn,
    .viewBtn.refreshBtn{
      height:35px !important;
      min-height:35px !important;
      min-width:126px !important;
      font-size:11.25px !important;
    }

    .statusBadge{
      min-height:24px !important;
      padding:2px 8px !important;
      font-size:9.9px !important;
    }

    #dashboardSection > section.card{
      padding:8px 10px !important;
    }

    .macroSection,
    .internalSection,
    .flowSection{
      margin-top:5px !important;
    }

    .macroHeaderRow,
    .internalHeaderRow,
    .finalHeaderRow{
      margin:1px 1px 4px !important;
    }

    .macroHeaderRow[style]{
      margin-top:0 !important;
      margin-bottom:4px !important;
    }

    .macroHeaderRow h2,
    .internalHeaderRow h2{
      font-size:12.75px !important;
      line-height:1.08 !important;
    }

    .metricGrid,
    .internalGrid,
    .finalGrid{
      gap:6px !important;
      margin-top:0 !important;
    }

    .finalGrid{
      grid-template-columns:1.55fr .95fr .95fr !important;
    }

    .metricGrid,
    .internalGrid{
      grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    }

    .metricCard,
    .macroCard,
    .internalCard,
    .contextCard,
    .summaryCard{
      padding:8px 9px !important;
      border-radius:12px !important;
    }

    .metricCard{
      min-height:114px !important;
    }

    .macroCard{
      min-height:104px !important;
    }

    .internalCard{
      min-height:96px !important;
    }

    .flowCard{
      min-height:92px !important;
    }

    .finalGrid > .summaryColumn .summaryCard,
    .finalGrid > #liquidityCard,
    .finalGrid > #seasonalityCard{
      min-height:192px !important;
    }

    .metricCard .metricLabel,
    .internalCard .internalLabel,
    .contextCard .internalLabel{
      padding-bottom:6px !important;
      margin-bottom:6px !important;
    }

    .macroCard .macroHead{
      padding-bottom:2px !important;
      margin-bottom:3px !important;
    }

    .macroCard .macroTitle{
      font-size:12px !important;
    }

    .metricValue,
    .metricCard.stackedDelta .metricValue{
      font-size:26px !important;
      line-height:1 !important;
    }

    .macroVal{
      font-size:19px !important;
      line-height:1.03 !important;
    }

    .internalValue,
    .internalValue.compact,
    .flowCard .internalValue,
    .flowCard .internalValue.compact{
      font-size:17px !important;
      line-height:1.08 !important;
    }

    .metricCard.stackedDelta .delta,
    .metricCard.stackedDelta .smallDelta{
      margin-top:5px !important;
      font-size:12.25px !important;
      line-height:1.18 !important;
    }

    .metricState,
    .metricState.insight,
    .macroInfo,
    .macroInfoText,
    .internalState,
    .contextKey,
    .contextVal,
    .contextNote,
    #summaryCard .summaryValue,
    #summaryCard .summaryRecText,
    #summaryCard #summaryEmpf,
    #summaryCard #summaryEmpf *{
      font-size:11.2px !important;
      line-height:1.26 !important;
    }

    .finalGrid > #liquidityCard .contextStats,
    .finalGrid > #seasonalityCard .contextStats{
      margin-top:6px !important;
      padding-bottom:8px !important;
    }

    .finalGrid > #liquidityCard .contextNote,
    .finalGrid > #seasonalityCard .contextNote,
    #summaryEmpf{
      padding-top:8px !important;
    }

    #summaryCard .summaryHeadBar{
      margin-bottom:6px !important;
      padding-bottom:6px !important;
    }

    #summaryFazit{
      padding-top:1px !important;
      padding-bottom:6px !important;
      gap:5px !important;
    }
  }

/* 23: macro-cards-separate-note-v2 */
  #dashboardSection .macroGrid .macroCard .macroValRow{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
      "value delta"
      "note note" !important;
    column-gap:8px !important;
    row-gap:4px !important;
    align-items:start !important;
  }

  #dashboardSection .macroGrid .macroCard .macroVal{
    grid-area:value !important;
    margin:0 !important;
    align-self:start !important;
  }

  #dashboardSection .macroGrid .macroCard .macroInfo{
    display:contents !important;
    margin:0 !important;
    padding:0 !important;
    max-width:none !important;
  }

  #dashboardSection .macroGrid .macroCard .macroInfoLead{
    grid-area:delta !important;
    display:block !important;
    align-self:start !important;
    justify-self:start !important;
    margin:2px 0 0 !important;
    white-space:nowrap !important;
  }

  #dashboardSection .macroGrid .macroCard .macroInfoText{
    grid-area:note !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  #dashboardSection .macroGrid .macroCard .macroInfoTextLead{
    display:none !important;
  }

  #dashboardSection .macroGrid .macroCard .macroInfoTextBody{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

/* 24: analysis-sparkline-clean-v1 */
  .sparkWrap{
    width:96px !important;
    height:24px !important;
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  .sparkSvg{
    width:96px !important;
    height:24px !important;
  }

  .sparkBase{
    display:none !important;
  }

  .sparkLine{
    fill:none !important;
    stroke-width:2.2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .sparkLine.pos{
    stroke:var(--pos) !important;
    fill:none !important;
  }

  .sparkDot.pos{
    fill:var(--pos) !important;
  }

  .sparkLine.neg{
    stroke:var(--neg) !important;
    fill:none !important;
  }

  .sparkDot.neg{
    fill:var(--neg) !important;
  }

  .sparkDot{
    display:none !important;
  }

/* 25: section-title-breathing-room */
  #dashboardSection .macroHeaderRow,
  #dashboardSection .internalHeaderRow{
    margin:10px 1px 8px !important;
  }

  #dashboardSection .macroHeaderRow[style]{
    margin-top:10px !important;
    margin-bottom:8px !important;
  }

  #dashboardSection .finalHeaderRow{
    align-items:flex-start !important;
    gap:14px !important;
  }

  .finalHeaderTitleWrap{
    display:flex;
    align-items:center;
    min-width:0;
  }

  .headerMetaInline{
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    white-space:nowrap;
    margin-left:.25em;
  }

  .headerMetaBreak{
    display:block;
    height:4px;
  }

  .finalHeaderTitleWrap h2 .headerMetaInline{
    display:inline-block !important;
  }

  .headerMetaInline #lastUpdateInline{
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    color:inherit;
    letter-spacing:inherit;
  }

  @media (max-width: 980px){
    #dashboardSection .finalHeaderRow{
      gap:10px !important;
    }
  }

  @media (min-width: 1025px){
    #dashboardSection > section.card{
      padding-top:4px !important;
    }

    #dashboardSection .finalHeaderRow{
      margin-top:0 !important;
      margin-bottom:6px !important;
    }

    .finalGrid{
      grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    }

    .finalGrid > .summaryColumn{
      grid-column:1 / span 2 !important;
    }

    .finalGrid > #liquidityCard{
      grid-column:3 !important;
    }

    .finalGrid > #seasonalityCard{
      grid-column:4 !important;
    }
  }

  .legalFooter{
    width:100%;
    margin:18px auto 10px;
    padding:12px 4px 0;
    justify-content:center;
    align-items:center;
    gap:16px;
    border-top:1px solid rgba(34,48,71,.65);
  }

  .legalLinks{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    align-items:center;
  }

  .legalLinks a{
    color:var(--muted2);
    text-decoration:none;
    font-weight:700;
  }

  .legalLinks a:hover{
    color:var(--text);
    text-decoration:underline;
  }

  .legalPage{
    min-height:100%;
  }

  .legalPage .pageFrame{
    max-width:1490px;
    padding:36px 0 20px;
  }

  .legalPageHeader{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:18px;
  }

  .legalPageTitle{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
  }

  .legalKicker{
    color:var(--muted2);
    font-size:12px;
    font-weight:800;
    letter-spacing:.18px;
    text-transform:uppercase;
  }

  .legalPageTitle h1{
    margin:0;
    font-size:28px;
    line-height:1.1;
    font-weight:var(--fw-strong);
    color:var(--text);
  }

  .legalIntro{
    margin:0;
    color:var(--muted2);
    font-size:14px;
    line-height:1.5;
    max-width:760px;
  }

  .legalBackLink{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 16px;
    border-radius:14px;
    border:1px solid rgba(34,48,71,.85);
    background:rgba(17,28,46,.65);
    color:var(--text);
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
  }

  .legalBackLink:hover{
    background:rgba(17,28,46,.85);
  }

  .topbarMetaLinks a.active{
    color:var(--text);
  }

  .viewSwitch a.viewBtn{
    text-decoration:none;
  }

  .legalShellCard{
    padding:14px;
  }

  .legalShellIntro{
    margin:0 0 18px;
    color:var(--muted2);
    font-size:14px;
    line-height:1.6;
    max-width:980px;
  }

  .legalLeadTitle{
    margin:2px 0 8px;
    color:var(--muted2);
    font-size:14px;
    line-height:1.2;
    font-weight:800;
  }

  .legalLeadTitle + .legalShellIntro{
    margin-top:0;
  }

  .legalLeadSpan2{
    grid-column:span 2;
    margin:2px 0 0;
  }

  .legalBody{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    column-gap:12px;
    row-gap:6px;
    margin-top:4px;
  }

  .legalBlock{
    background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,28,.98));
    border:1px solid rgba(148,163,184,.18);
    border-radius:14px;
    padding:14px 14px 12px;
    box-shadow:0 16px 38px rgba(0,0,0,.22);
  }

  .legalCard{
    padding:20px 20px 18px;
  }

  .legalCard + .legalCard{
    margin-top:14px;
  }

  .legalSectionTitle{
    margin:0 0 10px;
    padding-bottom:8px;
    border-bottom:1px solid rgba(34,48,71,.65);
    color:var(--muted2);
    font-size:14px;
    line-height:1.2;
    font-weight:800;
  }

  .legalText{
    margin:0;
    color:var(--muted2);
    font-size:14px;
    line-height:1.6;
  }

  .legalText + .legalText{
    margin-top:10px;
  }

  .legalText a,
  .legalList a{
    color:inherit;
    text-decoration:underline;
    text-decoration-color:rgba(148,163,184,.45);
  }

  .legalText a:hover,
  .legalList a:hover{
    color:inherit;
    text-decoration-color:currentColor;
  }

  .legalList{
    margin:10px 0 0;
    padding-left:18px;
    color:var(--muted2);
    font-size:14px;
    line-height:1.6;
  }

  .legalList li + li{
    margin-top:6px;
  }

  .legalMetaGrid{
    display:grid;
    grid-template-columns:minmax(160px, 220px) 1fr;
    gap:10px 16px;
  }

  .legalMetaLabel{
    color:var(--muted2);
    font-size:13px;
    font-weight:800;
  }

  .legalMetaValue{
    color:var(--text) !important;
    font-size:14px;
    line-height:1.5;
    font-weight:700;
  }

  .legalMetaValue a{
    color:inherit;
    text-decoration:none;
    font-weight:inherit;
  }

  .legalMetaValue a:hover{
    color:inherit;
    text-decoration:underline;
  }

  .legalBlock.span2{
    grid-column:span 2;
  }

  .pageMetaFooter,
  .legalMetaFooter{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    width:100%;
    box-sizing:border-box;
    margin:8px 2px 0 0;
    color:var(--muted);
    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.12px;
  }

  .dashboardMetaFooter{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    width:100%;
    box-sizing:border-box;
    margin:12px 2px 0 0;
    color:var(--muted);
    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.12px;
    position:relative;
    z-index:5;
    isolation:isolate;
  }

  .footerMetaLeft{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    flex:1 1 360px;
    min-width:0;
    flex-wrap:wrap;
    text-align:left;
  }

  .footerMetaRight{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex:0 1 auto;
    flex-wrap:wrap;
    margin-left:auto;
    text-align:right;
  }

  .dashboardMetaFooter a,
  .pageMetaFooter a,
  .legalMetaFooter a,
  .dashboardMetaLinkBtn{
    color:inherit;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:4px 0 4px 6px;
    position:relative;
    z-index:6;
    pointer-events:auto;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(255,255,255,.08);
    cursor:pointer;
  }

  .dashboardMetaDisclaimer,
  .pageMetaDisclaimer{
    color:var(--muted2);
  }

  .pageMetaFooter a:hover,
  .legalMetaFooter a:hover{
    text-decoration:underline;
  }

  .dashboardMetaLinkBtn{
    border:0;
    background:transparent;
    font:inherit;
    appearance:none;
    -webkit-appearance:none;
  }

  .dashboardMetaFooter a:hover,
  .dashboardMetaLinkBtn:hover{
    text-decoration:underline;
  }

  @media (max-width: 700px) and (orientation: portrait){
    .finalGrid > #liquidityCard .contextStat,
    .finalGrid > #seasonalityCard .contextStat{
      grid-template-columns:minmax(0,1fr) minmax(0, auto) !important;
      column-gap:10px !important;
      align-items:center !important;
    }

    .finalGrid > #liquidityCard .contextValWrap,
    .finalGrid > #seasonalityCard .contextValWrap{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) auto !important;
      align-items:center !important;
      justify-content:end !important;
      justify-items:end !important;
      width:auto !important;
      min-width:0 !important;
      max-width:100% !important;
      column-gap:8px !important;
    }

    .finalGrid > #liquidityCard .contextVal,
    .finalGrid > #seasonalityCard .contextVal{
      width:max-content !important;
      max-width:100% !important;
      text-align:right !important;
      justify-self:end !important;
    }
  }

  @media (max-width: 700px){
    .legalPage .pageFrame{
      padding:20px 12px 18px;
    }

    .legalPageTitle h1{
      font-size:24px;
    }

    .legalCard{
      padding:16px 16px 14px;
    }

    .legalBody{
      grid-template-columns:1fr;
    }

    .legalBody > .legalBlock{
      grid-column:auto !important;
    }

    .legalBlock.span2{
      grid-column:auto;
    }

    .legalLeadSpan2{
      grid-column:auto;
    }

    .legalMetaGrid{
      grid-template-columns:1fr;
      gap:6px;
    }

    .pageMetaFooter,
    .legalMetaFooter{
      margin-right:0;
      padding-right:1px;
    }

    .dashboardMetaFooter{
      margin-right:0;
      padding-right:1px;
    }
  }

  @media (max-width: 520px) and (orientation: portrait){
    .topbar{
      margin-bottom:4px;
    }

    .topbarMain{
      display:block !important;
      margin-bottom:0 !important;
    }

    .title,
    .brandTitle{
      width:100%;
      max-width:100%;
    }

    .title{
      gap:0 !important;
    }

    .brandLogo{
      width:180px;
      max-width:100%;
      height:auto;
      flex:none;
      object-position:left center;
      display:block;
    }

    .brandSubline{
      padding-left:44px;
      margin:2px 0 0;
      font-size:9px;
      line-height:1.08;
      letter-spacing:.1px;
    }

    .topbarRight{
      width:100%;
      min-width:0;
      display:grid !important;
      grid-template-columns:auto 1fr !important;
      grid-template-areas:
        "brandspacer links"
        "switch switch" !important;
      align-items:center !important;
      gap:6px 12px;
      margin-top:2px;
    }

    .topbarMetaLinks{
      grid-area:links;
      width:100%;
      justify-content:flex-end;
      padding-right:0;
      gap:14px;
      min-height:auto;
      margin-top:2px;
      margin-bottom:0;
    }

    .viewSwitch{
      grid-area:switch;
      width:100%;
      justify-content:flex-start;
      flex-wrap:wrap;
    }
  }

  @media (max-width: 520px) and (orientation: portrait){
    .pageFrame{
      padding-top:0 !important;
    }

    .topbarMetaLinks a{
      font-size:9.5px !important;
    }

    .viewSwitch{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:8px !important;
      padding:8px !important;
      border-radius:18px !important;
      margin-top:4px !important;
    }

    .viewBtn,
    .viewBtn.refreshBtn{
      width:100% !important;
      min-width:0 !important;
      height:50px !important;
      min-height:50px !important;
      font-size:15px !important;
      border-radius:16px !important;
      justify-content:center !important;
    }

    .viewBtn.refreshBtn{
      grid-column:1 / -1 !important;
    }

    #dashboardSection > section.card{
      padding:10px 12px 12px !important;
    }

    #dashboardSection .finalHeaderRow{
      flex-direction:column !important;
      align-items:flex-start !important;
      gap:12px !important;
      margin-bottom:12px !important;
    }

    .finalHeaderTitleWrap,
    .summaryStatusOuter{
      width:100% !important;
    }

    .finalHeaderTitleWrap h2{
      display:block !important;
      font-size:18px !important;
      line-height:1.16 !important;
      min-height:auto !important;
    }

    .headerMetaInline{
      display:inline-block !important;
      margin-left:.25em !important;
      margin-top:0 !important;
      white-space:normal !important;
      font-size:12px !important;
      color:var(--muted2) !important;
      line-height:1.22 !important;
    }

    .summaryStatusOuter{
      justify-content:flex-start !important;
      gap:8px !important;
    }

    .summaryStatusOuter .statusBadge{
      height:auto !important;
      min-height:34px !important;
      padding:8px 12px !important;
      font-size:12px !important;
      white-space:normal !important;
      line-height:1.2 !important;
      text-align:left !important;
      justify-content:flex-start !important;
      flex:1 1 calc(50% - 8px) !important;
    }

    .finalGrid{
      grid-template-columns:1fr !important;
      gap:12px !important;
      grid-auto-rows:auto !important;
      align-items:start !important;
    }

    .finalGrid > .summaryColumn,
    .finalGrid > #liquidityCard,
    .finalGrid > #seasonalityCard,
    #summaryCard{
      grid-column:auto !important;
      min-height:0 !important;
    }

    .finalGrid > #liquidityCard,
    .finalGrid > #seasonalityCard{
      grid-template-rows:auto auto auto !important;
      align-items:start !important;
      height:auto !important;
      align-self:start !important;
    }

    .summaryCard,
    .contextCard{
      padding:14px !important;
      border-radius:22px !important;
    }

    #summaryCard .summaryHeadBar{
      margin-bottom:8px !important;
      padding-bottom:8px !important;
    }

    #summaryCard .summaryTitle{
      white-space:normal !important;
      font-size:16px !important;
      line-height:1.2 !important;
      padding-right:28px !important;
    }

    #summaryFazit{
      grid-template-columns:1fr !important;
      gap:8px !important;
      padding-bottom:6px !important;
    }

    #summaryFazit .summaryHero{
      flex-direction:row !important;
      justify-content:flex-start !important;
      align-items:center !important;
      gap:10px !important;
      padding-bottom:6px !important;
      border-bottom:1px solid rgba(148,163,184,.10) !important;
    }

    #summaryFazit .summaryHeroLabel,
    #summaryFazit .summaryHeroValue{
      text-align:left !important;
    }

    #summaryFazit .summaryGroupGrid{
      grid-template-rows:none !important;
      grid-auto-flow:row !important;
      grid-auto-columns:auto !important;
      grid-template-columns:repeat(2, minmax(0,1fr)) !important;
      column-gap:8px !important;
      row-gap:8px !important;
      min-height:0 !important;
    }

    #summaryFazit .summaryGroupLabel{
      font-size:12px !important;
      line-height:1.12 !important;
    }

    #summaryFazit .summaryGroupValue{
      font-size:13px !important;
      line-height:1.18 !important;
      white-space:normal !important;
      overflow:visible !important;
      text-overflow:clip !important;
      overflow-wrap:anywhere !important;
    }

    #summaryEmpf{
      font-size:14px !important;
      line-height:1.34 !important;
    }

    .finalGrid > #liquidityCard .contextStats,
    .finalGrid > #seasonalityCard .contextStats{
      gap:6px !important;
      margin-top:5px !important;
      align-self:start !important;
      padding-bottom:0 !important;
      border-bottom:none !important;
    }

    .finalGrid > #liquidityCard .contextStat,
    .finalGrid > #seasonalityCard .contextStat{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) auto !important;
      align-items:start !important;
      gap:8px !important;
      min-height:0 !important;
    }

    .finalGrid > #liquidityCard .contextKey,
    .finalGrid > #seasonalityCard .contextKey{
      font-size:13px !important;
      line-height:1.12 !important;
    }

    .finalGrid > #liquidityCard .contextVal,
    .finalGrid > #seasonalityCard .contextVal{
      font-size:14px !important;
      line-height:1.14 !important;
      text-align:right !important;
      white-space:normal !important;
    }

    .finalGrid > #liquidityCard .contextNote,
    .finalGrid > #seasonalityCard .contextNote{
      margin-top:7px !important;
      padding-top:7px !important;
      border-top:1px solid rgba(148,163,184,.10) !important;
      line-height:1.24 !important;
    }
  }

  @media (max-width: 520px) and (orientation: portrait){
    html.ios-local-bundle-run .topbar{
      margin-bottom:6px !important;
    }

    html.ios-local-bundle-run .topbarMain{
      gap:6px !important;
    }

    html.ios-local-bundle-run .title{
      gap:0 !important;
    }

    html.ios-local-bundle-run .brandLogo{
      width:min(240px, 74vw) !important;
      max-width:240px !important;
      height:auto !important;
      flex:none !important;
    }

    html.ios-local-bundle-run .brandSubline{
      padding-left:56px !important;
      margin:2px 0 0 !important;
      font-size:10px !important;
      line-height:1.05 !important;
      letter-spacing:.12px !important;
    }
  }

  @media (max-height: 520px) and (orientation: landscape){
    .topbarMain{
      align-items:flex-start !important;
    }

    .topbarRight{
      width:auto !important;
      margin-left:auto !important;
      align-items:flex-end !important;
      justify-content:flex-start !important;
      flex-wrap:nowrap !important;
    }

    .topbarMetaLinks{
      justify-content:flex-end !important;
      width:100% !important;
    }

    .viewSwitch{
      width:auto !important;
      margin-left:auto !important;
      justify-content:flex-end !important;
      flex-wrap:nowrap !important;
    }

    .brandLogo{
      width:180px !important;
      max-width:100% !important;
      height:auto !important;
      flex:none !important;
    }

    .brandSubline{
      padding-left:44px !important;
      font-size:9px !important;
    }

    .summaryCard,
    .contextCard{
      padding:12px !important;
    }

    #summaryCard .summaryHeadBar{
      margin-bottom:6px !important;
      padding-bottom:6px !important;
    }

    #summaryFazit{
      gap:8px !important;
      padding-bottom:6px !important;
    }

    #summaryFazit .summaryHero{
      gap:10px !important;
      padding-bottom:6px !important;
    }

    #summaryFazit .summaryGroupGrid{
      column-gap:8px !important;
      row-gap:8px !important;
    }

    #summaryFazit .summaryGroupLabel{
      line-height:1.1 !important;
    }

    #summaryFazit .summaryGroupValue{
      line-height:1.14 !important;
    }

    .finalGrid > #liquidityCard .contextStats,
    .finalGrid > #seasonalityCard .contextStats{
      gap:6px !important;
    }

    .finalGrid > #liquidityCard .contextStat,
    .finalGrid > #seasonalityCard .contextStat{
      gap:8px !important;
    }

    .finalGrid > #liquidityCard .contextKey,
    .finalGrid > #seasonalityCard .contextKey{
      line-height:1.1 !important;
    }

    .finalGrid > #liquidityCard .contextVal,
    .finalGrid > #seasonalityCard .contextVal{
      line-height:1.14 !important;
    }

    .finalGrid > #liquidityCard .contextNote,
    .finalGrid > #seasonalityCard .contextNote{
      margin-top:8px !important;
      padding-top:8px !important;
      line-height:1.2 !important;
    }
  }

.viewBtn.refreshBtn.loading{
  background:#11233d !important;
  border-color:rgba(34,211,238,.34) !important;
  color:#f8fbff !important;
  opacity:1 !important;
  box-shadow:inset 0 0 0 1px rgba(125,211,252,.10) !important;
}

.viewBtn.refreshBtn.loading:hover{
  background:#132844 !important;
  border-color:rgba(34,211,238,.38) !important;
  color:#f8fbff !important;
}

.viewBtn.refreshBtn.loading::before{
  opacity:1 !important;
  background:linear-gradient(90deg, rgba(37,99,235,.24), rgba(34,211,238,.28)) !important;
}

.viewBtn.refreshBtn.loading .btnContent,
.viewBtn.refreshBtn.loading #btnText{
  color:#f8fbff !important;
}

.viewBtn.refreshBtn.loading .spinner{
  border-color:rgba(226,232,240,.26) !important;
  border-top-color:rgba(94,234,212,.98) !important;
  border-right-color:rgba(125,211,252,.82) !important;
}

/* v434: aktuelle neutrale Signale bleiben gelb; nur nicht aktuelle oder nicht bewertbare Werte sind grau */
.signalLamp.signal-neutral .lampBulb.yellow,
.signalLamp.signal-yellow .lampBulb.yellow{
  background:var(--warn) !important;
  box-shadow:0 0 8px rgba(239,200,106,.42), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}

.signalLamp.signal-unavailable .lampBulb.yellow{
  background:var(--muted2) !important;
  box-shadow:0 0 7px rgba(145,160,183,.24), inset 0 0 0 1px rgba(255,255,255,.14) !important;
}

.fng-neutral,
.val-neutral,
.macroInfoLead.neutral,
.metricState.insight.insight-neutral,
.metricValue.value-neutral,
.macroVal.value-neutral,
.internalValue.value-neutral,
.internalState.neutral,
.contextVal.neutral,
.summaryValue.value-neutral,
#summaryFazit .summaryHeroValue.value-neutral,
#summaryFazit .summaryGroupValue.value-neutral,
#summaryCard .summaryRecText.value-neutral,
.metricCard.stackedDelta .delta.val-neutral,
.metricCard.stackedDelta .smallDelta.val-neutral,
#marketPeLabel.val-neutral,
#equityRiskPremiumLabel.val-neutral,
#fngValue.value-neutral,
#vixValue.value-neutral,
#marketPeValue.value-neutral,
#equityRiskPremiumValue.value-neutral{
  color:var(--warn) !important;
}

.fng-unavailable,
.val-unavailable,
.macroInfoLead.unavailable,
.metricState.insight.insight-unavailable,
.metricValue.value-unavailable,
.macroVal.value-unavailable,
.internalValue.value-unavailable,
.internalState.unavailable,
.contextVal.unavailable,
.summaryValue.value-unavailable,
#summaryFazit .summaryHeroValue.value-unavailable,
#summaryFazit .summaryGroupValue.value-unavailable,
#summaryCard .summaryRecText.value-unavailable,
#marketPeLabel.val-unavailable,
#equityRiskPremiumLabel.val-unavailable,
#fngValue.value-unavailable,
#vixValue.value-unavailable,
#marketPeValue.value-unavailable,
#equityRiskPremiumValue.value-unavailable{
  color:var(--muted2) !important;
}

.metricCard #marketPeLabel.val-neutral,
.metricCard #equityRiskPremiumLabel.val-neutral,
.metricCard #marketPeValue.value-neutral,
.metricCard #equityRiskPremiumValue.value-neutral,
.infoCurrentValue .value-neutral{
  color:var(--warn) !important;
}

.metricCard #marketPeLabel.val-unavailable,
.metricCard #equityRiskPremiumLabel.val-unavailable,
.metricCard #marketPeValue.value-unavailable,
.metricCard #equityRiskPremiumValue.value-unavailable,
.infoCurrentValue .value-unavailable{
  color:var(--muted2) !important;
}

/* iphone-card-spacing-fix-v1 */
@media (max-width: 700px) and (orientation: portrait){
  #summaryCard{
    padding:12px !important;
  }

  #summaryCard .summaryHeadBar{
    margin-bottom:8px !important;
    padding-bottom:8px !important;
  }

  #summaryFazit{
    gap:8px !important;
    padding-bottom:8px !important;
  }

  #summaryFazit .summaryHero{
    gap:10px !important;
    padding-bottom:8px !important;
  }

  #summaryFazit .summaryGroupGrid{
    row-gap:8px !important;
    column-gap:10px !important;
    --summaryGroupColGap:10px !important;
  }

  #summaryFazit .summaryGroupLabel{
    line-height:1.16 !important;
  }

  #summaryFazit .summaryGroupValue{
    line-height:1.24 !important;
  }

  #summaryEmpf{
    margin-top:8px !important;
    padding-top:8px !important;
    line-height:1.34 !important;
  }

  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    padding:12px !important;
  }

  .finalGrid > #liquidityCard .contextStats,
  .finalGrid > #seasonalityCard .contextStats{
    gap:7px !important;
    margin-top:6px !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:8px !important;
  }

  .finalGrid > #liquidityCard .contextKey,
  .finalGrid > #seasonalityCard .contextKey{
    line-height:1.18 !important;
  }

  .finalGrid > #liquidityCard .contextVal,
  .finalGrid > #seasonalityCard .contextVal{
    line-height:1.2 !important;
    text-align:right !important;
  }

  .finalGrid > #liquidityCard .contextNote,
  .finalGrid > #seasonalityCard .contextNote{
    margin-top:8px !important;
    padding-top:8px !important;
    line-height:1.28 !important;
  }

  .pageMetaFooter{
    margin-right:-2px !important;
    padding-right:0 !important;
  }
}

@media (max-height: 520px) and (orientation: landscape){
  #summaryCard{
    padding:12px !important;
  }

  #summaryCard .summaryHeadBar{
    margin-bottom:8px !important;
    padding-bottom:8px !important;
  }

  #summaryFazit{
    gap:8px !important;
    padding-bottom:8px !important;
  }

  #summaryFazit .summaryHero{
    gap:10px !important;
    padding-bottom:8px !important;
  }

  #summaryFazit .summaryGroupGrid{
    row-gap:8px !important;
    column-gap:10px !important;
  }

  #summaryFazit .summaryGroupLabel{
    line-height:1.14 !important;
  }

  #summaryFazit .summaryGroupValue{
    line-height:1.22 !important;
  }

  #summaryEmpf{
    margin-top:8px !important;
    padding-top:8px !important;
    line-height:1.32 !important;
  }

  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    padding:12px !important;
  }

  .finalGrid > #liquidityCard .contextStats,
  .finalGrid > #seasonalityCard .contextStats{
    gap:7px !important;
    margin-top:6px !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:8px !important;
  }

  .finalGrid > #liquidityCard .contextKey,
  .finalGrid > #seasonalityCard .contextKey{
    line-height:1.16 !important;
  }

  .finalGrid > #liquidityCard .contextVal,
  .finalGrid > #seasonalityCard .contextVal{
    line-height:1.18 !important;
    text-align:right !important;
  }

  .finalGrid > #liquidityCard .contextNote,
  .finalGrid > #seasonalityCard .contextNote{
    margin-top:8px !important;
    padding-top:8px !important;
    line-height:1.24 !important;
  }

  .pageMetaFooter{
    margin-right:-2px !important;
    padding-right:0 !important;
  }
}

/* iphone-summary-context-tight-v2 */
@media (max-width: 700px) and (orientation: portrait){
  .finalGrid > .summaryColumn,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:0 !important;
    height:auto !important;
    align-self:auto !important;
  }

  .finalGrid > .summaryColumn .summaryCard,
  #summaryCard,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:0 !important;
    height:auto !important;
  }

  #summaryCard{
    display:flex !important;
    flex-direction:column !important;
    grid-template-rows:none !important;
    align-items:stretch !important;
  }

  #summaryFazit{
    grid-template-columns:1fr !important;
    align-items:start !important;
    align-self:auto !important;
    min-height:0 !important;
  }

  #summaryFazit .summaryHero{
    min-height:0 !important;
    align-self:start !important;
    justify-content:flex-start !important;
  }

  #summaryFazit .summaryGroupGrid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    grid-template-rows:none !important;
    grid-auto-flow:row !important;
    align-content:start !important;
    min-height:0 !important;
  }

  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    display:flex !important;
    flex-direction:column !important;
    grid-template-rows:none !important;
    align-items:stretch !important;
  }

  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    justify-content:flex-start !important;
    min-height:0 !important;
  }

  .finalGrid > #liquidityCard .contextStats,
  .finalGrid > #seasonalityCard .contextStats{
    align-self:start !important;
    min-height:0 !important;
    padding-bottom:0 !important;
    border-bottom:none !important;
  }

  .finalGrid > #liquidityCard .contextNote,
  .finalGrid > #seasonalityCard .contextNote{
    margin-top:8px !important;
    align-self:auto !important;
    border-top:1px solid rgba(148,163,184,.10) !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    grid-template-columns:minmax(0,1fr) minmax(168px, 52%) !important;
    column-gap:10px !important;
  }

  .finalGrid > #liquidityCard .contextValWrap,
  .finalGrid > #seasonalityCard .contextValWrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    width:100% !important;
    min-width:168px !important;
    column-gap:8px !important;
    justify-content:stretch !important;
  }

  .finalGrid > #liquidityCard .contextVal,
  .finalGrid > #seasonalityCard .contextVal{
    justify-self:end !important;
  }

  .pageMetaFooter{
    display:block !important;
    width:100% !important;
    margin:10px 0 0 !important;
    padding:0 14px 0 0 !important;
    box-sizing:border-box !important;
    text-align:right !important;
    margin-left:auto !important;
    position:static !important;
    right:auto !important;
  }
}

@media (max-width: 700px) and (orientation: portrait){
  .finalGrid > #liquidityCard .contextStats,
  .finalGrid > #seasonalityCard .contextStats{
    width:100% !important;
    max-width:100% !important;
    justify-self:stretch !important;
    align-self:stretch !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    grid-template-columns:minmax(0,1fr) minmax(0, auto) !important;
    column-gap:10px !important;
    align-items:center !important;
    width:100% !important;
  }

  .finalGrid > #liquidityCard .contextValWrap,
  .finalGrid > #seasonalityCard .contextValWrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    justify-content:end !important;
    justify-items:end !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    column-gap:8px !important;
    justify-self:end !important;
  }

  .finalGrid > #liquidityCard .contextVal,
  .finalGrid > #seasonalityCard .contextVal{
    width:max-content !important;
    max-width:100% !important;
    text-align:right !important;
    justify-self:end !important;
  }
}

@media (hover:none) and (pointer:coarse) and (min-width: 701px){
  .brandTitle{
    position:relative !important;
  }

  .topbarMain{
    align-items:flex-start !important;
    gap:14px !important;
  }

  .title,
  .brandTitle{
    max-width:100% !important;
    min-width:0 !important;
  }

  .brandLogo{
    width:min(100%, 300px) !important;
    max-width:300px !important;
    height:auto !important;
    flex:0 1 auto !important;
  }

  .brandSubline{
    position:absolute !important;
    left:0 !important;
    top:100% !important;
    margin-top:-2px !important;
    font-size:10px !important;
    padding-left:clamp(52px, 25%, 76px) !important;
    white-space:nowrap !important;
  }

  .topbarRight{
    width:100% !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
  }

  .topbarMetaLinks{
    width:100% !important;
    justify-content:flex-end !important;
    padding-right:0 !important;
  }
}

@media (hover:none) and (pointer:coarse) and (min-width: 701px) and (orientation: portrait){
  .topbarMain{
    align-items:flex-start !important;
    flex-wrap:nowrap !important;
  }

  .topbarRight{
    width:auto !important;
    margin-left:auto !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
  }

  .topbarMetaLinks{
    width:auto !important;
    min-height:0 !important;
    margin:0 0 2px auto !important;
    justify-content:flex-end !important;
    align-self:flex-start !important;
  }

  .viewSwitch{
    width:auto !important;
    margin-left:auto !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
  }
}

@media (hover:none) and (pointer:coarse) and (min-width: 701px) and (orientation: landscape){
  .topbar{
    padding-top:10px !important;
  }

  .topbarMain{
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:14px !important;
  }

  .topbarRight{
    width:auto !important;
    margin-left:auto !important;
    align-items:flex-end !important;
    justify-content:center !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
  }

  .topbarMetaLinks{
    width:auto !important;
    min-height:0 !important;
    margin:0 0 2px auto !important;
    justify-content:flex-end !important;
    align-self:flex-end !important;
  }

  .viewSwitch{
    width:auto !important;
    margin-left:auto !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
  }
}

@media (hover:none) and (pointer:coarse) and (min-width: 1000px) and (max-height: 850px) and (orientation: landscape){
  body{
    padding:0 8px !important;
  }

  .pageFrame{
    padding:2px 0 0 !important;
  }

  .topbar{
    margin-bottom:4px !important;
    gap:6px !important;
  }

  .topbarMain{
    gap:10px !important;
  }

  .brandLogo{
    max-width:260px !important;
  }

  .topbarMetaLinks a{
    font-size:10.5px !important;
  }

  .viewSwitch{
    padding:3px !important;
    border-radius:14px !important;
  }

  .viewBtn,
  .viewBtn.refreshBtn{
    height:34px !important;
    min-height:34px !important;
    min-width:132px !important;
    font-size:11px !important;
  }

  .statusLine{
    gap:6px !important;
  }

  .statusBadge{
    min-height:22px !important;
    padding:2px 7px !important;
    font-size:9.6px !important;
  }

  #dashboardSection > section.card{
    padding:6px 8px !important;
  }

  .macroHeaderRow,
  .internalHeaderRow,
  .finalHeaderRow{
    margin:1px 1px 3px !important;
  }

  .macroHeaderRow h2,
  .internalHeaderRow h2{
    font-size:12.25px !important;
    line-height:1.06 !important;
  }

  .metricGrid,
  .internalGrid,
  .finalGrid{
    gap:5px !important;
    margin-top:0 !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    padding:7px 8px !important;
    border-radius:12px !important;
    min-height:0 !important;
  }

  .metricCard{
    min-height:100px !important;
  }

  .macroCard{
    min-height:92px !important;
  }

  .internalCard{
    min-height:86px !important;
  }

  .flowCard{
    min-height:82px !important;
  }

  .finalGrid > .summaryColumn .summaryCard,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:176px !important;
  }

  .metricCard .metricLabel,
  .internalCard .internalLabel,
  .contextCard .internalLabel{
    padding-bottom:5px !important;
    margin-bottom:5px !important;
  }

  .metricLabel,
  .internalLabel,
  .contextCard .internalLabel,
  .macroCard .macroHead,
  #summaryCard .summaryTitle{
    font-size:11.5px !important;
    line-height:1.06 !important;
  }

  .metricValue,
  .metricCard.stackedDelta .metricValue{
    font-size:24px !important;
    line-height:1 !important;
  }

  .macroVal{
    font-size:17px !important;
    line-height:1.02 !important;
  }

  .internalValue,
  .internalValue.compact,
  .flowCard .internalValue,
  .flowCard .internalValue.compact{
    font-size:15.5px !important;
    line-height:1.06 !important;
  }

  .metricCard.stackedDelta .delta,
  .metricCard.stackedDelta .smallDelta{
    margin-top:4px !important;
    font-size:11.4px !important;
    line-height:1.16 !important;
  }

  .metricState,
  .metricState.insight,
  .macroInfo,
  .macroInfoText,
  .internalState,
  .contextKey,
  .contextVal,
  .contextNote,
  #summaryCard .summaryValue,
  #summaryCard .summaryRecText,
  #summaryCard #summaryEmpf,
  #summaryCard #summaryEmpf *{
    font-size:10.6px !important;
    line-height:1.18 !important;
  }

  .finalGrid > #liquidityCard .contextStats,
  .finalGrid > #seasonalityCard .contextStats{
    margin-top:4px !important;
    gap:6px !important;
    padding-bottom:6px !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    gap:8px !important;
  }

  .finalGrid > #liquidityCard .contextNote,
  .finalGrid > #seasonalityCard .contextNote,
  #summaryEmpf{
    padding-top:6px !important;
  }

  #summaryCard .summaryHeadBar{
    margin-bottom:4px !important;
    padding-bottom:4px !important;
  }

  #summaryFazit{
    padding-top:0 !important;
    padding-bottom:4px !important;
    gap:4px !important;
  }

  #summaryFazit .summaryGroupGrid{
    row-gap:8px !important;
    column-gap:10px !important;
  }

  #summaryCard .signalLamp.summaryHeroLamp{
    transform:scale(.88) !important;
    transform-origin:center top !important;
  }
}

@media (hover:none) and (pointer:coarse) and (min-width: 1000px) and (max-height: 850px) and (orientation: landscape){
  .pageFrame{
    transform:none !important;
    transform-origin:initial !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-bottom:0 !important;
  }

  .container{
    max-width:none !important;
  }

  .topbar{
    margin-bottom:2px !important;
  }

  #dashboardSection > section.card{
    padding:5px 7px !important;
  }

  .macroHeaderRow,
  .internalHeaderRow,
  .finalHeaderRow{
    margin:0 1px 2px !important;
  }

  .macroGrid,
  .metricGrid,
  .internalGrid,
  .finalGrid{
    gap:4px !important;
  }

  .metricCard,
  .macroCard,
  .internalCard,
  .contextCard,
  .summaryCard{
    padding:6px 7px !important;
    border-radius:11px !important;
  }

  .metricCard{
    min-height:92px !important;
  }

  .macroCard{
    min-height:84px !important;
  }

  .internalCard{
    min-height:80px !important;
  }

  .flowCard{
    min-height:76px !important;
  }

  .finalGrid > .summaryColumn .summaryCard,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:164px !important;
  }

  .metricValue,
  .metricCard.stackedDelta .metricValue{
    font-size:22px !important;
  }

  .macroVal{
    font-size:16px !important;
  }

  .internalValue,
  .internalValue.compact,
  .flowCard .internalValue,
  .flowCard .internalValue.compact{
    font-size:14.5px !important;
  }

  .metricState,
  .metricState.insight,
  .macroInfo,
  .macroInfoText,
  .internalState,
  .contextKey,
  .contextVal,
  .contextNote,
  #summaryCard .summaryValue,
  #summaryCard .summaryRecText,
  #summaryCard #summaryEmpf,
  #summaryCard #summaryEmpf *{
    font-size:10px !important;
    line-height:1.14 !important;
  }

  #dashboardSection .metricGrid .metricCard .metricState,
  #dashboardSection .metricGrid .metricCard .metricState.insight,
  #dashboardSection .macroGrid .macroCard .macroInfoText{
    -webkit-line-clamp:2 !important;
  }
}

@media (max-height: 520px) and (orientation: landscape){
  .finalGrid > .summaryColumn,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:0 !important;
    height:auto !important;
    align-self:auto !important;
  }

  .finalGrid > .summaryColumn .summaryCard,
  #summaryCard,
  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    min-height:0 !important;
    height:auto !important;
  }

  #summaryCard{
    display:flex !important;
    flex-direction:column !important;
    grid-template-rows:none !important;
    align-items:stretch !important;
  }

  #summaryFazit{
    grid-template-columns:110px minmax(0,1fr) !important;
    align-items:start !important;
    align-self:auto !important;
    min-height:0 !important;
  }

  #summaryFazit .summaryHero{
    min-height:0 !important;
    align-self:start !important;
    justify-content:flex-start !important;
  }

  #summaryFazit .summaryGroupGrid{
    grid-template-rows:repeat(3, auto) !important;
    grid-auto-flow:column !important;
    align-content:start !important;
    min-height:0 !important;
    row-gap:10px !important;
    column-gap:12px !important;
    --summaryGroupColGap:12px !important;
  }

  #summaryFazit .summaryGroup{
    align-self:start !important;
  }

  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    display:flex !important;
    flex-direction:column !important;
    grid-template-rows:none !important;
    align-items:stretch !important;
  }

  .finalGrid > #liquidityCard,
  .finalGrid > #seasonalityCard{
    justify-content:flex-start !important;
    min-height:0 !important;
  }

  .finalGrid > #liquidityCard .contextStats,
  .finalGrid > #seasonalityCard .contextStats{
    align-self:start !important;
    min-height:0 !important;
    gap:10px !important;
    padding-bottom:0 !important;
    border-bottom:none !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    align-items:start !important;
  }

  .finalGrid > #liquidityCard .contextNote,
  .finalGrid > #seasonalityCard .contextNote{
    margin-top:10px !important;
    padding-top:8px !important;
    align-self:auto !important;
    border-top:1px solid rgba(148,163,184,.10) !important;
  }

  .finalGrid > #liquidityCard .contextStat,
  .finalGrid > #seasonalityCard .contextStat{
    grid-template-columns:minmax(0,1fr) minmax(182px, 44%) !important;
    column-gap:10px !important;
  }

  .finalGrid > #liquidityCard .contextValWrap,
  .finalGrid > #seasonalityCard .contextValWrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    width:100% !important;
    min-width:182px !important;
    column-gap:8px !important;
    justify-content:stretch !important;
  }

  .finalGrid > #liquidityCard .contextVal,
  .finalGrid > #seasonalityCard .contextVal{
    justify-self:end !important;
  }

  .pageMetaFooter{
    display:block !important;
    width:100% !important;
    margin:10px 0 0 !important;
    padding:0 14px 0 0 !important;
    box-sizing:border-box !important;
    text-align:right !important;
    margin-left:auto !important;
    position:static !important;
    right:auto !important;
  }
}

@media (min-width: 701px){
  .pageFrame{
    padding-top:0 !important;
  }

  .topbarMain{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:18px !important;
    flex-wrap:nowrap !important;
  }

  .title{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .brandTitle{
    display:block !important;
    width:fit-content !important;
    max-width:100% !important;
    line-height:0 !important;
  }

  .brandLogo{
    align-self:flex-start !important;
    display:block !important;
  }

  .brandSubline{
    position:static !important;
    align-self:flex-start !important;
    padding-left:58px !important;
    margin:-8px 0 0 !important;
    font-size:10px !important;
    line-height:1.04 !important;
    white-space:nowrap !important;
  }

  .topbarRight{
    display:flex !important;
    flex-direction:column !important;
    width:auto !important;
    margin-left:auto !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding-top:0 !important;
    flex-wrap:nowrap !important;
  }

  .topbar{
    margin-bottom:4px !important;
  }

  .topbarMetaLinks{
    width:auto !important;
    min-height:0 !important;
    padding-right:0 !important;
    align-self:flex-end !important;
  }

  .viewSwitch{
    width:auto !important;
    margin-left:0 !important;
    align-self:flex-end !important;
  }

  #analysisSection .finalHeaderRow{
    margin:0 2px 8px !important;
    align-items:flex-start !important;
  }

  #analysisSection .analysisHeaderStatusLine{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    margin-top:0 !important;
  }
}

html.local-bundle-run .brandLogo{
  width:230px !important;
  max-width:230px !important;
  height:auto !important;
  flex:0 1 auto !important;
}

@media (min-width: 981px){
  #summaryFazit .summaryGroupGrid::before,
  #summaryFazit .summaryGroupGrid::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:1px;
    background:rgba(148,163,184,.08);
    pointer-events:none;
  }

  #summaryFazit .summaryGroupGrid::before{
    left:calc(var(--summaryGroupColWidth) + (var(--summaryGroupColGap) / 2));
  }

  #summaryFazit .summaryGroupGrid::after{
    left:calc(var(--summaryGroupColWidth) + var(--summaryGroupColWidth) + var(--summaryGroupColGap) + (var(--summaryGroupColGap) / 2));
  }
}

@media (max-width: 700px){
  .pageMetaFooter,
  .legalMetaFooter,
  .dashboardMetaFooter{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:6px !important;
    margin-right:0 !important;
    padding-right:0 !important;
  }

  .pageMetaFooter .footerMetaLeft,
  .legalMetaFooter .footerMetaLeft,
  .dashboardMetaFooter .footerMetaLeft{
    width:100% !important;
    flex:0 0 auto !important;
    min-height:0 !important;
    align-content:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .pageMetaFooter .footerMetaRight,
  .legalMetaFooter .footerMetaRight,
  .dashboardMetaFooter .footerMetaRight{
    width:100% !important;
    flex:0 0 auto !important;
    min-height:0 !important;
    justify-content:flex-end !important;
    text-align:right !important;
    margin-left:0 !important;
  }

  .analysisTableMeta{
    margin:2px 0 8px !important;
    align-items:flex-start !important;
  }


  .analysisTableSource{
    font-size:11px !important;
  }
}

#dashboardSection .macroGrid .macroCard .macroSourceLine,
#dashboardSection .macroGrid .macroCard .macroSourceLine a{
  font-size:10px !important;
  font-weight:var(--fw-med) !important;
  color:var(--muted2) !important;
  line-height:1.32 !important;
}

#dashboardSection .macroGrid .macroCard .macroSourceLine{
  margin-top:6px !important;
  padding-top:6px !important;
}

#dashboardSection .metricGrid .metricCard .metricSourceLine,
#dashboardSection .internalGrid .internalCard .metricSourceLine,
#dashboardSection .finalGrid .summaryCard .metricSourceLine,
#dashboardSection .finalGrid .contextCard .metricSourceLine{
  display:block !important;
  margin-top:6px !important;
  padding-top:6px !important;
  border-top:1px solid rgba(148,163,184,.12) !important;
  font-size:10px !important;
  font-weight:var(--fw-med) !important;
  color:var(--muted2) !important;
  line-height:1.32 !important;
}

#dashboardSection .metricGrid .metricCard .metricSourceLine a,
#dashboardSection .internalGrid .internalCard .metricSourceLine a,
#dashboardSection .finalGrid .summaryCard .metricSourceLine a,
#dashboardSection .finalGrid .contextCard .metricSourceLine a{
  color:var(--muted2) !important;
  text-decoration:none !important;
}

#dashboardSection .metricGrid .metricCard .metricSourceLine a:hover,
#dashboardSection .internalGrid .internalCard .metricSourceLine a:hover,
#dashboardSection .finalGrid .summaryCard .metricSourceLine a:hover,
#dashboardSection .finalGrid .contextCard .metricSourceLine a:hover{
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}

#dashboardSection{
  --dashboard-kpi-value-size: 19px;
  --dashboard-kpi-value-line-height: 1.03;
  --dashboard-kpi-value-tracking: -0.15px;
}

#dashboardSection .metricGrid .metricCard .metricValue,
#dashboardSection .metricGrid .metricCard.stackedDelta .metricValue,
#dashboardSection .macroGrid .macroCard .macroVal,
#dashboardSection .internalGrid .internalCard .internalValue,
#dashboardSection .internalGrid .internalCard .internalValue.compact{
  font-size:var(--dashboard-kpi-value-size) !important;
  line-height:var(--dashboard-kpi-value-line-height) !important;
  letter-spacing:var(--dashboard-kpi-value-tracking) !important;
}

/* v423: keep the brand proportional to the navigation on tablet/desktop */
@media (min-width: 701px){
  .topbarMain{
    display:grid !important;
    grid-template-columns:minmax(200px, 225px) minmax(0, auto) !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
  }

  .brandLogo{
    width:100% !important;
    max-width:225px !important;
    height:auto !important;
    flex:0 1 auto !important;
  }

  .topbarRight{
    width:auto !important;
    min-width:0 !important;
    margin-left:0 !important;
    align-items:flex-end !important;
  }
}

/* v437: compact brand and robust valuation cards on iPhone */
@media (max-width: 700px){
  #dashboardSection .metricsHeader > div:first-child{
    flex:1 1 100% !important;
    width:100% !important;
    min-width:0 !important;
  }

  #dashboardSection > section.card,
  #dashboardSection .metricGrid,
  #dashboardSection .metricGrid > *{
    min-width:0 !important;
  }

  .brandLogo,
  html.local-bundle-run .brandLogo,
  html.ios-local-bundle-run .brandLogo{
    width:min(150px, 42vw) !important;
    max-width:150px !important;
    height:auto !important;
    flex:none !important;
  }

  #dashboardSection .metricGrid .valuationCard{
    min-height:0 !important;
    padding:11px 12px !important;
  }

  #dashboardSection .metricGrid .valuationCard .metricLabel{
    min-width:0 !important;
    padding-right:42px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #dashboardSection .metricGrid .valuationCard .titleSourceLink{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
  }

  #dashboardSection .metricGrid .valuationCard .metricRow{
    display:grid !important;
    grid-template-columns:max-content minmax(0, 1fr) !important;
    align-items:baseline !important;
    column-gap:12px !important;
    row-gap:4px !important;
    margin-top:7px !important;
  }

  #dashboardSection .metricGrid .valuationCard .metricValue,
  #dashboardSection .metricGrid .valuationCard .delta,
  #dashboardSection .metricGrid .valuationCard .smallDelta{
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
  }

  #dashboardSection .metricGrid .valuationCard .delta,
  #dashboardSection .metricGrid .valuationCard .smallDelta{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #dashboardSection .metricGrid .valuationCard .metricState,
  #dashboardSection .metricGrid .valuationCard .metricState.insight{
    display:block !important;
    min-height:0 !important;
    margin-top:8px !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    white-space:normal !important;
  }

  #dashboardSection .metricGrid .valuationCard .metricSourceLine{
    margin-top:8px !important;
  }
}

@media (max-height: 520px) and (orientation: landscape){
  .brandLogo,
  html.local-bundle-run .brandLogo,
  html.ios-local-bundle-run .brandLogo{
    width:170px !important;
    max-width:170px !important;
  }
}