.qj /* QUANT Design System - shared across all pages/languages */
:root{--bg:#0b0e14;--card:#12161f;--line:#1e2530;--txt:#e6e9ef;--dim:#8b94a3;--grn:#3fb68b;--red:#e05c5c;--blu:#5b8def;--amb:#d9a441}*{box-sizing:border-box;margin:0;padding:0}.qj{background:var(--bg);color:var(--txt);font:14px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:20px;max-width:1100px;margin:0 auto}.qj h1{font-size:20px;margin-bottom:4px}.qj .sub{color:var(--dim);font-size:12px;margin-bottom:14px}.qj .nav{margin-bottom:14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.qj .nav a{display:inline-block;padding:6px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card);text-decoration:none;font-size:13px}.qj .nav a.on{color:var(--txt)}.qj .nav a.off{color:var(--dim)}.qj .langs{margin-left:auto;display:flex;gap:4px}.qj .langs a{padding:3px 8px;font-size:11px;border-radius:6px}.qj .langs a.cur{border-color:var(--blu);color:var(--txt)}.qj .controls{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;color:var(--dim);flex-wrap:wrap}.qj .controls input{background:var(--card);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:6px 10px;width:90px;font-size:14px}.qj .controls .hint{font-size:11px}.qj #qbanner{display:none;background:rgba(217,164,65,.10);border:1px solid var(--amb);color:var(--amb);padding:8px 12px;border-radius:8px;margin-bottom:14px;font-size:13px}.qj .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.qj .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.qj .card .k{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.qj .card .v{font-size:22px;font-weight:600;margin-top:2px}.qj .card .s{font-size:11px;color:var(--dim);margin-top:3px}.qj .grid.hero{grid-template-columns:repeat(4,1fr);margin-bottom:8px}.qj .grid.hero .card{padding:16px 18px}.qj .grid.hero .card .v{font-size:28px}.qj .grid.mini{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:6px}.qj .grid.mini .card{padding:8px 10px}.qj .grid.mini .card .k{font-size:10px}.qj .grid.mini .card .v{font-size:16px}.qj .grid.mini .card .s{font-size:10px}.qj h2{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin:18px 0 8px}.qj h2.sec{margin:16px 0 8px}.qj details.ops summary{cursor:pointer;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px}.qj table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13px}.qj th,.qj td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line)}.qj th{color:var(--dim);font-weight:500;font-size:11px;text-transform:uppercase}.qj tr:last-child td{border-bottom:none}.qj .badge{display:inline-block;padding:1px 8px;border-radius:20px;font-size:11px;font-weight:600}.qj .badge.long{background:rgba(63,182,139,.15);color:var(--grn)}.qj .badge.short{background:rgba(224,92,92,.15);color:var(--red)}.qj .pos{color:var(--grn)}.qj .neg{color:var(--red)}.qj .lag{font-size:11px}.qj .lag.ok{color:var(--grn)}.qj .lag.warn{color:var(--amb)}.qj .barwrap{background:var(--line);border-radius:3px;height:10px;overflow:hidden;min-width:60px}.qj .bar{height:10px;border-radius:3px}.qj .bar.pos{background:var(--grn)}.qj .bar.neg{background:var(--red)}.qj .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.qj .cal>div{border-radius:8px;padding:7px 4px;text-align:center;font-size:11px}.qj .cal .pos{background:rgba(34,197,94,.12)}.qj .cal .neg{background:rgba(224,92,92,.12)}.qj .rangebtn{padding:5px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--dim);font-size:12px;cursor:pointer}.qj .rangebtn.active{border-color:var(--blu);color:var(--txt)}.qj .tabs{display:flex;gap:6px;margin:14px 0 10px;flex-wrap:wrap}.qj .tab{padding:6px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--dim);font-size:12px;cursor:pointer}.qj .tab.active{color:var(--txt);border-color:var(--blu)}.qj .maturity{font-size:11px;padding:1px 8px;border-radius:20px;background:rgba(91,141,239,.15);color:var(--blu)}.qj .maturity.low{background:rgba(217,164,65,.15);color:var(--amb)}.qj #eqwrap{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:6px}.qj .simnote{font-size:11px;color:var(--dim);margin-top:6px}.qj footer{margin-top:24px;color:var(--dim);font-size:11px}@media (max-width:640px){.qj .grid,.qj .grid.hero,.qj .grid.mini{grid-template-columns:repeat(2,1fr)}.qj table{display:block;overflow-x:auto;white-space:nowrap}.qj{padding:12px}}

/* --- Host-Reset: Signals-Klassen im Widget zuruecksetzen --- */
.qj table{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:10px!important;border-collapse:collapse!important;overflow:hidden!important;width:100%!important;font-size:13px!important}
.qj th{color:var(--dim)!important;border-bottom:1px solid var(--line)!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;padding:8px 10px!important;text-align:left!important;font-family:inherit!important;letter-spacing:normal!important}
.qj td{border-bottom:1px solid var(--line)!important;color:var(--txt)!important;padding:8px 10px!important}
.qj tr:last-child td{border-bottom:none!important}
.qj .card{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;display:block!important;padding:12px 14px!important}
.qj .grid.hero .card{padding:16px 18px!important}
.qj .grid.mini .card{padding:8px 10px!important}
.qj .badge.long{background:rgba(63,182,139,.15)!important;color:var(--grn)!important;border:none!important;border-radius:20px!important;font-family:inherit!important;letter-spacing:normal!important;padding:1px 8px!important}
.qj .badge.short{background:rgba(224,92,92,.15)!important;color:var(--red)!important;border:none!important;border-radius:20px!important;font-family:inherit!important;letter-spacing:normal!important;padding:1px 8px!important}
.qj .grid{display:grid!important;gap:10px!important;margin-bottom:18px!important}
.qj .grid.hero{grid-template-columns:repeat(4,1fr)!important;margin-bottom:8px!important}
.qj .grid.mini{grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin-bottom:6px!important}
.qj .sub{color:var(--dim)!important;font-size:12px!important;margin-bottom:14px!important}
.qj h1{font-size:20px!important;margin:0 0 4px!important;letter-spacing:normal!important;font-weight:700!important}
.qj .controls{margin-bottom:14px!important}
.qj .stat,.qj .cards,.qj .faq,.qj .jtable{all:unset}
.qj h2{font-size:13px!important;color:var(--dim)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:18px 0 8px!important;font-weight:500!important}
.qj details.ops summary{cursor:pointer!important;font-size:12px!important;color:var(--dim)!important;text-transform:uppercase!important;margin:12px 0 8px!important;display:list-item!important}
@media(max-width:640px){.qj .grid.hero,.qj .grid.mini{grid-template-columns:repeat(2,1fr)!important}.qj table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}}

