:root{--bg:#f7f4ef;--surface:#fff;--text:#2b2420;--muted:#7a6f66;--line:#e4ddd3;--accent:#8d5a3b;--accent-text:#fff;--ok:#2f7d4f;--ok-bg:#e6f3ea;--warn:#9a6a00;--warn-bg:#fff4d6;--err:#b3261e;--err-bg:#fdecea;--today:#fff9ec;--me:#f3ece3;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#1c1917;--surface:#26221f;--text:#efe9e3;--muted:#a89d93;--line:#3a3430;--accent:#d39a6d;--accent-text:#1c1917;--ok:#7fcf9a;--ok-bg:#20352a;--warn:#f0c35a;--warn-bg:#3a3120;--err:#f2867c;--err-bg:#3d2220;--today:#2e2a22;--me:#302a25}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1{margin:0;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.1rem}main{max-width:1280px;margin:0 auto;padding:1rem}main.narrow{max-width:420px;padding-top:3rem}main.narrow h1{margin-bottom:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.6rem 1rem;display:flex}.topbar .brand{color:var(--text);font-weight:700;text-decoration:none}.topbar nav{flex-wrap:wrap;flex:1;gap:.25rem 1rem;display:flex}.topbar nav a,.topbar .account a{color:var(--text);text-decoration:none}.topbar nav a:hover{color:var(--accent)}.account{align-items:center;gap:.75rem;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:.5rem 0 1rem;display:flex}.page-actions{flex-wrap:wrap;gap:.5rem;display:flex}input,select,button,.button{font:inherit;border-radius:var(--radius)}input,select{border:1px solid var(--line);background:var(--surface);color:var(--text);min-width:0;padding:.45rem .6rem}input[type=color]{width:2.6rem;height:2.3rem;padding:.1rem}input[type=checkbox]{width:1.1rem;height:1.1rem}button,.button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;white-space:nowrap;padding:.5rem .9rem;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}button.secondary,.button.secondary{color:var(--accent);background:0 0}button.danger{background:var(--err);border-color:var(--err);color:#fff}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.danger-text{color:var(--err)!important}button.chip{background:var(--surface);color:var(--text);border:2px solid;border-radius:999px;padding:.2rem .6rem}.stack{flex-direction:column;gap:.8rem;max-width:520px;display:flex}.stack label,.editor-form label{flex-direction:column;gap:.25rem;font-weight:500;display:flex}label.check{align-items:center;gap:.4rem;font-weight:400;flex-direction:row!important}fieldset{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.editor-form{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:end;gap:.75rem;display:grid}.editor-form .wide{grid-column:span 2}.editor-form .buttons{gap:.5rem;display:flex}input.copy{width:100%;margin-bottom:.5rem;font-family:ui-monospace,monospace;font-size:.8rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:1rem 0;padding:1rem}.editor{border-color:var(--accent)}.editor>form+form{margin-top:.75rem}.flash{border-radius:var(--radius);padding:.6rem .9rem}.flash.ok{background:var(--ok-bg);color:var(--ok)}.flash.error{background:var(--err-bg);color:var(--err)}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:2rem 1rem}.badge{background:var(--warn-bg);color:var(--warn);border-radius:999px;padding:.15rem .6rem;font-size:.85rem;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.fehler{background:var(--err-bg);color:var(--err)}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.week-nav{align-items:center;gap:.75rem;display:flex}.week-nav a[aria-label]{padding:0 .3rem;font-size:1.2rem;text-decoration:none}.grid-scroll,.table-scroll{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.week-grid{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}.week-grid th,.week-grid td{border:1px solid var(--line);vertical-align:top;text-align:left;padding:.35rem}.week-grid thead th{background:var(--bg);font-weight:600}.week-grid .person-col{background:var(--surface);z-index:1;width:130px;position:sticky;left:0}.week-grid .today{background:var(--today)}.week-grid tr.me th,.week-grid tr.me td{background:var(--me)}.hours{color:var(--muted);font-size:.8rem;font-weight:400}.hours.fehler{color:var(--err);font-weight:600}.hours.hinweis{color:var(--warn)}.shift{border:1px solid var(--line);background:var(--surface);color:var(--text);border-left:4px solid;border-radius:6px;flex-direction:column;margin-bottom:.3rem;padding:.25rem .4rem;font-size:.85rem;text-decoration:none;display:flex}a.shift:hover{border-color:var(--accent)}.shift.fehler{background:var(--err-bg)}.shift.hinweis{background:var(--warn-bg)}.shift .time{font-weight:600}.shift .pos,.shift .note{color:var(--muted)}.warn{font-size:.75rem}.warn.fehler{color:var(--err)}.warn.hinweis{color:var(--warn)}.marker{border-radius:4px;margin-bottom:.25rem;padding:.05rem .3rem;font-size:.75rem}.marker.absent{background:var(--err-bg);color:var(--err)}.marker.pending,.marker.unavailable{background:var(--warn-bg);color:var(--warn)}.week-grid .add{text-align:center;color:var(--muted);border:1px dashed var(--line);opacity:.6;border-radius:6px;text-decoration:none;display:block}.week-grid .add:hover{opacity:1;color:var(--accent);border-color:var(--accent)}.warn-list{margin:.75rem 0 0;padding-left:1.2rem}.warn-list .fehler{color:var(--err)}.warn-list .hinweis{color:var(--warn)}table.list{border-collapse:collapse;width:100%}table.list th,table.list td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem .75rem}table.list tr.inactive{opacity:.5}.tag{border:1px solid;border-left-width:4px;border-radius:4px;margin:0 .25rem .25rem 0;padding:0 .35rem;font-size:.8rem;display:inline-block}.dot{border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.position-list,.rule-list,.my-shifts{margin:0;padding:0;list-style:none}.position-list li,.rule-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.suggestions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.75rem;display:flex}.status.genehmigt{color:var(--ok)}.status.abgelehnt{color:var(--err)}.my-shifts li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);border-left:6px solid;margin-bottom:.6rem;padding:.75rem 1rem}.my-shifts .when{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}@media print{.topbar,.page-actions,.week-nav a,.flash,.editor,.add,.badge{display:none!important}body{color:#000;background:#fff}.grid-scroll{border:none;overflow:visible}.week-grid{min-width:0;font-size:11px}.shift{break-inside:avoid}@page{size:A4 landscape;margin:10mm}}@media (max-width:640px){.editor-form .wide{grid-column:auto}.topbar nav{white-space:nowrap;flex-wrap:nowrap;flex-basis:100%;order:3;padding-bottom:.2rem;overflow-x:auto}.topbar .brand{flex:1}}.feedback-fab{z-index:20;border-radius:999px;position:fixed;bottom:1rem;right:1rem;box-shadow:0 2px 10px #0003}.feedback-hint{z-index:20;background:var(--text);color:var(--bg);border-radius:999px;padding:.5rem 1rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}body.feedback-picking *{cursor:crosshair!important}body.feedback-picking main :hover{outline:2px dashed var(--accent)}.feedback-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(520px,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--text);padding:1rem}.feedback-dialog::backdrop{background:#0006}.feedback-dialog textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);resize:vertical;padding:.45rem .6rem}.feedback-head{justify-content:space-between;align-items:center;display:flex}.feedback-head h2{margin:0}.feedback-kinds{flex-direction:column;gap:.3rem}.feedback-context ul{overflow-wrap:anywhere;margin:.3rem 0;padding-left:1.2rem}@media (max-width:640px){.feedback-fab span{display:none}}@media print{.feedback-fab,.feedback-dialog{display:none!important}}.admin-banner{background:var(--warn-bg);color:var(--warn);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.admin-banner form{display:inline}@media print{.admin-banner{display:none}}