:root{--navy:#064763;--navy-dark:#03384f;--green:#159b79;--green-dark:#08745c;--ink:#16323d;--muted:#4c626b;--surface:#fff;--soft:#f0f7f5;--line:#cfddd9;--danger:#a32828;--focus:#f4a900;--radius:18px;--shadow:0 8px 28px #0447631a}*{box-sizing:border-box}html{font-size:17px}body{color:var(--ink);background:#f8fbfa;margin:0;font-family:Arial,Helvetica Neue,sans-serif;line-height:1.55}a{color:inherit}button,input,textarea{font:inherit}button,.button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--navy-dark)}button.secondary,.button.secondary{color:var(--navy);border:2px solid var(--navy);background:#fff}button.danger{background:var(--danger)}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}input,textarea{width:100%;min-height:50px;color:var(--ink);background:#fff;border:2px solid #9db4b2;border-radius:10px;padding:.7rem}label{margin:.75rem 0 .3rem;font-weight:700;display:block}.skip{z-index:100;background:#fff;padding:.7rem;position:absolute;top:.5rem;left:-9999px}.skip:focus{left:.5rem}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem max(1rem,50vw - 600px);display:flex}.brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand img{object-fit:contain;width:165px;height:64px}.tagline{color:var(--muted);max-width:240px;font-size:.82rem}.layout{grid-template-columns:240px minmax(0,1fr);max-width:1200px;min-height:calc(100vh - 86px);margin:auto;display:grid}nav{border-right:1px solid var(--line);background:#fff;padding:1.5rem 1rem}nav a,nav button{width:100%;color:var(--ink);background:0 0;border-radius:10px;justify-content:flex-start;margin:.2rem 0;padding:.8rem 1rem;font-weight:700;text-decoration:none;display:flex}nav a:hover,nav a.active{background:var(--soft);color:var(--green-dark)}main{max-width:960px;padding:2rem clamp(1rem,4vw,3rem)}h1{color:var(--navy);margin-top:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}h2{color:var(--navy)}.lead{color:var(--muted);font-size:1.15rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.35rem}.card h2,.card h3{margin-top:0}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{background:linear-gradient(145deg,var(--navy),#05746f);color:#fff;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,7rem);display:flex}.login-brand img{background:#fff;border-radius:24px;width:100%;max-width:430px}.login-panel{justify-content:center;align-items:center;padding:2rem;display:flex}.login-box{width:min(440px,100%)}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.notice,.error{border-radius:10px;margin:1rem 0;padding:1rem}.notice{border-left:5px solid var(--green);background:#e3f5ef}.error{border-left:5px solid var(--danger);color:#681717;background:#fff0f0}.service-icon{background:var(--soft);width:48px;height:48px;color:var(--green-dark);border-radius:14px;place-items:center;font-size:1.5rem;display:grid}.chat{flex-direction:column;gap:.75rem;max-height:480px;padding:.5rem;display:flex;overflow:auto}.message{background:#e9f3f1;border-radius:16px 16px 16px 4px;max-width:80%;padding:.8rem 1rem}.message.mine{background:var(--navy);color:#fff;border-radius:16px 16px 4px;align-self:flex-end}.meta{color:var(--muted);font-size:.78rem}.message.mine .meta{color:#d9edf4}.table-wrap{overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.8rem}th{background:var(--soft)}.muted{color:var(--muted)}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{padding:1.5rem}.login-brand img{max-width:260px}.layout{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid var(--line);padding:.5rem;display:flex;overflow:auto}nav a,nav button{white-space:nowrap;width:auto}.tagline{display:none}.form-row{grid-template-columns:1fr}main{padding-top:1.25rem}}html,body{min-width:320px}img{max-width:100%;height:auto}.topbar,.layout{width:100%}@media (min-width:1200px){.layout{grid-template-columns:280px minmax(0,1fr);max-width:1440px}main{max-width:1160px;padding:3rem 4rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.login-page{grid-template-columns:minmax(440px,48%) minmax(440px,52%)}.login-box{width:min(500px,100%)}}@media (min-width:761px) and (max-width:1199px){.layout{grid-template-columns:210px minmax(0,1fr)}main{max-width:none;padding:2rem clamp(1.25rem,3vw,2.5rem)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:minmax(320px,44%) minmax(400px,56%)}.login-brand{padding:clamp(2rem,5vw,4rem)}.login-brand img{max-width:340px}.login-panel{padding:clamp(1.5rem,4vw,3rem)}nav{padding:1.25rem .65rem}}@media (max-width:760px){.topbar{z-index:20;padding:.45rem .85rem;position:sticky;top:0}.brand img{width:132px;height:52px}.login-page{min-height:100dvh}.login-brand{text-align:center;align-items:center;min-height:210px}.login-brand h1{margin-bottom:.25rem;font-size:1.45rem}.login-brand p{margin:.25rem 0}.login-panel{align-items:flex-start;padding:1.4rem 1rem}.layout{flex-direction:column;display:flex}.layout>nav{z-index:15;scrollbar-width:thin;position:sticky;top:61px}.layout>main{width:100%;max-width:none;padding:1.25rem 1rem 2rem}.grid{grid-template-columns:minmax(0,1fr)}.card{padding:1.1rem}.card .button,.card>button{width:100%}.message{max-width:92%}.chat{max-height:55dvh}.table-wrap{overscroll-behavior-x:contain;width:100%}table{min-width:640px}th,td{padding:.7rem}.form-row{gap:0}}@media (max-width:420px){html{font-size:16px}.login-brand{min-height:175px;padding:1rem}.login-brand img{max-width:190px}.login-brand h1{font-size:1.25rem}.topbar .brand img{width:116px}.layout>nav{top:55px}nav a,nav button{padding:.7rem .8rem}.card{border-radius:14px;box-shadow:0 4px 16px #04476314}h1{font-size:1.8rem}button,.button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.content-column{flex-direction:column;min-width:0;display:flex}.content-column main{flex:1}.content-column footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;padding:1.25rem clamp(1rem,4vw,3rem);font-size:.9rem}@media (max-width:760px){.content-column footer{text-align:center;padding:1rem}}select{width:100%;min-height:50px;color:var(--ink);background:#fff;border:2px solid #9db4b2;border-radius:10px;padding:.7rem}.search-row{gap:.5rem;display:flex}.search-row input{min-width:0}@media (max-width:560px){.search-row{flex-direction:column}.search-row button{width:100%}}.copyright{color:var(--muted);text-align:center;margin:2rem 0 0;font-size:.88rem}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.login-topbar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.lang-toggle{border:1px solid var(--line);background:#fff;border-radius:999px;display:inline-flex;overflow:hidden}.lang-toggle button{min-height:auto;color:var(--muted);background:0 0;border:0;border-radius:0;padding:.34rem .7rem;font-size:.82rem;font-weight:700}.lang-toggle button.active{background:var(--navy);color:#fff}.lang-toggle button:not(.active):hover{background:var(--soft);color:var(--navy)}.portal-badge{white-space:nowrap;border-radius:999px;align-self:center;padding:.3rem .75rem;font-size:.8rem;font-weight:800}.portal-badge--klant{color:#075840;background:#e1f4ee}.portal-badge--medewerker{color:#ffd98a;background:#0f2b38}.portal-ribbon{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.15rem 1rem;padding:.5rem max(1rem,50vw - 600px);font-size:.92rem;line-height:1.35;display:flex}.portal-ribbon__label{letter-spacing:.02em;font-weight:800}.portal-ribbon__context{opacity:.9}.shell--klant .portal-ribbon{background:var(--green);color:#fff;border-bottom-color:var(--green-dark)}.shell--medewerker .portal-ribbon{color:#ffe4ab;border-bottom:3px solid var(--focus);background:#0f2b38}.shell--medewerker nav a.active,.shell--medewerker nav a:hover{color:#8a5a00;background:#fff4dd}.nav-group{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1.1rem 0 .1rem;padding:0 1rem;font-size:.72rem;font-weight:800;display:block}@media (max-width:760px){.portal-ribbon{gap:0 .6rem;padding:.4rem .85rem}.nav-group{display:none}}.address-row{grid-template-columns:minmax(0,2fr) minmax(90px,.6fr) minmax(90px,.6fr);gap:1rem;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.compact{width:auto;min-height:42px;padding:.45rem .8rem}.group-picker{border:1px solid var(--line);border-radius:12px;margin-top:1rem;padding:1rem}.group-picker legend{padding:0 .35rem;font-weight:700}.check-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.7rem 0;display:flex}.check-row:last-child{border-bottom:0}.check-row input{flex:none;width:22px;height:22px;margin:.15rem 0 0}.check-row span{flex-direction:column;display:flex}.check-row small,.matrix th small{color:var(--muted);margin-top:.2rem;font-weight:400;display:block}.badge{color:#075840;background:#e1f4ee;border-radius:999px;margin-top:.35rem;padding:.15rem .5rem;font-size:.82rem;font-weight:700;display:inline-block}.matrix td{text-align:center}.permission{border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:inline-grid}.permission.yes{color:#075840;background:#d8f3e8}.permission.no{color:#8a9a98}@media (max-width:760px){.address-row{grid-template-columns:1fr 1fr}.address-row>div:first-child{grid-column:1/-1}.section-heading{flex-direction:column}.compact{width:100%}}