/* --- Ein Guss: QUANT-Struktur auf Signals-Tokens gemappt --- */
.qj{--card:var(--panel);--line:var(--border);--txt:var(--text);--dim:var(--muted);--grn:var(--up);--red:var(--down);--blu:var(--accent);--amb:var(--warn);--bg:inherit}
.qj .grid{margin-top:0!important;gap:10px!important}
.qj .grid.hero{grid-template-columns:repeat(4,1fr)!important;margin:8px 0!important}
.qj .grid.mini{grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin:6px 0!important}
.qj h1{margin:0 0 4px!important;font-size:20px!important}
.qj details.ops{background:none!important;border:none!important;padding:0!important;border-radius:0!important}
.qj details.ops summary{background:none!important;border:none!important;padding:0!important;font-size:12px!important;color:var(--dim)!important;list-style:none!important;display:list-item!important}
.qj details.ops summary::after{content:""!important}
.qj .card{padding:12px 14px!important}
.qj .grid.hero .card{padding:16px 18px!important}
.qj .grid.mini .card{padding:8px 10px!important}
.qj table{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:12px!important;font-size:13px!important;border-collapse:collapse!important}
.qj th{color:var(--muted)!important;border-bottom:1px solid var(--border)!important;font-size:11px!important;padding:8px 10px!important;text-transform:uppercase!important;font-weight:500!important;letter-spacing:.5px!important}
.qj td{border-bottom:1px solid var(--border)!important;color:var(--text)!important;padding:8px 10px!important}
.qj .badge.long{background:rgba(34,197,94,.15)!important;color:var(--up)!important;border:none!important;border-radius:20px!important;padding:1px 8px!important;font-family:inherit!important;letter-spacing:normal!important;font-size:11px!important}
.qj .badge.short{background:rgba(239,68,68,.15)!important;color:var(--down)!important;border:none!important;border-radius:20px!important;padding:1px 8px!important;font-family:inherit!important;letter-spacing:normal!important;font-size:11px!important}
.qj #eqwrap{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:12px!important}
.qj .cal>div{border-radius:8px!important}
.qj .maturity{font-size:11px!important;border-radius:20px!important;padding:1px 8px!important}
.qj .rangebtn,.qj .tab{border-radius:8px!important;padding:5px 12px!important;font-size:12px!important}
.qj .controls input{background:var(--panel2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:8px!important;padding:6px 10px!important;width:90px!important}
.qj footer{border:none!important;padding:0!important;margin-top:24px!important;font-size:11px!important;color:var(--muted)!important}

/* --- Final: mobile, kein Tech-Kopf, Sprachleiste --- */
.qj h1,.qj #sys{display:none!important}
.qj .qlangs{display:flex;gap:6px;margin:0 0 14px}
.qj .qlangs a{font-size:11px;padding:3px 10px;border:1px solid var(--border);border-radius:6px;color:var(--muted);text-decoration:none}
.qj .qlangs a.cur{border-color:var(--accent);color:var(--text)}
@media(max-width:900px){
 .qj .grid.hero{grid-template-columns:repeat(2,1fr)!important}
 .qj .grid.mini{grid-template-columns:repeat(2,1fr)!important}
 .qj table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}
 .qj .controls{gap:6px!important}
 .qj #eqwrap{padding:8px!important}
}
@media(max-width:480px){
 .qj .cal{grid-template-columns:repeat(4,1fr)!important}
 .qj .grid.hero .card .v{font-size:22px!important}
}

