/* DESK-Kit: automatisch aus desk.html gezogen (desk-kit/scripts/css-auszug.mjs).
   Nicht von Hand aendern -- stattdessen desk.html aendern und neu ziehen. */
:root{
  --bg:#0E1116;
  --bg-soft:#10141B;
  --panel:#151A21;
  --panel-alt:#1B222B;
  --border:#252D38;
  --border-soft:#1E252F;
  --text:#E8EBF1;
  --text-dim:#8A93A3;
  --text-faint:#808998;
  --gold:#C9A227;
  --gold-soft:#8A7526;
  --accent:#C9A227;
  --teal:#3FA796;
  --red:#B9524F;
  --body-glow:#131822;
  --ticker-bg:#0B0E13;
  --radius:10px;
}
:root[data-theme="light"],.desk-root[data-theme="light"]{
  --accent:#C9A227;
  --bg:#F4F5F7;
  --bg-soft:#EAECF0;
  --panel:#FFFFFF;
  --panel-alt:#F1F2F5;
  --border:#DDE1E7;
  --border-soft:#E7EAEF;
  --text:#1B2028;
  --text-dim:#5B6472;
  --text-faint:#636B79;
  --body-glow:#FFFFFF;
  --ticker-bg:#F7F8FA;
}
.mono{font-family:'IBM Plex Mono',monospace;}
.brand{padding:22px 20px 18px;
    border-bottom:1px solid var(--border-soft);
    cursor:pointer;}
.brand-mark{font-family:'IBM Plex Mono',monospace;
    font-weight:700;
    font-size:19px;
    letter-spacing:2px;
    display:flex;
    align-items:center;
    gap:9px;}
.brand-mark .dot{width:8px;height:8px;border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 10px rgba(201,162,39,0.7);}
.brand-early{font-size:10.5px;font-weight:400;letter-spacing:.02em;
    color:var(--text-faint);margin-left:7px;white-space:nowrap;}
.brand-sub{font-size:9px;
    color:var(--text-faint);
    letter-spacing:0.2px;
    margin-top:5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}
.nav-group-label{font-family:'IBM Plex Mono',monospace;
    font-size:10.5px;
    letter-spacing:1.6px;
    color:var(--text-faint);
    text-transform:uppercase;
    padding:14px 10px 6px;}
.nav-item{display:flex;
    align-items:center;
    gap:11px;
    width:100%;
    padding:9px 10px;
    border-radius:8px;
    border:none;
    background:transparent;
    color:var(--text-dim);
    cursor:pointer;
    font-size:13.5px;
    text-align:left;
    margin-bottom:2px;
    transition:background .12s ease,color .12s ease;
    position:relative;}
.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.85;}
.nav-item:hover{background:var(--panel-alt);color:var(--text);}
.nav-item.active{background:var(--panel-alt);color:var(--text);}
.nav-item.active::before{content:"";
    position:absolute;left:-12px;top:8px;bottom:8px;width:3px;
    background:var(--gold);border-radius:0 3px 3px 0;}
.mc-raster{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);}
.mc-tab-wrap{overflow-x:auto;}
.mc-tabelle{width:100%;border-collapse:collapse;font-size:12.5px;}
.mc-tabelle th{text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.7px;
    color:var(--text-faint);font-weight:700;padding:7px 8px;white-space:nowrap;
    position:sticky;top:0;background:var(--panel);z-index:2;box-shadow:0 1px 0 var(--border);}
.mc-tabelle th:first-child,.mc-tabelle td:first-child{text-align:left;}
.mc-tabelle th.mc-th-links{text-align:left;}
.mc-tabelle th.sortbar{cursor:pointer;}
.mc-tabelle th.sortbar:hover{color:var(--text-dim);}
.mc-tabelle th.aktiv{color:var(--gold);}
.mc-tabelle td{padding:6px 8px;text-align:right;border-top:1px solid var(--border);
    font-variant-numeric:tabular-nums;white-space:nowrap;}
