/* my-melia – Stylesheet (Etappe 1) */
:root{--canvas:#f4f6f8;--card:#fff;--ink:#1e293b;--muted:#64748b;--line:#e9edf2;--side:#334155;--side-h:#3d4b61;--side-t:#cbd5e1;--pri:#3563a8;--pri-h:#2c5592;--pri-l:#eaf1fb;--blue:#93c5fd;--blue-b:#7da7d7;--rose:#ecd4e4;--rose-b:#c9b4c2;--slate:#cbd5e1;--slate-b:#adb5bf;--sage:#a7d7c5;--sage-b:#8eb7a8;--sand:#f1ddb8;--sand-b:#cdbc9c;--ok:#3f8f6b;--warn:#a97423;--bad:#b9505b;--r:10px;--sh:0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px -1px rgba(0,0,0,.05);--sh2:0 4px 12px -2px rgba(30,41,59,.08),0 2px 4px -2px rgba(30,41,59,.05)}
*{box-sizing:border-box;margin:0}
body{font-family:Poppins,system-ui,sans-serif;background:var(--canvas);color:var(--ink);font-size:12.5px;line-height:1.45}
.app{display:grid;grid-template-columns:224px 1fr;height:100vh;background:var(--canvas)}
/* Ebene 2: Navigation */
.side{background:var(--side);display:flex;flex-direction:column;padding:16px 12px 10px;overflow:auto;color:var(--side-t)}
.logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:16.5px;padding:0 6px 16px;color:#fff;letter-spacing:-.01em}
.logo i,.mlogo i{width:28px;height:28px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:var(--side);flex:none}
.mlogo i{background:var(--side);color:var(--blue)}
.logo span b{color:var(--blue);font-weight:600}
.ngrp{font-size:11px;color:#8d9bb0;padding:12px 10px 4px;font-weight:500}
.nav a{display:flex;gap:10px;align-items:center;padding:7px 10px;border-radius:8px;color:var(--side-t);text-decoration:none;cursor:pointer;margin-bottom:1px;font-size:12.5px;transition:background .15s,color .15s;position:relative}
.nav a:hover{background:var(--side-h);color:#fff}
.nav a.on{background:rgba(255,255,255,.1);color:#fff;font-weight:500}
.nav a.on::before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}
.nav a.on svg{color:var(--blue)}
.nav a em{margin-left:auto;background:#c86b75;color:#fff;font-style:normal;font-size:10px;border-radius:10px;padding:0 6px;line-height:16px}
.ucard{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:12px 4px 0;display:flex;gap:9px;align-items:center}
.ucard b{display:block;font-size:12px;font-weight:500;color:#fff}.ucard div span{font-size:10.5px;color:#94a3b8}
.av{width:30px;height:30px;border-radius:50%;background:var(--pri);color:#fff;display:inline-grid;place-items:center;font-weight:500;flex:none;font-size:11px}
svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
main{overflow:auto;display:flex;flex-direction:column;min-width:0;background:var(--canvas)}
.top{display:flex;align-items:center;gap:12px;padding:11px 22px;background:var(--canvas);position:sticky;top:0;z-index:6}
.top h1{font-size:16px;font-weight:600;line-height:1.2;color:var(--ink)}
.top .sub{color:var(--muted);font-size:11px}
.top .sp{flex:1}
.search{display:flex;align-items:center;gap:7px;background:#fff;border-radius:8px;padding:6px 11px;color:#94a3b8;width:240px;font-size:12px;box-shadow:var(--sh)}
.ibtn{width:32px;height:32px;border-radius:8px;background:#fff;display:grid;place-items:center;position:relative;cursor:pointer;color:var(--ink);flex:none;box-shadow:var(--sh);border:0}
.ibtn em{position:absolute;top:-5px;right:-5px;background:#c86b75;color:#fff;font-size:9.5px;font-style:normal;border-radius:9px;padding:0 5px;line-height:15px;border:2px solid var(--canvas)}
#pstrip{display:flex;gap:10px;align-items:stretch;padding:2px 22px 8px;overflow-x:auto;flex:none}
#pstrip:empty{display:none}
.pchip{min-width:180px;max-width:205px;border-radius:9px;padding:8px 11px;background:#fff;cursor:pointer;flex:none;box-shadow:var(--sh);transition:box-shadow .15s}
.pchip:hover{box-shadow:var(--sh2)}
.pchip.on{box-shadow:0 0 0 1.5px var(--pri),var(--sh2)}
.pchip b{display:block;font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pchip .r{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--muted);margin:1px 0 5px;gap:6px}
.dotp{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:0;border:1px solid rgba(30,41,59,.18)}
#view{padding:8px 22px 32px;display:flex;flex-direction:column;gap:16px;flex:1}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.g12{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
/* Ebene 1: Arbeitsflächen */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}
.kpi{background:#fff;border-radius:var(--r);padding:12px 15px;box-shadow:var(--sh)}
.kpi small{color:var(--muted);font-size:11px}
.kpi b{display:block;font-size:19px;font-weight:600;margin:2px 0 3px;letter-spacing:-.01em;color:var(--ink)}
.kpi span{font-size:10.5px;color:var(--muted)}
.kpi.up span,.kpi.down span{display:inline-block;border-radius:4px;padding:0 6px;font-weight:500}
.kpi.up span{color:#2f6f53;background:#e5f3ec}.kpi.down span{color:#94404a;background:#f7e6e9}
.card{background:#fff;border-radius:var(--r);padding:12px 16px 14px;min-width:0;box-shadow:var(--sh)}
.card>h3{font-size:13px;font-weight:600;color:var(--ink);margin:-12px -16px 10px;padding:12px 16px 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card h3 .sp{flex:1}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:10.5px;color:var(--muted);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:7px 8px;border-bottom:1px solid #f2f4f7;vertical-align:middle}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:#f8fafc}
tfoot td{font-weight:600;border-top:1px solid var(--line)}
.tw{overflow-x:auto}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.prog{height:7px;background:#eef2f6;border-radius:6px;position:relative;min-width:60px}
.prog i{display:block;height:100%;border-radius:6px;background:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-b);max-width:100%}
.prog.ok i{background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-b)}
.prog.warn i{background:var(--sand);box-shadow:inset 0 0 0 1px var(--sand-b)}
.prog.bad i{background:var(--rose);box-shadow:inset 0 0 0 1px var(--rose-b)}
.prog .tg{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);border-radius:2px}
.pl{display:flex;align-items:center;gap:7px}.pl .prog{flex:1}.pl span{font-size:11px;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}
.bd{display:inline-block;font-size:10.5px;font-weight:500;padding:0 8px;border-radius:5px;background:#eef2f6;color:var(--muted);white-space:nowrap;line-height:19px;border:1px solid #e1e7ee}
.bd.ok{background:#e9f5ef;color:#2f6f53;border-color:#cfe6da}.bd.warn{background:#fbf3e3;color:#8a6020;border-color:#efdfbe}.bd.bad{background:#f8e9ec;color:#94404a;border-color:#ecd0d5}.bd.info{background:#edf4fd;color:#2c5592;border-color:#d4e4f8}.bd.acc{background:#fbf3e3;color:#8a6020;border-color:#efdfbe}.bd.teal{background:var(--pri-l);color:var(--pri);border-color:#d4e4f8}
.btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe5ec;background:#fff;color:var(--ink);border-radius:7px;padding:5px 12px;font:inherit;font-weight:500;cursor:pointer;font-size:12px;white-space:nowrap;transition:background .15s,border-color .15s}
.btn:hover{border-color:#c7d0db;background:#f8fafc}
.btn.p{background:var(--pri);color:#fff;border-color:var(--pri)}.btn.p:hover{background:var(--pri-h)}
.btn.a{background:#e9f5ef;color:#2f6f53;border-color:#cfe6da}.btn.a:hover{background:#dcefe5}
.btn.r{background:#fff;color:var(--bad);border-color:#ecd0d5}
.btn.s{padding:3px 10px;font-size:11.5px}
.btn:focus-visible,.nav a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.right{justify-content:flex-end}
.muted{color:var(--muted)}
.drop{border:1.5px dashed #cbd5e1;border-radius:var(--r);padding:18px;text-align:center;color:var(--muted);background:#fff;cursor:pointer}
.drop:hover{border-color:var(--blue-b);background:#fafcff}
.drop b{color:var(--ink);display:block;margin:4px 0 2px;font-weight:500}
.steps{display:flex;align-items:center;margin-top:8px}
.steps div{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);flex:1;white-space:nowrap}
.steps div:last-child{flex:none}
.steps div:not(:last-child)::after{content:"";flex:1;height:2px;background:#e5eaf0;margin:0 6px;min-width:10px}
.steps div i{width:18px;height:18px;border-radius:50%;background:#e5eaf0;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:600;color:var(--muted);flex:none}
.steps div.d i{background:var(--sage);color:#2f6f53;box-shadow:inset 0 0 0 1px var(--sage-b)}.steps div.c i{background:var(--pri);color:#fff}.steps div.c{color:var(--ink);font-weight:500}
.steps div.d:not(:last-child)::after{background:var(--sage-b)}
.phases{display:flex;gap:3px;overflow-x:auto}
.ph{flex:1;min-width:92px;background:#eef2f6;color:#94a3b8;font-size:11px;padding:7px 14px 7px 19px;text-align:center;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%,9px 50%)}
.ph:first-child{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);border-radius:6px 0 0 6px;padding-left:12px}
.ph.d{background:#d6e6fb;color:#2c5592}.ph.c{background:var(--pri);color:#fff;font-weight:600}
.ph b{display:block;font-size:16px;font-weight:600;line-height:1.2}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.tile{background:#fff;border-radius:var(--r);padding:12px 15px;cursor:pointer;display:flex;gap:12px;align-items:center;box-shadow:var(--sh);transition:box-shadow .15s}
.tile:hover{box-shadow:var(--sh2)}
.tile .n{font-size:22px;font-weight:600;color:var(--pri);min-width:30px}
.tile b{font-weight:500}.tile small{color:var(--muted);display:block;font-size:11px}
/* Ausbaulage */
.lage{background:#fff;border-radius:12px;padding:14px 18px 12px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;box-shadow:var(--sh)}
.lage h2{font-size:14px;font-weight:600;margin-bottom:1px}
.lage .lsub{font-size:11px;color:var(--muted);margin-bottom:10px}
.strand{display:grid;grid-template-columns:180px minmax(0,1fr) 54px;gap:14px;align-items:center;padding:5px 6px;margin:0 -6px;cursor:pointer;border-radius:6px}
.strand:hover{background:#f8fafc}
.strand .sn{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strand .sn small{display:block;font-size:10.5px;color:var(--muted);font-weight:400}
.fiber{position:relative;height:9px;border-radius:5px;background:#eef2f6}
.fiber i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-b)}
.fiber b{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);border-radius:2px}
.fiber.done i{background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-b)}
.strand .sv{font-size:12px;text-align:right;font-variant-numeric:tabular-nums;font-weight:500}
.lage .side3{border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.lage .side3 b{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em}
.lage .side3 b em{font-style:normal;color:var(--ok)}
.lage .side3 small{font-size:11px;color:var(--muted)}
.lleg{display:flex;gap:14px;font-size:10.5px;color:var(--muted);margin-top:8px}
.lleg i{display:inline-block;width:14px;height:7px;border-radius:3px;margin-right:5px;vertical-align:0}
.ring{--p:50;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p)*1%),#eef2f6 0);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px var(--blue-b)}
.ring span{width:76px;height:76px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:1.1;box-shadow:0 0 0 1px var(--blue-b)}
.ring span small{display:block;font-size:10px;font-weight:400;color:var(--muted)}
.hero{border-radius:12px;padding:16px 20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#fff;box-shadow:var(--sh)}
.hero h2{font-size:15px;font-weight:600;margin-bottom:2px}.hero p{color:var(--muted)}
.hero .stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:10px}.hero .stats b{display:block;font-size:16px;font-weight:600}.hero .stats small{color:var(--muted);font-size:11px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.form .full{grid-column:1/-1}
.form h4{grid-column:1/-1;font-size:12px;font-weight:600;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}
.form h4:first-child{border:0;margin:0;padding:0}
label.f{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:500;color:var(--muted)}
label.f input,label.f select,label.f textarea,.in{font:inherit;font-size:12.5px;color:var(--ink);border:1px solid #dfe5ec;border-radius:7px;padding:6px 10px;background:#fff;font-weight:400;width:100%}
label.f input:focus,label.f select:focus,label.f textarea:focus,.in:focus{outline:none;border-color:var(--blue-b);box-shadow:0 0 0 3px var(--pri-l)}
select.in{width:auto;padding:4px 8px;font-size:12px;box-shadow:var(--sh);border-color:transparent}
label.c{display:flex;gap:7px;align-items:flex-start;font-size:12px}
.seg{display:inline-flex;border-bottom:1px solid #e3e8ee;gap:2px;flex-wrap:wrap;width:100%}
.seg button{border:0;background:transparent;padding:7px 12px;font:inherit;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.seg button:hover{color:var(--ink)}
.seg button.on{color:var(--pri);border-bottom-color:var(--pri)}
.list>div,.list>a{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f2f4f7}
.list>div:last-child,.list>a:last-child{border:0}
.list .t{flex:1;min-width:0}.list .t b{display:block;font-weight:500}.list .t small{color:var(--muted);font-size:11px}
.list .tm{font-size:11px;color:var(--muted);white-space:nowrap}
.board{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:14px;overflow-x:auto}
.bcol{background:#eaeef3;border-radius:var(--r);padding:9px;min-height:160px}
.bcol h4{font-size:11.5px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:9px;padding:0 3px}
.bcard{background:#fff;border-radius:8px;padding:9px 10px;margin-bottom:8px;cursor:pointer;box-shadow:var(--sh);border-top:3px solid var(--blue);transition:box-shadow .15s}
.bcard:hover{box-shadow:var(--sh2)}
.bcard b{font-weight:500;display:block;font-size:12px}.bcard small{color:var(--muted);font-size:10.5px;display:block}
.tl{position:relative;padding-left:36px}
.tl::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:2px;background:#e5eaf0}
.tl>div{position:relative;background:#f8fafc;border-radius:8px;padding:7px 11px;margin-bottom:8px}
.tl>div i{position:absolute;left:-36px;top:5px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--pri)}
.tl>div b{font-weight:500;display:block}.tl>div small{color:var(--muted);font-size:11px}
.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.dl small{display:block;color:var(--muted);font-size:11px}.dl b{font-weight:500}
.dl.one{grid-template-columns:1fr}
.dl .v{background:#f4f6f8;border-radius:7px;padding:5px 10px;margin-top:2px;font-weight:500}
.funnel>div{display:grid;grid-template-columns:130px 1fr 70px;gap:10px;align-items:center;margin-bottom:8px;font-size:12px}
.funnel .bar{height:20px;border-radius:5px;background:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-b)}
.funnel>div:last-child .bar{background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-b)}
.cal{display:grid;grid-template-columns:120px repeat(7,minmax(0,1fr));font-size:11px;gap:3px}
.cal div{padding:4px 2px;text-align:center;border-radius:5px}
.cal div.h{font-weight:500;color:var(--muted)}.cal div.n{text-align:left;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal .u{background:#e4effd;color:#2c5592;box-shadow:inset 0 0 0 1px #c9dcf5}.cal .k{background:#f6e7ef;color:#94404a;box-shadow:inset 0 0 0 1px var(--rose-b)}.cal .x{background:#eef2f6;color:var(--muted)}.cal .o{background:#f8fafc}
.note{background:#fbf6ec;color:#7a5a20;border-radius:8px;padding:8px 11px;font-size:12px;box-shadow:inset 0 0 0 1px #f0e2c4}
.note.i{background:#f1f6fd;color:#2c4f80;box-shadow:inset 0 0 0 1px #d9e6f7}
.banner{display:flex;gap:10px;align-items:center;background:#fff;color:#8a3c46;border-radius:8px;padding:8px 12px;flex-wrap:wrap;box-shadow:var(--sh),inset 3px 0 0 #c86b75}
.code{font-family:ui-monospace,Menlo,monospace;font-size:17px;font-weight:700;letter-spacing:.08em;background:#f4f6f8;border-radius:7px;padding:9px 14px;display:inline-block}
.mc{box-shadow:var(--sh),inset 3px 0 0 #cbd5e1}.mc.v{box-shadow:var(--sh),inset 3px 0 0 #c86b75}.mc.v.ok{box-shadow:var(--sh),inset 3px 0 0 var(--sage-b)}
.chat{display:grid;grid-template-columns:260px minmax(0,1fr);background:#fff;border-radius:var(--r);box-shadow:var(--sh);height:calc(100vh - 230px);min-height:420px;overflow:hidden}
.clist{border-right:1px solid var(--line);overflow:auto}
.clist .h{padding:9px 12px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line)}
.ci{display:flex;gap:9px;align-items:center;padding:9px 12px;cursor:pointer;border-bottom:1px solid #f2f4f7}
.ci:hover{background:#f8fafc}.ci.on{background:var(--pri-l)}
.ci .t{flex:1;min-width:0}.ci .t b{display:block;font-size:12px;font-weight:500}.ci .t small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.ci .dot{width:8px;height:8px;border-radius:50%;background:var(--pri);flex:none}
.thr{display:flex;flex-direction:column;min-width:0;min-height:0}
.thr .hd{padding:9px 14px;border-bottom:1px solid var(--line);display:flex;gap:9px;align-items:center}
.msgs{flex:1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--canvas)}
.bub{max-width:72%;padding:7px 11px;border-radius:12px 12px 12px 3px;background:#fff;align-self:flex-start;box-shadow:var(--sh)}
.bub.me{align-self:flex-end;background:#dcebfd;color:var(--ink);border-radius:12px 12px 3px 12px;box-shadow:inset 0 0 0 1px #c3d9f5}
.bub small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.bub .who{font-size:10.5px;font-weight:600;color:var(--pri);margin-bottom:1px}
.send{display:flex;gap:7px;padding:9px;border-top:1px solid var(--line);background:#fff}
.send input{flex:1;min-width:0;border:1px solid #dfe5ec;border-radius:7px;padding:6px 10px;font:inherit}
.bnav{display:none}.mlogo{display:none;align-items:center}
.cw{position:relative}
.cwx{display:grid;place-items:center;color:var(--muted);background:#f8fafc;border-radius:8px;height:100%;font-size:11.5px}
#modal{position:fixed;inset:0;background:rgba(30,41,59,.35);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}
#modal.on{display:flex}
#modal .box{background:#fff;border-radius:12px;max-width:740px;width:100%;max-height:88vh;overflow:auto;padding:18px 20px;box-shadow:0 24px 60px -12px rgba(30,41,59,.3)}
#modal .box h2{font-size:15px;font-weight:600;margin-bottom:2px}
#modal .box .sub{color:var(--muted);margin-bottom:12px;font-size:11.5px}
#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,120px);background:var(--side);color:#fff;padding:9px 15px;border-radius:8px;transition:.3s;z-index:60;max-width:90vw;box-shadow:var(--sh2)}
#toast.on{transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.bnb{position:absolute;top:0;right:22%;background:#c86b75;color:#fff;font-size:9px;font-style:normal;border-radius:8px;padding:0 4px}

/* ---------- Ergänzungen v7 ---------- */
.side .sidebox{margin-top:12px;background:rgba(255,255,255,.06);border-radius:10px;padding:11px 12px;font-size:11px;color:#cbd5e1;line-height:1.5}
.side .sidebox b{display:block;color:#fff;font-size:12px;margin-bottom:2px}
.nav .tag{margin-left:auto;font-size:9.5px;background:rgba(255,255,255,.12);color:#cbd5e1;border-radius:4px;padding:0 5px;line-height:16px}
.hi{width:26px;height:26px;border-radius:7px;display:inline-grid;place-items:center;flex:none}
.hi svg{width:15px;height:15px}
.t-blue{background:#e6f0fd;color:#3563a8}.t-sage{background:#e5f3ec;color:#2f6f53}.t-rose{background:#f8e9f1;color:#94506f}.t-sand{background:#fbf1de;color:#8a6020}.t-lav{background:#efebf8;color:#5f4f8c}.t-slate{background:#edf0f4;color:#475569}
.card>h3 a.more{font-size:11px;font-weight:500;color:var(--pri);cursor:pointer;text-decoration:none}
.card>h3 a.more:hover{text-decoration:underline}
.hello{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hello h2{font-size:17px;font-weight:600;line-height:1.25}
.hello p{color:var(--muted)}
.datebox{display:flex;align-items:center;gap:9px;background:#fff;border-radius:9px;padding:7px 12px;box-shadow:var(--sh);font-size:11px;color:var(--muted)}
.datebox b{display:block;color:var(--ink);font-size:12.5px;font-weight:600}
/* Berater: Heute im Einsatz – der eine kräftige Block */
.einsatz{background:var(--pri);color:#fff;border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}
.einsatz .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.einsatz .hd b{font-size:13.5px;font-weight:600}.einsatz .hd span{font-size:11px;color:#c9dbf3}
.einsatz .ln{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.einsatz .ln svg{width:20px;height:20px;color:#c9dbf3}
.einsatz .ln small{display:block;font-size:10.5px;color:#c9dbf3}.einsatz .ln b{font-weight:500;font-size:13px}
.einsatz .btn{background:rgba(255,255,255,.16);border-color:transparent;color:#fff;width:100%;justify-content:center;margin-top:4px}
.einsatz .btn:hover{background:rgba(255,255,255,.26)}
.einsatz svg.map{position:absolute;right:-10px;top:30px;width:150px;height:110px;opacity:.22}
.qgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qa{background:#fff;border-radius:10px;box-shadow:var(--sh);padding:12px;display:flex;flex-direction:column;gap:7px;cursor:pointer;position:relative;transition:box-shadow .15s}
.qa:hover{box-shadow:var(--sh2)}
.qa .hi{width:32px;height:32px;border-radius:9px}.qa .hi svg{width:17px;height:17px}
.qa b{font-weight:500;font-size:12px;line-height:1.3}.qa small{color:var(--muted);font-size:10.5px;display:block}
.qa em{position:absolute;top:9px;right:9px;background:#c86b75;color:#fff;font-style:normal;font-size:10px;border-radius:10px;padding:0 6px;line-height:16px}
.wk>div{display:grid;grid-template-columns:26px 42px 1fr 18px;gap:6px;align-items:center;padding:6px 8px;border-radius:7px;font-size:12px}
.wk>div.today{background:var(--pri-l);color:var(--pri);font-weight:500}
.wk .dn{color:var(--muted)}
.wk .ok{width:16px;height:16px;border-radius:50%;background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-b);display:grid;place-items:center;color:#2f6f53;font-size:10px}
.wk .op{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #cbd5e1}
.wk .cu{width:16px;height:16px;border-radius:50%;background:var(--pri);box-shadow:0 0 0 3px var(--pri-l)}
.cnt{display:inline-flex;border:1px solid #dfe5ec;border-radius:8px;overflow:hidden;background:#fff}
.cnt button{width:32px;border:0;background:#f4f6f8;font:inherit;font-size:15px;cursor:pointer;color:var(--ink)}
.cnt button:hover{background:#e9edf2}
.cnt input{width:46px;border:0;text-align:center;font:inherit;font-weight:600;font-size:13px;padding:6px 0}
.frow{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin-bottom:9px;font-size:12px}
.frow>span{color:var(--muted)}
.person{display:flex;gap:10px;align-items:center;padding:6px 0}
.person .t{flex:1;min-width:0}.person .t b{display:block;font-weight:500}.person .t small{color:var(--muted);font-size:11px;display:block}
.rbtn{width:30px;height:30px;border-radius:8px;border:0;background:var(--pri-l);color:var(--pri);display:grid;place-items:center;cursor:pointer}
.rbtn:hover{background:#d9e7fa}
/* Onboarding */
.stp>div{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:8px;cursor:pointer;position:relative}
.stp>div:hover{background:#f8fafc}
.stp>div.cur{background:var(--pri-l)}
.stp>div:not(:last-child)::after{content:"";position:absolute;left:22px;top:36px;height:14px;width:2px;background:#e5eaf0}
.stp>div.done:not(:last-child)::after{background:var(--sage-b)}
.stp .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex:none;box-shadow:inset 0 0 0 1.5px #cbd5e1;color:var(--muted);background:#fff}
.stp .done .n{background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-b);color:#2f6f53}
.stp .cur .n{background:var(--pri);color:#fff;box-shadow:none}
.stp .t{flex:1;font-size:12.5px}.stp .cur .t{color:var(--pri);font-weight:500}.stp .lock .t{color:#94a3b8}
.chk>div{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f2f4f7}
.chk>div:last-child{border:0}
.chk .t{flex:1}
.chk .st{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10px}
.chk .st.y{background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-b);color:#2f6f53}
.chk .st.n{box-shadow:inset 0 0 0 1.5px #cbd5e1}
.rad{display:flex;flex-direction:column;gap:7px}
.rad label{display:flex;gap:8px;align-items:center;font-size:12.5px;cursor:pointer;padding:7px 10px;border-radius:8px;box-shadow:inset 0 0 0 1px #e3e8ee}
.rad label.on{box-shadow:inset 0 0 0 1.5px var(--pri);background:var(--pri-l)}
.welcome{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:center}
.welcome h2{font-size:18px;font-weight:600;line-height:1.25;margin-bottom:4px}
.welcome p{color:var(--muted);max-width:56ch}
.bigprog{height:10px;background:#eef2f6;border-radius:6px;overflow:hidden;margin:6px 0 4px}
.bigprog i{display:block;height:100%;background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-b);border-radius:6px}
.help{display:flex;gap:12px;align-items:center;background:#f1f6fd;border-radius:10px;padding:12px 14px;box-shadow:inset 0 0 0 1px #d9e6f7}
.help .hi{width:34px;height:34px;border-radius:50%;background:var(--pri);color:#fff}
/* Innendienst */
.ktiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.kt{background:#fff;border-radius:10px;box-shadow:var(--sh);padding:11px 13px;display:flex;gap:11px;align-items:center;cursor:pointer;transition:box-shadow .15s}
.kt:hover{box-shadow:var(--sh2)}
.kt .hi{width:38px;height:38px;border-radius:10px}.kt .hi svg{width:19px;height:19px}
.kt small{color:var(--muted);font-size:11px;display:block}.kt b{display:block;font-size:19px;font-weight:600;line-height:1.2}.kt span{font-size:10.5px;color:var(--muted)}
.tabs{display:flex;gap:2px;border-bottom:1px solid #e9edf2;margin-bottom:6px;flex-wrap:wrap}
.tabs button{border:0;background:none;font:inherit;font-size:11.5px;color:var(--muted);padding:5px 9px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;display:flex;gap:5px;align-items:center}
.tabs button.on{color:var(--pri);border-bottom-color:var(--pri)}
.tabs .cn{background:#eef2f6;color:var(--muted);border-radius:8px;padding:0 6px;font-size:10px;line-height:16px}
.tabs button.on .cn{background:var(--pri);color:#fff}
.tabs .cn.r{background:#f8e9ec;color:#94404a}
.todo>div{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid #f2f4f7;font-size:12px;cursor:pointer}
.todo>div:last-child{border:0}
.todo .bx{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1.5px #cbd5e1;flex:none;display:grid;place-items:center;font-size:10px;color:#fff}
.todo .done .bx{background:var(--pri);box-shadow:none}
.todo .done .t{color:#94a3b8;text-decoration:line-through}
.todo .t{flex:1}.todo .tm{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.todo .late .tm{color:var(--bad);font-weight:500}
.mini3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}
.mini3>div{background:#f8fafc;border-radius:8px;padding:7px 10px}
.mini3 small{display:block;font-size:10.5px;color:var(--muted)}.mini3 b{font-size:17px;font-weight:600}
.mini3 i{font-style:normal;font-size:10px;margin-left:4px}
.up{color:var(--ok)}.dn{color:var(--bad)}
.clock{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.mavs{width:24px;height:24px}
/* Partner */
.phero{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:16px 20px;position:relative;overflow:hidden;min-height:96px}
.phero h2{font-size:18px;font-weight:600;line-height:1.25}
.phero .ag{font-size:13.5px;font-weight:600;color:var(--pri)}
.phero p{color:var(--muted);font-size:11.5px}
.phero svg.ridge{position:absolute;right:0;bottom:0;width:58%;height:100%;pointer-events:none}
.phero .claim{position:absolute;right:22px;top:16px;font-size:12px;color:#7da7d7;font-style:italic}
.pk{background:#fff;border-radius:10px;box-shadow:var(--sh);padding:12px 14px;display:flex;gap:12px;align-items:center}
.pk .hi{width:42px;height:42px;border-radius:50%}.pk .hi svg{width:20px;height:20px}
.pk b{display:block;font-size:19px;font-weight:600;line-height:1.15}.pk div>span{display:block;font-weight:500;font-size:12px}.pk small{font-size:10.5px;color:var(--muted)}
.sq{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sq>div{border-radius:10px;padding:10px 11px;cursor:pointer;display:flex;gap:9px;align-items:flex-start;transition:filter .15s}
.sq>div:hover{filter:brightness(.97)}
.sq b{display:block;font-weight:600;font-size:12px}.sq small{font-size:10.5px;opacity:.85;line-height:1.35;display:block}
.sq .hi{width:30px;height:30px;background:#fff}
.vstat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vstat>div{border-radius:8px;padding:8px 10px;display:flex;gap:8px;align-items:center}
.vstat b{font-size:17px;font-weight:600;display:block;line-height:1.1}.vstat small{font-size:10.5px}
.dring{--p:75;width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--sage-b) calc(var(--p)*1%),#eef2f6 0);display:grid;place-items:center;flex:none}
.dring span{width:60px;height:60px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:600;font-size:15px}
@media (max-width:1300px){.ktiles{grid-template-columns:repeat(3,minmax(0,1fr))}.sq{grid-template-columns:repeat(3,minmax(0,1fr))}}

.thello{display:flex;gap:12px;align-items:center;min-width:0}
.thello h1{font-size:16px;font-weight:600;line-height:1.25}
.thello .sub{color:var(--muted);font-size:11.5px}
.tdate{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--muted);background:#fff;border-radius:8px;padding:6px 10px;box-shadow:var(--sh);white-space:nowrap}
.tdate svg{width:14px;height:14px}
.top{padding-top:14px;padding-bottom:12px}
.qa{flex-direction:row;align-items:center;gap:10px;padding:10px 12px}
.qa b{hyphens:auto;overflow-wrap:anywhere}
td:first-child{white-space:nowrap}
.nav a.dis{opacity:.45;cursor:default}.nav a.dis:hover{background:none;color:var(--side-t)}
.flash{border-radius:8px;padding:9px 12px;font-size:12.5px;box-shadow:var(--sh);background:#fff}
.flash.ok{box-shadow:var(--sh),inset 3px 0 0 var(--sage-b);color:#2f6f53}
.flash.err{box-shadow:var(--sh),inset 3px 0 0 #c86b75;color:#94404a}
.flash.info{box-shadow:var(--sh),inset 3px 0 0 var(--blue-b);color:#2c4f80}
.cred{background:#f1f6fd;border-radius:10px;padding:14px 16px;box-shadow:inset 0 0 0 1px #d9e6f7}
.cred .pw{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:#fff;border-radius:7px;padding:6px 12px;display:inline-block}
.cred dl{display:grid;grid-template-columns:120px 1fr;gap:8px 10px;font-size:12.5px;align-items:center}.cred dt{color:var(--muted)}.cred dd{margin:0;font-weight:500}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--canvas)}
.login{background:#fff;border-radius:14px;box-shadow:var(--sh2);padding:28px 28px 24px;width:100%;max-width:380px}
.login .logo{color:var(--ink);padding:0 0 18px}
.login .logo i{background:var(--side);color:var(--blue)}
.login .logo span b{color:var(--pri)}
.login h1{font-size:16px;font-weight:600;margin-bottom:2px}
.login p{color:var(--muted);font-size:12px;margin-bottom:16px}
.login label.f{margin-bottom:10px}
.btn.block{width:100%;justify-content:center;padding:8px 12px}
.inline{display:inline}
.muted-s{color:var(--muted);font-size:11px}
@media print{.side,.top,.bnav,.noprint{display:none!important}.app{display:block;height:auto}main{overflow:visible}.card{box-shadow:none;border:1px solid #ccc}}

@media (max-width:820px){
.app{grid-template-columns:1fr}
.side,.search{display:none}
.mlogo{display:flex}
.top{padding:9px 12px;background:#fff;box-shadow:var(--sh)}
.top .sub{display:none}
#pstrip{padding:10px 12px 4px}
#view{padding:10px 12px 20px}
.g2,.g3,.g21,.g12,.form,.dl{grid-template-columns:1fr}
.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lage{grid-template-columns:1fr;padding:14px}
.lage .side3{border-left:0;border-top:1px solid var(--line);padding:12px 0 0;flex-direction:row;flex-wrap:wrap;gap:18px}
.strand{grid-template-columns:110px minmax(0,1fr) 46px;gap:8px}
.bnav{display:flex;position:sticky;bottom:0;background:#fff;justify-content:space-around;padding:5px 2px 7px;z-index:5;box-shadow:0 -1px 3px rgba(0,0,0,.05)}
.bnav a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;color:var(--muted);padding:3px;cursor:pointer;flex:1;text-align:center;position:relative}
.bnav a.on{color:var(--pri);font-weight:600}
.chat{grid-template-columns:1fr;height:auto;min-height:0}
.clist{border-right:0}
.msgs{min-height:300px;max-height:48vh}
.cal{grid-template-columns:70px repeat(7,minmax(0,1fr))}
.funnel>div{grid-template-columns:100px 1fr 54px}
.qgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ktiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.sq{grid-template-columns:repeat(2,minmax(0,1fr))}
.welcome{grid-template-columns:1fr}
.phero svg.ridge,.phero .claim{display:none}
.tdate,#tact .btn{display:none}
.thello .av{width:32px!important;height:32px!important;font-size:12px!important}
.thello h1{font-size:14px}
.qa small{display:none}
main{padding-bottom:0}
}
.tabs a.tabl{font-size:11.5px;color:var(--muted);padding:5px 9px;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;display:flex;gap:5px;align-items:center;text-decoration:none}
.tabs a.tabl.on{color:var(--pri);border-bottom-color:var(--pri)}
.tabs a.tabl.on .cn{background:var(--pri);color:#fff}
a.btn{text-decoration:none}
.bnav a,.nav a,.ucard a,.ibtn,a.kt,a.more{text-decoration:none}

/* ---------- Etappe 4: Abwesenheitskalender ---------- */
.acal{border-collapse:separate;border-spacing:0;font-size:11px;width:100%}
.acal th,.acal td{padding:3px 1px;text-align:center;min-width:24px;border-bottom:1px solid var(--line)}
.acal th{font-weight:500;color:var(--muted);font-size:10.5px;line-height:1.15;vertical-align:bottom}
.acal th small{display:block;font-size:9px;font-weight:400}
.acal .nm{text-align:left;padding:4px 10px 4px 2px;white-space:nowrap;min-width:130px;position:sticky;left:0;background:#fff;z-index:1;font-size:11.5px}
.acal .we,.acal .ft{background:#f4f6f8}
.acal th.ft{color:var(--bad)}
.acal th.hd{color:var(--pri);font-weight:700}
.acal td.hd{background:var(--pri-l)}
.acal td.num{padding-left:8px;font-weight:500}
.acal tr.grp td{background:#f8fafc;font-weight:600;font-size:11px;text-align:left;padding:5px 8px;color:var(--ink)}
.ab{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--c);box-shadow:inset 0 0 0 1px var(--b);font-style:normal;font-size:9.5px;font-weight:600;color:#334155;cursor:default}
.ab.pend{background:repeating-linear-gradient(135deg,var(--c) 0 3px,#fff 3px 6px)}
.ab.half{background:linear-gradient(135deg,var(--c) 50%,#fff 50%)}
.ab.ftl{background:#f4f6f8;box-shadow:inset 0 0 0 1px #e2e8f0}
.lleg{flex-wrap:wrap}
.lleg i.ab{width:12px;height:12px;border-radius:3px;vertical-align:-2px}

/* ---------- Etappe 5: Mitteilungen & Nachrichten ---------- */
.mdl{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:60;display:grid;place-items:center;padding:16px}
.mdl .box{background:#fff;border-radius:14px;max-width:580px;width:100%;padding:20px 22px;box-shadow:0 20px 50px rgba(15,23,42,.25);max-height:90vh;overflow:auto}
.mdl h2,.mcard h2{font-size:17px;font-weight:600;margin:10px 0 2px;color:var(--ink)}
.mtext{margin:12px 0;font-size:13px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.mtext a{color:var(--pri)}
.mcard{padding:18px 20px}
.mlist{display:flex;flex-direction:column}
.mrow{display:flex;gap:11px;align-items:flex-start;padding:11px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;border-radius:8px}
.mrow:hover{background:#f8fafc}
.mrow .t{flex:1;min-width:0}
.mrow .t b{display:block;font-weight:500;font-size:12.5px}
.mrow.neu .t b,.mrow.offen .t b{font-weight:600}
.mrow .t small{display:block;color:var(--muted);font-size:11px}
.mrow .vt{display:block;color:var(--muted);font-size:11.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow.offen{box-shadow:inset 3px 0 0 #c86b75}
.cpane{display:flex;flex-direction:column;min-height:0;min-width:0}
.chd{display:flex;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line)}
.chd b{font-weight:600}
.cback{display:none}
.cday{align-self:center;font-size:10.5px;color:var(--muted);background:#e9eef4;border-radius:10px;padding:1px 10px;margin:4px 0}
.bub{overflow-wrap:anywhere}
.ci{text-decoration:none;color:inherit}
.ci .r{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.ci .tm{font-size:10px;color:var(--muted)}
.ci em{background:var(--pri);color:#fff;font-style:normal;font-size:10px;border-radius:9px;padding:0 6px;line-height:16px;font-weight:600}
.cwx{gap:8px;flex-direction:column;text-align:center;padding:20px}
.cneu{position:relative}
.cneu summary{list-style:none;cursor:pointer}
.cneu summary::-webkit-details-marker{display:none}
.cneu .pop{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.15);width:240px;max-height:340px;overflow:auto;z-index:20;padding:4px}
.cneu .pop a{display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:7px;text-decoration:none;color:var(--ink);font-size:12px}
.cneu .pop a:hover{background:var(--pri-l)}
.send .btn{flex:none}
.sheet{display:none}
@media (max-width:820px){
.hide-m{display:none!important}
.sheet:target{display:block;position:fixed;inset:0;z-index:70}
.sheet-bg{position:absolute;inset:0;background:rgba(15,23,42,.4)}
.sheet-box{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;padding:14px 14px 22px;max-height:80vh;overflow:auto}
.sheet-box>a{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:13px}
.sheet-box>a.on{background:var(--pri-l);color:var(--pri)}
.sheet-box>a span{flex:1}
.sheet-box>a em{background:#c86b75;color:#fff;font-style:normal;font-size:10px;border-radius:9px;padding:0 6px;line-height:16px}
.chat{height:calc(100vh - 175px);min-height:380px}
.chat.hat-c .clist{display:none}
.chat:not(.hat-c) .cpane{display:none}
.msgs{max-height:none;min-height:0}
.cback{display:inline-flex}
.mdl{place-items:end center;padding:0}
.mdl .box{border-radius:16px 16px 0 0;max-height:92vh}
}

/* ---------- Etappe 6: Forecast ---------- */
@media (max-width:820px){
.fctab thead{display:none}
.fctab tr.fcz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px 0;border-bottom:1px solid var(--line)}
.fctab tr.fcz td{padding:0;border:0}
.fctab tr.fcz td:first-child{grid-column:1/-1}
.fctab tr.fcz td:first-child select{min-width:0!important;flex:1}
.fctab tr.fcz td:first-child .ort{min-width:0!important;flex:1}
.fctab tr.fcz td[data-l]::before{content:attr(data-l);display:block;font-size:10.5px;color:var(--muted);margin-bottom:2px}
.fctab tr.fcz input.fcn{width:100%!important}
.fctab tr.fcsum{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1fr))}
.fctab tr.fcsum td{border:0}
}

/* ---------- Etappe 9: Bewerbungen ---------- */
.stars{white-space:nowrap}
.stars i{font-style:normal;color:#d5dbe3;font-size:12px;letter-spacing:1px}
.stars i.on{color:#e0a82e}
.starbtn{border:0;background:none;font-size:20px;color:#d5dbe3;cursor:pointer;padding:0 1px;line-height:1}
.starbtn.on{color:#e0a82e}
.starbtn:hover:not(:disabled){color:#c9952a}
.starbtn:disabled{cursor:default}
.bcard .i{width:12px;height:12px;vertical-align:-2px}
details>summary.btn{list-style:none;display:inline-flex}
details>summary.btn::-webkit-details-marker{display:none}
@media (max-width:820px){
.board.bpipe{grid-template-columns:1fr!important;overflow:visible}
.board.bpipe .bcol{min-height:0}
.board.bpipe .bcol.leer{display:none}
}

/* ---------- Logo Melia Holding ---------- */
.brand{display:block;background:#fff;border-radius:12px;padding:13px 14px 11px;margin:0 2px 16px;text-align:center;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.brand img{display:block;width:112px;height:auto;margin:0 auto}
.brand span{display:block;margin-top:7px;font-size:8.5px;font-weight:500;letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:#7b8798}
.mlogo{text-decoration:none}
.mlogo img{display:block;width:34px;height:34px}
.brand-login{text-align:center;margin:0 0 18px}
.brand-login img{display:block;width:150px;height:auto;margin:0 auto}
.brand-login span{display:block;margin-top:9px;font-size:10px;font-weight:500;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:#7b8798}

/* ---------- Etappe 10: Support ---------- */
.tthread{display:flex;flex-direction:column;gap:10px}
.tmsg{background:#f8fafc;border-radius:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px var(--line)}
.tmsg.innen{background:var(--pri-l);box-shadow:inset 0 0 0 1px #d4e4f8}
.tmsg.intern{background:#fbf6ec;box-shadow:inset 0 0 0 1px #f0e2c4}
.tm-k{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tm-k b{font-weight:600;font-size:12px}
.tm-k .muted-s{margin-left:auto}