/* glampr-neu · Cockpit-Bereich „Kanäle“ (03.11.2026). Präfix kn-, Cockpit-Tokens aus theme.css, keine Emojis. */
.kn{max-width:1500px;margin:0 auto;padding:22px 26px 40px;box-sizing:border-box}
.kn *,.kn-dlg *{box-sizing:border-box}
@media (max-width:600px){.kn{padding:14px 14px 96px}}
.kn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.kn-head h1{margin:0;font-family:var(--f-head,'Satoshi'),system-ui,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:-.02em}
.kn-sub{color:var(--text-muted);font-size:.92rem;max-width:75ch;margin-top:4px}
.kn-head-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kn .btn,.kn-dlg .btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.kn .btn svg,.kn-dlg .btn svg{width:17px;height:17px;flex:none}
.kn .btn.sm{height:30px;padding:0 10px;font-size:.82rem}
.kn-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-size:.84rem;font-weight:700;border:1px solid transparent;cursor:pointer;font-family:inherit}
.kn-chip svg{width:16px;height:16px}
.kn-chip.grau{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}
.kn-chip.gelb{background:#FCEFD6;color:#6B4200}
.kn-chip.blau{background:#E1ECF7;color:#123E66}
.kn-chip.gruen{background:#E0ECE7;color:#1E4A3C}
.kn-erkl{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 16px;margin-bottom:14px}
.kn-erkl summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;min-height:32px}
.kn-erkl summary svg{width:20px;height:20px;color:var(--accent,#245244)}
.kn-erkl ol{margin:10px 0 4px;padding-left:22px;line-height:1.55}
.kn-erkl li{margin:4px 0}
.kn-alert{display:flex;align-items:flex-start;gap:12px;border-radius:14px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border);background:var(--surface)}
.kn-alert>svg{width:22px;height:22px;flex:none;margin-top:1px}
.kn-alert>div{flex:1;min-width:0}
.kn-alert b{display:block}
.kn-alert span{color:var(--text-muted);font-size:.9rem}
.kn-alert .btn{flex:none;align-self:center}
.kn-alert.rot{border-color:#E7B4AE;background:#FBEDEB;color:#7A1F14;cursor:pointer}
.kn-alert.rot span{color:#7A1F14}
.kn-alert.gelb{border-color:#EDD39E;background:#FDF5E4;color:#5E3B00}
.kn-alert.gelb span{color:#5E3B00}
.kn-alert.gruen{border-color:#B9D6C9;background:#EAF3EF;color:#1E4A3C}
.kn-alert.gruen span{color:#2A5446}
.kn-alert.blau{border-color:#BBD0E6;background:#EDF3FA;color:#123E66}
.kn-alert.blau span{color:#1F4A72}
.kn-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:6px 0 16px;overflow-x:auto;scrollbar-width:none}
.kn-tabs::-webkit-scrollbar{display:none}
.kn-tabs button{border:0;background:none;padding:10px 14px;font:inherit;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;min-height:44px}
.kn-tabs button.on{color:var(--text);border-bottom-color:var(--accent,#245244)}
.kn-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin-bottom:14px;min-width:0}
.kn-card h2{margin:0 0 8px;font-size:1.05rem}
.kn-dlg h3{margin:16px 0 6px;font-size:1rem}
.kn-ch{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:6px}
.kn-ch h2{margin:0;flex:1;min-width:180px}
.kn-cm .kn-ch{justify-content:flex-start}
.kn-cm{cursor:pointer}
.kn-cm:hover,.kn-portal:hover{border-color:var(--border-strong)}
.kn-p{margin:4px 0 10px;color:var(--text-muted);line-height:1.5;font-size:.92rem}
.kn-p svg{width:15px;height:15px;vertical-align:-3px}
.kn-hint{color:var(--text-muted);font-size:.82rem}
.kn-warn{color:#7A1F14;background:#FBEDEB;border-radius:10px;padding:8px 12px;font-size:.9rem}
.kn-empty{color:var(--text-muted);text-align:center;padding:22px}
.kn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px}
@media (max-width:980px){.kn-grid{grid-template-columns:minmax(0,1fr)}}
.kn-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:6px 0;font-size:.9rem}
.kn-dl dt{color:var(--text-muted)}
.kn-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.kn-dot{display:inline-block;width:11px;height:11px;border-radius:50%;flex:none;vertical-align:-1px;background:#9AA3AD;box-shadow:0 0 0 3px rgba(0,0,0,.04)}
.kn-dot.gruen{background:#2E8B57}.kn-dot.gelb{background:#E0A100}.kn-dot.rot{background:#C8372D}.kn-dot.blau{background:#2F6FB0}.kn-dot.grau{background:#9AA3AD}
.kn-portale{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.kn-portal{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;min-height:44px}
.kn-pt{display:flex;align-items:center;gap:8px}
.kn-weg{font-size:.8rem;color:var(--text-muted)}
.kn-pm{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.8rem;color:var(--text-muted)}
.kn-pm span:first-child{font-weight:700;color:var(--text)}
.kn-log{list-style:none;margin:0;padding:0}
.kn-log li button{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:none;padding:9px 2px;font:inherit;color:inherit;cursor:pointer;min-height:44px}
.kn-log li:last-child button{border-bottom:0}
.kn-log li button:hover{background:var(--surface-2)}
.kn-log .kn-dot{margin-top:5px}
.kn-dir svg{width:16px;height:16px;color:var(--text-muted);margin-top:2px}
.kn-lt{min-width:0;flex:1}
.kn-lt b{display:block;font-weight:600;font-size:.9rem;overflow-wrap:anywhere}
.kn-lt small{color:var(--text-muted);font-size:.78rem}
.kn-link{border:0;background:none;color:var(--accent,#245244);font:inherit;font-weight:600;cursor:pointer;padding:4px 2px;text-decoration:underline;text-underline-offset:2px}
.kn-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
.kn-t{width:100%;border-collapse:collapse;font-size:.88rem}
.kn-t th{text-align:left;font-weight:600;color:var(--text-muted);font-size:.78rem;padding:8px 8px;border-bottom:1px solid var(--border);white-space:nowrap}
.kn-t td{padding:8px 8px;border-bottom:1px solid var(--border);vertical-align:middle}
.kn-t .r{text-align:right;white-space:nowrap}
.kn-t small{color:var(--text-muted);font-size:.75rem}
.kn-t tfoot td{font-weight:700;border-bottom:0}
.kn-click{cursor:pointer}
.kn-click:hover td{background:var(--surface-2)}
.kn-rot td{background:#FBEDEB}
.kn-rt{color:#B42318}
.kn-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}
.kn-url{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-all;background:var(--surface-2);padding:4px 6px;border-radius:6px;margin-top:3px}
.kn-nowrap{white-space:nowrap}
.kn-tag{display:inline-block;font-size:.7rem;font-weight:700;border-radius:6px;padding:1px 6px;background:var(--surface-2);color:var(--text-muted);vertical-align:1px}
.kn-pill{display:inline-flex;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:700;white-space:nowrap}
.kn-pill.gruen{background:#E0ECE7;color:#1E4A3C}.kn-pill.rot{background:#FBE1DE;color:#8A1C12}.kn-pill.grau{background:var(--surface-2);color:var(--text-muted)}.kn-pill.blau{background:#E1ECF7;color:#123E66}
.kn-in{height:38px;border:1px solid var(--border-strong);border-radius:10px;padding:0 10px;font:inherit;background:var(--surface);color:var(--text);min-width:0;max-width:100%}
select.kn-in{padding-right:26px}
.kn-num{width:84px;text-align:right}
.kn-rt.kn-in,.kn-rp{min-width:150px}
.kn-sw{position:relative;display:inline-flex;align-items:center;cursor:pointer;min-height:36px}
.kn-sw input{position:absolute;opacity:0;width:44px;height:26px;margin:0;cursor:pointer}
.kn-sw span{width:42px;height:24px;border-radius:12px;background:#C5CBD1;position:relative;transition:background .15s}
.kn-sw span:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.kn-sw input:checked+span{background:var(--accent,#245244)}
.kn-sw input:checked+span:after{left:21px}
.kn-sw input:focus-visible+span{outline:2px solid var(--accent,#245244);outline-offset:2px}
.kn-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kn-ok{display:inline-flex;align-items:center;gap:4px;color:#1E6B45;font-weight:600}
.kn-ok svg{width:15px;height:15px}
.kn-wait{color:#7A4B00;font-size:.82rem}
.kn-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:8px 0 12px}
.kn-form label,.kn-lab{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.86rem}
.kn-form small{font-weight:400;color:var(--text-muted);font-size:.78rem}
.kn-wide{grid-column:1/-1}
.kn-checkline{flex-direction:row!important;align-items:flex-start;gap:8px!important;font-weight:400!important}
.kn-checkline input{margin-top:3px;width:18px;height:18px}
.kn-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.kn-seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;flex-wrap:wrap}
.kn-seg button{border:0;background:var(--surface);padding:8px 12px;font:inherit;font-size:.84rem;font-weight:600;color:var(--text-muted);cursor:pointer;min-height:38px}
.kn-seg button+button{border-left:1px solid var(--border)}
.kn-seg button.on{background:var(--accent,#245244);color:#fff}
.kn-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media (max-width:900px){.kn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kn-kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;min-width:0}
.kn-kpi b{display:block;font-size:1.35rem;font-weight:700;letter-spacing:-.01em}
.kn-kpi span{display:block;font-weight:600;font-size:.86rem}
.kn-kpi small{display:block;color:var(--text-muted);font-size:.76rem;margin-top:2px}
.kn-um{position:relative;min-width:120px;height:24px;background:var(--surface-2);border-radius:6px;overflow:hidden}
.kn-um i{position:absolute;inset:0 auto 0 0;background:#BFD9CC}
.kn-um span{position:relative;display:block;padding:3px 7px;font-size:.82rem;font-weight:600;white-space:nowrap}
.kn-acts{display:flex;gap:8px;flex-wrap:wrap}
.kn-acc{border-top:1px solid var(--border)}
.kn-acc-h{display:flex;justify-content:space-between;gap:10px;width:100%;border:0;background:none;font:inherit;color:inherit;padding:11px 2px;cursor:pointer;min-height:44px;text-align:left}
.kn-acc-h span{color:var(--text-muted);font-size:.85rem}
.kn-acc-b{padding:0 0 10px}
.kn-unit{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px dashed var(--border);flex-wrap:wrap}
.kn-unit>div:first-child{min-width:0;flex:1 1 260px}
.kn-unit small{display:block;color:var(--text-muted)}
.kn-imp{font-size:.82rem;margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kn-rand-rot{border-color:#E7B4AE}
.kn-list{margin:6px 0;padding-left:20px;line-height:1.55}
.kn-list li{margin:5px 0}
.kn-skel{height:18px;border-radius:8px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3,#e9edf1),var(--surface-2));background-size:200% 100%;animation:knSk 1.2s infinite;margin:8px 0}
@keyframes knSk{to{background-position:-200% 0}}
/* Dialog / Vollbild-Ebene */
.kn-dlg{position:fixed;inset:0;z-index:4000;background:rgba(15,23,30,.45);display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;overflow-y:auto}
.kn-dlgbox{background:var(--surface);color:var(--text);border-radius:18px;width:100%;max-width:640px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}
.kn-dlgbox.breit{max-width:900px}
.kn-dlgbar{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface);z-index:2}
.kn-dlgbar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kn-dlgin{padding:14px 18px 18px}
.kn-dlgacts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
@media (max-width:640px){.kn-dlg{padding:0}.kn-dlgbox,.kn-dlgbox.breit{max-width:none;min-height:100%;border-radius:0}.kn-dlgbar .kn-hint{display:none}}
.kn-wahl{display:grid;gap:10px;margin:8px 0}
.kn-opt{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--border-strong);border-radius:14px;padding:12px 14px;background:var(--surface);font:inherit;color:inherit;cursor:pointer;min-height:44px}
.kn-opt:hover{border-color:var(--accent,#245244);background:var(--surface-2)}
.kn-opt b{display:flex;align-items:center;gap:8px}
.kn-opt b svg{width:18px;height:18px}
.kn-opt span{color:var(--text-muted);font-size:.88rem;line-height:1.45}
.kn-opt em{font-style:normal;font-size:.78rem;font-weight:700;color:var(--accent,#245244)}
.kn-opt.aus{opacity:.72}
.kn-radio{position:relative;padding-left:42px}
.kn-radio input{position:absolute;left:14px;top:15px;width:18px;height:18px}
.kn-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:52vh;overflow:auto;padding:2px}
.kn-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:9px 11px;cursor:pointer}
.kn-check input{width:18px;height:18px;margin-top:2px;flex:none}
.kn-check small{display:block;color:var(--text-muted);font-size:.78rem}
.kn-check.aus{opacity:.55;cursor:default}
.kn-steps{padding-left:22px;line-height:1.6}
.kn-steps a,.kn-hint a{color:var(--accent,#245244);font-weight:600}
.kn-steps svg,.kn-hint svg{width:13px;height:13px;vertical-align:-1px}
.kn-tech summary{cursor:pointer;font-weight:600;font-size:.86rem;margin-top:10px}
.kn-tech pre{background:var(--surface-2);border-radius:10px;padding:10px;font-size:.75rem;max-height:40vh;overflow:auto;white-space:pre-wrap;word-break:break-word}
.kn-plaetze{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:46vh;overflow:auto}
.kn-platz{border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);padding:9px 10px;text-align:left;cursor:pointer;font:inherit;color:inherit;min-height:44px}
.kn-platz:hover{border-color:var(--accent,#245244);background:var(--surface-2)}
.kn-platz small{display:block;color:var(--text-muted);font-size:.76rem}
[data-theme="dark"] .kn-alert.rot,[data-theme="dark"] .kn-rot td,[data-theme="dark"] .kn-warn{background:#3A1C19;color:#F6C9C3;border-color:#6B2C25}
[data-theme="dark"] .kn-alert.rot span{color:#F6C9C3}
[data-theme="dark"] .kn-alert.gelb{background:#3A2E14;color:#F3DDA9;border-color:#6A5222}[data-theme="dark"] .kn-alert.gelb span{color:#F3DDA9}
[data-theme="dark"] .kn-alert.gruen{background:#173129;color:#BFE3D2;border-color:#2D5A4A}[data-theme="dark"] .kn-alert.gruen span{color:#BFE3D2}
[data-theme="dark"] .kn-alert.blau{background:#16283B;color:#C4DAF0;border-color:#2C4D70}[data-theme="dark"] .kn-alert.blau span{color:#C4DAF0}
[data-theme="dark"] .kn-um i{background:#2D5A4A}
/* Preise & Regeln (Kalender je Ratenplan), 03.11. abends */
.kn-kalbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 4px}
.kn-kalbar .kn-in{width:auto;min-width:0}
.kn-wq{margin:8px 0 0}
.kn-kal{font-size:.82rem;min-width:max-content}
.kn-kal th,.kn-kal td{text-align:center;padding:6px 4px;white-space:nowrap}
.kn-kal thead th.we{color:var(--text)}
.kn-kal .kn-kl{position:sticky;left:0;z-index:1;background:var(--surface);text-align:left;min-width:150px;max-width:190px;white-space:normal;font-weight:600;color:var(--text);font-size:.82rem}
.kn-kal .kn-kl small{display:block;font-weight:400;color:var(--text-muted);font-size:.74rem}
.kn-kz{position:relative;min-width:64px;cursor:pointer;border-left:1px solid var(--border);color:var(--text-muted)}
.kn-kz:hover,.kn-kz:focus-visible{background:var(--surface-2);outline:none}
.kn-kz b{display:block;font-weight:600;color:var(--text-muted)}
.kn-kz small{display:block;font-size:.7rem;color:var(--text-muted)}
.kn-kz.eigen b{color:var(--text);font-weight:800}
.kn-kz.eigen{box-shadow:inset 0 0 0 2px var(--accent,#245244);border-radius:6px}
.kn-kz.null b{color:#b4322a}
.kn-kz.stopp{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(180,50,42,.08) 6px 12px)}
.kn-km{display:flex;flex-direction:column;gap:1px;margin-top:2px}
.kn-km i{font-style:normal;font-size:.68rem;line-height:1.2;color:var(--text-muted)}
.kn-km i.e{color:var(--text);font-weight:700}
.kn-km i.r{color:#b4322a}
.kn-kp{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#c98a12}
.kn-pend{border-color:var(--accent,#245244)}
.kn-pl{list-style:none;margin:0 0 6px;padding:0}
.kn-pl li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:8px 0;font-size:.88rem}
.kn-wds{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.kn-wd{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:999px;padding:6px 10px;min-height:36px;cursor:pointer}
.kn-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 14px}
.kn-fz{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:12px;padding:8px 10px}
.kn-rk{margin-bottom:10px}
.kn-rk h3{margin:8px 0 4px;font-size:.95rem}
.kn-rk .kn-in{min-width:0}
.kn-rk .kn-nrt,.kn-rk .kn-rtt{width:100%;min-width:140px}
.kn-ul{margin:6px 0 10px;padding-left:18px;line-height:1.55;font-size:.9rem}
.kn-ul li{margin-bottom:6px}
@media (max-width:600px){.kn-kal .kn-kl{min-width:110px;max-width:120px}.kn-kz{min-width:56px}}