/* PLAN C Hoch 3: white, neutral #f6f6f6, fine lines; VARIO apple only for actions and labels. */
html body[data-theme="light"]{--bg:#fff;--panel:#fff;--panel2:#f6f6f6;--line:#ededed;--text:#222;--muted:#585d61;--cyan:#78a92e;--green:#5f8a20;--side:#fff;--hover:#f6f6f6;background:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.6;grid-template-columns:270px minmax(0,1fr)}
aside{background:#fff;border-right:1px solid var(--line);padding:25px 17px}
.brand{color:var(--wc3-ink);padding-bottom:30px}
.brand small{font-size:10px;letter-spacing:.2em;color:var(--muted)}
.brand small{font-size:10px;letter-spacing:0;text-align:center;white-space:nowrap}
.nav-heading{color:#7a837d;letter-spacing:.16em;margin-top:10px}
.nav-item{border-radius:7px;color:#4f5a54;transition:background-color .15s ease,color .15s ease}
.nav-item.active{background:#f6f6f6;color:#1c1c1c;border-left:1px solid #78a92e;font-weight:700}
.nav-item:hover{background:#f6f6f6}
main{padding:33px clamp(20px,3vw,48px)}
main>header{padding:0 0 23px;margin-bottom:24px;border-bottom:1px solid var(--line)}
main>header h1{font-family:Arial,sans-serif;font-size:clamp(26px,2.4vw,34px);font-weight:600;letter-spacing:-.025em;color:var(--wc3-ink)}
.eyebrow{color:#78a92e;font-weight:700;letter-spacing:.11em}
.panel,.kpi,.summary-row>div,.task-hero,.company-structure>section{border:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none}
.panel{padding:20px}.panel-head h2,.panel h2,h2,h3{font-family:Arial,sans-serif;font-weight:600;color:var(--wc3-ink)}
.kpi{padding:18px 17px}.kpi strong{font-weight:650;letter-spacing:-.025em}
button,select,input,textarea{border-color:#e5e5e5;border-radius:0}
button{transition:background-color .15s ease,border-color .15s ease}
.primary{background:#78a92e;border-color:#78a92e;color:#fff;box-shadow:none}
.primary:hover:not(:disabled){background:#5f8a20;border-color:#5f8a20}
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #78a92e;outline-offset:2px}
.info-strip{background:#f6f6f6;border-color:#ededed;color:#222}
.info-strip.warning{background:#faf5e8;border-color:#e9d9b9;color:#73591d}
th{color:#585d61}tr:hover td{background:#f6f6f6}
.progress span,.metric i,.bar{background:#8d9294}
.bar.expense,.metric i.expense{background:#b8aeb0}
.heat{background:color-mix(in srgb,#8d9294 calc(var(--v)*.75%),#f6f6f6)}
.kpi .positive{color:#1c1c1c}
.status.aktiv,.status.bezahlt,.status.festgeschrieben,.status.geprueft{background:#eaf4eb;color:#2b6e43}
dialog{background:#fff;border-color:var(--line);box-shadow:0 24px 80px #20242422}
.login-screen{background:#f6f6f6}.login-card{border-color:#ededed;box-shadow:none}.login-card h1{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.025em}
@media(max-width:1050px) and (min-width:761px){html body[data-theme="light"]{grid-template-columns:220px minmax(0,1fr)}.brand small{font-size:8px}}
@media(max-width:760px){html body[data-theme="light"]{display:block}aside{padding:12px}main{padding:18px}main>header{align-items:flex-start;gap:12px}.panel{padding:16px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.brand small{white-space:normal}}