.mc-tabelle tbody tr:hover{background:var(--panel-alt);}
.mc-tabelle td.mc-td-links{text-align:left;}
.mc-tabelle td.mc-td-links .mc-firma-knopf{text-align:left;}
.mc-tabelle td.mc-td-text{white-space:normal;overflow-wrap:anywhere;min-width:9em;text-align:left;}
.mc-merkmal-zeilen .zeile > span:first-child{white-space:normal;overflow-wrap:anywhere;}
.mc-tabelle.mc-quelle-tabelle{table-layout:fixed;}
.mc-tabelle.mc-quelle-tabelle th{text-align:left;white-space:normal;}
.mc-tabelle.mc-quelle-tabelle td{white-space:normal;text-align:left;vertical-align:top;}
.mc-tabelle.mc-quelle-tabelle th:nth-child(1){width:26%;}
.mc-tabelle.mc-quelle-tabelle th:nth-child(2){width:50%;}
.mc-tabelle.mc-quelle-tabelle th:nth-child(3){width:24%;}
.mc-tabelle.mc-quelle-tabelle td:nth-child(2){color:var(--text-dim);line-height:1.5;}
.mc-tabelle.mc-quelle-tabelle .mc-land-name{white-space:normal;}
.mc-tabelle tbody tr[data-mc-land]{cursor:pointer;}
.mc-tabelle td.mc-platz{color:var(--text-faint);text-align:right;width:34px;font-variant-numeric:tabular-nums;}
.mc-land-zelle{display:flex;align-items:center;gap:8px;min-width:0;}
.mc-land-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mc-zelle-reihe{cursor:pointer;}
.mc-zelle-reihe:hover{color:var(--gold);}
.cx-head h3.mc-titel-tippt{flex:1 1 auto;min-width:0;max-width:100%;}
.cx-head h3 .mc-titel-feld{width:100%;max-width:100%;min-width:0;box-sizing:border-box;
    font-size:13px;padding:2px 6px;}
