* { box-sizing: border-box; margin: 0; padding: 0; }
html { background:#0a0c10; -webkit-text-size-adjust:100%; }
body { background: #0a0c10; color: #c8d4e8; font-family: monospace; font-size: 13px; padding: calc(18px + env(safe-area-inset-top, 0px)) calc(18px + env(safe-area-inset-right, 0px)) calc(24px + env(safe-area-inset-bottom, 0px)) calc(18px + env(safe-area-inset-left, 0px)); }
h1 { color: #fff; font-size: 22px; margin-bottom: 4px; }
.subtitle { color: #4a5568; font-size: 11px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; }
.tabgroup { color:#4a5568; font-size:9px; text-transform:uppercase; letter-spacing:1.5px; margin:0 6px 0 2px; align-self:center; }
.tabs { display: flex; gap: 5px; margin-bottom: 18px; flex-wrap: wrap; align-items:center; }
.tab { padding: 7px 12px; border-radius: 4px; border: 1px solid #1e2535; background: transparent; color: #4a5568; cursor: pointer; font-family: monospace; font-size: 11px; text-transform: uppercase; }
.tab.active { background: #00e5ff; color: #000; border-color: #00e5ff; font-weight: 700; }
.tabgroup[data-click] { cursor:pointer; padding:6px 2px; }
.tabgroup[data-click]:hover { color:#00e5ff; }
.tabsep { width:1px; height:22px; background:#1e2535; margin:0 4px; }
.tab-content { display: none; }
.tab-content.active { display: block; }
.panel { background: #10141c; border: 1px solid #1e2535; border-radius: 8px; padding: 18px; margin-bottom: 16px; }
.panel-title { color: #00e5ff; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 14px; border-bottom: 1px solid #1e2535; padding-bottom: 9px; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media(max-width:720px){ .grid2 { grid-template-columns: 1fr; } }
.rule { margin-bottom: 12px; border-left: 3px solid #1e2535; padding-left: 12px; }
.rule.r { border-color: #ff4060; }
.rule.g { border-color: #00e5a0; }
.rule.b { border-color: #00e5ff; }
.rule.y { border-color: #f5a623; }
.rule-t { color: #fff; font-size: 12px; font-weight: 700; margin-bottom: 4px; }
.rule-d { color: #6a7a94; font-size: 12px; line-height: 1.7; }
.rule-d strong { color: #c8d4e8; }
.warn { background:#f5a62310; border:1px solid #f5a62340; border-radius:5px; padding:10px 12px; color:#f5a623; font-size:12px; margin-bottom:14px; line-height:1.6; }
.info-text { color:#6a7a94; font-size:12px; line-height:1.8; }
.info-text strong { color:#c8d4e8; }
.legend { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.legend-item { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #4a5568; }
.legend-box { width: 15px; height: 15px; border-radius: 3px; flex-shrink: 0; }
#tip { position: fixed; background: #1a2030; border: 1px solid #00e5ff; border-radius: 6px; padding: 11px 14px; font-size: 12px; max-width: 280px; z-index: 9999; pointer-events: none; opacity: 0; transition: opacity 0.15s; line-height: 1.7; }
#tip.on { opacity: 1; }
#tip b { color: #00e5ff; display: block; margin-bottom: 5px; font-size: 13px; }
.ct { width:100%; border-collapse:collapse; }
.ct th { text-align:left; color:#4a5568; font-size:11px; padding:5px 8px; border-bottom:1px solid #1e2535; text-transform:uppercase; }
.ct td { padding:8px 8px; border-bottom:1px solid #0d1018; font-size:12px; vertical-align:top; }
.ct tr:hover td { background:#12161f; }
.pn { color:#fff; font-weight:700; font-size:13px; }
.cp { color:#00e5ff; font-size:11px; margin-top:2px; }
.nt { color:#6a7a94; font-size:11px; line-height:1.6; }
.bar-row { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.bar-label { width:68px; flex-shrink:0; font-size:12px; color:#fff; }
.bar-bg { flex:1; height:20px; background:#1e2535; border-radius:3px; overflow:hidden; }
.bar-fill { height:100%; display:flex; align-items:center; padding-left:7px; font-size:10px; font-weight:700; color:#000; }
.bar-val { width:44px; text-align:right; font-size:12px; flex-shrink:0; }
.liq-table { width:100%; border-collapse:collapse; font-size:12px; }
.liq-table th { text-align:left; color:#4a5568; font-size:11px; padding:6px 8px; border-bottom:1px solid #1e2535; text-transform:uppercase; }
.liq-table td { padding:9px 8px; border-bottom:1px solid #0d1018; vertical-align:top; line-height:1.6; }
.liq-table tr:hover td { background:#12161f; }
.simrow { display:flex; gap:10px; align-items:flex-start; padding:8px 0; cursor:pointer; }
.simrow .box { width:18px; height:18px; border-radius:4px; border:2px solid #1e2535; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#000; font-weight:700; font-size:12px; }
.simrow .simtxt { color:#c8d4e8; font-size:12px; line-height:1.6; }
/* ═══ AKADEMIE ═══ */
.ak-chips { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; align-items:center; }
.ak-chip { padding:6px 10px; border-radius:4px; border:1px solid #1e2535; background:transparent; color:#6a7a94; cursor:pointer; font-family:monospace; font-size:11px; }
.ak-chip:hover { color:#c8d4e8; border-color:#2a3550; }
.ak-chip.active { color:#000; font-weight:700; }
.ak-chip .n { margin-left:6px; font-size:10px; opacity:0.75; }
.ak-input { background:#0d1018; color:#fff; border:1px solid #1e2535; border-radius:5px; padding:8px 12px; font-family:monospace; font-size:12px; flex:1; min-width:200px; margin-left:6px; }
.ak-input:focus { outline:none; border-color:#00e5ff; }
.ak-mini { background:transparent; color:#4a5568; border:1px solid #1e2535; border-radius:4px; padding:5px 10px; font-family:monospace; font-size:11px; cursor:pointer; }
.ak-nav { background:transparent; color:#00e5ff; border:1px solid #00e5ff60; border-radius:5px; padding:9px 14px; font-family:monospace; font-size:12px; cursor:pointer; }
.ak-nav:hover { background:#00e5ff12; }
.ak-lhead { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; margin-bottom:12px; border-bottom:1px solid #1e2535; padding-bottom:10px; }
.ak-lt { color:#fff; font-size:15px; font-weight:700; line-height:1.4; }
.ak-chlbl { font-size:10px; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.ak-done { background:transparent; border:1px solid #1e2535; color:#4a5568; border-radius:4px; padding:5px 10px; font-family:monospace; font-size:11px; cursor:pointer; flex-shrink:0; }
.ak-done.on { background:#00e5a0; border-color:#00e5a0; color:#000; font-weight:700; }
.ak-p { color:#c8d4e8; font-size:12px; line-height:1.8; margin-bottom:12px; }
.ak-ul { padding-left:18px; margin:0 0 12px; }
.ak-ul li { color:#8a9ab4; font-size:12px; line-height:1.75; margin-bottom:5px; }
.ak-ul strong, .ak-p strong, .ak-ex strong { color:#fff; }
.ak-ex { background:#0d1018; border:1px solid #1e2535; border-left:3px solid #00e5ff; border-radius:5px; padding:10px 12px; color:#c8d4e8; font-size:12px; line-height:1.75; margin-bottom:12px; }
.ak-exl { color:#00e5ff; font-size:10px; text-transform:uppercase; letter-spacing:1px; display:block; margin-bottom:4px; }
.ak-tbl { overflow-x:auto; margin-bottom:12px; }
.ak-tbl td { font-size:11px; }
.ak-m { background:#00e5a00d; border:1px solid #00e5a035; border-radius:5px; padding:9px 12px; color:#9fe8cf; font-size:12px; line-height:1.65; }
.ak-m b { color:#00e5a0; }
.ak-gl { padding:9px 0; border-bottom:1px solid #0d1018; }
.ak-glt { color:#fff; font-weight:700; font-size:13px; }
.ak-glt span { color:#00e5ff; font-weight:400; font-size:11px; margin-left:6px; }
.ak-gld { color:#8a9ab4; font-size:12px; line-height:1.6; margin-top:2px; }
.ak-letter { color:#00e5ff; font-size:16px; font-weight:700; margin:14px 0 4px; border-bottom:1px solid #1e2535; padding-bottom:4px; }
.ak-card { background:#0d1018; border:1px solid #1e2535; border-radius:8px; padding:28px 20px; cursor:pointer; min-height:150px; }
.ak-card:hover { border-color:#00e5ff60; }
.tab.ak-tab { border-color:#a070ff; color:#a070ff; font-weight:700; }
.tab.ak-tab.active { background:#a070ff; border-color:#a070ff; color:#000; }
/* ═══ TRADE-CHECKLISTEN ═══ */
.cl-bar { position:sticky; top:env(safe-area-inset-top,0px); z-index:50; display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center; background:#0a0c10f0; border:1px solid #1e2535; border-radius:8px; padding:10px 14px 8px; margin-bottom:14px; font-size:12px; color:#6a7a94; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.cl-bar b { color:#fff; font-variant-numeric:tabular-nums; }
.cl-bn { font-weight:700; letter-spacing:1.5px; }
.cl-v { margin-left:auto; color:#000; font-weight:700; font-size:11px; letter-spacing:1px; padding:4px 10px; border-radius:4px; }
.cl-prog { flex-basis:100%; height:3px; background:#1e2535; border-radius:2px; overflow:hidden; }
.cl-prog i { display:block; height:100%; transition:width .25s; }
.cl-mut { color:#6a7a94; font-size:11px; }
.cl-hrow { display:flex; flex-wrap:wrap; gap:14px; align-items:flex-end; }
.cl-field { display:flex; flex-direction:column; gap:6px; }
.cl-field label, .cl-lbl, .cl-acct label { color:#4a5568; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.cl-sel, .cl-in { background:#0d1018; color:#fff; border:1px solid #1e2535; border-radius:5px; padding:8px 12px; font-family:monospace; font-size:13px; }
.cl-in { width:150px; }
.cl-sel:focus, .cl-in:focus { outline:none; border-color:#00e5ff; }
.cl-reset { margin-left:auto; padding:8px 12px; }
.cl-reset.arm { border-color:#ff4060; color:#ff4060; }
.cl-legend { color:#4a5568; font-size:11px; margin-top:14px; line-height:1.7; border-top:1px solid #1e2535; padding-top:10px; }
.cl-sec { padding:14px 16px 8px; }
.cl-sh { display:flex; align-items:center; gap:10px; margin-bottom:4px; padding-bottom:9px; border-bottom:1px solid #1e2535; }
.cl-num { width:22px; height:22px; border-radius:50%; border:1px solid #2a3550; color:#6a7a94; font-size:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.cl-sec.full { border-color:#00e5a040; }
.cl-sec.full .cl-num { background:#00e5a0; border-color:#00e5a0; color:#000; font-weight:700; }
.cl-st { color:#00e5ff; font-size:12px; text-transform:uppercase; letter-spacing:1.5px; flex:1; }
.cl-sp { color:#4a5568; font-size:11px; font-variant-numeric:tabular-nums; }
.cl-row { display:flex; gap:12px; align-items:flex-start; padding:11px 6px; border-bottom:1px solid #0d1018; cursor:pointer; border-radius:4px; -webkit-tap-highlight-color:transparent; }
.cl-row:last-child { border-bottom:none; }
.cl-row:hover { background:#12161f; }
.cl-row:focus-visible, .cl-chip:focus-visible, .cl-reset:focus-visible { outline:2px solid #00e5ff; outline-offset:1px; }
.cl-box { width:20px; height:20px; border-radius:4px; border:2px solid #2a3550; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#000; font-weight:700; font-size:13px; }
.cl-row .cl-box { margin-top:1px; }
.cl-row.on .cl-box, .cl-choice.on .cl-box { background:#00e5a0; border-color:#00e5a0; }
.cl-txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.cl-t { color:#c8d4e8; font-size:13px; line-height:1.5; }
.cl-row.on .cl-t { color:#fff; }
.cl-d { color:#6a7a94; font-size:11px; line-height:1.55; }
.cl-tags { display:flex; gap:4px; flex-shrink:0; }
.cl-w { color:#00e5ff; border:1px solid #00e5ff40; border-radius:3px; font-size:10px; padding:1px 5px; white-space:nowrap; }
.cl-opt { color:#4a5568; border:1px solid #1e2535; border-radius:3px; font-size:10px; padding:1px 5px; margin-left:auto; }
.cl-choice { padding:11px 6px; border-bottom:1px solid #0d1018; }
.cl-ct { display:flex; align-items:center; gap:12px; color:#c8d4e8; font-size:13px; margin-bottom:9px; }
.cl-choice.on .cl-ct { color:#fff; }
.cl-chips { display:flex; flex-wrap:wrap; gap:6px; }
.cl-choice .cl-chips { padding-left:32px; }
.cl-chip { padding:8px 11px; border-radius:4px; border:1px solid #1e2535; background:transparent; color:#8a9ab4; cursor:pointer; font-family:monospace; font-size:12px; text-align:left; line-height:1.4; }
.cl-chip:hover { border-color:#2a3550; color:#fff; }
.cl-chip.on { background:#00e5ff; border-color:#00e5ff; color:#000; font-weight:700; }
.cl-chip.go.on { background:#00e5a0; border-color:#00e5a0; }
.cl-chip.stop.on { background:#ff4060; border-color:#ff4060; }
.cl-info { background:#0d1018; border:1px solid #1e2535; border-left:3px solid #00e5ff; border-radius:5px; padding:10px 12px; font-size:12px; line-height:1.7; color:#c8d4e8; margin:10px 0 6px; }
.cl-info.stop { border-left-color:#ff4060; color:#ff4060; }
.cl-tp { width:100%; border-collapse:collapse; }
.cl-tp td { padding:5px 8px 5px 0; vertical-align:top; font-size:12px; color:#c8d4e8; }
.cl-tp td:first-child { color:#00e5a0; font-weight:700; width:42px; }
.cl-tp td:last-child { color:#6a7a94; text-align:right; white-space:nowrap; padding-right:0; }
.cl-score { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin:12px 0 10px; }
.cl-big { font-size:34px; font-weight:700; font-variant-numeric:tabular-nums; line-height:1; }
.cl-sv { flex:1; min-width:160px; font-size:13px; display:flex; flex-direction:column; gap:3px; }
.cl-rk { border-left:1px solid #1e2535; padding-left:20px; }
.cl-rv { font-size:26px; font-weight:700; line-height:1.2; }
.cl-meter { height:8px; background:#1e2535; border-radius:4px; overflow:hidden; }
.cl-meter i { display:block; height:100%; transition:width .3s; }
.cl-scale { display:grid; grid-template-columns:repeat(5,1fr); gap:4px; margin-top:8px; }
.cl-scale span { display:flex; flex-direction:column; gap:2px; font-size:10px; color:#4a5568; padding:5px 6px; border:1px solid #1e2535; border-radius:4px; }
.cl-scale span b { color:#6a7a94; font-size:11px; }
.cl-scale span.on { border-color:#00e5ff; color:#c8d4e8; }
.cl-scale span.on b { color:#fff; }
.cl-acct { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:12px 6px; border-bottom:1px solid #0d1018; }
.cl-eur { color:#fff; font-weight:700; font-size:13px; }
.cl-final { border-width:1px; }
.cl-fh { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
.cl-fv { border:2px solid; border-radius:5px; padding:6px 14px; font-weight:700; font-size:15px; letter-spacing:1.5px; }
.cl-fd { color:#c8d4e8; font-size:13px; }
.cl-sum { margin-top:12px; display:flex; flex-direction:column; gap:4px; color:#fff; font-size:13px; line-height:1.6; }
.cl-open { margin-top:12px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.cl-open span:not(.cl-lbl) { color:#c8d4e8; font-size:11px; border:1px solid #f5a62340; border-radius:3px; padding:3px 7px; }
.cl-open .cl-lbl { margin-right:4px; }
@media(max-width:560px){
  .cl-v { margin-left:0; }
  .cl-reset { margin-left:0; }
  .cl-rk { border-left:none; padding-left:0; }
  .cl-scale { grid-template-columns:repeat(3,1fr); }
  .cl-choice .cl-chips { padding-left:0; }
}
.cl-row.auto { cursor:default; }
.cl-row.auto:hover { background:transparent; }
.cl-lage { display:flex; flex-wrap:wrap; gap:6px 18px; color:#6a7a94; }
.cl-lage b { color:#fff; }
.cl-lres { font-weight:700; font-size:13px; margin:4px 0; }
.cl-kh { color:#8a9ab4; font-size:12px; line-height:1.7; margin:10px 0 8px; }
.cl-kh b { color:#fff; }
.cl-gc { color:#00e5a0 !important; }
.cl-xc { color:#ff4060 !important; }
.cl-ksum { display:flex; flex-wrap:wrap; gap:6px 16px; align-items:baseline; color:#6a7a94; font-size:12px; margin-bottom:6px; }
.cl-ksum b { color:#fff; font-size:15px; font-variant-numeric:tabular-nums; }
.cl-kpct { margin-left:auto; color:#c8d4e8; }
.cl-kg { margin:14px 0 6px; }
.cl-kgh { display:flex; justify-content:space-between; gap:10px; color:#00e5ff; font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.cl-kgh span:last-child { color:#4a5568; text-transform:none; letter-spacing:0; }
.cl-kgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:6px; }
.cl-kr { display:flex; align-items:center; gap:8px; border:1px solid #1e2535; border-radius:5px; padding:6px 6px 6px 10px; }
.cl-kr.c { border-color:#00e5a060; background:#00e5a00d; }
.cl-kr.x { border-color:#ff406060; background:#ff40600d; }
.cl-kp { color:#fff; font-weight:700; font-size:12px; min-width:66px; }
.cl-ke { flex:1; font-size:11px; }
.cl-ke.up { color:#00e5a0; }
.cl-ke.dn { color:#ff4060; }
.cl-kb { width:38px; height:32px; border-radius:4px; border:1px solid #1e2535; background:transparent; color:#4a5568; font-size:15px; font-weight:700; cursor:pointer; font-family:monospace; }
.cl-kb.c:hover { color:#00e5a0; border-color:#00e5a060; }
.cl-kb.x:hover { color:#ff4060; border-color:#ff406060; }
.cl-kb.c.on { background:#00e5a0; border-color:#00e5a0; color:#000; }
.cl-kb.x.on { background:#ff4060; border-color:#ff4060; color:#000; }
.cl-kb:focus-visible { outline:2px solid #00e5ff; outline-offset:1px; }
@media(max-width:560px){ .cl-kgrid { grid-template-columns:1fr; } .cl-kpct { margin-left:0; } }
.cl-grp { color:#4a5568; font-size:10px; text-transform:uppercase; letter-spacing:2px; margin:22px 0 8px 2px; display:flex; align-items:center; gap:10px; }
.cl-grp::after { content:""; flex:1; height:1px; background:#1e2535; }
.cl-bar + .cl-grp { margin-top:4px; }
.cl-set { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:14px; padding-top:12px; border-top:1px solid #1e2535; }
.cl-sw { display:inline-flex; border:1px solid #1e2535; border-radius:5px; overflow:hidden; }
.cl-sw button { background:transparent; color:#6a7a94; border:0; padding:7px 14px; font-family:monospace; font-size:12px; cursor:pointer; }
.cl-sw button.on { background:#00e5a0; color:#000; font-weight:700; }
.cl-sw button:focus-visible { outline:2px solid #00e5ff; outline-offset:-2px; }
.cl-clrbig { padding:8px 12px; color:#c8d4e8; border-color:#2a3550; }
.cl-clrbig:hover { border-color:#00e5ff; color:#fff; }
.cl-set .cl-clrbig { margin-left:auto; }
.cl-clr { background:transparent; border:1px solid #2a3550; color:#c8d4e8; border-radius:4px; padding:4px 10px; font-family:monospace; font-size:11px; cursor:pointer; }
.cl-clr:hover { border-color:#00e5ff; color:#fff; }
.cl-clr.undo { border-color:#f5a623; color:#f5a623; }
.cl-warnc { color:#f5a623; font-weight:700; }
.cl-cp { font-size:10px; opacity:.7; margin-left:4px; font-weight:400; }
.cl-info.warn { border-left-color:#f5a623; }
.cl-checks { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.cl-ck { font-size:12px; line-height:1.6; padding:8px 10px; border-radius:5px; border:1px solid #1e2535; color:#c8d4e8; }
.cl-ck.ok { color:#00e5a0; border-color:#00e5a040; }
.cl-ck.x { color:#ff4060; border-color:#ff406060; background:#ff40600d; }
.cl-ck.w { color:#f5a623; border-color:#f5a62350; background:#f5a6230a; }
.cl-fbtn { margin-top:16px; padding-top:12px; border-top:1px solid #1e2535; }
@media(max-width:560px){ .cl-set .cl-clrbig { margin-left:0; } }
/* ═══ SESSION & WO BIN ICH ═══ */
.ses-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; }
.ses-b { display:flex; flex-direction:column; gap:3px; align-items:flex-start; padding:10px 12px; border:1px solid #1e2535; border-radius:6px; background:transparent; color:#c8d4e8; font-family:monospace; cursor:pointer; text-align:left; }
.ses-b b { font-size:13px; }
.ses-b span { font-size:11px; color:#6a7a94; }
.ses-b.zw { border-style:dashed; }
.ses-b.on { background:#00e5a0; border-color:#00e5a0; color:#000; }
.ses-b.on span { color:#000; }
.ses-b:focus-visible { outline:2px solid #00e5ff; outline-offset:1px; }
.ses-info { color:#6a7a94; font-size:12px; margin-top:10px; line-height:1.9; }
.ses-info b { color:#fff; }
.wl-top { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-bottom:10px; padding-bottom:12px; border-bottom:1px solid #1e2535; }
.wl-tc { font-size:12px; color:#c8d4e8; }
.wl-tc i { font-style:normal; font-weight:700; }
.wl-cnt { margin-left:auto; color:#4a5568; font-size:11px; }
.wl-head, .wl-row { display:grid; grid-template-columns:150px 330px minmax(0,1fr) 60px 124px; gap:10px; align-items:center; }
.wl-head { color:#4a5568; font-size:10px; text-transform:uppercase; letter-spacing:1px; padding:0 8px 6px; }
.wl-row { padding:9px 8px; border-bottom:1px solid #0d1018; border-left:3px solid transparent; }
.wl-row.done { border-left-color:#00e5ff60; }
.wl-row.dxy { background:#0d1018; border-radius:5px; margin-bottom:4px; border-left-color:#00e5ff; }
.wl-pair { display:flex; align-items:center; gap:6px; flex-wrap:wrap; min-width:0; }
.wl-pair b { color:#fff; font-size:13px; }
.wl-tag { color:#00e5ff; font-size:10px; }
.wl-dxy { font-size:10px; padding:1px 5px; border-radius:3px; border:1px solid; }
.wl-dxy.ok { color:#00e5a0; border-color:#00e5a050; }
.wl-dxy.no { color:#ff4060; border-color:#ff406050; }
.wl-del { margin-left:auto; background:transparent; border:0; color:#4a5568; font-size:16px; line-height:1; cursor:pointer; padding:2px 6px; font-family:monospace; }
.wl-del:hover { color:#ff4060; }
.wl-tfs { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.wl-tf { display:flex; align-items:center; gap:3px; }
.wl-tf span { color:#6a7a94; font-size:10px; width:24px; text-align:right; margin-right:2px; }
.wl-tf button, .wl-exp { width:32px; height:32px; border:1px solid #1e2535; border-radius:4px; background:transparent; cursor:pointer; font-size:12px; font-family:monospace; }
.wl-tf button.up { color:#00e5a0; }
.wl-tf button.dn { color:#ff4060; }
.wl-tf button.up.on { background:#00e5a0; border-color:#00e5a0; color:#000; }
.wl-tf button.dn.on { background:#ff4060; border-color:#ff4060; color:#000; }
.wl-exp { width:auto; padding:0 8px; color:#6a7a94; font-size:10px; }
.wl-exp.on { background:#f5a623; border-color:#f5a623; color:#000; font-weight:700; }
.wl-tf button:focus-visible, .wl-exp:focus-visible, .wl-go button:focus-visible, .wl-del:focus-visible { outline:2px solid #00e5ff; outline-offset:1px; }
.wl-res { display:flex; flex-direction:column; gap:2px; min-width:0; }
.wl-lt { color:#fff; font-size:12px; line-height:1.4; }
.wl-ls { color:#6a7a94; font-size:11px; }
.wl-res.mut, .wl-ch.mut { color:#4a5568; font-size:11px; }
.wl-ch { font-size:18px; font-weight:700; font-variant-numeric:tabular-nums; text-align:right; }
.wl-go { display:flex; gap:4px; justify-content:flex-end; }
.wl-go button { background:transparent; border:1px solid #1e2535; color:#6a7a94; border-radius:4px; padding:7px 9px; font-family:monospace; font-size:11px; cursor:pointer; }
.wl-go button.pri { border-color:#00e5ff; color:#00e5ff; font-weight:700; }
.wl-go button:hover { color:#fff; border-color:#00e5ff; }
.wl-add { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:12px; }
.wl-cal { margin-top:14px; border-top:1px solid #1e2535; padding-top:10px; }
.wl-cal summary { cursor:pointer; color:#00e5ff; font-size:12px; }
.wl-calr { display:flex; align-items:center; gap:10px; padding:6px 0; flex-wrap:wrap; color:#6a7a94; font-size:11px; }
.wl-calr label { flex:1; min-width:200px; display:flex; flex-direction:column; gap:2px; font-size:12px; color:#c8d4e8; }
.wl-calr label span { color:#4a5568; font-size:11px; }
.wl-cin { width:80px; }
@media(max-width:900px){
  .wl-head { display:none; }
  .wl-row { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"pair ch" "tfs tfs" "res go"; row-gap:8px; }
  .wl-pair { grid-area:pair; } .wl-ch { grid-area:ch; } .wl-tfs { grid-area:tfs; } .wl-res { grid-area:res; } .wl-go { grid-area:go; }
}
@media(max-width:560px){ .ses-strip { grid-template-columns:repeat(2,1fr); } .wl-cnt { margin-left:0; } }
.cl-cd { margin:-4px 0 9px 32px; }
@media(max-width:560px){ .cl-cd { margin-left:0; } }

/* ═══ Messwerte ═══ */
.mx-tf { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:8px; }
.dxy-h { display:flex; gap:10px; color:#4a5568; font-size:10px; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.dxy-h span:first-child { width:68px; } .dxy-h span:nth-child(2) { flex:1; } .dxy-h span:nth-child(3), .dxy-h span:nth-child(4) { width:44px; text-align:right; }
.cl-row.auto.na { opacity:.55; }
.cl-kw { color:#c8d4e8; font-size:11px; font-variant-numeric:tabular-nums; display:flex; flex-direction:column; min-width:62px; }
.cl-kw i { font-style:normal; color:#4a5568; font-size:10px; }
.cl-ke { flex:0 0 auto; font-size:14px; font-weight:700; width:18px; text-align:center; }
.cl-kr .cl-kp { flex:1; min-width:0; }
.wl-tf { gap:2px; }
.wl-tfl { color:#6a7a94; font-size:10px; width:28px; text-align:right; margin-right:3px; }
.wl-phs { display:inline-flex; margin-left:4px; }
.wl-phs .ph { width:24px; height:32px; border:1px solid #1e2535; background:transparent; color:#6a7a94; font-size:11px; font-family:monospace; cursor:pointer; border-radius:0; }
.wl-phs .ph:first-child { border-radius:4px 0 0 4px; } .wl-phs .ph:last-child { border-radius:0 4px 4px 0; }
.wl-phs .ph + .ph { border-left:0; }
.wl-phs .ph.on { background:#00b8d9; border-color:#00b8d9; color:#000; font-weight:700; }
.wl-phs .ph.ex.on { background:#f5a623; border-color:#f5a623; }
.wl-phs .ph:focus-visible { outline:2px solid #00e5ff; outline-offset:1px; }
.wl-dxy.na { color:#6a7a94; border-color:#1e2535; }
.wl-head, .wl-row { grid-template-columns:150px 470px minmax(0,1fr) 60px 124px; }
@media(max-width:1180px){
  .wl-head { display:none; }
  .wl-row { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"pair ch" "tfs tfs" "res go"; row-gap:8px; }
  .wl-pair { grid-area:pair; } .wl-ch { grid-area:ch; } .wl-tfs { grid-area:tfs; } .wl-res { grid-area:res; } .wl-go { grid-area:go; }
}