:root{--ink:#142d23;--green:#18392b;--gold:#b8915d;--paper:#f4f0e8;--line:#d9d7cf;--muted:#6f7872}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Inter,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:30px 22px;background:#10271e;color:#fff;display:flex;flex-direction:column}.brand img{width:180px;max-height:62px;object-fit:contain;object-position:left}.demo-label{margin:30px 0 20px;padding:9px 11px;border:1px solid #b8915d55;border-radius:7px;color:#dfc39e;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 14px;border-radius:8px;color:#dce6df;text-decoration:none;font-weight:700}.sidebar nav a span{display:inline-grid;width:25px}.sidebar nav a:hover,.sidebar nav a.active{background:#284b3b;color:#fff}.back{margin-top:auto;padding:12px;color:#fff;text-decoration:none;border:1px solid #ffffff33;border-radius:8px;text-align:center;font-weight:700}main{margin-left:260px;padding:clamp(28px,4vw,64px);max-width:1700px}header{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:34px}h1{font-size:clamp(2rem,4vw,4.4rem);line-height:1;margin:.12em 0}h2{margin:.2em 0;font-size:1.5rem}.eyebrow{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:#8d6a42}.profile{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.profile>span,.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d9ff70;color:#18392b;font-weight:900}.profile small,.team-row small{display:block;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.stats span,.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:2rem;margin:5px 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:18px}.right-column{display:grid;gap:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.segmented{display:flex;padding:3px;background:#eef0eb;border-radius:8px}.segmented button,.text-button{border:0;background:transparent;padding:8px;cursor:pointer}.segmented button.active{background:#fff;border-radius:6px;box-shadow:0 2px 6px #00000012}.timeline{margin-top:20px}.timeline article{display:grid;grid-template-columns:58px 40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #eceae4}.timeline small{display:block;color:var(--muted)}.avatar.noah{background:#d7e4ff}.status{font-style:normal;font-size:.72rem;padding:7px 9px;border-radius:999px;background:#eef0eb}.status.now{background:#f2dfc5;color:#734b1d}.status.done{color:#5c6860}.team-row{display:flex;gap:12px;padding:14px 0;border-top:1px solid #eceae4}.team-row img{width:46px;height:46px;border-radius:50%;object-fit:cover}.team-row div{flex:1}.team-row i,.bars i{display:block;height:5px;margin-top:8px;background:#e9ece7;border-radius:999px}.team-row b,.bars b{display:block;height:100%;background:var(--gold);border-radius:999px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.quick-actions button{min-height:55px;border:1px solid var(--line);background:#faf9f6;border-radius:8px;font-weight:700;cursor:pointer}.note{background:#18392b;color:#fff}.note .eyebrow{color:#d5b486}.note p{color:#d4ddd7}.note.pulse{outline:5px solid #b8915d55}.lower-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{text-align:left;padding:12px 7px;border-top:1px solid #eceae4}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.bars{display:grid;gap:16px;margin-top:22px}.bars span{display:grid;grid-template-columns:110px 1fr 25px;gap:10px;align-items:center}.bars i{margin:0}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;min-height:0}.sidebar nav{grid-template-columns:1fr 1fr}.back{margin-top:22px}main{margin-left:0;padding:22px}header{display:block}.profile{margin-top:20px}.stats{grid-template-columns:1fr 1fr}.timeline article{grid-template-columns:45px 38px 1fr}.status{grid-column:3}.lower-grid{display:block}.lower-grid>.panel{margin-top:18px}table{display:block;overflow:auto}}@media(max-width:480px){.stats{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr}.profile{align-items:flex-start}.quick-actions{grid-template-columns:1fr}}

/* v39: dashboard blijft leesbaar op ieder scherm */
body{min-width:0}.sidebar{z-index:20}.agenda{min-width:0}.timeline article>div{min-width:0}.timeline strong,.timeline small{overflow-wrap:anywhere}
.stats article{min-height:128px;display:flex;flex-direction:column;justify-content:center}.panel{box-shadow:0 9px 30px rgba(20,45,35,.045)}
@media(max-width:1180px){
 .dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,minmax(0,1fr))}.right-column .note{grid-column:1/-1}
 .lower-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
 .sidebar{position:static;width:auto;padding:18px}.brand img{width:155px}.demo-label{margin:15px 0 10px}
 .sidebar nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px}.sidebar nav a{flex:0 0 auto;white-space:nowrap;padding:9px 11px}.back{display:inline-block;margin-top:10px;padding:9px 12px}
 main{margin:0;padding:24px 18px}header{display:grid;gap:18px;margin-bottom:24px}.profile{width:100%;margin:0}
 .right-column{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}
 .panel-head{align-items:flex-start}.timeline article{grid-template-columns:52px 38px minmax(0,1fr);gap:10px}.timeline .status{grid-column:3;justify-self:start;margin-top:3px}
 .lower-grid{display:grid}.lower-grid>.panel{margin:0}table{display:table;min-width:560px}.lower-grid>.panel:first-child{overflow-x:auto}
}
@media(max-width:520px){
 main{padding:18px 12px}h1{font-size:2.35rem}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{min-height:108px;padding:15px}.stats strong{font-size:1.65rem}
 .panel-head{display:grid}.segmented{width:100%}.segmented button{flex:1}.timeline article{grid-template-columns:44px minmax(0,1fr);padding:14px 0}.timeline .avatar{display:none}.timeline article>div{grid-column:2}.timeline .status{grid-column:2}
 .quick-actions{grid-template-columns:1fr}.bars span{grid-template-columns:96px 1fr 22px}.profile{padding:11px 13px}
 .lower-grid>.panel:first-child{display:none}
}