.cx-panel:has(> .mc-eigen-hoehe), .cx-panel:has(> .mc-notiz-leib){padding-bottom:14px;}
.cx-panel:has(> .mc-notiz-leib){overflow:hidden;}
.cx-hint.mc-gesichert{color:var(--green,#3fb950);font-weight:600;}
.mc-tabelle th .mc-spalte-weg{background:none;border:none;color:var(--text-faint);cursor:pointer;
    font-size:12px;line-height:1;padding:0 1px;margin-left:14px;opacity:.35;}
.mc-tabelle th:hover .mc-spalte-weg{opacity:1;}
.mc-tabelle th .mc-spalte-weg:hover{color:var(--red);}
.mc-tabelle tr.offen > td{background:var(--panel-alt);}
.mc-tabelle.mc-merk-tafel th,.mc-tabelle.mc-merk-tafel td{text-align:left;}
.mc-tabelle.mc-merk-tafel td.mc-platz{text-align:left;}
.mc-tabelle.mc-merk-tafel th.mc-klapp-kopf{width:26px;}
.mc-tabelle.mc-trend-tabelle{table-layout:fixed;}
.mc-tabelle.mc-trend-tabelle th{white-space:normal;vertical-align:top;}
.mc-tabelle.mc-trend-tabelle th:nth-child(1){width:26px;}
.mc-tabelle.mc-trend-tabelle th:nth-child(2){width:34px;}
.mc-tabelle.mc-trend-tabelle th:nth-child(3){width:32%;text-align:left;}
.mc-tabelle.mc-trend-tabelle th:nth-child(7){width:56px;}
.mc-tabelle.mc-trend-tabelle tr.mc-ware-auf td{overflow:visible;white-space:normal;text-align:left;}
.mc-tabelle.mc-trend-tabelle td.mc-td-text{min-width:0;}
.mc-tabelle.mc-trend-tabelle td{overflow:hidden;text-overflow:ellipsis;}
.mc-tabelle.mc-krisen-tabelle td.mc-td-text{min-width:13em;}
.mc-farb-key.mc-sektor-key{background:var(--red);opacity:.6;}
.mc-tabelle th.an{color:var(--gold);}
.mc-tabelle tr.hier td{background:rgba(255,255,255,.06);}
.mc-tabelle tr.hier td:first-child{box-shadow:inset 2px 0 0 var(--gold);}
.mc-tabelle tr.summe td{border-top:1px solid var(--border);background:var(--panel-alt);}
.mc-tabelle tr.hervor td{background:rgba(160,170,185,.16);}
.mc-merkmal-zeilen .zeile.hervor{background:rgba(160,170,185,.16);border-radius:6px;
    padding-left:6px;padding-right:6px;margin:0 -6px;}
.mc-merkmal-zeilen .zeile{display:flex;justify-content:space-between;gap:16px;
    padding:4px 0;border-bottom:1px solid var(--border);}
.mc-merkmal-zeilen .zeile:last-child{border-bottom:0;}
.mc-merkmal-zeilen .klein{color:var(--text-faint);font-weight:400;font-size:11px;}
.mc-knopf.an{border-color:var(--accent);color:var(--accent);}
.mc-legende{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;
    font-size:10.5px;color:var(--text-faint);margin-top:8px;}
.mc-legende[data-mc-blatt]{margin-bottom:10px;}
.mc-legende .balken{flex:1 1 auto;height:8px;border-radius:4px;max-width:260px;}
.mc-kachel.mc-aus-schnitt .rang{color:var(--gold-soft);}
.mc-farb-key.nadel{background:var(--accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg);}
.mc-farb-key.linie{background:var(--accent);width:14px;height:2px;border-radius:2px;}
.mc-knopf{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);
    border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;
    white-space:nowrap;transition:border-color .15s,color .15s;}
.mc-knopf:hover{border-color:var(--gold);color:var(--gold);}
.mc-knopf.klein{padding:3px 10px;font-size:11px;margin-left:auto;}
.mc-farb-key{display:inline-block;width:9px;height:9px;border-radius:50%;
    vertical-align:middle;margin-right:5px;}
.mc-themen{display:flex;flex-direction:column;gap:2px;position:sticky;top:8px;}
.mc-thema{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;
    background:none;border:1px solid transparent;color:var(--text-dim);
    font-size:12.5px;cursor:pointer;text-align:left;width:100%;}
.mc-thema:hover{background:var(--panel-alt);color:var(--text);}
.mc-thema.active{background:var(--panel-alt);border-color:var(--gold-soft);color:var(--gold);font-weight:600;}
.mc-thema .zeichen{font-size:14px;line-height:1;flex:0 0 auto;}
.mc-kacheln{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
.mc-kachel{background:var(--panel);border:1px solid var(--border);border-radius:10px;
    padding:11px 13px;cursor:pointer;display:flex;flex-direction:column;gap:3px;
    text-align:left;color:inherit;min-width:0;}
.mc-kachel:hover{border-color:var(--gold-soft);}
.mc-kachel .titel{font-size:10px;text-transform:uppercase;letter-spacing:.7px;
    color:var(--text-faint);font-weight:700;}
.mc-kachel .wert{font-size:21px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;}
.mc-kachel .rang{font-size:10.5px;color:var(--text-faint);}
.mc-kachel.leer .wert{color:var(--text-faint);font-size:15px;font-weight:600;}
.mc-select{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);
    border-radius:8px;padding:6px 10px;font-size:12.5px;min-width:150px;}
.cx-panel.mc-kachel-blitz{border-color:var(--gold,#f0b93c);
    animation:mcKachelBlitz 1.1s ease-out 2;}
.mc-tabelle td.mc-zelle-blitz,.mc-tabelle th.mc-zelle-blitz{animation:mcZelleBlitz 1.2s ease-out 2;}
.mc-chart-legende{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;
    font-size:12px;color:var(--text-faint);}
.mc-chart-legende i{display:inline-block;width:10px;height:2px;border-radius:2px;
    margin-right:6px;vertical-align:middle;}
svg.mc-legende-linie{width:22px;height:6px;margin-right:6px;vertical-align:middle;
    flex:0 0 auto;overflow:visible;border:0;}
.mc-legende-schalter{display:inline-flex;align-items:center;gap:0;background:none;border:0;padding:0;
    color:inherit;font:inherit;cursor:pointer;
    transition:opacity .14s ease;}
.mc-legende-schalter:hover{color:var(--text);}
.mc-legende-schalter.aus{opacity:1;}
.mc-legende-schalter.aus > span:last-child{text-decoration:line-through;}
.mc-legende-schalter .haken{width:12px;height:12px;border-radius:3px;border:1px solid var(--border);
    display:inline-flex;align-items:center;justify-content:center;
    font-size:9px;line-height:1;color:var(--gold);margin-right:7px;flex:0 0 auto;}
.mc-legende-schalter:not(.aus) .haken{border-color:var(--gold-soft);}
.mc-tabelle th:first-child .mc-spalten-land{justify-content:flex-start;}
.cx-panel{background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius);padding:14px 16px;min-width:0;}
.cx-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.cx-head h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.9px;
    text-transform:uppercase;color:var(--gold);}
