:root{
  --bg:#080B15;--bg2:#0E1324;--glass:rgba(255,255,255,.055);--glass2:rgba(255,255,255,.09);--glass3:rgba(255,255,255,.14);--line:rgba(255,255,255,.1);
  --text:#F3F5FF;--muted:#8B94B4;--mint:#4BF2B6;--lilac:#9D8CFF;--coral:#FF7A70;--amber:#FFC857;--sky:#5CC8FF;
  --r:20px;--rs:13px;--side:236px;--tab:74px;
  --sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);
}
html[data-theme="light"]{
  --bg:#F3F5FB;--bg2:#FFFFFF;--glass:rgba(255,255,255,.75);--glass2:rgba(16,21,40,.06);--glass3:rgba(16,21,40,.1);--line:rgba(16,21,40,.11);
  --text:#101528;--muted:#5D6580;--mint:#0FA97A;--lilac:#6B5BD6;--coral:#D9463A;--amber:#B57A00;--sky:#1769D6;
}
html[data-theme="light"] .orb{opacity:.18}
html[data-theme="light"] .side,html[data-theme="light"] .tabbar{background:rgba(255,255,255,.85)}
html[data-theme="light"] .modal,html[data-theme="light"] .toast,html[data-theme="light"] .cookie{background:#fff}
html[data-theme="light"] .dp th,html[data-theme="light"] .dp td.name{background:#EEF1F8}
html[data-theme="light"] .dp{background:#fff}
html[data-theme="light"] .dp th,html[data-theme="light"] .dp td{border-color:#D5DAE8}
html[data-theme="light"] .dp th.we,html[data-theme="light"] .dp td.we{background:#F3F4F9}
html[data-theme="light"] .sc{border:1px solid rgba(16,21,40,.15)}
html[data-theme="light"] .sc.WF{background:#fff;border:1px dashed #5D6580;color:#3a4260}
html[data-theme="light"] .cal{background:#fff}html[data-theme="light"] .cal .c,html[data-theme="light"] .cal .h{border-color:#D5DAE8}
html[data-theme="light"] .month .d{background:#fff;border-color:#D5DAE8}
html[data-theme="light"] .card{background:#fff;border-color:#D9DDEA;box-shadow:0 1px 2px rgba(16,21,40,.04)}
html[data-theme="light"] .tbl-wrap{background:#fff;border-color:#D9DDEA}html[data-theme="light"] .tbl th,html[data-theme="light"] .tbl td{border-color:#E3E6F0}
html[data-theme="light"] .list-item{background:#F4F6FB}html[data-theme="light"] .list-item.on{background:#E6EAF5}
html[data-theme="light"] .btn{background:#fff;border-color:#CFD4E3}html[data-theme="light"] .btn:hover{background:#EEF1F8}
html[data-theme="light"] .nav a.on{background:#E6EAF5}
html[data-theme="light"] .bar{background:#E3E6F0}
html[data-theme="light"] .ev{border-left-width:4px}
html[data-theme="light"] .tt{color:#fff}html[data-theme="light"] .tt.PFK{background:#0F8F68}html[data-theme="light"] .tt.PFA{background:#1C6FC0}html[data-theme="light"] .tt.PFH{background:#9A6300}
html[data-theme="light"] .cnt{color:#fff;background:#D9463A}
html[data-theme="light"] .av{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25)}
html[data-theme="light"] .inp,html[data-theme="light"] .search,html[data-theme="light"] .chat-compose .box{background:#fff}
html[data-theme="light"] select.inp option{background:#fff;color:#101528}
html[data-theme="light"] select.inp{background-color:#fff;border-color:#B9C0D4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230FA97A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:calc(100% - 12px) 50%;background-size:18px 18px;box-shadow:inset 0 0 0 1px rgba(15,169,122,.15)}
html[data-theme="light"] input[type=date].inp,html[data-theme="light"] input[type=time].inp,html[data-theme="light"] input[type=month].inp,html[data-theme="light"] input[type=datetime-local].inp{color-scheme:light}
html[data-theme="light"] .btn.p{background:#12C48B;color:#06110d}
html[data-theme="light"] .logo i{background:linear-gradient(135deg,#12C48B,#3BA0F0)}
html[data-theme="light"] .pill.g{background:rgba(15,169,122,.14)}html[data-theme="light"] .pill.l{background:rgba(107,91,214,.14)}html[data-theme="light"] .pill.c{background:rgba(217,70,58,.12)}html[data-theme="light"] .pill.a{background:rgba(181,122,0,.14)}html[data-theme="light"] .pill.s{background:rgba(28,126,214,.12)}
html[data-theme="light"] .ev.anleitung{background:rgba(15,169,122,.18);color:#0a5c44}html[data-theme="light"] .ev.schule{background:rgba(107,91,214,.18);color:#3d2f9e}html[data-theme="light"] .ev.dienst{background:rgba(28,126,214,.16);color:#0f4f8a}html[data-theme="light"] .ev.fortbildung{background:rgba(181,122,0,.18);color:#6b4700}html[data-theme="light"] .ev.urlaub,html[data-theme="light"] .ev.krank{background:rgba(217,70,58,.16);color:#8a1f16}html[data-theme="light"] .ev.termin{background:rgba(16,21,40,.1);color:#101528}
html[data-theme="light"] .sc.F,html[data-theme="light"] .sc.Z{background:rgba(28,126,214,.18);color:#0f4f8a}html[data-theme="light"] .sc.S,html[data-theme="light"] .sc.Sch{background:rgba(107,91,214,.18);color:#3d2f9e}html[data-theme="light"] .sc.N,html[data-theme="light"] .sc.T{background:rgba(16,21,40,.12);color:#101528}html[data-theme="light"] .sc.PA{background:rgba(15,169,122,.2);color:#0a5c44}html[data-theme="light"] .sc.U,html[data-theme="light"] .sc.K{background:rgba(217,70,58,.18);color:#8a1f16}html[data-theme="light"] .sc.FB{background:rgba(181,122,0,.2);color:#6b4700}
html[data-theme="light"] .msg.in{background:#E9ECF5}html[data-theme="light"] .msg.out{background:linear-gradient(135deg,#1aa07c,#2a7bc9);color:#fff}
html[data-theme="light"] .err{background:rgba(217,70,58,.08);color:#8a1f16}html[data-theme="light"] .ok{background:rgba(15,169,122,.1);color:#0a5c44}
html[data-theme="light"] .sigbox svg path{stroke:#0FA97A}
html[data-theme="light"] .file{background:rgba(16,21,40,.05)}
html[data-theme="light"] .legal p,html[data-theme="light"] .legal li{color:#2b3350}
.theme-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--rs);border:1px solid var(--line);background:var(--glass);cursor:pointer;font-size:13px;font-weight:600;color:var(--muted)}
.theme-btn:hover{color:var(--text)}
*{box-sizing:border-box}
html{background:var(--bg);height:100%}
body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:Sora,"Instrument Sans",sans-serif;letter-spacing:-.02em;margin:0;text-wrap:balance}
a{color:var(--mint)}
button,input,select,textarea{font:inherit;color:inherit}
.num{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}.sm{font-size:13px}.xs{font-size:11.5px}
.orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}
.orb.a{width:560px;height:560px;background:#1c3b7a;top:-240px;left:-140px}
.orb.b{width:480px;height:480px;background:#134b3f;bottom:-240px;right:-120px}
.orb.c{width:380px;height:380px;background:#3d2c7a;top:40%;left:45%;opacity:.3}
.boot{display:grid;place-items:center;height:100vh;color:var(--muted)}
#app{position:relative;z-index:1}

/* Layout */
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}
@media (max-width:760px){.shell{grid-template-rows:auto minmax(0,1fr)}}
.side{position:sticky;top:0;height:100vh;padding:calc(24px + var(--sat)) 16px 20px;border-right:1px solid var(--line);background:rgba(8,11,21,.7);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:6px}
.logo{display:flex;align-items:center;gap:10px;padding:0 10px 22px}
.logo i{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--mint),var(--sky));display:grid;place-items:center;color:#06110d;font-family:Sora;font-weight:800;font-size:17px;font-style:normal}
.logo b{font-family:Sora;font-weight:700;font-size:19px}
.nav{display:grid;gap:2px}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--rs);color:var(--muted);font-weight:500;text-decoration:none;font-size:14.5px}
.nav a:hover{background:var(--glass)}
.nav a.on{background:var(--glass2);color:var(--text)}
.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cnt{margin-left:auto;background:var(--coral);color:#1a0806;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px}
.me{margin-top:auto;display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--glass);text-decoration:none;color:inherit}
.me:hover{background:var(--glass2)}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#06110d;flex:none}
.av.s{width:28px;height:28px;font-size:11px}.av.l{width:52px;height:52px;font-size:17px}
.main{padding:calc(26px + var(--sat)) 32px 40px;min-width:0}
.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.top h1{font-size:28px;font-weight:700}
.top p{color:var(--muted);margin:4px 0 0}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tabbar{display:none}
.mobilebar{display:none}

/* Components */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--rs);font-weight:600;font-size:14px;border:1px solid var(--line);background:var(--glass);cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--text);min-height:42px}
.btn:hover{background:var(--glass2)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.btn.p{background:var(--mint);color:#06110d;border-color:transparent}.btn.p:hover{filter:brightness(1.08)}
.btn.c{background:var(--coral);color:#1a0806;border-color:transparent}
.btn.ghost{background:transparent;border-color:transparent}
.btn.sm{padding:6px 10px;min-height:32px;font-size:13px}
.btn.icon{padding:8px;width:40px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:20px;backdrop-filter:blur(14px);min-width:0}
.card h3{font-size:15px;font-weight:600;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.card h3 span{color:var(--muted);font-weight:500;font-family:"Instrument Sans";font-size:13px}
.eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.big{font-family:Sora;font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:8px 0 6px}
.big small{font-size:16px;color:var(--muted);font-weight:500}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;border:0;background:var(--glass2);color:var(--text)}
.pill.g{background:rgba(75,242,182,.15);color:var(--mint)}.pill.l{background:rgba(157,140,255,.18);color:var(--lilac)}.pill.c{background:rgba(255,122,112,.16);color:var(--coral)}.pill.a{background:rgba(255,200,87,.16);color:var(--amber)}.pill.s{background:rgba(92,200,255,.16);color:var(--sky)}
.pill.on{outline:1px solid var(--mint)}
.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mint),var(--sky))}
.bar i.warn{background:linear-gradient(90deg,var(--amber),var(--coral))}
.grid{display:grid;gap:16px;min-width:0}
.grid>*{min-width:0}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g21{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.row{display:flex;align-items:center;gap:12px;min-width:0}
.row.sb{justify-content:space-between}.row.wrap{flex-wrap:wrap}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.empty{padding:36px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r)}
.empty b{display:block;color:var(--text);font-family:Sora;margin-bottom:6px}
.stack{display:grid;gap:10px}
.list-item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--glass);border:1px solid transparent;cursor:pointer;min-width:0;text-decoration:none;color:inherit}
.list-item:hover{border-color:var(--line)}
.list-item.on{background:var(--glass2);border-color:var(--line)}
.ellip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Forms */
.field{display:grid;gap:5px;margin-bottom:12px;min-width:0}
.field label{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.inp,input.inp,select.inp,textarea.inp{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:var(--rs);padding:11px 13px;color:var(--text);font-size:16px;min-height:44px}
textarea.inp{min-height:84px;resize:vertical}
select.inp{appearance:none;cursor:pointer;background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234BF2B6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:calc(100% - 12px) 50%;background-size:18px 18px;background-repeat:no-repeat;padding-right:40px;box-shadow:inset 0 0 0 1px rgba(75,242,182,.12)}
select.inp:hover{border-color:var(--mint)}
select.inp option{background:#141b2e;color:#fff}
input[type=date].inp,input[type=time].inp,input[type=month].inp{color-scheme:dark}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.chk{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.chk input{width:20px;height:20px;accent-color:var(--mint)}
.hint{color:var(--muted);font-size:12.5px}
.err{background:rgba(255,122,112,.14);border:1px solid rgba(255,122,112,.4);color:#ffd3ce;padding:10px 12px;border-radius:var(--rs);font-size:13.5px}
.ok{background:rgba(75,242,182,.12);border:1px solid rgba(75,242,182,.35);color:#c9ffe9;padding:10px 12px;border-radius:var(--rs);font-size:13.5px}
.search{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:var(--rs);padding:0 12px;min-height:42px;min-width:0}
.search input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:16px}

/* Table */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--glass)}
table.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:12px 12px;white-space:nowrap;cursor:pointer;user-select:none;border-bottom:1px solid var(--line)}
.tbl th.ns{cursor:default}
.tbl th .arr{opacity:.35;margin-left:4px;font-size:10px}
.tbl th.sorted .arr{opacity:1;color:var(--mint)}
.tbl td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:middle}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:rgba(255,255,255,.03)}
.tbl td.r,.tbl th.r{text-align:right}
.tbl-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);flex-wrap:wrap}
.tbl-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tbl-top .search{flex:1;min-width:180px}

/* Modal */
#modal-root:empty{display:none}
.mbg{position:fixed;inset:0;background:rgba(3,5,12,.7);backdrop-filter:blur(6px);z-index:50;display:grid;place-items:center;padding:16px}
.modal{background:#0f1526;border:1px solid var(--line);border-radius:var(--r);width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal.wide{width:min(900px,100%)}
.modal h2{font-size:20px;margin-bottom:16px}
.modal .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}
#toast-root{position:fixed;left:50%;bottom:calc(20px + var(--sab));transform:translateX(-50%);z-index:60;display:grid;gap:8px;width:min(420px,calc(100% - 32px))}
.toast{background:#141b2e;border:1px solid var(--line);border-radius:var(--rs);padding:12px 14px;font-size:14px;box-shadow:0 10px 40px rgba(0,0,0,.5);animation:up .25s ease}
.toast.err{border-color:rgba(255,122,112,.5)}.toast.ok{border-color:rgba(75,242,182,.5)}
@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Signature */
.sigpad{background:#fff;border-radius:18px;height:200px;position:relative;touch-action:none;overflow:hidden}
.sigpad canvas{width:100%;height:100%;display:block;touch-action:none}
.sigpad .line{position:absolute;left:24px;right:24px;bottom:40px;border-top:1px dashed #bbb}
.sigpad .clear{position:absolute;right:12px;top:10px;font-size:12px;color:#666;cursor:pointer;background:none;border:0}
.sigbox{border:1.5px dashed rgba(255,255,255,.22);border-radius:16px;height:92px;position:relative;background:rgba(255,255,255,.03)}
.sigbox.done{border-style:solid;border-color:rgba(75,242,182,.5);background:rgba(75,242,182,.06)}
.sigbox svg{position:absolute;inset:0;width:100%;height:100%}
.sigbox svg path{stroke:#4BF2B6;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sigbox .who{position:absolute;left:12px;top:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.sigbox .ts{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--mint)}
.sigbox .cta{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px}

/* Calendar */
.cal{display:grid;grid-template-columns:52px repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--glass);min-width:720px}
.cal .h{padding:10px 8px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:600}
.cal .h b{display:block;font-family:Sora;font-size:18px;color:var(--text);font-weight:600}
.cal .h.today b{color:var(--mint)}
.cal .t{padding:4px 6px 0 0;font-size:11px;color:var(--muted);text-align:right;height:52px;line-height:1}
.cal .c{border-left:1px solid var(--line);border-top:1px solid var(--line);height:52px;position:relative;cursor:pointer}
.cal .c:hover{background:rgba(255,255,255,.03)}
.ev{position:absolute;left:3px;right:3px;border-radius:8px;padding:4px 6px;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden;cursor:pointer;z-index:2}
.ev small{display:block;font-weight:500;opacity:.8}
.ev.anleitung{background:rgba(75,242,182,.22);color:#c9ffe9;border-left:3px solid var(--mint)}
.ev.schule{background:rgba(157,140,255,.25);color:#e6e1ff;border-left:3px solid var(--lilac)}
.ev.dienst{background:rgba(92,200,255,.22);color:#dbf3ff;border-left:3px solid var(--sky)}
.ev.fortbildung{background:rgba(255,200,87,.22);color:#fff0c9;border-left:3px solid var(--amber)}
.ev.urlaub,.ev.krank{background:rgba(255,122,112,.22);color:#ffe0dc;border-left:3px solid var(--coral)}
.ev.termin{background:rgba(255,255,255,.14);color:#fff;border-left:3px solid #aaa}
.ev.beantragt{opacity:.6;border-left-style:dashed}
.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.month .d{min-height:96px;border:1px solid var(--line);border-radius:12px;padding:6px;background:var(--glass);cursor:pointer;min-width:0}
.month .d.today{border-color:var(--mint)}
.month .d.other{opacity:.4}
.month .d b{font-family:Sora;font-size:13px}
.month .chip{display:block;font-size:11px;border-radius:6px;padding:2px 5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--glass)}
.dp table{border-collapse:collapse;font-size:12px}
.dp th,.dp td{padding:4px;text-align:center;border:1px solid rgba(255,255,255,.06);min-width:30px}
.dp th{color:var(--muted);font-weight:600;font-size:11px;position:sticky;top:0;background:#111729;z-index:1}
.dp th.we,.dp td.we{background:rgba(255,255,255,.03)}
.dp td.name{text-align:left;position:sticky;left:0;background:#111729;white-space:nowrap;padding:4px 10px;z-index:1}
.dp td.cell{cursor:pointer;height:32px}
.dp td.cell:hover{outline:1px solid var(--mint)}
.sc{display:inline-block;min-width:26px;padding:2px 4px;border-radius:6px;font-weight:700;font-size:11px}
.sc.F{background:rgba(92,200,255,.25);color:#dbf3ff}.sc.Z{background:rgba(92,200,255,.15);color:#dbf3ff}.sc.S{background:rgba(157,140,255,.28);color:#e6e1ff}.sc.N{background:rgba(255,255,255,.18)}.sc.PA{background:rgba(75,242,182,.25);color:#c9ffe9}.sc.Sch{background:rgba(157,140,255,.2);color:#e6e1ff}.sc.U{background:rgba(255,122,112,.28);color:#ffe0dc}.sc.K{background:rgba(255,122,112,.4)}.sc.FB{background:rgba(255,200,87,.25);color:#fff0c9}.sc.T{background:rgba(255,255,255,.12)}.sc.WF{background:transparent;border:1px dashed var(--muted);color:var(--muted)}
.ev.wunschfrei{background:rgba(255,255,255,.06);border:1px dashed var(--muted);color:var(--muted)}
.ev.workshop{background:rgba(75,242,182,.32);color:#dfffee;border-left:3px solid var(--mint)}
.sc.WS{background:rgba(75,242,182,.35);color:#dfffee}
html[data-theme="light"] .ev.workshop{background:rgba(15,169,122,.28);color:#0a5c44}html[data-theme="light"] .sc.WS{background:rgba(15,169,122,.3);color:#0a5c44}
.tt{display:inline-block;padding:1px 7px;border-radius:99px;font-size:10px;font-weight:700;color:#06110d}
.tt.PFK{background:var(--mint)}.tt.PFA{background:var(--sky)}.tt.PFH{background:var(--amber)}

/* Chat */
.chat{display:grid;grid-template-columns:300px minmax(0,1fr) 260px;height:calc(100vh - 110px);min-height:480px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--glass)}
.chat-list{border-right:1px solid var(--line);padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.chat-list .items{display:grid;gap:4px}
.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}
.chat-msgs{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.msg{max-width:78%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.4;word-break:break-word}
.msg.in{background:var(--glass2);border-bottom-left-radius:6px;align-self:flex-start}
.msg.out{background:linear-gradient(135deg,#2a7a63,#1f5f8a);align-self:flex-end;border-bottom-right-radius:6px}
.msg .t{display:block;font-size:11px;opacity:.6;margin-top:4px;text-align:right}
.msg .who{display:block;font-size:11px;color:var(--mint);margin-bottom:2px;font-weight:600}
.msg.sys{align-self:center;background:rgba(75,242,182,.12);border:1px solid rgba(75,242,182,.3);max-width:90%}
.day-sep{text-align:center;color:var(--muted);font-size:12px;margin:8px 0}
.file{display:flex;gap:10px;align-items:center;background:rgba(0,0,0,.25);border-radius:12px;padding:8px 10px;margin-top:6px;text-decoration:none;color:inherit;min-width:0}
.file i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:Sora;font-weight:700;font-size:10px;color:#06110d;flex:none;font-style:normal;background:var(--sky)}
.file i.pdf{background:var(--coral)}.file i.img{background:var(--sky)}.file i.doc{background:var(--lilac)}.file i.aud{background:var(--amber)}
.chat-compose{padding:12px 16px;border-top:1px solid var(--line)}
.chat-compose .box{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:18px;padding:6px 6px 6px 12px}
.chat-compose input{flex:1;background:none;border:0;outline:0;color:var(--text);font-size:16px;min-width:0}
.chat-side{border-left:1px solid var(--line);padding:14px;overflow:auto}
.thumb{max-width:260px;border-radius:12px;display:block;margin-top:6px}

/* Login */
.login{min-height:100vh;display:grid;place-items:center;padding:20px}
.login .card{width:min(420px,100%);padding:30px}
.legal{max-width:760px}.legal h2{font-size:22px;margin:26px 0 8px}.legal p,.legal li{color:#c9cfe6}
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + var(--sab));z-index:70;background:#0f1526;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 20px 60px rgba(0,0,0,.6);max-width:760px;margin:0 auto}
.nocopy{unicode-bidi:bidi-override;direction:rtl;user-select:none}

/* Responsive */
@media (max-width:1024px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.g21{grid-template-columns:minmax(0,1fr)}
  .chat{grid-template-columns:260px minmax(0,1fr)}.chat-side{display:none}
  .main{padding:calc(20px + var(--sat)) 20px 40px}
}
@media (max-width:760px){
  .shell{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}
  html,body{overflow-x:hidden;max-width:100%}
  .main{width:100%;min-width:0;max-width:100%}
  .mobilebar{width:100%;min-width:0;max-width:100%}
  .side{display:none}
  .mobilebar{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + var(--sat)) 14px 10px;border-bottom:1px solid var(--line);background:rgba(8,11,21,.9);backdrop-filter:blur(20px);grid-column:1/-1}
  html[data-theme="light"] .mobilebar{background:rgba(255,255,255,.9)}
  .mobilebar .theme-btn{padding:6px 9px;font-size:15px;line-height:1}
  .mobilebar .theme-btn .lbl{display:none}
  .main{padding:16px 12px calc(var(--tab) + 24px + var(--sab));overflow-x:hidden;max-width:100vw}
  .card{max-width:100%;padding:16px}
  .big{font-size:30px}
  .top{flex-direction:column;align-items:stretch}
  .top .actions{width:100%}
  .top .actions .btn,.top .actions select{flex:1 1 auto;min-width:0}
  .tbl-top .search{min-width:0;flex:1 1 100%}
  .tbl-top select.inp{flex:1 1 auto;min-width:0}
  .row.wrap>*{min-width:0}
  .list-item{flex-wrap:wrap}
  .modal{padding:14px}
  .cookie{left:8px;right:8px}
  .pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;line-height:1.4}
  .list-item .ellip{white-space:normal}
  .top h1{font-size:24px}
  .g4,.g3,.g2,.f2,.f3,.g21{grid-template-columns:minmax(0,1fr)}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(var(--tab) + var(--sab));padding:8px 6px var(--sab);border-top:1px solid var(--line);background:rgba(8,11,21,.9);backdrop-filter:blur(20px);justify-content:space-around;z-index:40}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--muted);font-weight:600;text-decoration:none;flex:1;position:relative;padding-top:4px}
  .tabbar a.on{color:var(--mint)}
  .tabbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tabbar .cnt{position:absolute;top:0;right:calc(50% - 22px);margin:0}
  .modal{width:100%;max-height:calc(100vh - 20px);border-radius:22px 22px 0 0;align-self:end;padding:18px}
  .mbg{padding:0;align-items:end}
  .chat{grid-template-columns:minmax(0,1fr);height:calc(100vh - var(--tab) - 90px - var(--sab))}
  .chat.open .chat-list{display:none}.chat:not(.open) .chat-main{display:none}
  .msg{max-width:88%}
  .cal .h b{font-size:15px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.side,.tabbar,.orbs,.actions,.cookie{display:none!important}.shell{display:block}.main{padding:0}body{background:#fff;color:#000}.card,.tbl-wrap{background:#fff;border-color:#ccc}}
/* Erweiterung 09/2026: Praxisbesuch, Fehlzeit, Ampel, Kompetenz-Raster */
.ev.praxisbesuch{background:rgba(255,200,87,.22);color:#fff0c9;border-left:3px solid var(--amber)}
.ev.fehlzeit{background:rgba(255,122,112,.4);color:#ffe0dc;border-left:3px solid var(--coral)}
html[data-theme="light"] .ev.praxisbesuch{background:rgba(181,122,0,.18);color:#6b4700}html[data-theme="light"] .ev.fehlzeit{background:rgba(217,70,58,.22);color:#8a1f16}
.sc.PB{background:rgba(255,200,87,.3);color:#fff0c9}.sc.FZ{background:rgba(255,122,112,.5);color:#fff}
html[data-theme="light"] .sc.PB{background:rgba(181,122,0,.25);color:#6b4700}html[data-theme="light"] .sc.FZ{background:rgba(217,70,58,.3);color:#8a1f16}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.dot.g{background:var(--mint)}.dot.a{background:var(--amber)}.dot.r{background:var(--coral)}
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.kcell{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--glass);min-width:0}
.kcell.done{border-color:rgba(75,242,182,.45)}.kcell.none{opacity:.75}
.kcell b{display:block;font-size:13px;margin-bottom:4px}
.team{display:grid;gap:6px}
.team .row{padding:6px 8px;border-radius:10px;background:var(--glass)}
.goal{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:var(--glass)}
.goal .st{flex:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:13px;border:1px solid var(--line)}
.goal .st.erreicht{background:rgba(75,242,182,.25);color:var(--mint)}.goal .st.teilweise{background:rgba(255,200,87,.25);color:var(--amber)}
.refl{border-left:3px solid var(--sky);padding:8px 12px;border-radius:0 12px 12px 0;background:var(--glass)}
.refl .cmt{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(75,242,182,.1);border:1px solid rgba(75,242,182,.3);font-size:13px}
html[data-theme="light"] .refl .cmt{background:rgba(15,169,122,.08)}
@media (max-width:760px){.kgrid{grid-template-columns:minmax(0,1fr)}}
/* ---------------------------------------------------------------- Anzeigemodi (4): dunkel, hell, augenschonend (sepia), kontrast (Brillenträger) */
.theme-pick{display:grid;gap:6px}
.theme-pick .lbl{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.theme-pick .dots{display:flex;gap:8px}
.tdot{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;position:relative;flex:none;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.tdot.dark{background:linear-gradient(135deg,#080B15 50%,#4BF2B6 50%)}
.tdot.light{background:linear-gradient(135deg,#FFFFFF 50%,#1769D6 50%)}
.tdot.sepia{background:linear-gradient(135deg,#F4ECDD 50%,#B5834A 50%)}
.tdot.klinik{background:linear-gradient(135deg,#E6EBF2 50%,#1F3A5F 50%)}
.tdot.on{outline:2px solid var(--text);outline-offset:2px}
.tdot:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.mobilebar .theme-pick .lbl{display:none}
.mobilebar .tdot{width:22px;height:22px}
.login .theme-pick .lbl{display:none}
/* Augenschonend: warmes Papier, wenig Blau, weiche Kontraste */
html[data-mode="sepia"]{
  --bg:#F1E7D5;--bg2:#FAF3E6;--glass:rgba(255,250,240,.72);--glass2:rgba(70,55,35,.07);--glass3:rgba(70,55,35,.12);--line:rgba(70,55,35,.16);
  --text:#3A3128;--muted:#7A6A57;--mint:#2E8B6A;--lilac:#6F5FB8;--coral:#B8544A;--amber:#946512;--sky:#2F6FA8;
}
html[data-mode="sepia"] .orb{opacity:.08}
html[data-mode="sepia"] .side,html[data-mode="sepia"] .tabbar{background:rgba(250,243,230,.92)}
html[data-mode="sepia"] .card,html[data-mode="sepia"] .modal,html[data-mode="sepia"] .toast,html[data-mode="sepia"] .cookie,html[data-mode="sepia"] .tbl-wrap,html[data-mode="sepia"] .dp,html[data-mode="sepia"] .cal,html[data-mode="sepia"] .month .d,html[data-mode="sepia"] .inp,html[data-mode="sepia"] .search,html[data-mode="sepia"] .chat-compose .box,html[data-mode="sepia"] .btn{background:#FAF3E6;border-color:#D9CDB8}
html[data-mode="sepia"] select.inp{background-color:#FAF3E6;border-color:#C9BBA3}
html[data-mode="sepia"] select.inp option{background:#FAF3E6;color:#3A3128}
html[data-mode="sepia"] .dp th,html[data-mode="sepia"] .dp td.name,html[data-mode="sepia"] .dp th.we,html[data-mode="sepia"] .dp td.we,html[data-mode="sepia"] .list-item,html[data-mode="sepia"] .nav a.on,html[data-mode="sepia"] .btn:hover,html[data-mode="sepia"] .msg.in{background:#EFE4CF}
html[data-mode="sepia"] .dp th,html[data-mode="sepia"] .dp td,html[data-mode="sepia"] .tbl th,html[data-mode="sepia"] .tbl td,html[data-mode="sepia"] .cal .c,html[data-mode="sepia"] .cal .h{border-color:#DDD1BC}
html[data-mode="sepia"] .bar{background:#E3D8C3}
html[data-mode="sepia"] .btn.p{background:#3F9C79;color:#fff}
html[data-mode="sepia"] .logo i{background:linear-gradient(135deg,#3F9C79,#B5834A)}
html[data-mode="sepia"] .msg.out{background:linear-gradient(135deg,#3F8F70,#7A6A57);color:#fff}
html[data-mode="sepia"] .legal p,html[data-mode="sepia"] .legal li{color:#4A4034}
/* Klinik-Blaugrau: Navy auf Aschgrau, wie in EHR-/Dokumentationssoftware üblich, Kontrast ≥ 7:1, ohne reines Weiß/Schwarz, Schrift 16 px */
html[data-mode="klinik"]{
  --bg:#E4E9F0;--bg2:#F2F5F9;--glass:rgba(242,245,249,.85);--glass2:rgba(31,58,95,.08);--glass3:rgba(31,58,95,.14);--line:rgba(31,58,95,.22);
  --text:#1B2A41;--muted:#4A5B73;--mint:#1E7A5A;--lilac:#4F5FA8;--coral:#B4453D;--amber:#8A5A00;--sky:#2B5C8A;
}
html[data-mode="klinik"] body{font-size:16px;line-height:1.5}
html[data-mode="klinik"] .orb{display:none}
html[data-mode="klinik"] .side,html[data-mode="klinik"] .tabbar,html[data-mode="klinik"] .mobilebar{background:#F2F5F9;border-color:#C7D0DD}
html[data-mode="klinik"] .card,html[data-mode="klinik"] .modal,html[data-mode="klinik"] .toast,html[data-mode="klinik"] .cookie,html[data-mode="klinik"] .tbl-wrap,html[data-mode="klinik"] .dp,html[data-mode="klinik"] .cal,html[data-mode="klinik"] .month .d,html[data-mode="klinik"] .inp,html[data-mode="klinik"] .search,html[data-mode="klinik"] .chat-compose .box,html[data-mode="klinik"] .btn{background:#F7F9FC;border-color:#B9C5D6;box-shadow:none;backdrop-filter:none}
html[data-mode="klinik"] .card{border-top:3px solid #2B5C8A}
html[data-mode="klinik"] select.inp{background-color:#F7F9FC;border-color:#9FB0C6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232B5C8A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>")}
html[data-mode="klinik"] select.inp option{background:#F7F9FC;color:#1B2A41}
html[data-mode="klinik"] .dp th,html[data-mode="klinik"] .dp td,html[data-mode="klinik"] .tbl th,html[data-mode="klinik"] .tbl td,html[data-mode="klinik"] .cal .c,html[data-mode="klinik"] .cal .h{border-color:#C7D0DD}
html[data-mode="klinik"] .dp th,html[data-mode="klinik"] .dp td.name,html[data-mode="klinik"] .dp th.we,html[data-mode="klinik"] .dp td.we,html[data-mode="klinik"] .tbl th,html[data-mode="klinik"] .nav a.on,html[data-mode="klinik"] .btn:hover,html[data-mode="klinik"] .list-item,html[data-mode="klinik"] .msg.in{background:#E4E9F0}
html[data-mode="klinik"] .list-item.on{background:#D5DEEA}
html[data-mode="klinik"] .tbl th{color:#1B2A41}
html[data-mode="klinik"] .btn.p{background:#1F3A5F;color:#fff;border-color:#1F3A5F}
html[data-mode="klinik"] .btn.c{background:#B4453D;color:#fff}
html[data-mode="klinik"] .pill{background:#E4E9F0;color:#1B2A41}
html[data-mode="klinik"] .pill.g{background:#D6EBE2;color:#155C43}html[data-mode="klinik"] .pill.l{background:#DEE1F2;color:#38457F}html[data-mode="klinik"] .pill.c{background:#F2DCDA;color:#86302B}html[data-mode="klinik"] .pill.a{background:#F0E5CC;color:#6B4600}html[data-mode="klinik"] .pill.s{background:#D9E5F2;color:#1F4468}
html[data-mode="klinik"] .bar{background:#CBD5E1}html[data-mode="klinik"] .bar i{background:#2B5C8A}html[data-mode="klinik"] .bar i.warn{background:#B4453D}
html[data-mode="klinik"] .logo i{background:#1F3A5F;color:#fff}
html[data-mode="klinik"] a{color:#2B5C8A}
html[data-mode="klinik"] .msg.out{background:#1F3A5F;color:#fff}
html[data-mode="klinik"] .ev{border-left-width:4px;color:#1B2A41}
html[data-mode="klinik"] .ev.anleitung{background:#D6EBE2}html[data-mode="klinik"] .ev.schule{background:#DEE1F2}html[data-mode="klinik"] .ev.dienst{background:#D9E5F2}html[data-mode="klinik"] .ev.fortbildung,html[data-mode="klinik"] .ev.praxisbesuch{background:#F0E5CC}html[data-mode="klinik"] .ev.urlaub,html[data-mode="klinik"] .ev.krank,html[data-mode="klinik"] .ev.fehlzeit{background:#F2DCDA}html[data-mode="klinik"] .ev.termin{background:#E4E9F0}
html[data-mode="klinik"] .sc{border:1px solid #9FB0C6;color:#1B2A41}
html[data-mode="klinik"] .av{color:#fff;text-shadow:none}
html[data-mode="klinik"] .tt{color:#fff}
html[data-mode="klinik"] .err{background:#F2DCDA;border-color:#B4453D;color:#6E2521}html[data-mode="klinik"] .ok{background:#D6EBE2;border-color:#1E7A5A;color:#155C43}
html[data-mode="klinik"] .btn:focus-visible,html[data-mode="klinik"] a:focus-visible,html[data-mode="klinik"] input:focus-visible,html[data-mode="klinik"] select:focus-visible,html[data-mode="klinik"] textarea:focus-visible{outline:3px solid #2B5C8A;outline-offset:2px}
html[data-mode="klinik"] .legal p,html[data-mode="klinik"] .legal li{color:#1B2A41}
html[data-mode="klinik"] .cnt{background:#B4453D;color:#fff}
.g2c{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
@media (max-width:900px){.g2c{grid-template-columns:minmax(0,1fr)}}
/* Zusammenarbeit: Live-Meldungen, Zellsperre, Aufleuchten, Offline-Hinweis */
#live-root{position:fixed;right:16px;bottom:16px;z-index:95;display:grid;gap:8px;width:min(380px,calc(100vw - 32px))}
.live{display:flex;gap:10px;align-items:flex-start;padding:12px 34px 12px 12px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative;animation:livein .25s ease-out}
.live .lv-body{min-width:0;flex:1}.live .lv-x{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px;padding:4px}
@keyframes livein{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.dp td.cell.locked{outline:2px dashed var(--lock,#FFC857);outline-offset:-3px;position:relative;cursor:not-allowed}
.dp td.cell.locked::after{content:attr(data-lock);position:absolute;top:2px;right:2px;font-size:9px;line-height:1.4;font-weight:800;background:var(--lock,#FFC857);color:#06110d;border-radius:4px;padding:0 3px}
.dp td.cell.flash{animation:cellflash 2.5s ease-out}
@keyframes cellflash{0%,40%{box-shadow:inset 0 0 0 3px var(--mint);background:rgba(75,242,182,.25)}100%{box-shadow:none}}
#offline-pill{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:70;padding:8px 14px;border-radius:99px;border:1px solid rgba(255,200,87,.6);background:var(--bg2);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.3)}
@media (max-width:760px){#live-root{right:8px;left:8px;width:auto;bottom:calc(var(--tab) + 10px + var(--sab))}}
.dsel select.inp{padding-left:10px;padding-right:28px;background-position:calc(100% - 7px) 50%;text-overflow:clip}
/* Anzeigemodus Weiß-Hellblau: Akzentfarbe Hellblau; Grün bleibt nur als Bedeutungsfarbe (aktiv, Ampel, PFK) */
html[data-mode="light"] a{color:#1259B8}
html[data-mode="light"] .btn.p{background:#1769D6;color:#fff;border-color:#1769D6}
html[data-mode="light"] .btn.p:hover{background:#1259B8;filter:none}
html[data-mode="light"] .btn:focus-visible,html[data-mode="light"] a:focus-visible,html[data-mode="light"] input:focus-visible,html[data-mode="light"] select:focus-visible,html[data-mode="light"] textarea:focus-visible{outline-color:#1769D6}
html[data-mode="light"] .chk input{accent-color:#1769D6}
html[data-mode="light"] select.inp:hover,html[data-mode="light"] .dp td.cell:hover{border-color:#1769D6;outline-color:#1769D6}
html[data-mode="light"] .logo i{background:linear-gradient(135deg,#4DABF7,#1769D6);color:#fff}
html[data-mode="light"] .logo b{color:#1769D6}
html[data-mode="light"] .bar i{background:linear-gradient(90deg,#74C0FC,#1769D6)}
html[data-mode="light"] .msg.out{background:#1769D6;color:#fff}
html[data-mode="light"] .msg .who,html[data-mode="light"] .tbl th.sorted .arr,html[data-mode="light"] .cal .h.today b{color:#1259B8}
html[data-mode="light"] .month .d.today{border-color:#1769D6}
html[data-mode="light"] .pill.on{outline-color:#1769D6}
html[data-mode="light"] .nav a.on{color:#1259B8}
/* Reiter und Logo sind Navigation, keine Fließtext-Links: ohne Unterstreichung, in Textfarbe */
a.pill,a.logo,.logo{text-decoration:none}
a.pill{color:var(--text)}
html[data-mode="light"] a.pill.on,html[data-mode="light"] a.pill:hover{color:#1259B8}
/* Häkchen innerhalb eines Feldes sind Fließtext, keine Feldüberschrift */
.field label.chk{text-transform:none;letter-spacing:normal;font-size:14px;font-weight:400;color:var(--text);margin-bottom:4px}
/* Slogan der Anmeldeseite */
.slogan{margin:0 0 18px;font-style:italic;font-size:15px;color:var(--mint)}
html[data-mode="light"] .slogan{color:#1259B8}
html[data-mode="klinik"] .slogan{color:#2B5C8A}

/* Marke PraxisEasy (09/2026): Bildzeichen + Wortmarke, neue Anmeldeseite */
@font-face{font-family:"PE Brand";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrumentsans-pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1Q.woff2) format("woff2")}
.logo i.pe-mark,html[data-mode] .logo i.pe-mark{width:34px;height:34px;border-radius:0;background:none;display:block;flex:none}
.logo i.pe-mark svg{width:100%;height:100%;display:block}
.logo b.pe-word,html[data-mode] .logo b.pe-word{font-family:"PE Brand","Instrument Sans",sans-serif;font-weight:700;font-size:20px;letter-spacing:-.025em;color:#11233F}
.logo b.pe-word span{color:#1769D6}
.pe-login{grid-template-columns:minmax(0,470px) minmax(0,420px);gap:72px;align-content:center;justify-content:center;place-items:center stretch}
.pe-login .card{width:100%}
.pe-hero .pe-big{gap:16px;padding:0 0 22px}
html[data-mode] .pe-hero .pe-big i.pe-mark{width:64px;height:64px}
html[data-mode] .pe-hero .pe-big b.pe-word{font-size:42px}
.pe-hero .slogan{font-size:20px;margin:0 0 12px}
.pe-claim{color:var(--muted);font-size:16px;line-height:1.55;margin:0 0 20px;max-width:440px}
.pe-points{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.pe-points li{display:flex;gap:11px;align-items:flex-start;font-size:15px}
.pe-points li::before{content:"";flex:none;width:21px;height:21px;margin-top:0;border-radius:6px;background:#1769D6 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/13px no-repeat}
@media (max-width:900px){
  .pe-login{grid-template-columns:minmax(0,460px);gap:18px;align-content:start;padding-top:36px}
  .pe-claim,.pe-points{display:none}
  .pe-hero .pe-big{padding-bottom:12px}
  html[data-mode] .pe-hero .pe-big i.pe-mark{width:46px;height:46px}
  html[data-mode] .pe-hero .pe-big b.pe-word{font-size:30px}
  .pe-hero .slogan{font-size:16px;margin:0}
}