/* Look and feel analog zu vivaxite.com: dunkel, Gold-Akzent, Fira Code + Montserrat */
@font-face{font-family:'Fira Code';font-weight:400;font-display:swap;src:url(/fonts/fira-code-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Fira Code';font-weight:500;font-display:swap;src:url(/fonts/fira-code-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-700-normal.woff2) format('woff2')}
:root{
  --gold:#eab200;--gold-dim:rgba(234,178,0,.18);--gold-glow:rgba(234,178,0,.3);
  --dark:#0e0e12;--dark2:#16161d;--dark3:#1e1e28;--text:#e8e8ec;--text-dim:rgba(232,232,236,.55);
  --line:rgba(255,255,255,.08);--g:#3ccf7a;--y:#f5d04a;--r:#ff6b6b;--u:#ff3b5c;
}
*{box-sizing:border-box}
body{margin:0;background:var(--dark);color:var(--text);font:14px/1.6 'Fira Code',ui-monospace,monospace;min-height:100vh;
  background-image:radial-gradient(900px 400px at 85% -10%,rgba(234,178,0,.07),transparent 60%)}
h1,h2,button,th,.pill,#tenant b{font-family:'Montserrat',system-ui,sans-serif}
header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 20px;
  padding:12px 24px;background:rgba(14,14,18,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{height:30px;width:auto;filter:drop-shadow(0 0 8px var(--gold-dim))}
h1{font-size:13px;margin:0;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%}
.dot.g{background:var(--g)}.dot.y{background:var(--y)}.dot.r{background:var(--r)}
#who{display:flex;justify-content:flex-end;align-items:center;min-width:0}
main{max-width:none;margin:22px auto;padding:0 clamp(10px,1.6vw,28px)}
a{color:var(--gold)}
.muted{color:var(--text-dim)}.err{color:var(--r)}
.card{background:var(--dark2);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:18px}
.card h2{margin:0 0 10px;font-size:20px;font-weight:700}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
.cards .card{margin:0;text-align:center;cursor:pointer;padding:18px 12px;transition:transform .15s,border-color .15s,box-shadow .15s}
.cards .card:hover{transform:translateY(-3px);border-color:var(--gold-dim);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.cards b{font-family:'Montserrat',sans-serif;font-size:34px;display:block;margin-top:8px;font-weight:700}
button,select,input{font:inherit;font-size:13px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--dark3);color:var(--text)}
input{min-width:240px;flex:1 1 240px;max-width:380px}input::placeholder{color:var(--text-dim)}
button{cursor:pointer;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px;transition:border-color .15s,box-shadow .15s}
button:hover:not(:disabled){border-color:var(--gold)}
button.primary{background:var(--gold);color:var(--dark);border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow)}
button.primary:hover:not(:disabled){box-shadow:0 0 28px var(--gold-glow)}
button:disabled{opacity:.4;cursor:default}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.pager{margin:12px 0}
.wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:var(--dark2);padding:6px 14px}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th,td{padding:10px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
tr:last-child td{border-bottom:none}
th{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}
tbody tr:hover{background:rgba(255,255,255,.03)}
.pill{display:inline-block;padding:2px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;border:1px solid}
.pill.Green{color:var(--g);border-color:rgba(60,207,122,.4);background:rgba(60,207,122,.1)}
.pill.Yellow{color:var(--y);border-color:rgba(245,208,74,.4);background:rgba(245,208,74,.1)}
.pill.Red{color:var(--r);border-color:rgba(255,107,107,.45);background:rgba(255,107,107,.1)}
.pill.Urgent{color:#fff;border-color:var(--u);background:var(--u);box-shadow:0 0 16px rgba(255,59,92,.35)}
#tenant{text-align:center;min-width:0}#tenant b{display:block;font-size:20px;font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlabel{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
body{display:flex;flex-direction:column}main{width:100%;flex:1}
footer{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 24px;font-size:11px;background:rgba(14,14,18,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
#scan{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-dim)}#scan .scanbar{width:120px}
.scanbar{display:flex;gap:3px;height:5px}.seg{flex:1;border-radius:3px;background:var(--dark3)}
.seg.done{background:var(--g)}
.seg.run{background:linear-gradient(90deg,var(--dark3) 0,var(--gold) 50%,var(--dark3) 100%);background-size:200% 100%;animation:slide 1.2s linear infinite}
@keyframes slide{from{background-position:200% 0}to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.seg.run{animation:none;background:var(--gold)}.cards .card{transition:none}}
@media(max-width:760px){header{grid-template-columns:1fr auto;padding:10px 14px}#tenant{grid-column:1/-1;grid-row:2;text-align:left}main{padding:0 12px}.brand img{height:24px}footer{padding:8px 14px}}
.cards .pill{white-space:normal;text-align:center;line-height:1.3}

/* Mini-Ampel: vier Leuchten, die passende brennt */
.lamp{display:inline-flex;gap:3px;padding:4px 6px;border-radius:999px;background:#08080b;border:1px solid var(--line);vertical-align:middle}
.lamp i{width:8px;height:8px;border-radius:50%;display:block}
.lamp .Urgent{background:color-mix(in srgb,var(--u) 16%,#1a1a22)}.lamp .Red{background:color-mix(in srgb,var(--r) 16%,#1a1a22)}
.lamp .Yellow{background:color-mix(in srgb,var(--y) 16%,#1a1a22)}.lamp .Green{background:color-mix(in srgb,var(--g) 16%,#1a1a22)}
.lamp .Urgent.on{background:var(--u);box-shadow:0 0 9px var(--u);animation:pulse 1.4s ease-in-out infinite}
.lamp .Red.on{background:var(--r);box-shadow:0 0 8px var(--r)}.lamp .Yellow.on{background:var(--y);box-shadow:0 0 8px var(--y)}.lamp .Green.on{background:var(--g);box-shadow:0 0 8px var(--g)}
@keyframes pulse{50%{opacity:.4}}
.st{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:12px;white-space:nowrap}
.st.Urgent{color:var(--u)}.st.Red{color:var(--r)}.st.Yellow{color:var(--y)}.st.Green{color:var(--g)}
/* Uebersicht */
.summary{margin-bottom:16px}.sumtext{margin-bottom:10px;color:var(--text-dim)}.sumtext b{color:var(--text);font-family:'Montserrat',sans-serif}.warn{color:var(--u)}
.dist{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;background:var(--dark3)}
.part{min-width:6px}.part.Urgent{background:var(--u)}.part.Red{background:var(--r)}.part.Yellow{background:var(--y)}.part.Green{background:var(--g)}
.cards .card.stat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;text-transform:none;letter-spacing:0;font-family:inherit;font-weight:400;font-size:12px;border-radius:20px;color:var(--text);border-top:3px solid var(--line);padding:16px 18px}
.stat.Urgent{border-top-color:var(--u)}.stat.Red{border-top-color:var(--r)}.stat.Yellow{border-top-color:var(--y)}.stat.Green{border-top-color:var(--g)}
.stat.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 24px var(--gold-dim)}
.stathead{display:flex;justify-content:space-between;align-items:center;width:100%}.statpct{color:var(--text-dim);font-size:12px}
.cards .stat b{margin:6px 0 0;font-size:38px;line-height:1}
.stattitle{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px}.stathint{color:var(--text-dim);font-size:11.5px;line-height:1.4}
/* Sonstiges */
.hero h2{font-size:24px;line-height:1.3;max-width:640px}.hero p{max-width:640px;color:var(--text-dim)}
.ticks{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:8px}.ticks li{padding-left:24px;position:relative}
.ticks li::before{content:'';position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}
.spacer{flex:1}button.danger:hover:not(:disabled){border-color:var(--r);color:var(--r)}
td.name{font-weight:500}td.num{text-align:right;font-variant-numeric:tabular-nums}td.empty{text-align:center;padding:28px}

/* Menue */
#who{position:relative}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;padding:0;align-items:center;border-radius:50%}
.burger span{display:block;width:16px;height:2px;border-radius:2px;background:var(--text);transition:transform .15s,opacity .15s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;background:var(--dark2);border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.55);z-index:20}
.menu[hidden]{display:none}
.menu button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:10px 12px;text-transform:none;letter-spacing:.02em;font-size:13px}
.menu button:hover{background:var(--dark3);color:var(--gold)}
.menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.menuuser{padding:8px 12px 10px;font-size:12px;color:var(--text);word-break:break-all}
.pagetitle{font-size:22px;margin:0 0 18px}.card h3{margin:0 0 12px;font-size:15px}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;margin:0}.facts dt{color:var(--text-dim)}.facts dd{margin:0;word-break:break-all}
.dangerzone{border-color:rgba(255,107,107,.25)}.dangerzone p{margin-top:0}
button.danger{border-color:rgba(255,107,107,.5);color:var(--r)}button.danger:hover:not(:disabled){background:rgba(255,107,107,.12)}

/* Tabs je Objekttyp */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}
.tab{border-radius:999px;display:inline-flex;gap:8px;align-items:center;text-transform:none;letter-spacing:.02em}
.tab.sel{border-color:var(--gold,#c9a45c);box-shadow:0 0 0 1px var(--gold,#c9a45c) inset}
.tabn{font-size:11px;color:var(--text-dim);font-weight:400}
td a{color:var(--gold,#c9a45c);text-decoration:none;word-break:break-word}td a:hover{text-decoration:underline}
.ext{color:var(--text-dim)}
.notice{border-color:var(--y,#d9a400)}
th.num,td.num{text-align:right;white-space:nowrap}
.wrap{overflow-x:auto}
.code{background:var(--dark);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow-x:auto;font-size:12px;user-select:all}

/* Breite Tabelle, sortierbare Spalten */
.wrap{padding:4px 8px}
table{font-size:12.5px}
th,td{padding:9px 8px}
td.name{min-width:220px;max-width:420px;word-break:break-word}
td.muted{min-width:140px}
th.sortable{padding:0}
.thbtn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;gap:6px;align-items:center;padding:9px 8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}
.thbtn:hover,.thbtn.on{color:var(--gold,#c9a45c)}
.thbtn:focus-visible{outline:1px solid var(--gold,#c9a45c);border-radius:6px}
.arrow{font-size:9px;opacity:.55}.thbtn.on .arrow{opacity:1}
th.num .thbtn{justify-content:flex-end;width:100%}
tbody tr:hover td{background:rgba(255,255,255,.025)}
/* Leuchtender Cursor */
.glowcur,.glowcur *{cursor:none!important}
.glowdot,.glowhalo{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;opacity:0;border-radius:50%;transition:opacity .2s,width .15s,height .15s,background .15s}
.glowdot{width:8px;height:8px;background:var(--gold,#c9a45c);box-shadow:0 0 10px 3px rgba(201,164,92,.85),0 0 22px 6px rgba(201,164,92,.4)}
.glowhalo{width:34px;height:34px;background:radial-gradient(circle,rgba(201,164,92,.22),rgba(201,164,92,0) 70%)}
.glowdot.hot{width:12px;height:12px}.glowhalo.hot{width:52px;height:52px}

/* Bereichs-Navigation */
.subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}
.subnav-a{font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--text-dim);padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--dark3)}
.subnav-a:hover{color:var(--text);border-color:var(--gold-glow)}
.subnav-a.sel{color:var(--gold);border-color:var(--gold);box-shadow:0 0 12px var(--gold-dim)}

/* Monitoring */
.mon{--inc:#ffa93a;--adv:#6aa9ff;--mnt:#b49cff}
.mon-banner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 22px;border-radius:20px;border:1px solid var(--line);background:var(--dark2);margin-bottom:22px}
.mon-banner .b-icon{font-size:28px}.mon-banner .b-text{font-family:'Montserrat',system-ui,sans-serif;font-weight:700;letter-spacing:.08em;font-size:15px;flex:1 1 260px}
.b-ok{border-color:rgba(60,207,122,.4)}.b-ok .b-icon{color:var(--g)}
.b-incident{border-color:rgba(255,169,58,.55);background:linear-gradient(90deg,rgba(255,169,58,.1),var(--dark2) 60%)}.b-incident .b-icon{color:var(--inc)}
.b-advisory{border-color:rgba(106,169,255,.5)}.b-advisory .b-icon{color:var(--adv)}
.b-maintenance{border-color:rgba(180,156,255,.5)}.b-maintenance .b-icon{color:var(--mnt)}
.pulse{animation:monpulse 2.6s ease-in-out infinite}
@keyframes monpulse{50%{box-shadow:0 0 22px rgba(255,169,58,.22)}}
.donut-wrap{display:flex;align-items:center;gap:14px}
.donut{width:76px;height:76px;border-radius:50%;display:grid;place-items:center}
.donut-hole{width:54px;height:54px;border-radius:50%;background:var(--dark2);display:grid;place-items:center;align-content:center;line-height:1.1;text-align:center}
.donut-hole b{font-size:17px}.donut-hole span{font-size:8px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}
.leg-row{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:7px}.leg-dot{width:9px;height:9px;border-radius:50%}
.mon-allok{text-align:center;padding:48px 16px;border:1px dashed rgba(60,207,122,.35);border-radius:20px;color:var(--g)}
.mon-allok .big{font-size:44px}
.sev-group{margin-bottom:26px}
.sev-head{font-family:'Montserrat',system-ui,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;display:flex;gap:10px;align-items:center;cursor:default}
summary.sev-head{cursor:pointer;list-style:none;margin-bottom:10px}summary.sev-head::-webkit-details-marker{display:none}
.sev-incident{color:var(--inc)}.sev-advisory{color:var(--adv)}.sev-maintenance{color:var(--mnt)}.sev-action{color:#f472b6}
.incident-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}
.incident-card{background:var(--dark2);border:1px solid var(--line);border-left:3px solid var(--text-dim);border-radius:16px;padding:14px 16px}
.tile-incident{border-left-color:var(--inc)}.tile-advisory{border-left-color:var(--adv)}.tile-maintenance{border-left-color:var(--mnt)}
.incident-card.is-new{box-shadow:0 0 0 1px var(--gold-glow),0 0 16px var(--gold-dim)}
.incident-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ticon{width:26px;height:26px;flex:none;display:grid;place-items:center;color:var(--text-dim)}.ticon img,.ticon svg{width:24px;height:24px;object-fit:contain}
.iname{font-family:'Montserrat',system-ui,sans-serif;font-weight:700;flex:1;font-size:13.5px}
.icount{font-size:11px;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:2px 9px;white-space:nowrap}
.issue-line{display:flex;gap:8px;padding:6px 0 6px 8px;border-left:2px solid transparent;font-size:12.5px;line-height:1.5}
.issue-line.hl{background:rgba(255,255,255,.03);border-radius:0 8px 8px 0}
.idot{flex:none}.issue-link{color:var(--text);text-decoration:none}.issue-link:hover{color:var(--gold);text-decoration:underline}
.issue-badges{display:flex;gap:6px;margin-top:3px}
.rbadge,.new-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 8px;border-radius:999px;color:#14141a}
.new-badge{background:var(--gold)}
.imeta{font-size:11.5px;color:var(--text-dim);margin-top:2px}
.count-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.count-tile{background:var(--dark2);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center}
.count-tile b{display:block;font-size:30px;font-family:'Montserrat',system-ui,sans-serif}.count-tile span{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}
.c-action b{color:#f472b6}.c-high b{color:var(--r)}
.msg-group{margin-bottom:20px}
.msg-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--dark2);overflow:hidden}
.msg-row{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(120px,220px) 96px 130px;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:12.5px}
.msg-row:last-child{border-bottom:0}.msg-row:hover{background:rgba(234,178,0,.05)}
.msg-title{overflow:hidden;text-overflow:ellipsis}.msg-services,.msg-date{color:var(--text-dim);font-size:11.5px}.msg-date{text-align:right;white-space:nowrap}
.rel{display:inline-flex;gap:6px;align-items:center;font-size:11px}.rel-bars{display:inline-flex;gap:2px}.rel-bars i{width:4px;height:12px;border-radius:2px;background:rgba(255,255,255,.14)}
.mon-foot{margin-top:18px;font-size:12px}
@media(max-width:760px){.msg-row{grid-template-columns:28px 1fr;grid-template-areas:'i t' 'i m'}.msg-services,.rel,.msg-date{grid-column:2}.incident-grid{grid-template-columns:1fr}}
.codewrap{position:relative;margin:8px 0 12px}.codewrap .code{margin:0;padding-right:110px;white-space:pre;user-select:text}
.copybtn{position:absolute;top:8px;right:8px;padding:5px 12px;font-size:11px}

/* Monitoring: Werkzeugleiste, Countdown, Vollbild (Kiosk) */
.montoolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.montoolbar .pagetitle{margin:0}.spacer{flex:1}
.cdbox{font-size:12px}.countdown{font-family:'Fira Code',monospace;color:var(--gold);font-weight:500;min-width:3.2em;display:inline-block}
.kiosk header,.kiosk footer,.kiosk .subnav{display:none!important}
.kiosk main{margin:0;padding:18px clamp(14px,2.2vw,40px)}
.kiosk .montoolbar{position:sticky;top:0;z-index:5;background:rgba(14,14,18,.9);padding:8px 0;margin-bottom:10px}

/* Lizenzen */
.licbar{display:inline-block;width:90px;height:8px;border-radius:99px;background:var(--dark3);vertical-align:middle;overflow:hidden}
.licbar i{display:block;height:100%}
textarea:focus,input:focus{outline:2px solid var(--gold-dim)}

.tlogo{display:block;margin:0 auto;max-width:100%;max-height:44px;object-fit:contain}.card .tlogo{margin:0;max-height:100px;background:#fff1;padding:6px;border-radius:8px}

.dots{display:inline-flex;gap:5px;margin-left:10px;vertical-align:middle}
.dot.u{background:var(--u)}
.dots .dot{opacity:.28;animation:dotrun 2.8s ease-in-out infinite}
.dots .dot:nth-child(2){animation-delay:.3s}.dots .dot:nth-child(3){animation-delay:.6s}.dots .dot:nth-child(4){animation-delay:.9s}
@keyframes dotrun{0%,40%,100%{opacity:.28;transform:scale(1)}12%,24%{opacity:1;transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.dots .dot{animation:none;opacity:1}}

details.sect{padding:0}details.sect>summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;gap:10px}
details.sect>summary::-webkit-details-marker{display:none}
details.sect>summary h3{margin:0}
details.sect>summary::before{content:'\25B8';color:var(--text-dim);transition:transform .15s}
details.sect[open]>summary::before{transform:rotate(90deg)}
.sectbody{padding:0 20px 18px}

#who{display:flex;align-items:center;gap:12px;justify-content:flex-end}

.subsect{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.subsect:first-child{border-top:0;margin-top:0;padding-top:0}
.subsect h4{margin:0 0 8px;font-size:14px;color:var(--gold,#EAB200)}
details.danger-sect{border-color:var(--r)}details.danger-sect>summary h3{color:var(--r)}
.dangerbox{border-left:4px solid var(--r);padding:4px 0 4px 14px}

.subnav.sub2{margin-top:-6px;opacity:.9}.subnav.sub2 .subnav-a{font-size:12px;padding:4px 12px}
.tabs2{margin-top:-4px}.tabs2 .tab{font-size:12px;padding:5px 12px}
.tab.grp.sel{box-shadow:0 0 0 1px var(--gold,#EAB200)}
.card.stat .stathint{display:none}.card.stat{padding-top:10px;padding-bottom:10px}

.msg-table td,.msg-table th{padding:9px 10px;vertical-align:middle}.msg-table td a{color:var(--text);text-decoration:none}.msg-table td a:hover{color:var(--gold,#c9a45c);text-decoration:underline}
.msg-table .ticon{width:28px}.msg-table .datecol{white-space:nowrap;text-align:right;min-width:104px;color:var(--text);font-variant-numeric:tabular-nums}
.msg-table th.datecol .thbtn{justify-content:flex-end}.msg-table td.muted{color:var(--text-dim);font-size:11.5px}

.cellfilter{all:unset;box-sizing:border-box;cursor:pointer;color:inherit}.cellfilter:hover{color:var(--gold,#c9a45c);text-decoration:underline}.cellfilter.on{color:var(--gold,#c9a45c);font-weight:600}
.forecast{width:100%;max-width:720px;height:auto;display:block;margin:8px 0}
/* Startseite (nicht angemeldet) */
.eyebrow{margin:0 0 6px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.lead{font-size:16px;max-width:760px;color:var(--text-dim)}
.hero h2{font-size:clamp(24px,4vw,38px);line-height:1.2;margin:.2em 0 .5em}
.sect{margin:36px 0 12px;font-size:22px}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.feat{background:var(--dark2);border:1px solid var(--line);border-radius:18px;padding:20px}
.feat h3{margin:10px 0 6px;font-size:16px}.feat p{margin:0;color:var(--text-dim);font-size:13px}
.ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--gold-dim);color:var(--gold);font-size:18px}
.steps{margin:0;padding-left:20px;display:grid;gap:8px}
.segs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px;background:var(--dark2);margin:8px 0 18px;flex-wrap:wrap}
.seg{border:0;background:none;color:var(--text-dim);padding:8px 16px;border-radius:99px;cursor:pointer;font:inherit;font-family:'Montserrat',system-ui,sans-serif}
.seg.on{background:var(--gold);color:#111;font-weight:600}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--dark2);border:1px solid var(--line);border-radius:20px;padding:24px}
.plan.featured{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim),0 10px 40px var(--gold-dim)}
.plan h3{margin:0;font-size:20px}.plan p{margin:0}.plan .ticks{flex:1;margin:12px 0}
.price b{font-size:32px;font-family:'Montserrat',system-ui,sans-serif;color:var(--gold)}
.ribbon{position:absolute;top:14px;right:14px;background:var(--gold);color:#111;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700}
.btnlink{display:inline-block;padding:10px 18px;border-radius:99px;border:1px solid var(--line);color:var(--text);text-decoration:none;text-align:center;font-family:'Montserrat',system-ui,sans-serif}
.btnlink:hover{border-color:var(--gold);color:var(--gold)}
.linechips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.linechip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--line);border-radius:99px;font-size:12px;cursor:pointer;background:var(--dark2)}
.linechip i{width:14px;height:4px;border-radius:4px;background:var(--c)}
.linechip input{margin:0;min-width:0;accent-color:var(--c)}
.stat small{display:block;margin-top:4px}
.lpills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 14px}
.lpill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--line);border-radius:99px;background:var(--dark2);color:var(--text-dim);font:inherit;font-size:12px;cursor:pointer;text-transform:none;letter-spacing:0}
.lpill i{width:10px;height:10px;border-radius:50%;background:var(--c);opacity:.35}
.lpill.on{color:var(--text);border-color:var(--c)}.lpill.on i{opacity:1}
.lpill.all{color:var(--text)}