.mtsx{margin:22px 0;padding:20px;border:1px solid rgba(80,140,220,.28);border-radius:16px;background:linear-gradient(180deg,#24528c,#20477b);color:#e8f0fb}
.mtsx-h{margin:0 0 12px;font:700 20px/1.2 'Chakra Petch',sans-serif;color:#fff;letter-spacing:.02em}
.mtsx-tabs,.mtsx-mkts{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.mtsx-mkts{margin-top:6px}
.mtsx button{flex:0 0 auto;border:1px solid rgba(80,140,220,.35);background:#173d6d;color:#c9d7ea;border-radius:999px;padding:7px 13px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.mtsx-tabs button{font-size:14px;padding:9px 15px}
.mtsx button.on{background:#ffd34d;border-color:#ffd34d;color:#20477b}
.mtsx-mkts button.on{background:rgba(245,196,0,.14);color:#ffd34d}
.mtsx-d{margin:12px 0;color:#a9bbd3;font-size:14px}
.mtsx-sub{margin:14px 0 8px;font:700 17px 'Chakra Petch',sans-serif;color:#fff}
.mtsx-h4{margin:18px 0 8px;font:700 14px 'DM Sans',sans-serif;color:#ffd34d;text-transform:uppercase;letter-spacing:.06em}
.mtsx-filters{display:grid;gap:8px;margin-bottom:10px}
.mtsx-frow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mtsx-frow>span{min-width:150px;font-size:12px;color:#8fa6c4;text-transform:uppercase;letter-spacing:.05em}
.mtsx-frow button{padding:5px 11px;font-size:12px}
.mtsx-count{font-size:13px;color:#8fa6c4;margin:6px 0}
.mtsx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mtsx-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid rgba(80,140,220,.28);border-radius:12px;background:#173d6d;color:inherit;text-decoration:none;transition:border-color .15s}
.mtsx-card:hover,.mtsx-card:focus-visible{border-color:#ffd34d;outline:none}
.mtsx-top{display:flex;align-items:center;gap:10px}
.mtsx-logo{width:36px;height:36px;flex:0 0 36px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#20477b}
.mtsx-logo img{width:100%;height:100%;object-fit:contain}
.mtsx-name{flex:1;min-width:0;display:flex;flex-direction:column}
.mtsx-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:14px}
.mtsx-name small{color:#8fa6c4;font-size:12px}
.mtsx-price{text-align:right;display:flex;flex-direction:column}
.mtsx-price b{color:#fff;font-size:14px;white-space:nowrap}
.mtsx-price i,.mtsx-pills em{font-style:normal;font-size:12px}
.mtsx .up{color:#2ecc71}.mtsx .down{color:#ff5c5c}
.mtsx-pills{display:flex;flex-wrap:wrap;gap:6px}
.mtsx-pills em{padding:3px 9px;border-radius:999px;background:#20477b;color:#c9d7ea;font-weight:600}
.mtsx-pills em.up{background:rgba(46,204,113,.15)}.mtsx-pills em.down{background:rgba(255,92,92,.15)}
.mtsx-pills em.s-xos,.mtsx-pills em.s-os{color:#7cc4ff}.mtsx-pills em.s-ob,.mtsx-pills em.s-xob{color:#ffb35c}
.mtsx-why{font-size:13px;color:#c9d7ea;line-height:1.4}
.mtsx-more{display:inline-block;margin-top:10px;color:#ffd34d;font-weight:700;text-decoration:none;font-size:14px}
.mtsx-empty{color:#8fa6c4;font-size:14px;padding:10px 0}
.mtsx-ovw{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.mtsx-mk{padding:10px 12px;border-radius:12px;background:#173d6d;border:1px solid rgba(80,140,220,.28);display:flex;flex-direction:column;gap:3px}
.mtsx-mk b{color:#fff}.mtsx-mk small{color:#8fa6c4;font-size:12px}
.mtsx-tn{font-weight:700;font-size:13px;text-transform:capitalize}
.t-stark .mtsx-tn,.t-positiv .mtsx-tn{color:#2ecc71}.t-gemischt .mtsx-tn{color:#ffd34d}.t-belastet .mtsx-tn,.t-schwach .mtsx-tn{color:#ff5c5c}
.mtsx-stamp{margin:14px 0 0;font-size:12px;color:#8fa6c4}
@media(max-width:760px){.mtsx{padding:14px}.mtsx-grid{grid-template-columns:1fr}.mtsx-frow>span{min-width:100%}}
.mtsx-item{display:flex;flex-direction:column;gap:4px;min-width:0}
.mtsx-item .mt-scanner-card{height:auto}
.mtsx-item .mtsx-why{margin:0 4px;font-size:12px;color:#8fa6c4}
.mtsx .mtso8-grid .mt-scanner-card,.mtsx .mtso8-grid .mt-scanner-card a{color:#fff;text-decoration:none}
.mtsx .mt-scanner-card-name b{color:#fff}
.mtsx .mt-scanner-card-name small{color:#dce9f8}
.mtsx .mtso8-grid .mt-scanner-card{background:#24528c}
.mtsx .mtso8-grid .mt-scanner-card:hover{background:#2a5a96;border-color:#ffd34d}
/* v2512 ruhiges Design */
.mtsx{padding:26px 24px;border-color:rgba(255,255,255,.07);background:#163b70}
.mtsx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.mtsx-h{font-size:22px;margin:0 0 4px}
.mtsx-lead{margin:0;color:#dce9f8;font-size:14px}
.mtsx-open{flex:0 0 auto;color:#c9d7ea;text-decoration:none;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 14px}
.mtsx-open:hover{border-color:#ffd34d;color:#ffd34d}
.mtsx-tabs{flex-wrap:nowrap;gap:22px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0;margin-bottom:14px}
.mtsx .mtsx-tabs button{border:0;border-radius:0;background:none;padding:10px 0;color:#dce9f8;font-size:14px;border-bottom:2px solid transparent}
.mtsx .mtsx-tabs button.on{background:none;color:#ffd34d;border-bottom-color:#ffd34d}
.mtsx-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:#dce9f8;margin-bottom:6px}
.mtsx select{background:#173d6d;color:#e8f0fb;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:6px 10px;font:600 13px 'DM Sans',sans-serif;margin-left:4px}
.mtsx .mtsx-fbtn{padding:6px 14px;font-size:13px;background:none;border-color:rgba(255,255,255,.14)}
.mtsx .mtsx-fbtn.on{background:rgba(245,196,0,.08)!important;color:#ffd34d!important;border-color:#ffd34d!important}
.mtsx-fact{font-size:12px;color:#ffd34d}
.mtsx .lnk{border:0;background:none;padding:0;color:#ffd34d;font-size:inherit;text-decoration:underline}
.mtsx-drawer{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:10px 0 4px;padding:14px;border-radius:12px;background:#20477b}
.mtsx-fl{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#8fa6c4;text-transform:uppercase;letter-spacing:.05em}
.mtsx-fl select{margin:0;text-transform:none}
.mtsx-sub{margin:26px 0 4px}
.mtsx-d{margin:0 0 16px}
.mtsx-lage{margin:6px 0 18px;padding:14px 16px;border-radius:12px;background:#24528c}
.mtsx-lage b{color:#fff;font-size:15px;text-transform:none}.mtsx-lage p{margin:4px 0 0;color:#dce9f8;font-size:14px}
.mtsx-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mtsx-grid.one{grid-template-columns:minmax(0,1fr)}
.mtsx-h4{margin:0 0 10px}
.mtsx-none{color:#c9dcf2;font-size:13px}
.mtsx-empty{padding:18px;border-radius:12px;background:#24528c}
.mtsx-empty b{color:#fff}.mtsx-empty p{margin:4px 0 10px;color:#dce9f8}
.mtsx-eact{display:flex;flex-wrap:wrap;gap:10px}
.mtsx-also{margin-top:16px!important;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8fa6c4!important}
.mtsx-stamp{margin-top:22px;font-size:11px;color:#c9dcf2}
@media(max-width:980px){.mtsx-cols{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.mtsx{padding:18px 14px}.mtsx-head{flex-direction:column}}

/* v2514 aktive Auswahl gelb umrandet */
.mtsx .mtsx-tabs{gap:8px;border-bottom:0;padding-bottom:6px}
.mtsx .mtsx-tabs button{border:1px solid rgba(140,165,195,.28);border-radius:10px;padding:8px 14px;background:#24528c;color:#c9d6e4}
.mtsx .mtsx-tabs button.on{border:2px solid #ffd34d!important;padding:7px 13px;background:rgba(245,196,0,.08)!important;color:#fff!important;box-shadow:0 0 12px rgba(245,196,0,.18)!important}
.mtsx select{border-color:rgba(140,165,195,.28)}
.mtsx select.on{border:2px solid #ffd34d!important;background:rgba(245,196,0,.08)!important;color:#fff!important}
.mtsx-sum .mtsx-sub{margin-bottom:2px}

.mtso8-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:760px){.mtso8-grid{grid-template-columns:minmax(0,1fr)}}

/* v2520 · Karten im Bild-2-Design: Signalzeile links, Sentiment-Balken, HEUTE/KURS-Beschriftung */
.mtsx-k .mtsx-signal-line{grid-area:status;justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:11px;color:#c9d3df;min-width:0;text-align:left;line-height:1.3}
.mtsx-k .mtsx-signal-line .mtsx-pill{justify-self:auto}
.mtsx-k .mtsx-signal-line span.up{color:#22c55e;font-weight:700}
.mtsx-k .mtsx-signal-line span.down{color:#ef4444;font-weight:700}
.mtsx-k .mtsx-signal-line small{font-size:10px;color:#dce9f8}
/* v2521 · Sentiment-Balken: zentriert mit Rand zu beiden Seiten, halbe Höhe, Wert über Markierung */
.mtsx-sentiment{display:block;width:80%;max-width:200px;margin:2px auto 10px;padding:0;color:#9fb6c8;font-size:10px}
.mtsx-sentiment .mtsx-sentiment-label{display:block;margin-bottom:15px}
.mtsx-sentiment b{font-size:10px}
.mtsx-sentiment-track{position:relative;display:block;height:9px;border-radius:2px;background:linear-gradient(90deg,#22c55e 0 39%,#eab308 39% 60%,#f97316 60% 80%,#ef4444 80%)}
.mtsx-sentiment-track .mtsx-sentiment-mark{position:absolute;top:50%;width:2px;height:15px;border-radius:1px;box-shadow:0 0 0 1px #07141c;transform:translate(-50%,-50%)}
.mtsx-sentiment-track .mtsx-sentiment-val{position:absolute;bottom:12px;transform:translateX(-50%);font-style:normal;font-weight:800;font-size:11px;line-height:1;text-shadow:0 1px 3px #07141c}
.mtsx-sb-g .mtsx-sentiment-val{color:#22c55e}.mtsx-sb-y .mtsx-sentiment-val{color:#eab308}.mtsx-sb-o .mtsx-sentiment-val{color:#f97316}.mtsx-sb-r .mtsx-sentiment-val{color:#ef4444}
.mtsx-sb-g .mtsx-sentiment-mark{background:#22c55e}.mtsx-sb-y .mtsx-sentiment-mark{background:#eab308}.mtsx-sb-o .mtsx-sentiment-mark{background:#f97316}.mtsx-sb-r .mtsx-sentiment-mark{background:#ef4444}
.mtsx-k .mt-scanner-card-price{display:flex;flex-direction:column}
.mtsx-k .mt-scanner-card-price i{order:-1}
.mtsx-k .mt-scanner-card-price b::before{content:'KURS ';font-size:9px;font-weight:700;letter-spacing:.06em;color:#8fa6c4}
.mtsx-k .mt-scanner-card-price i::before{content:'HEUTE ';font-size:9px;font-weight:700;letter-spacing:.06em;color:#8fa6c4}
/* v2555 · Nur Scannerseite: Werte rechts (HEUTE %, KURS) 16 px · Signalzeile (· seit X Tagen · Seit Signal %) 22 px */
.mtsx .mt-scanner-card-price b,.mtsx .mt-scanner-card-price i{font-size:16px}
.mtsx .mtsx-signal-line{font-size:22px}
.mtsx .mtsx-signal-line small{font-size:22px}
/* v2640 · Signalzeile: „· seit X Tagen" 9 px · „Seit Signal %" 15 px (Beschriftung 9 px) */
.mtsx .mtsx-signal-line>span:not(.up):not(.down){font-size:9px}
.mtsx .mtsx-signal-line>span.up,.mtsx .mtsx-signal-line>span.down{font-size:15px}
.mtsx .mtsx-signal-line>span.up small,.mtsx .mtsx-signal-line>span.down small{font-size:9px}