:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#eef2ff;--text:#172033;--muted:#697386;--line:#e4e9f2;--primary:#3157d5;--primary-2:#2344b7;--success:#21875b;--danger:#c93f4a;--warning:#c98616;--shadow:0 14px 40px rgba(25,39,76,.08);--radius:22px;--sidebar:260px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#14203d;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.08rem}.brand small,.sidebar small{display:block;color:#aeb9d0;font-weight:500;font-size:.75rem}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6f8cff,#3157d5);color:white;font-size:1.25rem;box-shadow:0 8px 24px rgba(49,87,213,.35)}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:30px}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;color:#c9d2e3}.sidebar nav a:hover,.sidebar nav a.active{background:#263555;color:#fff}.sidebar-footer{margin-top:auto;display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}.grow{flex:1;min-width:0}.sidebar-footer strong,.sidebar-footer small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:38px;height:38px;border-radius:50%;background:#dde5ff;color:#3157d5;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.avatar.large{width:54px;height:54px}.avatar.xl{width:80px;height:80px;font-size:1.8rem}.icon-button{background:transparent;color:#cfd6e7;border:0;font-size:1.2rem;cursor:pointer}.main{min-width:0}.topbar{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:24px 30px 8px}.topbar h1{margin:.1rem 0 0;font-size:1.65rem}.eyebrow{font-size:.72rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.12em}.content{padding:20px 30px 100px}.mobile-menu{display:none;border:0;background:var(--surface);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}.button{border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:var(--primary);color:white}.button.primary:hover{background:var(--primary-2)}.button.success{background:#e5f6ee;color:var(--success)}.button.ghost{background:#edf1f7;color:#3f4a5d}.button.large{padding:14px 18px;border-radius:14px}.button.tiny{padding:7px 9px;font-size:.82rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2,.panel-head h3{margin:0}.panel-head a{color:var(--primary);font-weight:700;font-size:.9rem}.hero{background:linear-gradient(135deg,#3157d5,#6a7fe8);color:#fff;border-radius:28px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 18px 50px rgba(49,87,213,.2);margin-bottom:20px}.hero h2{font-size:2rem;margin:.45rem 0}.hero p{margin:0;color:#e6ebff}.hero .pill{background:rgba(255,255,255,.15);color:#fff}.sos-button{border:0;border-radius:18px;background:#fff;color:#b3313c;padding:16px 20px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.15)}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#edf1ff;color:#3157d5;font-size:.78rem;font-weight:800}.pill.success{background:#e5f6ee;color:var(--success)}.module-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.module-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:120px;justify-content:center;box-shadow:0 8px 24px rgba(25,39,76,.05);transition:.18s transform,.18s box-shadow}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.module-icon{font-size:2rem}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.stat span{display:block;color:var(--muted);font-size:.86rem}.stat strong{display:block;font-size:1.8rem;margin-top:7px}.stat.live strong{font-size:1rem;color:var(--success)}.list-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row>div:last-child{min-width:0}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted);margin-top:3px}.date-badge{width:48px;height:48px;background:var(--surface-2);border-radius:13px;display:grid;place-items:center;line-height:1.05}.date-badge strong{font-size:1.15rem}.date-badge small{margin:0!important}.status-dot{width:10px;height:10px;border-radius:50%;background:#8994a7;flex:0 0 auto}.status-dot.high{background:var(--danger)}.status-dot.low{background:var(--success)}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.news-card{padding:16px;border-radius:16px;background:#f8faff;border:1px solid #e9edf6}.news-card h3,.news-card h4{margin:.5rem 0}.news-card p{white-space:pre-wrap;line-height:1.6}.news-card small{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:13px}.stack label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.88rem}input,select,textarea{width:100%;border:1px solid #d7dfeb;border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#7790ef;box-shadow:0 0 0 3px rgba(49,87,213,.1)}textarea{resize:vertical}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:12px}.client-card:hover{background:#f7f9ff}.client-card>div:nth-child(2){flex:1}.client-card strong,.client-card small{display:block}.client-card small{color:var(--muted);margin-top:2px}.alert{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;border:1px solid #e8edf4;border-radius:14px;padding:13px;margin-bottom:10px;background:#fafbfd}.alert.danger{background:#fff1f2;border-color:#ffd5d9}.alert p{margin:.35rem 0}.alert small{color:var(--muted)}.profile-hero{display:flex;align-items:center;gap:18px;margin-bottom:18px}.profile-hero h2{margin:.35rem 0}.journal-card{border-bottom:1px solid var(--line);padding:14px 0}.journal-card:last-child{border-bottom:0}.journal-card h3,.journal-card h4{margin:.35rem 0}.journal-card p{white-space:pre-wrap}.timeline-item{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item p{margin:.35rem 0;color:var(--muted)}.timeline-item small{color:var(--muted)}.empty-inline{padding:30px;text-align:center;color:var(--muted)}.moods{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.moods input{display:none}.moods span{display:grid;place-items:center;font-size:2rem;padding:16px;border:2px solid transparent;border-radius:16px;background:#f4f6fb;cursor:pointer}.moods input:checked+span{border-color:var(--primary);background:#edf1ff}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#f1f4f9;border-radius:999px;padding:8px 11px;font-size:.86rem}.sos-confirm{text-align:center;max-width:600px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:var(--shadow)}.sos-confirm>div{font-size:4rem}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{min-width:170px}.board-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.board-link{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px}.board-link>div{flex:1}.board-link strong,.board-link small{display:block}.board-link small{color:var(--muted);margin-top:3px}.login-page,.center-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#dfe6ff,transparent 35%),var(--bg)}.login-card,.empty-card{width:min(100%,460px);background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.login-brand{margin-bottom:30px;color:var(--text)}.login-card h1{margin-bottom:.35rem}.muted{color:var(--muted)}.tiny{font-size:.78rem}.big-icon{font-size:3rem}.bottom-nav{display:none}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#a3212d;color:#fff;padding:16px 18px;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.22);max-width:380px}.news-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.news-feed{display:flex;flex-direction:column;gap:12px}.board-page{min-height:100vh;padding:24px;background:#eef3f8}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.board-header h1{margin:.35rem 0;font-size:2.2rem}.board-clock{text-align:right}.board-clock strong{display:block;font-size:2.4rem}.board-clock small{color:var(--muted)}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.board-panel{background:#fff;border-radius:24px;padding:20px;box-shadow:var(--shadow);min-height:220px}.board-panel.span-2{grid-column:span 2}.board-panel h2{margin-top:0}.board-list{display:flex;flex-direction:column;gap:10px}.board-item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.board-item:last-child{border-bottom:0}.board-item time{font-size:1.35rem;font-weight:800;min-width:65px}.board-item strong,.board-item small{display:block}.board-item small{color:var(--muted);margin-top:3px}.attendance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance{display:grid;grid-template-columns:12px 1fr;gap:3px 8px;align-items:center;padding:10px;border-radius:14px;background:#f7f9fc}.attendance small{grid-column:2;color:var(--muted)}.presence{width:11px;height:11px;border-radius:50%;background:#a4adbb}.presence.present{background:#27a36b}.presence.away{background:#d34b57}.presence.expected{background:#d39427}.board-news{padding:12px 0;border-bottom:1px solid var(--line)}.board-news p{margin:.4rem 0}.board-dark{background:#101625;color:#eef3ff}.board-dark .board-panel{background:#192235;color:#f4f7ff}.board-dark .board-item,.board-dark .board-news{border-color:#2c3850}.board-dark .board-item small,.board-dark .board-clock small{color:#aeb9d0}.board-high_contrast{background:#000;color:#fff}.board-high_contrast .board-panel{background:#000;color:#fff;border:3px solid #fff}.board-high_contrast .board-item,.board-high_contrast .board-news{border-color:#fff} @media(max-width:1200px){.module-grid{grid-template-columns:repeat(4,1fr)}.admin-grid{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:1fr 1fr}.board-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:860px){:root{--sidebar:230px}.app-shell{display:block}.sidebar{position:fixed;left:-260px;transition:left .2s;width:240px;box-shadow:20px 0 40px rgba(0,0,0,.22)}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{justify-content:flex-start;padding:16px 16px 6px}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:1.35rem}.content{padding:14px 14px 90px}.bottom-nav{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));justify-content:space-around}.bottom-nav a,.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;gap:2px;align-items:center;color:#4c586d;font-size:1.15rem;min-width:60px}.bottom-nav span{font-size:.68rem;font-weight:700}.install-button{display:none!important}.hero{padding:22px;align-items:flex-start;flex-direction:column}.hero h2{font-size:1.5rem}.sos-button{width:100%}.module-grid{grid-template-columns:repeat(3,1fr)}.two-col,.three-col,.stats-grid{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:1fr}.board-link-grid{grid-template-columns:1fr 1fr}.board-page{padding:14px}.board-header h1{font-size:1.5rem}.board-clock strong{font-size:1.7rem}} @media(max-width:600px){.module-grid{grid-template-columns:repeat(2,1fr);gap:9px}.module-card{min-height:105px;padding:14px}.module-icon{font-size:1.7rem}.two-col,.three-col,.stats-grid,.admin-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:16px;border-radius:18px}.news-grid,.board-link-grid{grid-template-columns:1fr}.moods span{padding:11px 5px;font-size:1.65rem}.profile-hero{align-items:flex-start}.timeline-item{flex-direction:column}.board-grid{grid-template-columns:1fr}.board-panel.span-2{grid-column:span 1}.board-header{align-items:flex-start}.board-clock small{max-width:120px;display:block}.attendance-grid{grid-template-columns:1fr}.login-card{padding:24px}.topbar .eyebrow{display:none}} @media(display-mode:standalone){.topbar{padding-top:calc(16px + env(safe-area-inset-top))}.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}} /* WelZoa v1.2 hierarchy + landing */ .manage-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;margin-bottom:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,#f4f7ff);box-shadow:var(--shadow)}.manage-hero.location{background:linear-gradient(135deg,#f7fbff,#edf5ff)}.manage-hero.group{background:linear-gradient(135deg,#f7fff9,#effaf3)}.manage-hero h2{font-size:1.75rem;margin:.45rem 0}.manage-hero p{margin:0;color:var(--muted)}.manage-hero-meta{font-size:.88rem;font-weight:700;color:#4b5b72}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-card{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fafcff}.location-card h3{margin:0 0 5px}.location-card p{margin:0 0 10px;color:var(--muted)}.location-card small{display:block;margin-top:10px;color:var(--muted)}.location-icon{width:48px;height:48px;border-radius:14px;background:#edf2ff;display:grid;place-items:center;font-size:1.4rem}.table-sub{display:block;color:var(--muted);margin-top:3px;font-size:.78rem}.manage-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.location-day{margin-bottom:18px}.day-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.day-columns>div{padding:4px 4px}.day-columns h3{margin:0 0 10px}.day-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.day-row:last-child{border-bottom:0}.day-row>div{flex:1;min-width:0}.day-row strong,.day-row small{display:block}.day-row small{margin-top:3px;color:var(--muted)}.day-row time{font-weight:800;min-width:48px;color:var(--primary)}.mini-check{width:30px;height:30px;border:0;border-radius:9px;background:#e6f6ee;color:var(--success);font-weight:900;cursor:pointer}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.roster-card{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fafcff}.roster-card strong,.roster-card small,.roster-card em{display:block}.roster-card small{color:var(--muted);margin:3px 0}.roster-card em{font-style:normal;font-size:.76rem;color:var(--primary);font-weight:700}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-word{font-size:1.2rem!important}.mini-board-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.mini-board-list a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#f5f7fb;font-weight:700}.shift-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shift-board-person{display:flex;gap:10px;align-items:center;padding:12px;border-radius:15px;background:#f7f9fc}.shift-board-person strong,.shift-board-person small{display:block}.shift-board-person small{margin-top:3px;color:var(--muted)} .landing-body{background:#08101f;color:#eef4ff;min-height:100vh}.landing-nav{height:82px;max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:34px}.landing-brand{display:flex;align-items:center;gap:11px}.landing-brand strong,.landing-brand small{display:block}.landing-brand small{font-size:.72rem;color:#8fa0bc;margin-top:2px}.landing-nav nav{display:flex;gap:28px;margin-left:auto}.landing-nav nav a{color:#aebbd1;font-size:.9rem;font-weight:700}.landing-nav nav a:hover{color:white}.landing-actions{display:flex;gap:10px;align-items:center}.landing-body .button.ghost{background:#151f31;color:#e8eefc;border:1px solid #26334a}.landing-body .button.primary{background:linear-gradient(135deg,#6f78ff,#4d57e7);box-shadow:0 12px 30px rgba(80,91,230,.25)}.landing-hero{max-width:1240px;margin:0 auto;padding:70px 24px 86px;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;position:relative}.landing-hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(69,91,218,.23),transparent 68%);right:-160px;top:-80px;pointer-events:none}.landing-copy{position:relative;z-index:1}.landing-kicker{display:inline-flex;align-items:center;gap:8px;color:#8ba7ff;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.73rem}.landing-copy h1{font-size:clamp(3rem,6vw,5.4rem);letter-spacing:-.055em;line-height:.95;margin:20px 0 24px}.landing-copy h1 span{color:#8297ff}.landing-copy>p{font-size:1.12rem;line-height:1.75;color:#aebbd0;max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#8fa0ba;font-size:.83rem;font-weight:700}.landing-preview{position:relative;z-index:1}.preview-window{border:1px solid #2e3a51;background:linear-gradient(160deg,#121d31,#0c1423);border-radius:30px;padding:20px;box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}.preview-top{display:flex;align-items:center;gap:12px}.preview-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7986ff,#4250d8);font-weight:900}.preview-top div:nth-child(2){flex:1}.preview-top strong,.preview-top small{display:block}.preview-top small{color:#8391aa;margin-top:2px}.preview-live{color:#6fd2a3;font-size:.75rem;font-weight:800}.preview-date{padding:26px 2px 12px;color:#8c9ab1;font-size:.82rem}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-grid article{min-height:155px;background:#f8faff;color:#121b2c;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px}.preview-grid article>span{font-size:1.5rem}.preview-grid article b{font-size:1.35rem}.preview-grid article small{color:#69768c}.preview-grid article.wide{grid-column:span 2;min-height:130px;background:linear-gradient(135deg,#eef2ff,#f8f9ff)}.preview-people{display:flex;align-items:center;margin-top:auto}.preview-people i{width:34px;height:34px;border-radius:50%;background:#172440;color:white;display:grid;place-items:center;font-style:normal;font-size:.72rem;font-weight:800;border:2px solid #eef2ff;margin-right:-7px}.preview-people small{margin-left:18px}.landing-strip{max-width:1190px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1f2b3e;border-radius:22px;background:#0d1626}.landing-strip div{padding:22px 24px;border-right:1px solid #1f2b3e}.landing-strip div:last-child{border-right:0}.landing-strip strong,.landing-strip span{display:block}.landing-strip strong{font-size:1rem}.landing-strip span{color:#8290a8;font-size:.78rem;margin-top:4px}.landing-section{max-width:1240px;margin:0 auto;padding:80px 24px}.section-heading{max-width:720px;margin-bottom:36px}.section-heading>span,.landing-cta>div>span{color:#8297ff;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.72rem}.section-heading h2,.landing-cta h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;line-height:1.08;margin:12px 0 16px}.section-heading p,.landing-cta p{color:#94a3bb;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-grid article{border:1px solid #1e2b40;background:#0d1728;border-radius:20px;padding:24px}.feature-grid article>span{font-size:1.65rem}.feature-grid h3{margin:18px 0 8px}.feature-grid p{margin:0;color:#8f9db4;line-height:1.6;font-size:.9rem}.roles-section{border-top:1px solid #182338}.role-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.role-flow article{display:flex;gap:18px;border:1px solid #1e2b40;border-radius:20px;padding:24px;background:#0b1524}.role-flow b{font-size:.75rem;color:#7991ff;padding-top:4px}.role-flow h3{margin:0 0 8px}.role-flow p{margin:0;color:#8e9cb4;line-height:1.6}.landing-cta{max-width:1192px;margin:60px auto 90px;padding:40px;border:1px solid #2c3b5a;border-radius:28px;background:linear-gradient(135deg,#111d36,#151a31);display:flex;gap:40px;align-items:center;justify-content:space-between}.landing-cta>div{max-width:760px}.landing-cta h2{margin-bottom:10px}.landing-cta p{margin:0}.landing-footer{border-top:1px solid #172238;max-width:1240px;margin:0 auto;padding:34px 24px 50px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-footer p{color:#73829b;font-size:.82rem}.setup-page{background:#0a1222;color:#eff4ff;min-height:100vh}.setup-shell{min-height:100vh;display:grid;grid-template-columns:1fr 520px;gap:70px;align-items:center;max-width:1180px;margin:auto;padding:50px 24px}.setup-intro h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;letter-spacing:-.05em;margin:24px 0}.setup-intro>p{color:#9ba9bf;line-height:1.75;font-size:1.05rem;max-width:650px}.setup-points{display:flex;flex-direction:column;gap:12px;margin-top:28px;color:#b5c0d2}.setup-card{background:#fff;color:var(--text);border-radius:28px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.setup-card h2{margin-top:0}.setup-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.form-error{padding:12px 14px;border-radius:12px;background:#fff0f1;color:#a62f3b;margin-bottom:16px;font-weight:700;font-size:.88rem} @media(max-width:1200px){.manage-form-grid{grid-template-columns:repeat(2,1fr)}.roster-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:900px){.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;padding-top:40px}.landing-copy h1{max-width:800px}.landing-preview{max-width:650px}.landing-strip{margin-left:18px;margin-right:18px;grid-template-columns:1fr 1fr}.landing-strip div:nth-child(2){border-right:0}.landing-strip div:nth-child(-n+2){border-bottom:1px solid #1f2b3e}.feature-grid,.role-flow{grid-template-columns:1fr 1fr}.setup-shell{grid-template-columns:1fr;gap:32px}.setup-intro{padding-top:20px}.setup-card{max-width:600px;width:100%}.day-columns{grid-template-columns:1fr 1fr}.roster-grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:1fr}.shift-board-grid{grid-template-columns:1fr 1fr}} @media(max-width:650px){.landing-nav{height:72px;padding:0 16px}.landing-actions .button.ghost{display:none}.landing-actions .button.primary{padding:9px 11px;font-size:.8rem}.landing-brand small{display:none}.landing-hero{padding:40px 16px 60px;gap:36px}.landing-copy h1{font-size:3.2rem}.landing-copy>p{font-size:1rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-row{gap:10px 14px}.preview-window{padding:12px;border-radius:22px}.preview-grid{grid-template-columns:1fr}.preview-grid article.wide{grid-column:span 1}.landing-strip{grid-template-columns:1fr;margin-bottom:30px}.landing-strip div{border-right:0;border-bottom:1px solid #1f2b3e!important}.landing-strip div:last-child{border-bottom:0!important}.landing-section{padding:58px 16px}.feature-grid,.role-flow{grid-template-columns:1fr}.landing-cta{margin:30px 16px 60px;padding:28px;flex-direction:column;align-items:flex-start}.landing-footer{margin:0 16px;align-items:flex-start;flex-direction:column}.manage-hero{align-items:flex-start;flex-direction:column}.manage-form-grid,.day-columns,.roster-grid,.shift-board-grid{grid-template-columns:1fr}.form-split{grid-template-columns:1fr}.setup-shell{padding:28px 16px}.setup-intro h1{font-size:2.8rem}.setup-card{padding:22px}} .location-edit-form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:12px}.location-edit-form input{padding:8px 9px;font-size:.82rem}.compact-settings{margin-bottom:18px}.inline-settings{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;align-items:end}.inline-settings label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:700}@media(max-width:650px){.location-edit-form,.inline-settings{grid-template-columns:1fr}.inline-settings .button{width:100%}} /* WelZoa v1.3 personal day planner + agenda */ .client-simple-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#eef3ff);border:1px solid var(--line);box-shadow:var(--shadow)}.client-simple-header h2{font-size:2rem;margin:.45rem 0}.client-simple-header p{margin:0;color:var(--muted);font-size:1rem}.client-simple-header.agenda-head{background:linear-gradient(135deg,#fff,#f4f1ff)} .day-nav{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:18px}.day-nav-button{display:flex;align-items:center;justify-content:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-weight:800;color:#34415a;box-shadow:0 6px 20px rgba(25,39,76,.04)}.day-nav-button:hover{background:#f5f7ff;color:var(--primary)}.day-nav-date{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.day-nav-date strong{font-size:1.05rem;text-transform:capitalize}.day-nav-date a{font-size:.78rem;color:var(--primary);font-weight:800} .client-planner-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;align-items:start}.simple-panel,.simple-add-card{min-width:0}.simple-add-card{position:sticky;top:18px}.big-emoji{font-size:2rem}.friendly-empty{display:grid;place-items:center;text-align:center;padding:38px 18px;border:2px dashed #dce3f0;border-radius:20px;background:#fafcff;color:var(--muted)}.friendly-empty>span{font-size:3rem}.friendly-empty strong{margin-top:8px;color:var(--text);font-size:1.05rem}.friendly-empty p{margin:.35rem 0 0}.friendly-empty.compact{padding:20px}.friendly-empty.compact>span{font-size:2rem} .personal-timeline{display:flex;flex-direction:column;gap:10px}.personal-plan-item{display:grid;grid-template-columns:64px 66px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.16s ease}.personal-plan-item:hover{border-color:#cdd7ee;box-shadow:0 10px 24px rgba(25,39,76,.05)}.personal-plan-item.done{opacity:.66;background:#f7faf8}.personal-plan-item.done .personal-plan-copy strong{text-decoration:line-through}.personal-plan-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#eef3ff;font-size:2.1rem}.agenda-item .personal-plan-icon{background:#f3efff}.personal-plan-time{font-weight:900;color:var(--primary);font-size:1.05rem;font-variant-numeric:tabular-nums}.personal-plan-copy{min-width:0}.personal-plan-copy strong{display:block;font-size:1rem}.personal-plan-copy p{margin:.3rem 0;color:var(--muted);white-space:pre-wrap}.personal-plan-copy small{color:var(--muted);display:block;margin-top:3px}.big-check{width:44px;height:44px;border:0;border-radius:14px;background:#e5f6ee;color:var(--success);font-size:1.2rem;font-weight:900;cursor:pointer}.big-check:hover{filter:brightness(.97)} .plan-edit{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.plan-edit>summary{cursor:pointer;color:var(--primary);font-weight:800;font-size:.85rem;list-style:none}.plan-edit>summary::-webkit-details-marker{display:none}.plan-edit[open]>summary{margin-bottom:12px}.stack.compact{gap:10px}.field-title{display:block;font-weight:800;font-size:.88rem;margin-top:2px}.soft-line{border:0;border-top:1px solid var(--line);margin:22px 0} .pictogram-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pictogram-choice{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:5px!important;min-height:78px;padding:8px 5px;border:1px solid #dce3ef;border-radius:14px;background:#fafcff;cursor:pointer;text-align:center;font-weight:700!important;font-size:.7rem!important;transition:.14s ease}.pictogram-choice:hover{background:#f0f4ff;border-color:#c5d1ee}.pictogram-choice input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.pictogram-choice:has(input:checked){border:2px solid var(--primary);background:#edf2ff;box-shadow:0 0 0 3px rgba(49,87,213,.08)}.pictogram-emoji{font-size:1.7rem;line-height:1}.pictogram-label{line-height:1.15;color:#4d5a70}.danger-soft{background:#fff0f1;color:#a9323d}.upcoming-panel{margin-top:18px}.upcoming-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.upcoming-card{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fafcff}.upcoming-card>span{font-size:1.55rem}.upcoming-card strong,.upcoming-card small{display:block}.upcoming-card small{color:var(--muted);margin-top:3px} .home-plan-row{display:grid;grid-template-columns:38px 54px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.home-plan-row:last-child{border-bottom:0}.home-plan-row.done{opacity:.6}.home-plan-row.done strong{text-decoration:line-through}.home-plan-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef3ff;font-size:1.35rem}.home-plan-row time{font-weight:800;color:var(--primary)}.client-home-grid{align-items:stretch}.client-module-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.client-module-card{min-height:128px}.planning-admin-columns{align-items:start}.planning-profile .button{margin-left:auto}.staff-timeline .pictogram-picker{grid-template-columns:repeat(4,minmax(0,1fr))} .client-card-actions{display:block;padding:0;overflow:hidden}.client-card-main{display:flex;align-items:center;gap:12px;padding:12px}.client-card-main>div:nth-child(2){flex:1}.client-plan-link{display:block;border-top:1px solid var(--line);padding:9px 12px;background:#f7f9ff;color:var(--primary);font-size:.82rem;font-weight:800;text-align:center}.client-plan-link:hover{background:#eef2ff} /* Strong baseline so every page remains styled even after an older PWA release was installed. */ html,body{width:100%;max-width:100%;overflow-x:hidden}.content>*{max-width:100%}.panel{overflow:hidden}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.setup-page input,.setup-page select,.setup-page textarea{font:inherit}.setup-page .stack{gap:14px}.setup-page .button{width:auto}.setup-card label{color:var(--text)} @media(max-width:1280px){.client-module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pictogram-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1000px){.client-planner-layout{grid-template-columns:1fr}.simple-add-card{position:static}.client-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-admin-columns{grid-template-columns:1fr}.planning-profile{align-items:flex-start;flex-wrap:wrap}.planning-profile .button{margin-left:0}} @media(max-width:720px){.client-simple-header{padding:20px}.client-simple-header h2{font-size:1.6rem}.day-nav{grid-template-columns:1fr 1fr}.day-nav-date{grid-column:1/-1;grid-row:1}.day-nav-button{font-size:.8rem}.personal-plan-item{grid-template-columns:54px 52px minmax(0,1fr) auto;padding:11px;gap:8px}.personal-plan-icon{width:50px;height:50px;font-size:1.8rem}.personal-plan-time{font-size:.92rem}.pictogram-picker,.staff-timeline .pictogram-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.pictogram-choice{min-height:72px}.pictogram-label{font-size:.65rem}.upcoming-grid{grid-template-columns:1fr}.client-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-module-card{min-height:104px;padding:12px}.client-module-card .module-icon{font-size:1.7rem}.client-module-card strong{font-size:.83rem}.client-home-grid{grid-template-columns:1fr}.profile-hero .button{width:100%}} @media(max-width:460px){.personal-plan-item{grid-template-columns:48px 46px minmax(0,1fr)}.personal-plan-item>.big-check,.personal-plan-item>form:has(.big-check){grid-column:3;justify-self:end}.personal-plan-icon{width:44px;height:44px;font-size:1.55rem}.pictogram-picker,.staff-timeline .pictogram-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.client-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.day-nav-button{padding:10px 8px}.home-plan-row{grid-template-columns:34px 48px minmax(0,1fr)}.home-plan-row>span:last-child{display:none}} /* WelZoa v1.3.2 — tabs, herhaalplanning en dagelijkse digiborden */ .workspace-tabs{margin-top:18px}.workspace-tabbar{position:sticky;top:0;z-index:8;display:flex;gap:8px;overflow-x:auto;padding:10px;margin:0 0 18px;background:rgba(244,247,252,.94);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(25,39,76,.06);scrollbar-width:none}.workspace-tabbar::-webkit-scrollbar{display:none}.workspace-tab{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:11px 14px;background:transparent;color:#526079;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:.15s ease}.workspace-tab:hover{background:#fff;color:var(--text)}.workspace-tab.is-active{background:#fff;color:var(--primary);box-shadow:0 5px 16px rgba(25,39,76,.09)}.workspace-tab b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef2ff;color:var(--primary);font-size:.7rem}.workspace-panel[hidden]{display:none!important}.workspace-panel.is-active{animation:workspaceIn .16s ease}@keyframes workspaceIn{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}} .workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;padding:4px 4px 2px}.workspace-intro h2{margin:.25rem 0 .2rem}.workspace-intro p{margin:0;color:var(--muted)}.workspace-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.button.soft{background:#eef2ff;color:var(--primary);border-color:#dfe6ff}.button.soft:hover{background:#e5ebff}.section-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-mini-head h2,.section-mini-head h3{margin:0}.section-mini-head button{border:0;background:transparent;color:var(--primary);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;padding:5px} .workspace-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;align-items:start}.workspace-list-card,.workspace-form-card{min-width:0}.workspace-form-card{position:sticky;top:84px}.workspace-list{display:flex;flex-direction:column;gap:9px}.workspace-list-row{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.workspace-list-row.task{align-items:center}.workspace-list-row form{margin-left:auto}.workspace-date{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#eef2ff;color:var(--primary);line-height:1}.workspace-date strong{font-size:1.05rem}.workspace-date small{font-size:.67rem;text-transform:uppercase}.workspace-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eef7f1;font-size:1.45rem}.workspace-icon.meal{background:#f4efff}.workspace-list-copy{min-width:0;flex:1}.workspace-list-copy strong,.workspace-list-copy small{display:block}.workspace-list-copy small{margin-top:3px;color:var(--muted)}.workspace-list-copy p{margin:.45rem 0 0;color:var(--muted);font-size:.82rem}.success-soft{background:#eaf8f0;color:#247a4d;border-color:#d3efdf}.roster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roster-list-row{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.roster-list-copy strong,.roster-list-copy small,.roster-list-copy span,.roster-list-copy em{display:block}.roster-list-copy small{color:var(--muted);margin-top:2px}.roster-list-copy span{font-weight:800;color:var(--primary);margin-top:2px}.roster-list-copy em{font-style:normal;color:var(--muted);font-size:.76rem;margin-top:3px}.compact-admin-grid{margin-bottom:18px}.compact-admin-grid .panel{min-width:0} @media(max-width:1100px){.workspace-split{grid-template-columns:1fr}.workspace-form-card{position:static}.roster-list{grid-template-columns:1fr 1fr}} @media(max-width:760px){.workspace-tabbar{margin-left:-4px;margin-right:-4px;border-radius:14px;padding:7px}.workspace-tab{padding:10px 11px}.workspace-tab span{font-size:1rem}.workspace-intro{align-items:flex-start;flex-direction:column}.workspace-quick-actions{width:100%}.workspace-quick-actions .button{flex:1}.roster-list{grid-template-columns:1fr}.workspace-list-row{padding:11px}.workspace-form-card .form-split{grid-template-columns:1fr}} /* WelZoa v1.3.2 — herhaalbare maaltijden en roosters */ .repeat-box{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--line,#dfe6f1);border-radius:16px;background:rgba(49,87,213,.045)} .repeat-box>strong{font-size:.95rem;color:var(--text,#14213d)} .repeat-box>small{color:var(--muted,#667085);line-height:1.45} .repeat-box label{margin:0} .repeat-box label.is-disabled{opacity:.5}.repeat-box label.is-disabled input{cursor:not-allowed} /* WelZoa v1.3.3 — optionele roosterintegraties */ .integration-section{scroll-margin-top:20px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fbfcff;min-width:0}.integration-card.coming-soon{background:linear-gradient(145deg,#fbfcff,#f5f1ff)}.integration-card-head{display:flex;align-items:flex-start;gap:12px}.integration-card-head h3{margin:2px 0 5px}.integration-card-head p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.integration-logo{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eef2ff;font-size:1.45rem}.integration-form{margin-top:16px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.toggle-row>span{display:block}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{margin-top:3px;color:var(--muted);font-weight:500}.toggle-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary)}.integration-advanced{border:1px solid var(--line);border-radius:14px;padding:0 12px;background:#fff}.integration-advanced>summary,.integration-mapping>summary{cursor:pointer;font-weight:800;padding:12px 2px}.integration-advanced[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}.integration-note{padding:10px 12px;border-radius:12px;background:#eef7f1;color:#285d45;font-size:.8rem;line-height:1.45}.integration-mapping{margin:4px 0 10px;border:1px dashed #ccd5e5;border-radius:12px;padding:0 10px}.integration-status-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.integration-status-row>div{padding:10px 12px;border-radius:12px;background:#f5f7fb}.integration-status-row strong,.integration-status-row small{display:block}.integration-status-row small{margin-top:3px;color:var(--muted)}.status-ok{color:var(--success)!important}.status-warning{color:var(--warning)!important}.status-error{color:var(--danger)!important}.integration-error{padding:10px 12px;border-radius:12px;background:#fff0f1;color:#9f2f39;font-size:.8rem;line-height:1.4}.integration-result{padding:10px 12px;border-radius:12px;background:#eef2ff;color:#47536d;font-size:.8rem}.integration-coming{margin-top:14px;padding:14px;border-radius:14px;background:#fff}.integration-coming strong,.integration-coming p{display:block}.integration-coming p{margin:.35rem 0 0;color:var(--muted);font-size:.82rem}.integration-mappings-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.pill.success{background:#eaf8f0;color:#247a4d}.pill.warning{background:#fff6df;color:#996514}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row .button{flex:1}.roster-source{display:inline-flex!important;width:max-content;margin-top:4px;padding:2px 7px;border-radius:999px;background:#eef2ff;color:var(--primary)!important;font-size:.65rem!important;font-weight:800}.integration-card textarea{font-family:inherit}.integration-card code,.integration-mappings-panel code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem} @media(max-width:1100px){.integration-grid{grid-template-columns:1fr}}@media(max-width:720px){.integration-card{padding:13px}.integration-status-row{grid-template-columns:1fr}.button-row .button{flex:1 1 100%}.integration-card .form-split{grid-template-columns:1fr}} /* WelZoa v1.3.4 — gratis WebRTC-videobellen + Web Push */ .topbar-actions{display:flex;align-items:center;gap:8px}.push-button.success-soft{background:#eaf8f0;color:#247a4d;border-color:#d3efdf}.on-duty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.on-duty-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fbfcff}.on-duty-card small{display:block;color:var(--muted);margin-top:3px}.on-duty-card form{margin-left:auto} .incoming-call{position:fixed;inset:0;z-index:100;background:rgba(12,21,43,.52);display:grid;place-items:start center;padding:24px}.incoming-call[hidden]{display:none}.incoming-call-card{width:min(680px,calc(100vw - 30px));display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(5,13,34,.28);animation:callDrop .2s ease}.incoming-call-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#eef2ff;font-size:1.8rem}.incoming-call-card p{margin:.2rem 0 0;color:var(--muted)}@keyframes callDrop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}} .video-call-shell{display:grid;gap:16px}.video-call-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.video-call-head h2{margin:.35rem 0 .15rem;font-size:2rem}.call-actions{display:flex;gap:9px}.round-call-button{width:50px;height:50px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow)}.round-call-button.danger{background:#d93a46;color:#fff;border-color:#d93a46}.video-stage{position:relative;min-height:62vh;border-radius:24px;overflow:hidden;background:#101827;box-shadow:0 20px 60px rgba(12,21,43,.2)}.video-stage>video#remoteVideo{width:100%;height:62vh;display:block;object-fit:cover;background:#101827}.local-video-wrap{position:absolute;right:18px;bottom:18px;width:min(240px,28vw);aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.8);box-shadow:0 12px 36px rgba(0,0,0,.3);background:#202a3d}.local-video-wrap video{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;color:#fff;font-size:3rem;pointer-events:none}.video-placeholder strong{font-size:1rem}.video-placeholder[hidden]{display:none}.accept-call-panel{display:flex;justify-content:center;gap:12px}.button.big{padding:14px 24px;font-size:1rem}.video-privacy-note{text-align:center;color:var(--muted);font-size:.82rem;margin:0} @media(max-width:820px){.on-duty-grid{grid-template-columns:1fr}.video-call-head{align-items:flex-start;flex-direction:column}.call-actions{width:100%;justify-content:center}.video-stage,.video-stage>video#remoteVideo{min-height:54vh;height:54vh}.local-video-wrap{width:34vw;right:10px;bottom:10px}.incoming-call-card{align-items:flex-start;flex-wrap:wrap}.incoming-call-card .grow{min-width:calc(100% - 75px)}.incoming-call-card .button{flex:1}.topbar-actions .push-button{display:none}} @media(max-width:520px){.on-duty-card{align-items:flex-start;flex-wrap:wrap}.on-duty-card form{margin-left:0;width:100%}.on-duty-card form .button{width:100%}.video-stage,.video-stage>video#remoteVideo{min-height:48vh;height:48vh}.local-video-wrap{width:40vw}.accept-call-panel{display:grid;grid-template-columns:1fr 1fr}.bottom-nav{overflow-x:auto}.bottom-nav>a,.bottom-nav>button,.bottom-nav>form{min-width:64px}} /* v1.3.5 operational editor + attendance */ .attendance-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.attendance-choice-btn{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:22px 14px;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:2rem}.attendance-choice-btn strong{font-size:1rem}.attendance-choice-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.attendance-choice-btn.present{background:#effcf4}.attendance-choice-btn.away{background:#fff5f5}.attendance-choice-btn.expected{background:#fffbea}.crud-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crud-details>summary{cursor:pointer;color:var(--primary);font-weight:700}.presence.present{background:#26b36a}.presence.away{background:#e24f4f}.presence.expected{background:#efad32}.presence.unknown{background:#aeb8c8}@media(max-width:700px){.attendance-choice{grid-template-columns:1fr}.attendance-choice-btn{flex-direction:row;justify-content:flex-start;font-size:1.5rem}} /* WelZoa v1.3.6 — vaste desktop-sidebar, alleen rechter werkruimte scrollt */ @media (min-width:861px){ html,body{height:100%;overflow:hidden} .app-shell{display:block;height:100vh;min-height:0} .sidebar{ position:fixed; inset:0 auto 0 0; width:var(--sidebar); height:100vh; min-height:0; overflow:hidden; z-index:50; } .sidebar>.brand{flex:0 0 auto} .sidebar nav{ flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; padding-right:4px; } .sidebar-footer{flex:0 0 auto} .main{ margin-left:var(--sidebar); width:calc(100% - var(--sidebar)); height:100vh; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; } } /* WelZoa 2.0 — zorgsuite */ .care-suite-tabs{position:sticky;top:0;z-index:20;overflow-x:auto;white-space:nowrap}.suite-pane[hidden]{display:none!important}.suite-pane{scroll-margin-top:90px}.suite-pane>.panel-head{align-items:flex-start}.progress-bar{height:9px;border-radius:999px;background:#edf1f7;overflow:hidden;margin:.55rem 0}.progress-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3157d5,#6f8cff)}.workspace-list-row.severity-high,.workspace-list-row.severity-critical{border-left:4px solid #d93a46}.workspace-list-row.severity-medium{border-left:4px solid #efad32}.workspace-list-row.severity-low{border-left:4px solid #32a26b}.workspace-list-row.is-done{opacity:.58;text-decoration:line-through}.profile-card-grid,.goal-grid,.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel.inset{box-shadow:none;background:#fbfcff;border:1px solid var(--line)}.profile-card-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-card-display>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.profile-card-display p{color:var(--muted);margin:.4rem 0 0;white-space:pre-wrap}.wellbeing-stat small{color:var(--muted)}.severity-dot{width:12px;height:12px;border-radius:50%;background:#9aa5b7}.severity-dot.critical{background:#d93a46}.severity-dot.warning{background:#efad32}.severity-dot.success{background:#32a26b}.board-editor-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fbfcff;margin-bottom:14px}.board-sort-list{display:grid;gap:8px}.board-sort-item{display:grid;grid-template-columns:38px 1fr 140px;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:grab}.board-sort-item.dragging{opacity:.45}.drag-handle{font-size:1.2rem;color:var(--muted)}.integration-center{margin:16px 0}.audit-panel{margin-top:16px}.test-mode-banner{position:sticky;top:0;z-index:80;padding:8px 14px;background:#fff3cd;color:#7a5a00;border-bottom:1px solid #f1d884;text-align:center;font-weight:800}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;overflow-x:auto}.week-day{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fbfcff;min-width:150px}.week-day h3{margin:.1rem 0 .8rem;text-transform:capitalize}.week-moment{display:grid;grid-template-columns:28px 45px 1fr;gap:6px;align-items:start;padding:7px 0;border-top:1px solid var(--line)}.week-moment time{font-size:.76rem;color:var(--muted)}.week-moment strong{font-size:.82rem}.week-copy-form{margin-bottom:14px}.photo-diary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-diary-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;padding-bottom:10px}.photo-diary-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef1f6}.photo-diary-card strong,.photo-diary-card small,.photo-diary-card form{display:block;margin:7px 10px}.meal-choice-card{border:2px solid var(--line);border-radius:18px;padding:16px;background:#fff;display:grid;gap:8px}.meal-choice-card>span{font-size:2rem}.meal-choice-card.chosen{border-color:#32a26b;background:#effcf4}.widget-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.widget-setting{display:grid;grid-template-columns:48px 1fr auto 70px;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.widget-setting .module-icon{font-size:1.7rem}.widget-setting input[type=checkbox]{width:22px;height:22px}.chat-shell{display:grid;grid-template-columns:320px 1fr;gap:16px;min-height:calc(100vh - 150px)}.chat-list,.chat-thread{min-height:0}.conversation-list{display:grid;gap:6px;margin-top:12px}.conversation-link{display:grid;gap:4px;padding:11px;border-radius:12px;text-decoration:none;color:inherit}.conversation-link:hover,.conversation-link.active{background:#eef2ff}.conversation-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.message-stream{display:flex;flex-direction:column;gap:9px;max-height:58vh;overflow-y:auto;padding:6px}.message-bubble{max-width:76%;padding:11px 13px;border-radius:16px;background:#f3f5f9}.message-bubble.mine{align-self:flex-end;background:#eaf0ff}.message-bubble p{margin:.3rem 0}.message-bubble small{color:var(--muted)}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.chat-compose textarea{min-height:70px}.board-grid-dynamic{grid-template-columns:repeat(4,minmax(0,1fr))}.board-grid-dynamic .size-small{grid-column:span 1}.board-grid-dynamic .size-medium{grid-column:span 2}.board-grid-dynamic .size-wide{grid-column:span 3}.board-grid-dynamic .size-large{grid-column:1/-1}.board-emergency{background:#fff7e8;border:2px solid #efad32}.emergency-board-item.critical{color:#9f2630}.weather-temp{font-size:3rem;display:block;margin:.4rem 0}.board-weather{text-align:center}.topbar-actions #readAloud{white-space:nowrap} @media(max-width:1100px){.profile-card-grid,.goal-grid,.choice-grid{grid-template-columns:1fr}.widget-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-shell{grid-template-columns:260px 1fr}.board-grid-dynamic{grid-template-columns:repeat(2,minmax(0,1fr))}.board-grid-dynamic .size-wide{grid-column:1/-1}} @media(max-width:760px){.profile-card-display{grid-template-columns:1fr}.photo-diary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-settings-grid{grid-template-columns:1fr}.chat-shell{grid-template-columns:1fr}.chat-list{max-height:300px;overflow:auto}.message-bubble{max-width:90%}.board-sort-item{grid-template-columns:32px 1fr}.board-sort-item select{grid-column:2}.topbar-actions #readAloud{display:none}} @media(max-width:520px){.photo-diary-grid{grid-template-columns:1fr}.board-grid-dynamic{grid-template-columns:1fr}.board-grid-dynamic .size-small,.board-grid-dynamic .size-medium,.board-grid-dynamic .size-wide,.board-grid-dynamic .size-large{grid-column:1}.chat-compose{grid-template-columns:1fr}.widget-setting{grid-template-columns:42px 1fr auto 58px}} /* WelZoa 2.0 extra werkruimte */ .clickable-stat{transition:.18s transform,.18s box-shadow;text-decoration:none;color:inherit}.clickable-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.quick-action-grid>a{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.quick-action-grid>a>span{grid-row:1/3;font-size:1.7rem}.quick-action-grid small{color:var(--muted)}.submission-answers{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px}.submission-answers span{font-size:.82rem;background:#f3f5f9;padding:5px 8px;border-radius:9px}.form-submission-panel{margin-top:18px}.emotion-history{display:grid;gap:8px}.emotion-face{font-size:1.5rem}.topbar-actions #readAloud.is-active{background:#e7ecff;color:var(--primary)}.photo-diary-card details{margin:7px 10px}.suite-overview-stats{grid-template-columns:repeat(6,minmax(0,1fr))} @media(max-width:1200px){.suite-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.suite-overview-stats,.quick-action-grid{grid-template-columns:1fr}} /* WelZoa 2.1 — platform separation, Quick Assistant and institution URLs */ nav.workspace-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:8px;margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);scrollbar-width:thin}nav.workspace-tabs>a,nav.workspace-tabs>button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;white-space:nowrap;padding:11px 14px;border-radius:12px;cursor:pointer}nav.workspace-tabs>a:hover,nav.workspace-tabs>button:hover,nav.workspace-tabs>button.active,nav.workspace-tabs>a.active{background:var(--surface-2);color:var(--primary)}.institution-tabs{position:sticky;top:0;z-index:24}.workspace-pane[hidden]{display:none!important}.platform-hero{background:linear-gradient(135deg,#14203d,#284377)}.platform-shield{width:96px;height:96px;border-radius:28px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:2.8rem;text-align:center}.platform-shield small{display:block;font-size:.7rem}.institution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.institution-card{border:1px solid var(--line);background:#fbfcff;border-radius:20px;padding:18px}.institution-card-head{display:flex;gap:12px;align-items:center}.institution-card h3{margin:0 0 4px}.institution-card code{font-size:.76rem;color:var(--muted)}.institution-icon{width:48px;height:48px;border-radius:15px;background:#eef2ff;display:grid;place-items:center;font-size:1.45rem}.institution-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.institution-metrics span{padding:10px;border-radius:12px;background:#f2f5fb;color:var(--muted);font-size:.76rem}.institution-metrics strong{display:block;color:var(--text);font-size:1.05rem}.narrow-panel{max-width:760px}.permission-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.permission-explain-grid article{border:1px solid var(--line);background:#fbfcff;border-radius:18px;padding:18px}.permission-explain-grid article>span{font-size:2rem}.support-session-card{display:grid;gap:12px}.support-readonly-banner{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 18px;margin-bottom:16px;border-radius:16px;background:#fff7df;border:1px solid #f1d17b;color:#674c00}.support-readonly-banner strong,.support-readonly-banner span{display:block}.support-readonly form:not([action="/admin/support/disconnect"]) input,.support-readonly form:not([action="/admin/support/disconnect"]) select,.support-readonly form:not([action="/admin/support/disconnect"]) textarea,.support-readonly form:not([action="/admin/support/disconnect"]) button{pointer-events:none;opacity:.55}.support-readonly details summary{pointer-events:none;opacity:.65}.quick-assistant-panel{margin-top:18px}.support-code-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#eef2ff,#f8faff);border:1px solid #dfe6ff}.support-code-card.connected{justify-content:flex-start;background:#fff8e5;border-color:#f1d17b}.support-code-card small,.support-code-card strong,.support-code-card p{display:block}.support-code{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:.13em;font-variant-numeric:tabular-nums;color:#213c9d;line-height:1.05}.support-code-icon{font-size:3.2rem}.setup-organization-name{padding:14px;border-radius:14px;background:#eef2ff}.setup-organization-name span,.setup-organization-name strong{display:block}.setup-organization-name span{font-size:.78rem;color:var(--muted);margin-bottom:4px} /* WelZoa 2.1 — digibord als tab-dashboard */ .board-v2{--board-bg:#eef3f8;--board-surface:#fff;--board-surface-2:#f7f9fc;--board-text:#172033;--board-muted:#657287;--board-line:#dfe6ef;--board-primary:#3157d5;--board-accent:#6f8cff;background:var(--board-bg);color:var(--board-text);padding:0;min-height:100vh;display:flex;flex-direction:column}.board-v2.board-dark{--board-bg:#0b1220;--board-surface:#141f33;--board-surface-2:#1b2941;--board-text:#f5f8ff;--board-muted:#bcc8dc;--board-line:#2d3e5b;--board-primary:#8da5ff;--board-accent:#64d5b3}.board-v2.board-high_contrast{--board-bg:#000;--board-surface:#080808;--board-surface-2:#111;--board-text:#fff;--board-muted:#fff;--board-line:#fff;--board-primary:#ffdf00;--board-accent:#00ffff}.board-header-v2{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:var(--board-surface);border-bottom:1px solid var(--board-line);position:sticky;top:0;z-index:40;box-shadow:0 8px 30px rgba(12,25,54,.06)}.board-brand-block{display:flex;align-items:center;gap:14px;min-width:0}.board-logo{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--board-accent),var(--board-primary));color:#fff;font-size:1.55rem;font-weight:900;box-shadow:0 10px 26px rgba(49,87,213,.24)}.board-brand-block h1{margin:2px 0;font-size:clamp(1.3rem,2vw,2rem);color:var(--board-text)}.board-brand-block small,.board-scope{color:var(--board-muted)}.board-scope{text-transform:uppercase;font-size:.68rem;font-weight:900;letter-spacing:.12em}.board-clock{text-align:right;min-width:180px}.board-clock strong{font-size:clamp(2rem,4vw,3.5rem);line-height:1;color:var(--board-text);font-variant-numeric:tabular-nums}.board-clock small{display:block;color:var(--board-muted);margin-top:5px;text-transform:capitalize}.board-alert-strip{display:flex;align-items:center;gap:14px;padding:12px 28px;background:#fff0d5;color:#6f4300;border-bottom:1px solid #f2c46d}.board-dark .board-alert-strip{background:#4a2d08;color:#ffe8bd;border-color:#815713}.board-high_contrast .board-alert-strip{background:#000;color:#ff0;border-color:#ff0}.board-alert-strip>span{font-size:1.8rem}.board-alert-strip strong,.board-alert-strip small{display:block}.board-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:12px 28px;background:var(--board-surface);border-bottom:1px solid var(--board-line);position:sticky;top:95px;z-index:35;scrollbar-width:thin}.board-tabs button{border:1px solid transparent;background:var(--board-surface-2);color:var(--board-muted);border-radius:14px;padding:12px 16px;font:inherit;font-weight:900;white-space:nowrap;cursor:pointer}.board-tabs button.active{background:var(--board-primary);color:#fff;box-shadow:0 8px 24px rgba(49,87,213,.22)}.board-dark .board-tabs button.active{color:#07101f}.board-high_contrast .board-tabs button.active{color:#000}.board-tab-shell{flex:1;padding:24px 28px 36px}.board-tab-pane[hidden]{display:none!important}.board-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.board-hero-card,.board-summary-card,.board-focus-card,.board-menu-card,.board-presence-card,.board-staff-grid>article,.board-large-list>article,.board-news-grid>article{background:var(--board-surface);border:1px solid var(--board-line);color:var(--board-text);border-radius:22px;box-shadow:0 12px 34px rgba(13,31,64,.07)}.board-hero-card{grid-column:span 6;padding:28px;background:linear-gradient(135deg,var(--board-primary),#5e7bf1);color:#fff;border:0}.board-dark .board-hero-card{background:linear-gradient(135deg,#253c69,#355a9b)}.board-high_contrast .board-hero-card{background:#000;border:2px solid #fff;color:#fff}.board-card-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:900;opacity:.8}.board-hero-card h2{font-size:clamp(2rem,4vw,3.5rem);margin:.35rem 0}.board-hero-card p{margin:.3rem 0;opacity:.92}.board-dashboard-date{font-size:1.15rem;font-weight:800;margin-top:18px;text-transform:capitalize}.board-summary-card{grid-column:span 2;padding:20px;display:flex;gap:13px;align-items:flex-start}.board-summary-card>span{font-size:2rem}.board-summary-card small,.board-summary-card strong,.board-summary-card p{display:block}.board-summary-card small{color:var(--board-muted);font-weight:800}.board-summary-card strong{font-size:1.7rem;margin:.2rem 0}.board-summary-card p{margin:0;color:var(--board-muted);font-size:.86rem}.board-focus-card{grid-column:span 4;padding:22px;min-height:165px}.board-card-head{display:flex;align-items:center;gap:12px}.board-card-head>span{font-size:2rem}.board-card-head small,.board-card-head strong{display:block}.board-card-head small{color:var(--board-muted);font-weight:800}.board-card-head strong{font-size:1.2rem;margin-top:2px}.board-focus-card time{display:block;font-size:2.4rem;font-weight:900;color:var(--board-primary);margin-top:18px}.board-focus-card p{color:var(--board-muted)}.board-latest-news{grid-column:span 8}.board-muted{color:var(--board-muted)!important}.board-section-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}.board-section-heading>span{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--board-surface);border:1px solid var(--board-line);font-size:2rem}.board-section-heading h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:0;color:var(--board-text)}.board-section-heading p{margin:4px 0 0;color:var(--board-muted)}.board-large-list{display:grid;gap:12px}.board-large-list>article{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:20px 24px}.board-large-list time{font-size:2rem;font-weight:900;color:var(--board-primary)}.board-large-list strong{font-size:1.3rem}.board-large-list p{margin:.25rem 0;color:var(--board-muted)}.board-large-list small{color:var(--board-muted)}.task-list>article{grid-template-columns:50px 1fr}.task-circle{font-size:2rem;color:var(--board-primary)}.board-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.board-menu-card{padding:24px;min-height:230px}.board-menu-card>span:first-child{font-size:3rem}.board-menu-card small{display:block;color:var(--board-muted);font-weight:800;margin-top:10px}.board-menu-card h3{font-size:1.45rem;margin:.35rem 0}.board-menu-card p{color:var(--board-muted)}.board-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--board-surface-2);color:var(--board-primary);font-weight:800;font-size:.75rem}.board-presence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.board-presence-card{display:flex;gap:12px;align-items:center;padding:18px;border-left:5px solid #95a0b2}.board-presence-card.status-present{border-left-color:#2eb872}.board-presence-card.status-away{border-left-color:#e25b63}.board-presence-card.status-expected{border-left-color:#f0b43a}.board-presence-avatar,.board-staff-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--board-surface-2);color:var(--board-primary);font-weight:900}.board-presence-card strong,.board-presence-card small,.board-presence-card span{display:block}.board-presence-card small{color:var(--board-muted);margin:2px 0}.board-presence-card span{font-size:.78rem;font-weight:900;color:var(--board-primary)}.board-staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.board-staff-grid>article{display:flex;gap:14px;align-items:center;padding:20px}.board-staff-grid strong,.board-staff-grid span,.board-staff-grid small{display:block}.board-staff-grid strong{font-size:1.15rem}.board-staff-grid span{font-weight:900;color:var(--board-primary);margin:3px 0}.board-staff-grid small{color:var(--board-muted)}.board-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.board-news-grid>article{padding:24px}.board-news-grid h3{font-size:1.4rem;margin:.45rem 0}.board-news-grid p{color:var(--board-muted);white-space:pre-wrap}.board-news-grid small{color:var(--board-muted)}.board-empty{grid-column:1/-1;padding:50px 24px;text-align:center;border:2px dashed var(--board-line);border-radius:22px;color:var(--board-muted);font-size:1.15rem}.board-footer-v2{display:flex;justify-content:space-between;gap:14px;padding:10px 28px;background:var(--board-surface);border-top:1px solid var(--board-line);color:var(--board-muted);font-size:.76rem}.board-footer-v2 span:last-child{color:#27a767;font-weight:800}.board-dark .board-footer-v2 span:last-child{color:#75e3b8}.board-dark .board-summary-card,.board-dark .board-focus-card,.board-dark .board-menu-card,.board-dark .board-presence-card,.board-dark .board-staff-grid>article,.board-dark .board-large-list>article,.board-dark .board-news-grid>article{box-shadow:0 12px 34px rgba(0,0,0,.24)}.board-dark .board-chip{color:#b8c7ff}.board-high_contrast *{text-shadow:none!important}.board-high_contrast .board-summary-card,.board-high_contrast .board-focus-card,.board-high_contrast .board-menu-card,.board-high_contrast .board-presence-card,.board-high_contrast .board-staff-grid>article,.board-high_contrast .board-large-list>article,.board-high_contrast .board-news-grid>article{border-width:2px;box-shadow:none} @media(max-width:1200px){.institution-grid{grid-template-columns:1fr}.board-dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.board-hero-card{grid-column:span 6}.board-summary-card{grid-column:span 2}.board-focus-card{grid-column:span 3}.board-latest-news{grid-column:span 6}.board-tile-grid,.board-presence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.permission-explain-grid{grid-template-columns:1fr}.support-readonly-banner{align-items:flex-start;flex-direction:column}.support-code-card{align-items:flex-start}.support-code{font-size:2.7rem}.board-header-v2{padding:14px 16px;align-items:flex-start}.board-logo{width:44px;height:44px}.board-clock{min-width:110px}.board-clock strong{font-size:2rem}.board-clock small{font-size:.68rem}.board-brand-block small{display:none}.board-tabs{top:79px;padding:9px 14px}.board-tabs button{padding:10px 12px}.board-tab-shell{padding:16px}.board-dashboard-grid{grid-template-columns:1fr 1fr}.board-hero-card,.board-latest-news{grid-column:1/-1}.board-summary-card,.board-focus-card{grid-column:span 1}.board-summary-card{padding:16px}.board-focus-card{min-height:140px;padding:16px}.board-tile-grid,.board-presence-grid,.board-staff-grid,.board-news-grid{grid-template-columns:1fr}.board-large-list>article{grid-template-columns:80px 1fr;padding:16px}.board-footer-v2{padding:8px 16px}.board-footer-v2 span:first-child{display:none}} @media(max-width:520px){.institution-metrics{grid-template-columns:1fr 1fr}.board-dashboard-grid{grid-template-columns:1fr}.board-hero-card,.board-summary-card,.board-focus-card,.board-latest-news{grid-column:1}.board-clock small{display:none}.board-tabs{top:75px}.board-large-list>article{grid-template-columns:1fr}.board-large-list time{font-size:1.6rem}.board-alert-strip{padding:10px 16px}} /* WelZoa 2.1.0 — extra contrastgaranties voor het nieuwe tab-digibord. */ .board-dark .board-tab-shell, .board-dark .board-tab-pane, .board-dark .board-summary-card, .board-dark .board-focus-card, .board-dark .board-menu-card, .board-dark .board-presence-card, .board-dark .board-staff-grid>article, .board-dark .board-large-list>article, .board-dark .board-news-grid>article{color:var(--board-text)} .board-dark .board-tab-shell h1,.board-dark .board-tab-shell h2,.board-dark .board-tab-shell h3,.board-dark .board-tab-shell strong{color:var(--board-text)} .board-dark .board-tab-shell p,.board-dark .board-tab-shell small,.board-dark .board-tab-shell .board-muted{color:var(--board-muted)!important} .board-dark .board-tabs button:not(.active){color:#d4def0;background:#1b2941;border-color:#2d3e5b} .board-dark .board-tabs button:not(.active):hover{color:#fff;background:#223450} .board-high_contrast .board-tab-shell h1,.board-high_contrast .board-tab-shell h2,.board-high_contrast .board-tab-shell h3,.board-high_contrast .board-tab-shell strong,.board-high_contrast .board-tab-shell p,.board-high_contrast .board-tab-shell small{color:#fff!important} .institution-support-row{margin-top:14px;align-items:center}.institution-support-row .muted{font-size:.72rem} /* WelZoa 2.1.1 — beheerlayout herstel + app-dock digibord */ /* De oude beheerwerkruimte heet ook workspace-tabs. Alleen echte