:root{--bg:#f4f5f2;--card:#fff;--ink:#1d2326;--mute:#5d686e;--line:#d9dcd6;--accent:#0f5c63;--accent-ink:#fff;--warn:#9a5b00;--warn-bg:#fff4dc;--bad:#a3261d;--bad-bg:#fde9e7;--ok:#1f6b3a;--ok-bg:#e4f3e8}
*{box-sizing:border-box}
body{margin:0;font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--accent)}
header.top{background:var(--accent);color:#fff;padding:.6rem 1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
header.top a{color:#fff;text-decoration:none;font-weight:600}
header.top .sp{flex:1}
header.top form{margin:0}
nav.proj{background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap;padding:0 .5rem}
nav.proj a{display:inline-block;padding:.75rem .7rem;text-decoration:none;color:var(--ink)}
nav.proj a:hover{color:var(--accent)}
main{max-width:1100px;margin:0 auto;padding:1rem}
h1{font-size:1.4rem;margin:.4rem 0 .8rem}h2{font-size:1.1rem;margin:1.2rem 0 .5rem}h3{font-size:1rem;margin:.9rem 0 .4rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.9rem;margin:0 0 .9rem}
.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.kpi{font-size:1.8rem;font-weight:700}
.mute{color:var(--mute);font-size:.9rem}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.85rem;color:var(--mute);font-weight:600}
input,select,textarea,button{font:inherit}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],input[type=file],select,textarea{width:100%;padding:.6rem;border:1px solid #b9beb6;border-radius:6px;background:#fff;min-height:44px}
textarea{min-height:5rem}
label{display:block;font-weight:600;font-size:.9rem;margin:.6rem 0 .2rem}
form div>label+ul,form div ul{list-style:none;padding:0;margin:0}
form div ul label{font-weight:400;display:flex;gap:.5rem;align-items:center;margin:.2rem 0}
input[type=checkbox]{width:1.2rem;height:1.2rem}
.helptext{color:var(--mute);font-size:.85rem;display:block}
.errorlist{color:var(--bad);margin:.2rem 0;padding-left:1rem}
button,.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);border:0;border-radius:6px;padding:.6rem .95rem;min-height:44px;cursor:pointer;text-decoration:none;font-weight:600}
button.sec,.btn.sec{background:#fff;color:var(--accent);border:1px solid var(--accent)}
button.danger{background:#fff;color:var(--bad);border:1px solid var(--bad)}
button.small,.btn.small{min-height:36px;padding:.3rem .6rem;font-size:.9rem}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}.row>*{flex:1 1 150px}.row>button,.row>.btn{flex:0 0 auto}
.tag{display:inline-block;border-radius:99px;padding:.1rem .6rem;font-size:.82rem;border:1px solid var(--line);background:#fff;white-space:nowrap}
.tag.warn{background:var(--warn-bg);border-color:#e6c98a;color:var(--warn)}.tag.bad{background:var(--bad-bg);border-color:#eeb4ae;color:var(--bad)}.tag.ok{background:var(--ok-bg);border-color:#a9d6b6;color:var(--ok)}
.msg{padding:.7rem .9rem;border-radius:6px;margin:0 0 .8rem;border:1px solid var(--line);background:#fff}
.msg.error{background:var(--bad-bg);border-color:#eeb4ae}.msg.warning{background:var(--warn-bg);border-color:#e6c98a}.msg.success{background:var(--ok-bg);border-color:#a9d6b6}
.banner{background:var(--warn-bg);border:1px solid #e6c98a;padding:.6rem .9rem;border-radius:6px;margin-bottom:.9rem}
.proposal{border-left:5px solid var(--accent)}.proposal.PENDENZ{border-left-color:#b36b00}.proposal.ENTSCHEID{border-left-color:#5a3a9a}
blockquote{margin:.4rem 0;padding:.4rem .7rem;border-left:3px solid var(--line);color:var(--mute);background:#fafaf8;white-space:pre-wrap}
pre.source{white-space:pre-wrap;background:#fafaf8;border:1px solid var(--line);padding:.6rem;border-radius:6px;font-size:.85rem;max-height:22rem;overflow:auto}
details summary{cursor:pointer;font-weight:600;padding:.4rem 0}
ul.flags{margin:.3rem 0;padding-left:1.1rem;color:var(--warn)}
.inline{display:inline}
@media(max-width:720px){
 table.resp thead{display:none}
 table.resp tr{display:block;border:1px solid var(--line);border-radius:8px;margin-bottom:.6rem;padding:.3rem .2rem;background:#fff}
 table.resp td{display:block;border:0;padding:.25rem .6rem}
 table.resp td[data-l]:before{content:attr(data-l)": ";color:var(--mute);font-size:.82rem}
}
@media print{header.top,nav.proj,form,.noprint{display:none}}
.topsearch{flex:0 1 220px}.topsearch input{min-height:36px;padding:.35rem .6rem;border:0;border-radius:6px}
.badge{display:inline-block;background:#fff;color:var(--accent);border-radius:99px;padding:0 .45rem;font-size:.8rem;font-weight:700}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cal div.d{background:#fff;min-height:6.5rem;padding:.25rem;font-size:.8rem;overflow:hidden}
.cal div.d.out{background:#f7f7f5;color:var(--mute)}.cal div.d.today{outline:2px solid var(--accent);outline-offset:-2px}
.cal .h{background:#f0f1ee;padding:.3rem;font-weight:600;font-size:.8rem;text-align:center}
.cal a.ev{display:block;text-decoration:none;color:var(--ink);border-left:3px solid var(--accent);padding:0 .2rem;margin:.15rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal a.ev.FRIST{border-color:#b36b00}.cal a.ev.KONTROLLE{border-color:#5a3a9a}.cal a.ev.SITZUNG{border-color:#1f6b3a}.cal a.ev.VORSCHLAG{border-color:#999;border-left-style:dashed}
.cal a.ev.overdue{background:var(--bad-bg)}
.agenda h3{margin:.8rem 0 .2rem;font-size:.95rem}
@media(max-width:720px){.calwrap.monat .cal{display:none}.calwrap.monat .agenda{display:block}.topsearch{flex:1 1 100%}}
@media(min-width:721px){.calwrap.monat .agenda{display:none}}
.flow{display:flex;flex-wrap:wrap;gap:.5rem}.flow form{display:inline}
.bulkbar{position:sticky;bottom:0;background:#fff;border-top:2px solid var(--accent);padding:.6rem;margin-top:.6rem}
header.top{gap:.4rem .9rem;padding:.5rem 1rem}
header.top button.small{min-height:32px;padding:.2rem .6rem}
@media(max-width:720px){header.top .who{display:none}header.top{font-size:.95rem}}