/* Lichte Goverse>-huisstijl; de kleurbetekenis van planning en werkorders blijft eigen aan die componenten. */
body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:#f4f6f1;color:#213729}
.main>header{background:#193e2a}
.service-local-nav a{color:#536b49;border-radius:8px 8px 0 0}
.service-local-nav a.active{color:#31542b;border-bottom-color:#83ab66;background:#edf4e6}
.main>.brand-footer{color:#526a55}
#sidebar{background:#fafcf8;border-right:1px solid #dce5d6;color:#29472e}
#sidebar .workspace{border-radius:10px;background:#edf3e6;border:1px solid #d7e4ce;color:#45643b}
#sidebar .workspace small{color:#63765c}
#sidebar nav a{border-radius:9px;color:#4d6447;margin:3px 0;min-height:42px;border-left:3px solid transparent;padding-left:9px}
#sidebar nav a.active,#sidebar nav a:hover{background:#e6efde;color:#2f5627;border-left:3px solid #79a852;padding-left:9px}
#sidebar nav .navlabel{color:#7c8b74;letter-spacing:1.3px;font-size:10px}
.card,.acto-card,.acto-panel{border:1px solid #dce5d5;border-radius:13px;box-shadow:0 3px 14px #21462105;background:#fff}
.card>.cardhead,.acto-card>header,.acto-panel>header{border-radius:12px 12px 0 0;background:#f0f5ea;color:#29472e;border-bottom:1px solid #dce5d5}
.card>.cardhead h2,.acto-card>header h2,.acto-panel>header h2{color:#29472e;font-weight:600}
.titlebar{background:transparent;border:0;margin:0 0 22px;padding:4px 0 8px}
.titlebar h1{font-size:28px;letter-spacing:-.7px;color:#263f2b;font-weight:650}
.titlebar p{color:#6f7f68;line-height:1.6}
.titlebar .eyebrow{color:#71846a;letter-spacing:1.3px;font-size:10px}
.btn{border:1px solid #cadac1;border-radius:9px;background:#fff;color:#31512c;min-height:40px;padding:9px 15px;font-weight:600;font-family:inherit;box-shadow:0 1px 2px #21372904;transition:background .15s,border-color .15s}
.btn:hover{background:#eef4e7;border-color:#9db88e}
.btn.primary{background:#356b35;color:#fff;border-color:#356b35}
.btn.primary:hover{background:#295828;border-color:#295828}
.btn.danger{background:#f9eeea;color:#903c30;border-color:#e8c6be}
.btn:focus-visible,a:focus-visible{outline:3px solid #7fac60;outline-offset:3px}
.btn:disabled{opacity:.55;cursor:not-allowed}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{border-radius:8px;border-color:#cedbc6;color:#253f2c;font-family:inherit}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8eb277;outline-offset:1px}
.notice{border-radius:11px;line-height:1.65}
.tabs button,.acto-tabs button{border-radius:8px 8px 0 0}
.tabs button.active,.acto-tabs button.active{border-color:#81a968;color:#2d512a;background:#f0f5eb}
dialog#modal{border-radius:18px;border:1px solid #d8e3d1;box-shadow:0 18px 75px #17392724}
dialog#modal::backdrop{background:#15372854;backdrop-filter:blur(3px)}
dialog#modal h2{font-weight:650;letter-spacing:-.35px;color:#233e2b}
.mt-tabs .btn,.mt-toolbar .btn{box-shadow:none}
.login-motto{color:#536b50;font-weight:400}
.login-caption p{font-size:clamp(18px,2vw,26px);font-weight:450;letter-spacing:-.3px}

/* Home: herkenbare illustraties, rustige oppervlakken en korte namen. */
.home-view{background:radial-gradient(ellipse at 50% 0,#f9fcf5,#f1f5ec 78%)}
.home-view .main>header{height:58px;background:#193e2a;padding:0 24px;border-bottom:1px solid #254d34}
.home-view #content{padding:24px clamp(18px,4vw,60px) 32px}
.home-view .home-shell{padding:0;max-width:1180px;margin:auto;background:transparent;min-height:0}
.home-view .home-shell h1{border:0;padding:16px 0 22px;margin:0;text-align:center;font-weight:500}
.home-view .gd-wordmark{margin:0 auto}
.home-view .gd-wordmark-name{font-size:clamp(22px,2.7vw,34px)}
.home-view .gd-wordmark small{font-size:8px;letter-spacing:2.7px}
.home-view .home-motto{margin:12px 0 0;font-size:12px;color:#65775d}
.home-view .home-wordmark-caption{font-family:inherit;font-size:15px;font-weight:450;letter-spacing:0;color:#6d7d64;margin:18px 0 0;display:block}
.home-view .home-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:18px;align-items:stretch}
.home-view .home-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#fff;color:#29442d;border:1px solid #dbe5d3;border-radius:17px;min-height:168px;padding:19px;gap:15px;box-shadow:0 4px 16px #25471d05;transition:border-color .16s,box-shadow .16s,transform .16s;text-decoration:none;overflow-wrap:anywhere}
.home-view .home-tile:hover{border-color:#a3c18c;box-shadow:0 8px 24px #294b2210;transform:translateY(-2px);background:#fcfef9}
.home-view .home-tile.asm{background:#e8f1df;border-color:#c5d9b6}
.home-view .home-tile:focus-visible{outline:3px solid #64933e;outline-offset:4px}
.home-view .tile-icon{display:grid;place-items:center;width:62px;height:62px;line-height:1;background:#f0f5e9;border:1px solid #e0ead7;border-radius:16px;color:#55813a;flex-shrink:0}
.home-view .home-tile.delivery .tile-icon,.home-view .home-tile.pickup .tile-icon{background:#f6f0e4;border-color:#eee3d1;color:#997e4e}
.home-view .home-tile.personnel .tile-icon,.home-view .home-tile.personnel-office .tile-icon{background:#edf3eb;border-color:#dce7d8;color:#66815b}
.home-view .home-tile.faultchat-tile .tile-icon{background:#edf3ec;border-color:#dce8da;color:#537b55}
.home-view .tile-icon svg{width:44px;height:44px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-view .tile-icon svg .tile-soft-fill{fill:currentColor;opacity:.12;stroke:none}
.home-view .home-tile strong{font-family:inherit;font-size:16px;font-weight:650;line-height:1.3;letter-spacing:-.2px;color:#29442d}
.home-view .home-tile small{font-family:inherit;font-size:12px;line-height:1.5;font-weight:400;color:#77846e}
.home-view .home-tile>span:nth-child(2){gap:5px}
.home-view .home-note{margin:24px 0 0;text-align:center;font-size:11px;color:#7a8870;line-height:1.6}
@media(max-width:760px){.home-view #content{padding:16px 16px 28px}.home-view .home-shell h1{padding:14px 0 22px}.home-view .home-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-view .home-tile{min-height:154px;padding:16px;gap:14px;border-radius:15px}.home-view .home-tile strong{font-size:14px}.home-view .home-tile small{font-size:11px}.home-view .tile-icon{width:54px;height:54px;border-radius:14px}.home-view .tile-icon svg{width:38px;height:38px}.home-view .home-wordmark-caption{font-size:13px}.titlebar h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.home-view .home-tile,.btn{transition:none}.home-view .home-tile:hover{transform:none}}
@media print{.home-view{background:white}.home-view .home-tile{box-shadow:none}}

/* Service selectors must override the legacy white foreground on every .btn. */
.service-view .btn,.dossier-context .btn{color:#254b30;background:#fff;border-color:#bed0c3}
.service-view .btn.primary,.service-view .btn.selected,.dossier-context .btn.primary,.dossier-context .btn.selected{color:#fff;background:#28604a;border-color:#28604a}
.service-view .btn.danger{color:#8b2525;background:#fff0ed;border-color:#deb9b4}
.service-view .btn:disabled{color:#52635a;background:#edf1ee;opacity:1}
.decision-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.decision-row{padding:16px 0;border-bottom:1px solid #dfe8e2;display:flex;align-items:flex-start;gap:14px;justify-content:space-between}
.decision-row>div{min-width:0}.decision-row .btn{flex-shrink:0}
.fc-message p{white-space:pre-wrap;overflow-wrap:anywhere}.fc-message a{color:#126047;text-decoration:underline}

/* Native dropdowns keep a legible foreground and option surface, including dialogs. */
select,select option,select optgroup{color:#253f2c;background-color:#fff;color-scheme:light}
select:disabled{color:#52635a;background-color:#edf1ee;opacity:1}