:root{--bg:#f3f6f5;--card:#fff;--text:#17211f;--muted:#64716e;--accent:#0f5e55;--accent2:#dff0ec;--border:#d6dfdc;--ok:#1f7a52;--bad:#a83232;--warn:#8a6415;--blue:#305fa8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,input,select{min-height:44px}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--accent);color:white}.top h1{margin:0;font-size:1.35rem}.top p{margin:2px 0 0;opacity:.85;font-size:.9rem}.iconbtn{border:0;background:rgba(255,255,255,.15);color:white;border-radius:12px;padding:0 14px}.tabs{display:flex;gap:6px;padding:8px;background:white;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.tab{flex:1;border:0;border-radius:10px;background:transparent}.tab.active{background:var(--accent2);color:var(--accent);font-weight:700}main{max-width:1180px;margin:auto;padding:12px}.view{display:none}.view.active{display:block}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar button,.panel input{border:1px solid var(--border);border-radius:10px;background:white;padding:8px 12px}.toolbar label{display:flex;align-items:center;gap:8px}.primary{background:var(--accent)!important;color:white!important;border:1px solid var(--accent)!important;font-weight:700}.current-hint{margin:8px 0 12px;padding:10px 12px;border-radius:10px;background:var(--accent2);color:var(--accent);font-weight:650}.current-hint:empty{display:none}.cards{display:grid;gap:12px}.pause-group{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.pause-group.current{border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,94,85,.12)}.pause-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#eef3f1;border-bottom:1px solid var(--border)}.pause-head>div{display:flex;align-items:baseline;gap:8px;min-width:0}.pause-head strong{font-size:1rem}.pause-head span{font-size:.82rem;color:var(--muted)}.pause-count{white-space:nowrap}.duty-list{display:grid}.duty-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(220px,1.6fr) minmax(155px,auto) 82px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #e9eeec;min-width:0}.duty-row:last-child{border-bottom:0}.duty-place{font-weight:700;min-width:0}.duty-person{display:grid;gap:2px;min-width:0}.duty-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duty-person span{font-size:.82rem;color:var(--blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{border:1px solid var(--border);border-radius:999px;background:white;padding:7px 10px;font-size:.86rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:6px;white-space:nowrap}.status-pill span{font-size:1.05rem}.status-pill.present{background:#e5f5ec;border-color:#b8dfca;color:var(--ok)}.status-pill.absent{background:#faeaea;border-color:#e6bebe;color:var(--bad)}.status-pill.excused{background:#fff5dd;border-color:#ead7a7;color:var(--warn)}.status-pill.open{color:#58635f}.edit-mini{border:1px solid var(--border);background:white;border-radius:9px;padding:7px 9px;font-size:.86rem}.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px}.panel h2{margin-top:0}.panel label{display:grid;gap:6px;margin:10px 0}.muted{color:var(--muted);font-size:.9rem}.time-row{display:grid;grid-template-columns:minmax(130px,1fr) 1fr 1fr;gap:8px;align-items:center;margin:8px 0}.time-row input{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px}.tablewrap{overflow:auto;background:white;border:1px solid var(--border);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left}th{background:#eef3f1;position:sticky;top:0}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.82rem;font-weight:700}.b-present{background:#e5f5ec;color:var(--ok)}.b-absent{background:#faeaea;color:var(--bad)}.b-excused{background:#fff5dd;color:var(--warn)}.b-open{background:#edf0ef;color:#58635f}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:12px}.stat b{display:block;font-size:1.35rem}dialog{border:0;border-radius:16px;padding:0;width:min(92vw,520px);box-shadow:0 18px 60px #0004}dialog::backdrop{background:#0006}#editForm{padding:18px}#editForm h2{margin-top:0}#editForm label{display:grid;gap:6px;margin:12px 0}#editForm select,#editForm textarea{border:1px solid var(--border);border-radius:10px;padding:10px;width:100%;min-height:44px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status{border:1px solid var(--border);background:white;border-radius:10px;padding:10px}.status.selected{outline:3px solid #0001;border-color:var(--accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dialog-actions button{border:1px solid var(--border);background:white;border-radius:10px;padding:8px 14px}#toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#17211f;color:#fff;padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}
@media(max-width:760px){main{padding:10px}.pause-head{padding:10px 12px}.pause-head>div{display:grid;gap:1px}.duty-row{grid-template-columns:1fr auto;gap:7px 10px;padding:11px 12px}.duty-place{grid-column:1;font-size:.9rem;color:var(--muted);font-weight:650}.duty-person{grid-column:1;grid-row:2}.duty-person strong{font-size:.97rem}.status-pill{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:52px;min-height:52px;border-radius:12px;font-size:0;padding:7px}.status-pill span{font-size:1.45rem}.edit-mini{grid-column:1/-1;justify-self:start;min-height:36px;padding:5px 9px}.summary{grid-template-columns:1fr 1fr}.time-row{grid-template-columns:1fr 1fr}.time-row strong{grid-column:1/-1}}
@media(min-width:980px){main{padding:18px}.top{padding:16px 24px}.tabs{justify-content:center}.tab{flex:0 0 180px}.duty-row:hover{background:#fafcfb}}
@media print{.top,.tabs,.toolbar,#todayView,#settingsView{display:none!important}body{background:white}.view{display:none!important}#weekView{display:block!important}main{max-width:none;padding:0}.summary{grid-template-columns:repeat(4,1fr)}.tablewrap{border:0;overflow:visible}table{min-width:0;font-size:10pt}th{position:static}.badge{border:1px solid #999;background:white!important;color:#000!important}}