/* V2205 · Ruhiger Chart-Arbeitsbereich (nur Darstellung) */
.mtc5-on .mt-value-actionbar,.mtc5-on .mt-chart-topline,.mtc5-on .mt-analysis-tools,.mtc5-on .page-intro,.mtc5-on #mtValueContext:empty,
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs button.mtc5-sub,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs .mt-tab-new,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .mtc5-more,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range>b{display:none!important}
.mtc5-top{margin:10px 0 14px;padding:0}
.mtc5-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:6px 0 14px;border-bottom:1px solid rgba(120,150,180,.16)}
.mtc5-id{display:flex;align-items:center;gap:14px;min-width:0}
.mtc5-logo:empty{display:none}.mtc5-logo img,.mtc5-logo .mt-instrument-logo{width:46px;height:46px;border-radius:12px;object-fit:contain;background:#fff;padding:4px}
.mtc5-name{display:flex;flex-direction:column;min-width:0}
.mtc5-name h1{margin:0!important;font-size:clamp(26px,3.2vw,38px)!important;line-height:1.1!important}
.mtc5-meta{color:#9fb0c3;font-size:13px;letter-spacing:.04em;margin-top:4px}.mtc5-meta:empty{display:none}
.mtc5-quote{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.mtc5-price{font-size:26px;color:#fff;font-variant-numeric:tabular-nums}
.mtc5-day{font-size:14px;font-weight:700}.mtc5-state{font-style:normal;font-size:13px;font-weight:700}
.mtc5-top .up{color:#22c55e}.mtc5-top .down{color:#ef4444}
.mtc5-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 12px}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-actions button{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(120,150,180,.28);background:rgba(14,34,48,.9);color:#e8eef5;font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s,color .15s}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-actions button:hover,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-actions button:focus-visible{border-color:#ffca28;color:#ffca28;outline:none}
.mtc5-explain{margin:0 0 10px;color:#b7c4d2;font-size:14px;display:flex;gap:8px;flex-wrap:wrap}.mtc5-explain b{color:#ffca28;font-weight:700}
.mtc5-sys{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:rgba(10,30,43,.7);border:1px solid rgba(120,150,180,.16)}
.mtc5-sys-l{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;font-size:15px;color:#cfd9e3}.mtc5-sys-l b{font-weight:800}
.mtc5-sg{display:flex;align-items:center;gap:10px;font-size:13px;color:#cfd9e3;margin-left:auto;min-width:min(520px,42vw);max-width:620px;flex:1 1 440px;justify-content:flex-end}
.mtc5-sg small{color:#9fb0c3;letter-spacing:.05em;text-transform:uppercase;font-size:11px}
.mtc5-sg-track{position:relative;flex:1 1 240px;max-width:360px;min-width:200px;height:12px;border-radius:8px;background:linear-gradient(90deg,#22c55e 0 39%,#eab308 39% 60%,#f97316 60% 80%,#ef4444 80%)}
.mtc5-sg-track i{position:absolute;top:50%;width:4px;height:16px;border-radius:3px;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #07141d}
.mtc5-sg b{color:#fff;font-variant-numeric:tabular-nums}.mtc5-sg em{font-style:normal;font-weight:700}
.mtc5-sg.z-low em{color:#22c55e}.mtc5-sg.z-mid em{color:#eab308}.mtc5-sg.z-high em{color:#f97316}.mtc5-sg.z-max em{color:#ef4444}
/* Kerzenintervall und Zeitraum als zwei unabhängige Auswahlen */
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range{display:flex!important;align-items:flex-end;flex-wrap:wrap;gap:10px!important;padding:0!important;margin:4px 0 0!important;background:none!important;border:0!important;min-height:0!important;max-width:100%;overflow:visible;justify-content:flex-start!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range::-webkit-scrollbar{display:none}
.mtc5-control{display:flex;flex-direction:column;gap:4px;min-width:0}.mtc5-control-label{padding-left:4px;color:#9fb0c3;font-size:10px;font-weight:800;text-transform:uppercase}.mtc5-segment{display:flex;flex-wrap:nowrap;gap:0;padding:3px;border-radius:10px;background:rgba(10,30,43,.8);border:1px solid rgba(120,150,180,.2);overflow-x:auto;scrollbar-width:none}.mtc5-segment::-webkit-scrollbar{display:none}.mtc5-period{max-width:100%}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool{min-width:0!important;height:30px!important;padding:0 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#b7c4d2!important;font-size:13px!important;box-shadow:none!important;flex:0 0 auto}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool:hover{color:#fff!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool.rg.active{background:#ffca28!important;color:#07141d!important;font-weight:800!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool.tf.active{color:#ffca28!important;box-shadow:inset 0 -2px 0 #ffca28!important;border-radius:4px!important}
.mtc5-tools{position:relative;display:inline-flex;align-items:center;gap:10px;margin:4px 0 0 10px;vertical-align:top}
.mtc5-tools-btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(120,150,180,.28);background:rgba(14,34,48,.9);color:#e8eef5;font-weight:600;font-size:13px;cursor:pointer}
.mtc5-tools-btn:hover,.mtc5-tools.open .mtc5-tools-btn{border-color:#ffca28;color:#ffca28}
.mtc5-mode{font-size:12px;color:#9fb0c3;white-space:nowrap}
.mtc5-menu{position:absolute;top:42px;left:0;z-index:60;min-width:230px;padding:6px;border-radius:12px;background:#20477b;border:1px solid rgba(120,150,180,.3);box-shadow:0 12px 30px rgba(0,0,0,.45)}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:8px;background:none;color:#e8eef5;font-size:14px;cursor:pointer}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-menu button:hover,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-menu button:focus-visible{background:rgba(255,202,40,.12);color:#ffca28;outline:none}
.mtc5-menu hr{border:0;border-top:1px solid rgba(120,150,180,.2);margin:5px 4px}
/* Tabs ruhig */
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs{display:flex!important;gap:4px!important;overflow-x:auto;scrollbar-width:none;border:0!important;background:none!important;padding:0 0 6px!important}
.mtc5-tabs .mtc5-id{order:4;margin-left:auto;padding-left:18px;flex:0 1 auto;justify-content:flex-end}.mtc5-tabs .mtc5-logo img,.mtc5-tabs .mtc5-logo .mt-instrument-logo{width:34px;height:34px;border-radius:9px}.mtc5-tabs .mtc5-name h1{font-size:19px!important;white-space:nowrap}.mtc5-tabs .mtc5-meta{font-size:10px;margin-top:2px}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs::-webkit-scrollbar{display:none}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs button{flex:0 0 auto;white-space:nowrap;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important;padding:7px 12px!important;border:0!important;border-radius:0!important;background:none!important;color:#9fb0c3!important;box-shadow:inset 0 -2px 0 transparent!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs button:hover{color:#fff!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs button.active{color:#fff!important;box-shadow:inset 0 -2px 0 #ffca28!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs .mt-tab-new{display:inline-flex!important;align-items:center;margin-left:7px;padding:2px 6px;border-radius:5px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;line-height:1.2;text-transform:uppercase}
.mtc5-subnav{display:flex;gap:6px;margin:0 0 12px}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-subnav button{padding:6px 12px;border-radius:8px;border:1px solid rgba(120,150,180,.28);background:none;color:#b7c4d2;font-size:13px;cursor:pointer}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-subnav button.on{border-color:#ffca28;color:#ffca28}
/* Besucher-Dialog */
.mtc5-guest{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,10,16,.66)}
.mtc5-guest[hidden]{display:none}
.mtc5-guest-box{position:relative;max-width:440px;width:100%;padding:26px 24px 22px;border-radius:16px;background:#20477b;border:1px solid rgba(120,150,180,.3);color:#e8eef5}
.mtc5-guest-box h3{margin:0 30px 10px 0;font-size:21px;color:#fff}.mtc5-guest-box p{margin:0 0 18px;color:#b7c4d2;line-height:1.5}
.mtc5-guest-act{display:flex;gap:10px;flex-wrap:wrap}html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-guest-act button{flex:1 1 150px;min-height:42px;border-radius:10px;border:1px solid rgba(120,150,180,.35);background:none;color:#e8eef5;font-weight:700;cursor:pointer}
.mtc5-guest-act .mtc5-primary{background:#ffca28;border-color:#ffca28;color:#07141d}
.mtc5-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;background:none;color:#9fb0c3;font-size:22px;cursor:pointer}
@media (max-width:720px){
.mtc5-quote{align-items:flex-start;text-align:left}
.mtc5-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-actions button{width:100%;padding:0 8px}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-actions button:last-child{grid-column:1/-1}
.mtc5-sg{width:100%;min-width:0;justify-content:flex-start}.mtc5-sg-track{flex:1 1 auto;min-width:150px;max-width:none}
.mtc5-tools{margin:8px 0 0;display:flex}
.mtc5-menu{position:fixed;top:auto;left:0;right:0;bottom:0;border-radius:16px 16px 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-menu button{padding:13px 14px;font-size:15px}
}
/* Handelssystem-Kopf ist in der kompakten Systemzeile enthalten */
.mtc5-on #mtSystemSignalHeader{display:none!important}
.mtc5-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin:0 0 10px}
.mtc5-row .mtc5-range,.mtc5-row .mtc5-tools{margin:0!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range{width:auto!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs button{outline:0!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool:focus-visible{outline:2px solid #ffca28!important;outline-offset:-2px!important}
@media (max-width:980px){.mtc5-row{flex-wrap:wrap}.mtc5-row .mtc5-sg{width:100%;max-width:none;margin-left:0;flex-basis:100%}}
@media (max-width:720px){.mtc5-row{flex-direction:column;align-items:stretch}.mtc5-row .mtc5-tools{flex-wrap:wrap}.mtc5-row .mtc5-sg{margin-left:0}}
.mtc5-row{position:relative;z-index:1000}
.mtc5-menu{z-index:300}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) #primaryChartCard .mtc5-tabs{background:rgba(7,20,29,.92)!important;border-radius:10px!important;padding:2px 6px!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool::after,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool::before{display:none!important}
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-range .tool.tf.active{background:#ffca28!important;box-shadow:none!important;color:#07141d!important;font-weight:800!important}

/* V2206: keine dunkle Tab-Fläche über dem Chart; Preisachse frei */
html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) .mtc5-tabs,html body.mtc5-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8) #primaryChartCard .mtc5-tabs{position:static!important;background:none!important;padding:0 0 6px!important;margin:0 0 8px!important;width:auto!important;inset:auto!important;border-bottom:1px solid rgba(120,150,180,.18)!important;border-radius:0!important}
.mtc5-row{z-index:1000}
.mtc5-menu{background:#20477b!important;opacity:1!important;box-shadow:0 12px 30px rgba(0,0,0,.45)!important}
.mtc5-sg b{white-space:nowrap}
@media (max-width:720px){.mtc5-range{flex-direction:column;align-items:stretch!important}.mtc5-control{width:100%}.mtc5-segment{width:100%}.mtc5-period .mtc5-segment{overflow-x:auto}.mtc5-interval .tool{flex:1 1 0!important}.mtc5-tabs{flex-wrap:wrap;overflow:visible!important}.mtc5-tabs .mtc5-id{order:0!important;width:100%;margin:0 0 6px;padding:0;justify-content:flex-start}.mtc5-tabs .mtc5-name h1{font-size:18px!important}}