.cx-hint{font-size:11px;color:var(--text-faint);}
.cx-head > .mc-strom-dreh{display:none;margin-left:auto;flex:0 0 auto;align-self:center;}
.cx-panel:hover > .cx-head > .cx-panel-zoom{color:var(--gold);border-color:var(--gold-soft);}
.cx-head > .cx-ranges,
  .cx-head > .cx-etf-asset,
  .cx-head > .cx-oeffnen{margin-left:auto;}
.cx-head > .cx-ranges ~ .cx-panel-zoom,
  .cx-head > .cx-etf-asset ~ .cx-panel-zoom,
  .cx-head > .cx-oeffnen ~ .cx-panel-zoom{margin-left:8px;}
.cx-head > [data-mc-sortdreh]{margin-left:auto;}
.cx-head > [data-mc-sortdreh] ~ .cx-panel-zoom{margin-left:8px;}
.cx-leer{padding:24px 0;text-align:center;color:var(--text-faint);font-size:12.5px;}
.cx-up{color:var(--green,#3fb950);}
.cx-down{color:var(--red,#f85149);}
.cx-row{display:grid;gap:14px;grid-template-columns:1fr;}
.cx-yachse{position:absolute;top:0;bottom:0;left:0;width:var(--cx-achse, 44px);
    pointer-events:none;}
.cx-yachse span{position:absolute;right:6px;transform:translateY(-50%);
    max-width:calc(100% - 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:9.5px;line-height:1;color:var(--text-faint);text-align:right;
    font-variant-numeric:tabular-nums;}
.cx-yachse span:first-child{transform:translateY(0);}
.cx-yachse span:last-child{transform:translateY(-100%);}
.cx-chart{width:100%;height:auto;display:block;}
.cx-chart .flaeche{fill:var(--gold);opacity:.10;}
.cx-chart .linie{fill:none;stroke:var(--gold);stroke-width:1.6;
    vector-effect:non-scaling-stroke;stroke-linejoin:round;}

/* DESK-Kit: Klebstoff fuer die React-Bausteine. Alles andere kommt 1:1 aus
   desk.html (desk-kit.css). Hier steht nur, was die App ueber ihr
   Seitenlayout liefert (Grund, Schrift, Seitenleiste) oder zur Laufzeit
   zeichnet (Achsen des Liniendiagramms). Klassen mit dk- sind Kit-eigen. */

.desk-root{
  background:radial-gradient(1200px 800px at 15% -10%, var(--body-glow) 0%, var(--bg) 55%);
  color:var(--text);
  font-family:'Inter',system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji';
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.desk-root *,.desk-root *::before,.desk-root *::after{box-sizing:border-box;}
.desk-root button,.desk-root select{font-family:inherit;}
.desk-root ::selection{background:rgba(201,162,39,0.25);}

.dk-grid{display:grid;gap:14px;min-width:0;}

.dk-sidebar{
  width:248px;background:var(--bg-soft);border-right:1px solid var(--border-soft);
  display:flex;flex-direction:column;
}
.dk-sidebar-nav{padding:6px 12px 16px;}

.dk-chart{position:relative;min-width:0;}
.dk-chart-flaeche{position:relative;padding-right:56px;}
.dk-chart-flaeche .cx-chart{display:block;width:100%;}
.dk-chart .gitter{stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke;}
.dk-chart-achse{position:absolute;top:0;bottom:0;right:0;width:52px;pointer-events:none;}
.dk-chart-achse span{position:absolute;right:0;transform:translateY(-50%);
  font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;}
.dk-chart-zeit{display:flex;justify-content:space-between;padding-right:56px;margin-top:6px;
  font-size:10.5px;color:var(--text-faint);}

.dk-change{font-variant-numeric:tabular-nums;font-weight:600;}