/* --- Flush: Signals-Wrap ausfuellen, Sektionstrennung, Input final --- */
.qj{max-width:none!important;padding:0!important;margin:0!important}
.qj h2{padding-top:26px!important;margin-top:36px!important}
.qj h2:first-of-type{border-top:none!important;padding-top:0!important;margin-top:0!important}
.qj .controls{margin:14px 0!important;gap:10px!important}
.qj .controls input{background:var(--panel2)!important;border:1px solid var(--border)!important;border-radius:9px!important;padding:8px 12px!important;width:100px!important;font-size:14px!important;color:var(--text)!important;font-family:inherit!important;outline:none!important;-moz-appearance:textfield!important}
.qj .controls input::-webkit-outer-spin-button,.qj .controls input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
.qj .controls input:focus{border-color:var(--accent)!important}
.qj .hint{font-size:11px!important}
.qj #eqwrap{margin:8px 0 6px!important}
.qj .simnote{margin-top:10px!important}
.qj .controls .cwrap{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:4px 10px}
.qj .controls .cwrap input{border:0!important;background:transparent!important;padding:2px 0!important;width:80px}
.qj #qbanner:empty{display:none!important}
.qj h2{font:600 12px/1.4 var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)!important;margin:28px 0 12px!important}
.qj h2:first-child{margin-top:0!important}
.qj .grid{margin:12px 0 0!important}
.qj h2{padding-top:0!important;margin:24px 0 10px!important}
.qj h2:first-of-type,.qj h2:first-child{padding-top:0!important;margin-top:0!important}
.qj details.ops summary{display:block!important;list-style:none!important;position:relative;z-index:1}
.qj .cal{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:12px!important}
.qj .cal>*{padding:16px 18px!important;font-size:16px!important;min-height:66px!important}
.qj #c-wr,.qj #c-shr,.qj #c-pf,.qj #c-can{color:var(--txt)!important}
.qj #c-wr,.qj #c-shr,.qj #c-pf,.qj #c-can,.qj #c-open,.qj #c-closed{color:var(--accent)!important}

/* --- Watchlist-Status-Pills (23.10, Design-System) --- */
.qj .badge.inactive{background:rgba(139,148,163,.12)!important;color:var(--dim)!important;border:none!important;border-radius:20px!important;padding:1px 8px!important;font-size:11px!important}
.qj .badge.missed{background:rgba(217,164,65,.15)!important;color:var(--amb)!important;border:none!important;border-radius:20px!important;padding:1px 8px!important;font-size:11px!important}
.qj .badge.trigger{background:rgba(63,182,139,.15)!important;color:var(--grn)!important;border:none!important;border-radius:20px!important;padding:1px 8px!important;font-size:11px!important}

/* --- Tabellen-Ausrichtung vereinheitlicht (23.10): top-align in allen Zellen + Pills --- */
.qj th,.qj td{vertical-align:top}
.qj table .badge{vertical-align:top;line-height:1.2}