*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--rood: #c62820;--rood-donker: #991f19;--accent: #c62820;--accent-soft: #fde8e4;--ink: #172033;--navy: #1f2a3d;--grijs-bg: #f4f6f8;--grijs-rand: #d9dee7;--grijs-rand-2: #edf0f4;--surface: #ffffff;--surface-muted: #f8fafc;--tekst: #172033;--tekst-zacht: #647083;--tekst-licht: #9aa4b2;--wit: #ffffff;--nav-h: 56px;--radius: 8px;--shadow-soft: 0 1px 2px rgba(16, 24, 40, .05);--kaart-aanwezig: #ffffff;--kaart-afwezig: #f8fafc;--kaart-tekort: #fff4ed;--groen-zacht: #4b5563;--oranje-zacht: #b45309}html,body,#root{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--grijs-bg);color:var(--tekst);font-size:14px;letter-spacing:0}button,input,select,textarea{font:inherit}img,svg{max-width:100%}table{min-width:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(198,40,32,.22);outline-offset:2px}@media(max-width:780px){html,body,#root{height:auto;min-height:100%;overflow:auto}body{font-size:13px}.raaf-layout{min-height:100dvh!important;height:auto!important;overflow:visible!important}.raaf-topbar{position:static!important;height:auto!important;min-height:0!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;flex-wrap:wrap!important}.raaf-logo{margin-right:4px!important;flex:0 0 auto!important}.raaf-logo img{height:38px!important}.raaf-user{margin-left:auto;gap:6px!important}.raaf-user-avatar{width:30px!important;height:30px!important;font-size:.72rem!important}.raaf-logout{padding:5px 7px!important;font-size:.72rem!important}.raaf-main{padding:12px!important;overflow:visible!important;min-height:auto!important}.dashboard-topbar{grid-template-columns:1fr!important;justify-items:center!important;gap:18px!important}.dashboard-shell{height:auto!important;min-height:auto!important;padding:16px!important;gap:18px!important}.dashboard-screen{height:auto!important;min-height:100dvh!important;overflow:visible!important}.dashboard-time{justify-self:center!important;border-left:0!important;border-right:0!important;padding:0!important}.dashboard-topbar-right{justify-self:center!important;justify-content:center!important;flex-wrap:wrap!important}.dashboard-content{grid-template-columns:1fr!important}.dashboard-content>*{grid-column:1!important;justify-self:stretch!important;width:100%!important}}@media(max-width:520px){.raaf-user>span{display:none}.raaf-main{padding:8px!important}}