:root{--navy:#004680;--navy-2:#005fb2;--teal:#005fb2;--teal-dark:#004680;--blue:#0072b1;--ink:#0d0d0d;--muted:#6f6e6d;--line:#dee2e6;--bg:#f8fafc;--white:#fff;--free:#aed581;--limited:#f97316;--full:#d9534f;--closed:#ebebeb;--radius:10px;--shadow:0 12px 36px rgba(0,70,128,.10)}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}label{display:grid;gap:8px;font-weight:650;color:#435562}label span{color:#d13d45}input,select,textarea{width:100%;border:1px solid #cad5db;border-radius:8px;background:#fff;padding:13px 14px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,173,145,.13)}textarea{resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:750;padding:13px 22px;text-decoration:none}.button:hover{background:var(--teal-dark)}.button:disabled{opacity:.55}.button.secondary{background:#e8eef1;color:var(--ink)}.button.danger{background:#d83d48}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-size:12px;font-weight:800;margin:0 0 8px}.lead{color:var(--muted);font-size:17px;line-height:1.6;margin:0 0 28px}.muted{color:var(--muted)}.error{color:#c62635;font-weight:650}.notice{background:#fff3d9;border-radius:8px;padding:14px;color:#805b10}
.booking-page{min-height:100vh;background:linear-gradient(145deg,#eef4f5 0,#fff 55%,#edf8f4 100%)}.booking-shell{width:min(900px,calc(100% - 32px));margin:auto;padding:32px 0}.booking-shell.compact{max-width:650px}.brand-header{display:flex;align-items:center;gap:13px;margin:0 0 24px}.brand-header div:last-child{display:grid;gap:3px}.brand-header span{font-size:13px;color:var(--muted)}.brand-mark{width:45px;height:45px;border-radius:12px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:850;letter-spacing:-1px}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.step{border:0;background:#fff;padding:17px 10px;display:flex;align-items:center;justify-content:center;gap:9px;color:#89959d;border-bottom:3px solid transparent}.step b{width:27px;height:27px;border-radius:50%;border:1px solid #cfd8dd;display:grid;place-items:center}.step.active{color:var(--teal);border-bottom-color:var(--teal)}.step.active b,.step.done b{background:var(--teal);border-color:var(--teal);color:#fff}.booking-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:44px 48px}.booking-card h1{font-size:32px;letter-spacing:-.03em;margin:0 0 8px}.panel{display:none}.panel.active{display:grid;gap:20px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:block}.choice input,.slot input{position:absolute;opacity:0;pointer-events:none}.choice span{display:grid;gap:4px;border:1px solid #d5dfe3;border-radius:10px;padding:17px;color:var(--ink);height:100%;transition:.15s}.choice small{color:var(--muted);font-weight:500}.choice input:checked+span{border-color:var(--teal);background:#effbf8;box-shadow:0 0 0 2px rgba(8,173,145,.15)}.date-time-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:25px}.field-label{display:block;font-weight:650;color:#435562;margin-bottom:8px}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot span{display:block;text-align:center;border:1px solid #d4dee3;border-radius:8px;padding:11px 5px;color:var(--ink)}.slot input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.check{display:flex;align-items:flex-start;gap:10px;font-weight:500}.check input{width:auto;margin-top:3px}.check span{color:var(--muted)}.form-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.form-actions .button:last-of-type{margin-left:auto}.booking-shell footer{text-align:center;color:#81909a;font-size:13px;padding:24px}.success{text-align:center;padding:30px 0}.success-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#e7f9f4;color:var(--teal);font-size:34px;margin:0 auto 20px}.summary{display:grid;gap:10px;background:var(--bg);padding:20px;border-radius:10px;margin:20px 0}.summary p{margin:0;display:flex;justify-content:space-between}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--navy),#2d5669)}.login-card{width:min(420px,100%);background:#fff;border-radius:16px;padding:38px;box-shadow:0 25px 80px rgba(0,0,0,.25);display:grid;gap:18px}.login-card h1{margin:0}.login-card p{margin:0;color:var(--muted)}.admin-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:#fff;z-index:5}.sidebar-brand{height:115px;padding:35px 22px;display:grid;gap:6px;background:rgba(0,0,0,.1);font-size:13px}.sidebar-brand span{color:#9fc0d4}.sidebar nav{padding:8px 0}.nav-item{width:100%;border:0;background:transparent;color:#bed0dc;display:flex;gap:13px;align-items:center;text-align:left;padding:15px 22px;border-left:4px solid transparent}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.08);color:#fff;border-left-color:var(--teal)}.admin-main{margin-left:240px}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 25px;position:sticky;top:0;z-index:4}.topbar>div{display:flex;gap:20px;align-items:center;color:#7b8992;font-size:14px}.menu-button{border:0;border-radius:5px;background:var(--teal);color:#fff;padding:9px 12px}.link-button{border:0;background:none;color:#7b8992}.admin-content{padding:28px}.admin-section{display:none}.admin-section.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading h1{margin:0;font-size:30px}.section-heading>input{max-width:190px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.stat{display:grid;gap:5px}.stat b{font-size:30px;color:var(--teal)}.stat span{color:var(--muted)}.table-card{padding:0;overflow:hidden}.table-head,.appointment-row{display:grid;grid-template-columns:1fr 1.5fr 1.5fr 150px;gap:15px;align-items:center;padding:14px 20px}.table-head{background:#f6f8f9;text-transform:uppercase;font-size:11px;font-weight:800;color:#7e8b94}.appointment-row{border-top:1px solid var(--line)}.appointment-row>div{display:grid;gap:4px}.appointment-row span{color:var(--muted);font-size:13px}.empty{text-align:center;padding:65px 20px;display:grid;gap:8px}.empty span{color:var(--muted)}.admin-columns{display:grid;grid-template-columns:2fr 1fr;gap:22px}.card h2{font-size:17px;margin:0 0 20px}.inline-form{display:grid;grid-template-columns:180px 160px 1fr auto;gap:10px}.list{margin-top:20px}.list-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.list-row>div{display:grid;gap:3px}.list-row span{font-size:13px;color:var(--muted)}.icon-button{border:0;background:#eef2f4;color:#52636e;border-radius:6px;width:32px;height:32px}.legend-card p{display:flex;align-items:center;gap:10px}.legend{width:18px;height:18px;border-radius:4px}.legend.free{background:var(--free)}.legend.limited{background:var(--limited)}.legend.full{background:var(--full)}.legend.closed{background:var(--closed)}.service-list{display:grid;gap:10px;margin-bottom:20px}.service-row{display:grid;grid-template-columns:1fr 180px 100px 35px;gap:12px;align-items:center}.service-row label{display:flex;align-items:center;gap:6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.settings-grid .card{display:grid;gap:15px;align-content:start}.weekday-card label{display:flex;align-items:center;gap:10px}.weekday-card input{width:auto}.save-settings{grid-column:1/-1;justify-self:end}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.admin-main{margin-left:0}.settings-grid{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}.table-head{display:none}.appointment-row{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.booking-shell{width:min(100% - 20px,900px);padding:12px 0}.booking-card{padding:28px 20px}.booking-card h1{font-size:26px}.steps span{display:none}.choice-grid,.date-time-grid,.form-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(3,1fr)}.admin-content{padding:18px 12px}.topbar>div span{display:none}.stats{grid-template-columns:1fr}.appointment-row{grid-template-columns:1fr}.inline-form,.service-row,.settings-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:12px}.section-heading .button{padding:10px}.save-settings{grid-column:auto;width:100%}}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;border-radius:10px 10px 0 0;padding:10px 14px}.calendar-toolbar h2{margin:0;text-transform:capitalize;font-size:20px}.calendar-toolbar .icon-button{background:rgba(255,255,255,.15);color:#fff}.calendar-weekdays,.customer-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-weekdays{background:var(--navy);color:#fff;padding:4px 8px 10px;text-align:center;font-weight:750}.customer-calendar{padding:10px 0;min-height:270px}.calendar-day{min-height:72px;border:2px solid transparent;border-radius:8px;padding:8px;text-align:left;display:grid;align-content:space-between;background:#fff}.calendar-day b{font-size:16px}.calendar-day small{font-size:11px}.calendar-day.free{border-color:var(--teal);color:var(--teal)}.calendar-day.limited{border-color:var(--limited);color:#d96b10}.calendar-day.full{border-color:var(--full);color:var(--full)}.calendar-day.closed{background:#f2f3f4;color:#b6bec3}.calendar-day:disabled{cursor:not-allowed;opacity:.75}.calendar-day.selected{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,173,145,.18)}.calendar-message{grid-column:1/-1}.calendar-legend{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.calendar-legend span{display:flex;align-items:center;gap:6px;font-size:13px}.service-row{grid-template-columns:minmax(220px,2fr) 125px 120px minmax(170px,1fr) 145px 90px 35px;padding-bottom:10px;border-bottom:1px solid var(--line)}.service-row label{font-size:12px}
@media(max-width:1000px){.service-row{grid-template-columns:1fr 1fr 1fr}.service-row .icon-button{justify-self:end}}
@media(max-width:650px){.customer-calendar{gap:3px}.calendar-day{min-height:62px;padding:5px}.calendar-day small{font-size:9px}.service-row{grid-template-columns:1fr}}
.service-help{margin:0 0 18px;color:var(--muted)}.service-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.service-card summary{display:flex;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;list-style:none;background:#f8fafb}.service-card summary::-webkit-details-marker{display:none}.service-card summary:after{content:"\203A";margin-left:auto;font-size:25px;color:var(--muted);transform:rotate(90deg);transition:.15s}.service-card[open] summary:after{transform:rotate(-90deg)}.service-card summary b{flex:1}.service-index{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px}.service-badge,.service-state{padding:5px 9px;border-radius:999px;background:#e9eef1;color:#52636e;font-size:12px}.service-state.is-active{background:#dff5ee;color:#087b68}.service-settings{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;padding:20px;border-top:1px solid var(--line)}.service-settings label{display:grid;gap:7px;font-size:13px;font-weight:700}.service-settings small{font-weight:400;color:var(--muted)}.service-settings .wide{grid-column:1/-1}.service-settings .service-active{display:flex;align-items:center;gap:8px}.service-active input{width:auto}.weekday-settings{border:1px solid var(--line);border-radius:8px;padding:14px}.weekday-settings legend{padding:0 7px;font-weight:750}.weekday-toggles{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.weekday-toggles label{display:block}.weekday-toggles input{position:absolute;opacity:0;pointer-events:none}.weekday-toggles span{display:grid;place-items:center;min-width:48px;padding:10px;border:1px solid #cbd5da;border-radius:7px;background:#eef2f4;color:#65747d;cursor:pointer}.weekday-toggles input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff}.weekday-toggles input:focus-visible+span{outline:3px solid rgba(8,173,145,.25)}.danger-button{background:#fff;color:#b93636;border:1px solid #e2b4b4;justify-self:start}
.service-translations{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:14px;border:1px solid #c9dce8;border-radius:8px;background:#f4f9fc}@media(max-width:800px){.service-translations{grid-template-columns:1fr}}

.customer-uploads{margin:4px 0;padding:18px;border:1px solid #c8dce8;border-radius:10px;background:#f4f9fc}.customer-uploads legend{padding:0 7px;color:var(--navy);font-weight:800}.customer-uploads>p{margin:0 0 13px;color:var(--muted)}.upload-actions{display:flex;gap:10px;flex-wrap:wrap}.upload-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #87b4d1;border-radius:8px;background:#fff;color:var(--navy);font-weight:750;cursor:pointer}.upload-button:hover{background:#eaf5fc}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.customer-uploads .upload-help{margin:12px 0 0;font-size:12px}.selected-files{margin-top:12px}.selected-files ul{margin:6px 0 0;padding-left:20px}.selected-files li{margin:4px 0}.selected-files li span{color:var(--muted);font-size:12px}.editor-attachments{padding:16px;border:1px solid #bcd8eb;border-radius:9px;background:#f2f9fd}.editor-attachments h3{margin:0 0 12px}.admin-attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-attachment-list a{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:12px;border:1px solid #c9dce8;border-radius:8px;background:#fff;color:var(--navy);text-decoration:none}.admin-attachment-list a>span{grid-row:1/3;font-size:24px}.admin-attachment-list small{color:var(--muted)}@media(max-width:650px){.upload-actions{display:grid}.upload-button{justify-content:center}.admin-attachment-list{grid-template-columns:1fr}}
@media(max-width:800px){.service-settings{grid-template-columns:1fr}.service-settings .wide{grid-column:auto}.service-badge{display:none}.service-card summary{gap:8px}}
.brand-header{position:relative}.language-picker{margin-left:auto!important;display:flex!important;flex-direction:row!important;gap:6px!important}.language-picker button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;border-radius:7px;padding:7px 9px;cursor:pointer}.language-picker button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.15)}@media(max-width:520px){.language-picker button span{display:none}.language-picker button{padding:7px}.brand-header>div:nth-child(2) span{display:none}}
.opening-hours-card{grid-column:span 2}.opening-hours-head,.opening-hours-row{display:grid;grid-template-columns:130px 1fr 1fr 115px;gap:14px;align-items:center}.opening-hours-head{padding:0 10px 8px;color:var(--muted);font-size:12px;font-weight:800}.opening-hours-row{border-top:1px solid var(--line);padding:12px 10px}.opening-hours-row>span{display:flex;align-items:center;gap:7px}.opening-hours-row input[type=time]{min-width:105px}.opening-hours-row i{font-style:normal;color:var(--muted);font-size:12px}.opening-hours-row .check{display:flex}.opening-hours-row.is-closed{background:#f5f6f7;color:#9aa4aa}.opening-hours-row.is-closed input[type=time]{opacity:.45}@media(max-width:1100px){.opening-hours-card{grid-column:1/-1}.opening-hours-head{display:none}.opening-hours-row{grid-template-columns:110px 1fr 1fr}.opening-hours-row .check{grid-column:2/-1}}@media(max-width:650px){.opening-hours-row{grid-template-columns:1fr}.opening-hours-row .check{grid-column:auto}.opening-hours-row>span{flex-wrap:wrap}}
.special-hours{border-top:1px solid var(--line);margin-top:14px;padding-top:18px}.special-hours h3{margin:0 0 5px}.special-hours-form{display:grid;grid-template-columns:150px 1fr 1fr 1.4fr;gap:12px;align-items:end;margin:16px 0}.special-hours-form label{display:grid;gap:6px}.special-hours-form label>span{display:flex;align-items:center;gap:5px}.special-hours-form i{font-style:normal;color:var(--muted);font-size:12px}.special-hours-form .check{display:flex}.special-opening-notice{margin-top:18px;padding:15px 18px;border-radius:9px;background:#eef8f5;border-left:4px solid var(--teal)}.special-opening-notice ul{margin:8px 0 0;padding-left:20px}.special-opening-notice li+li{margin-top:5px}@media(max-width:1050px){.special-hours-form{grid-template-columns:1fr 1fr}}@media(max-width:650px){.special-hours-form{grid-template-columns:1fr}}
.admin-calendar-day.has-special-hours{box-shadow:inset 0 0 0 3px #7757c7}.admin-calendar-day.has-special-hours small{font-size:9px;color:#6745b8;font-weight:800}.admin-calendar-day.has-special-hours.closed small{color:#fff}
.success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.manage-back{display:inline-flex;margin-top:18px}.compact .booking-card{max-width:720px;margin-inline:auto}
.email-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.email-settings>.card:first-child,.email-settings>.card:nth-child(2),.email-settings>.save-settings{grid-column:1/-1}.mail-template-card{display:grid;gap:14px}.mail-template-card label{display:grid;gap:7px}.mail-status{display:flex;justify-content:space-between;align-items:center}.mail-status b{font-size:18px}.mail-ok{color:#087b68}.mail-warning{color:#b16a00}.email-settings code{display:inline-block;margin:3px;padding:4px 7px;background:#eef2f4;border-radius:5px}@media(max-width:850px){.email-settings{grid-template-columns:1fr}.email-settings>.card:first-child,.email-settings>.card:nth-child(2),.email-settings>.save-settings{grid-column:auto}.mail-status{align-items:flex-start;gap:8px;flex-direction:column}}
.service-choice{cursor:pointer;min-width:0}.service-choice input{width:1px;height:1px}.service-choice>span{position:relative;display:flex!important;align-items:center;min-height:78px;padding:18px 52px 18px 20px!important;border:2px solid transparent!important;border-left-width:7px!important;box-shadow:0 5px 16px rgba(0,55,95,.08);font-size:15px;line-height:1.4;overflow:hidden}.service-choice>span:after{content:"";position:absolute;right:17px;top:50%;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;transform:translateY(-50%);opacity:.45}.service-choice>span:before{content:"\2713";position:absolute;z-index:1;right:21px;top:50%;transform:translateY(-54%) scale(.4);color:#fff;font-size:16px;font-weight:900;opacity:0;transition:.18s}.service-choice b{color:#17384f;font-size:15px}.service-choice.tone-1>span{background:#edf6ff;border-left-color:#0879c9!important;color:#0879c9}.service-choice.tone-2>span{background:#fff3e8;border-left-color:#ed741b!important;color:#d85f09}.service-choice.tone-3>span{background:#eef9f1;border-left-color:#35a758!important;color:#21833e}.service-choice.tone-4>span{background:#f5f0ff;border-left-color:#7a55c5!important;color:#6743b0}.service-choice:hover>span{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,55,95,.14);filter:saturate(1.08)}.service-choice input:focus-visible+span{outline:3px solid rgba(0,95,178,.28);outline-offset:2px}.service-choice input:checked+span{background:#005fb2!important;border-color:#004680!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,70,128,.28)}.service-choice input:checked+span b{color:#fff}.service-choice input:checked+span:after{background:#70b52c;border-color:#70b52c;opacity:1}.service-choice input:checked+span:before{opacity:1;transform:translateY(-54%) scale(1)}@media(min-width:1100px){.booking-shell{width:min(1040px,calc(100% - 40px))}}@media(max-width:700px){.booking-shell{width:100%;padding:0}.brand-header,.steps,.booking-card{border-radius:0}.brand-header{margin-bottom:10px;padding:12px 14px}.brand-logo{width:135px}.booking-card{padding:26px 16px;box-shadow:none}.steps{margin-bottom:0;box-shadow:none}.step{padding:12px 5px}.service-choice>span{min-height:68px;padding:15px 48px 15px 16px!important}.choice-grid{grid-template-columns:1fr;gap:10px}.form-actions{position:sticky;bottom:0;background:#fff;padding:14px 0 4px;z-index:2}}@media(min-width:701px) and (max-width:1024px){.booking-shell{width:min(94%,920px)}.booking-card{padding:36px 32px}.choice-grid{grid-template-columns:1fr 1fr}}
.brand-logo{width:170px;max-height:62px;object-fit:contain;object-position:left center}.brand-header{background:#fff;border-bottom:3px solid var(--navy);padding:16px 20px;border-radius:var(--radius);box-shadow:0 4px 18px rgba(0,70,128,.06)}.brand-header>div:last-child{border-left:1px solid var(--line);padding-left:16px}.brand-header strong{color:var(--navy);font-family:Raleway,Segoe UI,sans-serif}.booking-card h1,.section-heading h1,.login-card h1{font-family:Raleway,Segoe UI,sans-serif;color:var(--navy)}.steps{border:1px solid #e6edf2}.step.active{background:#f1f7fc}.choice input:checked+span{background:#eef6fc}.login-shell{background:linear-gradient(145deg,#004680 0%,#005fb2 65%,#0072b1 100%)}.admin-logo{width:210px;max-width:100%;max-height:80px;object-fit:contain;object-position:left center}.sidebar-brand{height:130px;background:#fff;padding:22px}.sidebar-brand img{width:170px;max-height:60px;object-fit:contain;object-position:left center}.sidebar-brand span{color:#6f6e6d}.sidebar{background:#004680}.nav-item:hover,.nav-item.active{border-left-color:#fff;background:#005fb2}.menu-button,.button{background:#005fb2}.menu-button:hover,.button:hover{background:#004680}.stat b,.eyebrow{color:#005fb2}.topbar{border-top:4px solid #005fb2}.calendar-day.free{border-color:#70b52c;color:#4f891b}.calendar-day.selected{background:#005fb2;border-color:#005fb2}.calendar-toolbar,.calendar-weekdays{background:#004680}

/* Compacte inbouwmodus voor een smalle websitekolom: /?embed=1 */
.booking-embed{background:#fff}.booking-embed .booking-shell{width:100%;max-width:460px;padding:0}.booking-embed .brand-header{min-height:44px;margin:0;padding:6px 10px;border:0;border-radius:0;box-shadow:none;justify-content:flex-end}.booking-embed .brand-logo,.booking-embed .brand-header>div:nth-child(2){display:none}.booking-embed .language-picker{margin-left:0!important}.booking-embed .language-picker button{padding:6px 8px;border-color:#d7e2e9;background:#f4f8fb;color:var(--navy)}.booking-embed .language-picker button.active{background:var(--navy);color:#fff}.booking-embed .steps{margin:0;border-radius:0;box-shadow:none}.booking-embed .step{padding:11px 4px}.booking-embed .step span{display:none}.booking-embed .booking-card{padding:24px 18px;border-radius:0;box-shadow:none}.booking-embed .booking-card h1{font-size:25px;line-height:1.15}.booking-embed .panel.active{gap:16px}.booking-embed .choice-grid,.booking-embed .form-grid{grid-template-columns:1fr}.booking-embed .service-choice>span{min-height:64px;padding:13px 46px 13px 14px!important}.booking-embed .calendar-day{min-height:48px;padding:5px 1px}.booking-embed .calendar-day small{font-size:9px}.booking-embed .calendar-legend{gap:7px;font-size:11px}.booking-embed .form-actions{position:sticky;bottom:0;z-index:3;margin-top:20px;padding:13px 0 3px;background:#fff}.booking-embed footer{display:none}

.embed-intro{margin-bottom:20px}.embed-intro h2{margin-bottom:8px}.embed-intro p{margin:7px 0}.embed-snippets{display:grid;grid-template-columns:1fr 1fr;gap:20px}.embed-variant{display:grid;gap:18px;min-width:0}.embed-variant header p{margin:7px 0 0;color:var(--muted)}.code-snippet{display:grid;gap:7px;min-width:0}.code-snippet>div{display:flex;justify-content:space-between;align-items:center}.copy-code{border:1px solid #b9cbd7;border-radius:6px;background:#eef6fc;color:var(--navy);padding:7px 11px;font-weight:750;cursor:pointer}.copy-code:hover{background:#dceefa}.code-snippet textarea{min-height:190px;resize:vertical;background:#102633;color:#dff4ff;border-color:#27495d;font:12px/1.55 Consolas,Monaco,monospace;white-space:pre;overflow:auto}@media(max-width:1050px){.embed-snippets{grid-template-columns:1fr}}
.admin-calendar-card{margin-bottom:22px}.admin-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px 0}.admin-calendar-day{min-height:84px;border:2px solid #dce5eb;border-radius:8px;background:#fff;padding:9px;text-align:left;display:grid;align-content:space-between;color:#667782}.admin-calendar-day b{font-size:17px}.admin-calendar-day small{font-size:11px}.admin-calendar-day.automatic{border-color:#ccd8df;background:#fff}.admin-calendar-day.free{border-color:#70b52c;background:#f3faec;color:#4f891b}.admin-calendar-day.limited{border-color:#f97316;background:#fff5eb;color:#c55709}.admin-calendar-day.full{border-color:#d9534f;background:#fff0f0;color:#b52d29}.admin-calendar-day.closed{border-color:#aeb7bd;background:#e9edef;color:#59666e}.admin-calendar-day:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,70,128,.12)}.calendar-help{color:var(--muted);font-size:14px}.legend.automatic{background:#fff;border:2px solid #ccd8df}
@media(max-width:650px){.admin-calendar{gap:3px}.admin-calendar-day{min-height:64px;padding:5px}.admin-calendar-day small{font-size:8px}}
.admin-lead{margin-bottom:18px}.employee-table-head,.employee-row{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(6,minmax(62px,.55fr)) 70px 36px;gap:8px;align-items:center}.employee-table-head{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted);padding:0 0 8px}.employee-row{padding:9px 0;border-top:1px solid var(--line)}.employee-row input{padding:10px}.employee-row .check{justify-content:center}.vacation-card{margin-top:22px}.vacation-form{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr auto;gap:10px;align-items:end}
.minute-reference{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:12px 14px;border:1px solid #bcd8eb;border-radius:8px;background:#eef7fd;color:#294d65}.minute-reference span{padding:5px 9px;border-radius:6px;background:#fff}.employee-table-head small{font-size:9px;text-transform:none}
.booking-window-info{margin:-4px 0 16px;padding:10px 14px;border-left:4px solid var(--teal);background:#eef9f6;color:#315d55;font-size:14px;font-weight:650}
.bike-types-card{grid-column:span 2}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card-heading h2{margin-bottom:4px}.card-heading p{margin:0}.bike-types-head,.bike-type-row{display:grid;grid-template-columns:repeat(3,1fr) 36px;gap:9px;align-items:center}.bike-types-head{padding:10px 0 7px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.bike-type-row{padding:9px 0;border-top:1px solid var(--line)}.bike-type-row input{min-width:0}
.appointment-statuses-card{grid-column:1/-1}.appointment-statuses-head,.appointment-status-row{display:grid;grid-template-columns:1fr 1.25fr 1.25fr 1.25fr 80px 36px;gap:9px;align-items:center}.appointment-statuses-head{padding:12px 0 7px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.appointment-status-row{padding:9px 0;border-top:1px solid var(--line)}.appointment-status-row input{min-width:0}.appointment-status-row .status-visible{justify-content:center}.appointment-status-row .icon-button:disabled{opacity:.3;cursor:not-allowed}.customer-status-card{display:grid;gap:6px;margin:22px 0;padding:20px;border:1px solid #b9d8ea;border-left:7px solid var(--teal);border-radius:10px;background:#eef7fc}.customer-status-card span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase}.customer-status-card strong{font-size:23px;color:var(--navy)}.customer-status-card.status-ready,.customer-status-card.status-completed{border-left-color:#70b52c;background:#f1f9e9}.customer-status-card.status-cancelled,.customer-status-card.status-rejected{border-left-color:#b6bec3;background:#f3f4f5}
.settings-color-key{display:flex;gap:9px;flex-wrap:wrap;margin:-8px 0 18px}.settings-color-key span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid currentColor;background:#fff}.key-capacity{color:#0879c9}.key-bikes{color:#258243}.key-status{color:#7450ba}.key-hours{color:#d5620c}.colorful-settings .settings-card{position:relative;overflow:hidden;border-top:5px solid var(--settings-accent);background:linear-gradient(180deg,var(--settings-tint) 0,rgba(255,255,255,.98) 115px);box-shadow:0 9px 28px rgba(0,70,128,.08)}.colorful-settings .settings-card:before{content:"";position:absolute;right:-45px;top:-55px;width:145px;height:145px;border-radius:50%;background:var(--settings-accent);opacity:.055;pointer-events:none}.settings-capacity{--settings-accent:#0879c9;--settings-tint:#edf7ff}.settings-bikes{--settings-accent:#35a758;--settings-tint:#effaf2}.settings-status{--settings-accent:#7a55c5;--settings-tint:#f6f1ff}.settings-hours{--settings-accent:#ed741b;--settings-tint:#fff5eb}.settings-card-title{display:flex;align-items:center;gap:12px;min-width:0}.settings-card-title>span{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--settings-accent);color:#fff;font-size:20px;box-shadow:0 6px 14px color-mix(in srgb,var(--settings-accent) 25%,transparent)}.settings-card-title h2{margin:0 0 3px}.settings-card-title small{color:var(--muted);font-weight:600}.settings-card-title p{margin:2px 0 0}.colorful-settings .settings-card>label{padding:10px 12px;border:1px solid color-mix(in srgb,var(--settings-accent) 16%,#dfe5e8);border-radius:9px;background:rgba(255,255,255,.74)}.colorful-settings .settings-card input:focus,.colorful-settings .settings-card select:focus{border-color:var(--settings-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--settings-accent) 14%,transparent)}.colorful-settings .special-hours{border:1px solid #f2d2b9;border-radius:10px;background:#fffaf5;padding:16px}.colorful-settings .special-hours h3{color:#b95108;margin-top:0}.colorful-settings .bike-type-row,.colorful-settings .appointment-status-row{background:rgba(255,255,255,.55);padding-inline:7px;border-radius:6px}.colorful-settings .save-settings{box-shadow:0 8px 20px rgba(0,95,178,.2)}
@media(max-width:760px){.settings-color-key{display:grid;grid-template-columns:1fr 1fr}.settings-color-key span{justify-content:center}.settings-card-title>span{flex-basis:36px;width:36px;height:36px}.colorful-settings .settings-card{padding:18px 14px}.colorful-settings .card-heading{align-items:stretch;flex-direction:column}.colorful-settings .card-heading .button{width:100%}}
@media(max-width:760px){.bike-types-card{grid-column:auto}.bike-types-head{display:none}.bike-type-row{grid-template-columns:1fr 1fr}.bike-type-row input:first-child{grid-column:1/-1}.bike-type-row .icon-button{justify-self:end}}
@media(max-width:900px){.appointment-statuses-head{display:none}.appointment-status-row{grid-template-columns:1fr 1fr}.appointment-status-row input:first-child,.appointment-status-row input:nth-child(2){grid-column:1/-1}.appointment-status-row .icon-button{justify-self:end}}
.planning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 16px}.view-switch,.planning-navigation{display:flex;align-items:center;gap:8px}.view-switch{padding:4px;background:#edf2f5;border-radius:8px}.view-switch button,.statistics-presets button{border:0;border-radius:6px;background:transparent;padding:9px 13px;color:var(--muted);font-weight:750}.view-switch button.active,.statistics-presets button.active{background:var(--navy);color:#fff}.planning-navigation strong{min-width:210px;color:var(--navy);text-transform:capitalize}.day-planning{padding:20px}.day-planning>header{display:flex;justify-content:space-between;margin-bottom:12px;text-transform:capitalize}.planning-appointment{width:100%;display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,.7fr) minmax(220px,2fr);gap:12px;text-align:left;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:8px;background:#fff;padding:13px;margin:8px 0}.planning-appointment:hover{background:#f4f9fc}.planning-appointment span,.planning-appointment small{color:var(--muted)}.planning-appointment.status-cancelled,.planning-appointment.status-rejected{border-left-color:#b6bec3;opacity:.65}.planning-appointment.status-confirmed{border-left-color:#70b52c}.week-planning{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));overflow-x:auto;min-height:430px}.week-day{border-right:1px solid var(--line);min-width:155px}.week-day:last-child{border-right:0}.week-day>header{display:grid;grid-template-columns:1fr auto;gap:2px;padding:12px;background:#f4f7f8;text-transform:capitalize}.week-day>header span{font-size:12px;color:var(--muted)}.week-day>header i{grid-row:1/3;grid-column:2;border-radius:999px;background:#dce7ed;padding:5px 8px;font-style:normal}.week-day.today>header{background:#e6f3fb;color:var(--navy)}.week-day>div{padding:7px}.week-day .planning-appointment{display:grid;grid-template-columns:1fr;padding:9px;margin:6px 0;font-size:12px}.week-day .planning-appointment span{display:none}.no-planning{display:block;padding:15px 4px;color:#a1adb5;text-align:center}.statistics-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;align-items:end}.statistics-presets{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.statistics-presets button{background:#edf2f5}.statistics-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0}.statistics-kpis .stat b{font-size:23px;overflow-wrap:anywhere}.statistics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-card.wide{grid-column:1/-1}.chart-card header{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px}.chart-card header h2{margin:0}.chart-card header span{color:var(--muted);font-size:13px}.horizontal-chart{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr 36px;gap:10px;align-items:center}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.bar-row>div{height:14px;border-radius:999px;background:#edf2f5;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#005fb2,#08ad91)}.bar-row b{text-align:right}.vertical-chart{height:290px;display:flex;align-items:stretch;gap:8px;overflow-x:auto;border-bottom:1px solid var(--line);padding:12px 4px 0}.trend-column{min-width:42px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px;height:100%}.trend-column i{display:block;width:70%;max-width:48px;background:linear-gradient(#08ad91,#005fb2);border-radius:5px 5px 0 0}.trend-column b{font-size:12px}.trend-column span{height:42px;font-size:9px;writing-mode:vertical-rl;overflow:hidden;color:var(--muted)}.ranking-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ranking-columns h3{margin:0 0 12px}.ranking-columns ol{list-style:none;padding:0;margin:0}.ranking-columns li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 0}.ranking-columns li i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e7f2f8;color:var(--navy);font-style:normal;font-size:11px}.empty-chart{color:var(--muted);text-align:center;padding:35px 10px}
@media(max-width:1100px){.statistics-kpis{grid-template-columns:repeat(3,1fr)}.statistics-filters{grid-template-columns:1fr 1fr}.planning-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.statistics-kpis,.statistics-grid,.ranking-columns{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.statistics-filters{grid-template-columns:1fr}.planning-navigation{flex-wrap:wrap}.planning-navigation strong{width:100%}.planning-appointment{grid-template-columns:1fr}.view-switch{width:100%;overflow-x:auto}.view-switch button{white-space:nowrap}.bar-row{grid-template-columns:110px 1fr 30px}}
.employee-dialog{max-width:820px}.new-employee-schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.new-employee-schedule label{position:relative}.new-employee-schedule small{position:absolute;right:12px;bottom:12px;color:var(--muted)}.new-employee-schedule input{padding-right:64px}
@media(max-width:1050px){.employee-table-head{display:none}.employee-row{grid-template-columns:1fr 1fr 1fr 1fr}.vacation-form{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.employee-row,.vacation-form,.new-employee-schedule{grid-template-columns:1fr}.employee-row input:before{content:attr(aria-label)}}
.appointment-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px;padding:16px}.filter-check{padding-bottom:12px}.appointment-row.clickable{cursor:pointer;transition:.15s}.appointment-row.clickable:hover{background:#f1f7fc}.appointment-row.archived{opacity:.6}.appointment-dialog{width:min(900px,calc(100% - 24px));max-height:92vh;border:0;border-radius:14px;padding:0;box-shadow:0 30px 90px rgba(0,32,61,.32)}.appointment-dialog::backdrop{background:rgba(0,35,65,.62);backdrop-filter:blur(3px)}.appointment-editor{padding:26px;overflow:auto;max-height:92vh}.appointment-editor>header,.appointment-editor>footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.appointment-editor>header{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.appointment-editor h2{margin:0;color:var(--navy);font-family:Raleway,Segoe UI,sans-serif}.appointment-editor>footer{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.appointment-editor>footer>div{display:flex;gap:10px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-grid .wide{grid-column:1/-1}.appointment-editor fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:16px}.appointment-editor legend{font-weight:800;color:var(--navy);padding:0 8px}.editor-services{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact-choice span{padding:12px}.compact-choice small{font-size:12px}
.link-view-summary{margin:18px 0;padding:15px 17px;border:1px solid #b9d8ea;border-left:5px solid #005fb2;border-radius:9px;background:#eef7fc}.link-view-summary>div{display:flex;align-items:center;gap:12px}.link-view-summary>div>span{font-size:24px}.link-view-summary b,.link-view-summary small{display:block}.link-view-summary small,.link-view-summary p{color:var(--muted);font-size:12px}.link-view-summary p{margin:9px 0 0}
.service-questions{display:grid;gap:14px}.follow-up-card{border:1px solid #b9d8ea;border-left:6px solid #005fb2;border-radius:11px;background:linear-gradient(145deg,#eef7fc,#fff);padding:18px}.follow-up-card>header{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.follow-up-card>header>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:#ff6600;color:#fff;font-size:18px}.follow-up-card h2{margin:0 0 3px;font-size:18px;color:#004a99}.follow-up-card p{margin:0;color:var(--muted);font-size:13px}.follow-up-card fieldset{margin:13px 0 0;padding:0;border:0}.follow-up-card legend{font-weight:800;color:#28475a;margin-bottom:9px}.tile-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile-options label{display:block;cursor:pointer}.tile-options input{position:absolute;opacity:0;pointer-events:none}.tile-options span{display:flex;align-items:center;min-height:49px;padding:11px 42px 11px 13px;border:2px solid #d4e0e7;border-radius:8px;background:#fff;color:#304c5e;font-weight:700;position:relative}.tile-options span:after{content:"";position:absolute;right:13px;width:19px;height:19px;border:2px solid #aebdc6;border-radius:50%}.tile-options input:checked+span{border-color:#005fb2;background:#005fb2;color:#fff;box-shadow:0 5px 14px rgba(0,95,178,.2)}.tile-options input:checked+span:after{content:"\2713";display:grid;place-items:center;background:#70b52c;border-color:#70b52c;color:#fff;font-size:12px}.tile-options input:focus-visible+span{outline:3px solid rgba(0,95,178,.25);outline-offset:2px}@media(max-width:650px){.tile-options{grid-template-columns:1fr}.follow-up-card{padding:15px 12px}}
.service-questions-settings{background:#f5f9fc}.service-questions-settings>p{margin-top:0}.question-editor{border:1px solid #d7e3ea;border-left:4px solid #005fb2;border-radius:9px;background:#fff;padding:14px;margin-top:12px}.question-editor-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.question-editor-title small{color:var(--muted)}.question-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.question-editor-grid label{font-size:12px}.question-editor-grid input{padding:10px}.question-switches{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px}.question-switches .check{display:flex}@media(max-width:900px){.question-editor-grid{grid-template-columns:1fr}.question-editor-title{flex-direction:column}}
.service-answer-summary{margin:18px 0;padding:15px 17px;border:1px solid #ffd5b3;border-left:5px solid #ff6600;border-radius:9px;background:#fff8f1}.service-answer-summary h3{margin:0 0 9px;color:#b95108}.service-answer-summary>div{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;padding:8px 0;border-top:1px solid #f1dfd1}.service-answer-summary span{color:#435562}@media(max-width:650px){.service-answer-summary>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:750px){.appointment-filters,.editor-grid,.editor-services{grid-template-columns:1fr}.editor-grid .wide{grid-column:auto}.appointment-editor>footer{align-items:stretch;flex-direction:column-reverse}.appointment-editor>footer>div{display:grid;grid-template-columns:1fr 1fr}}
.other-work-notes{display:block;margin:14px 0;padding:17px;border:2px solid #f28a23;border-left-width:7px;border-radius:10px;background:#fff5e9;color:#17324a;font-weight:800}.other-work-notes textarea{margin-top:9px;background:#fff;border-color:#d87513}.other-work-notes .field-help{display:block;margin-top:7px;color:#934600;font-weight:700}
/* Geintegreerde bedrijfssoftware */
.nav-link { text-decoration: none; }
.erp-page { margin: 0; min-height: 100vh; background: #eef3f7; color: #17324a; font-family: Arial, Helvetica, sans-serif; }
.erp-sidebar { position: fixed; inset: 0 auto 0 0; width: 245px; padding: 22px 14px; background: linear-gradient(180deg,#063d72,#005fb2); color: #fff; box-sizing: border-box; overflow-y: auto; }
.erp-brand { display: flex; align-items: center; gap: 12px; margin: 0 8px 24px; color: #fff; text-decoration: none; font-weight: 800; }
.erp-brand img { width: 46px; height: 46px; object-fit: contain; background: #fff; border-radius: 10px; padding: 5px; }
.erp-sidebar nav { display: grid; gap: 6px; }
.erp-sidebar nav button { width: 100%; padding: 12px 14px; border: 0; border-radius: 8px; color: #e9f5ff; background: transparent; text-align: left; font-weight: 700; cursor: pointer; }
.erp-sidebar nav button:hover,.erp-sidebar nav button.active { background: #fff; color: #004a99; }
.erp-nav-group{border-top:1px solid rgba(255,255,255,.18);padding-top:5px}.erp-nav-group summary{padding:11px 10px;color:#fff;font-weight:800;cursor:pointer;list-style:none}.erp-nav-group summary::-webkit-details-marker{display:none}.erp-nav-group summary::after{content:"\203A";float:right;transition:transform .15s}.erp-nav-group[open] summary::after{transform:rotate(90deg)}.erp-nav-dropdown{display:contents}.erp-nav-group button{padding-left:25px!important;font-size:14px;font-weight:600!important}.erp-nav-group[hidden]{display:none}
.erp-back { display: block; margin: 24px 10px; color: #fff; text-decoration: none; font-weight: 700; }
.erp-main { margin-left: 245px; min-height: 100vh; padding: 28px; box-sizing: border-box; }
.erp-topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.erp-topbar h1 { margin: 2px 0 0; color: #004a99; }
.erp-panel { display: none; }
.erp-panel.active { display: block; }
.erp-welcome { padding: 28px; border-radius: 16px; color: #fff; background: linear-gradient(125deg,#004a99,#0879cf); box-shadow: 0 14px 35px rgba(0,74,153,.18); }
.erp-welcome h2 { margin: 4px 0 8px; font-size: 30px; }
.erp-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.erp-kpis.compact { grid-template-columns: repeat(4,minmax(120px,1fr)); padding: 16px; margin: 0; border-bottom: 1px solid #dce5eb; }
.erp-kpis.compact button { min-height: 86px; }
.erp-kpis button { padding: 22px; border: 1px solid #d7e2ea; border-radius: 12px; background: #fff; text-align: left; cursor: pointer; box-shadow: 0 5px 16px rgba(30,60,90,.06); }
.erp-kpis b { display: block; color: #ff6600; font-size: 30px; }
.erp-kpis span { color: #496478; font-weight: 700; }
.erp-roadmap { border-top: 5px solid #ff6600; }
.erp-roadmap li { margin: 9px 0; }
.erp-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.erp-toolbar label { flex: 1; }
.settings-hardware{margin:24px;border-left:5px solid #005fb2}.settings-hardware h2{color:#004a99}.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.hardware-grid article{padding:14px;border:1px solid #d5e1e8;border-radius:8px;background:#f7fafc}.hardware-grid small{display:block;margin:6px 0 12px;color:#627786}.hardware-enabled{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px}.hardware-enabled input{width:20px;height:20px}@media(max-width:700px){.hardware-grid{grid-template-columns:1fr}}
.help-hero{margin-bottom:22px}.help-hero h2{font-size:26px}.help-hero input{width:100%;padding:14px;border:1px solid #aabcc8}.help-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.help-topic-grid article{min-height:165px;padding:20px;border:1px solid #ccd8df;background:#fff}.help-topic-grid h3{margin-top:0;color:#005fb2}.help-topic-grid button{border:0;background:transparent;color:#0874c6;font-weight:800;cursor:pointer}.help-contact{margin-top:20px;border-left:6px solid #ff6600}@media(max-width:900px){.help-topic-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.help-topic-grid{grid-template-columns:1fr}}
.settings-search{max-width:810px;margin-bottom:14px}.settings-search input{width:100%;padding:13px;border:1px solid #2088d0;box-shadow:0 0 5px rgba(0,104,181,.2)}.settings-directory{max-width:810px;background:#fff;border:1px solid #ccd6dd}.settings-directory section{margin:0}.settings-directory section>h2{margin:0;padding:10px 14px;background:#edf0f2;border-bottom:1px solid #cfd7dc;color:#263d4d;font-size:14px}.settings-directory section>button{display:block;width:100%;padding:11px 15px;border:0;border-bottom:1px solid #d7dde1;background:#fff;color:#0768bd;text-align:left;cursor:pointer}.settings-directory section>button:hover{padding-left:20px;background:#eef7fd;color:#004a99}.settings-finance{margin:24px;border-left:5px solid #ff6600}.settings-finance h2{color:#004a99}
.settings-integrations{margin:24px;border-left:5px solid #005fb2}.settings-integrations>h2{color:#004a99}.integration-settings-grid{display:grid;grid-template-columns:1fr 2fr;gap:18px}.integration-settings-grid fieldset{display:grid;align-content:start;gap:12px;margin:0;padding:18px;border:1px solid #cbd9e3;background:#f8fbfd}.integration-settings-grid legend{padding:0 8px;color:#005fb2;font-size:18px;font-weight:800}.integration-settings-grid label{display:grid;gap:5px}.integration-settings-grid input:not([type=checkbox]){width:100%;padding:10px;border:1px solid #b7c8d4;box-sizing:border-box}@media(max-width:900px){.integration-settings-grid{grid-template-columns:1fr}}
.settings-readiness{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;max-width:1120px;margin:0 0 18px}.settings-readiness span{display:grid;grid-template-columns:auto 1fr;gap:1px 9px;align-items:center;padding:12px 14px;border:1px solid #d3dde4;border-radius:8px;background:#fff;color:#647786;font-size:12px}.settings-readiness span i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#e09a23}.settings-readiness span.ready i{background:#1b9b63}.settings-readiness span b{color:#173b56;font-size:14px}.settings-sensitive-note{padding:10px 12px;border-left:4px solid #ff6600;background:#fff5e9;color:#5d4630}.erp-notification-list button em{margin-left:auto;padding:3px 7px;border-radius:999px;background:#eaf4fb;color:#0068ae;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}.erp-notification-list button.is-read{opacity:.72}.erp-notification-list button.is-read em{background:#eef1f3;color:#687985}.erp-notification-popover>header>div:last-child{display:flex;align-items:center;gap:5px}.erp-notification-popover>header [data-read-all-notifications]{width:auto;padding:5px 7px;border:0;background:transparent;color:#0875bd;font-size:11px;font-weight:700}@media(max-width:900px){.settings-readiness{grid-template-columns:1fr 1fr}}@media(max-width:600px){.settings-readiness{grid-template-columns:1fr}}
.integration-test-status{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px;border-radius:8px;border-left:5px solid #7d8d98;background:#eef3f6}.integration-test-status small{grid-column:1/2}.integration-test-status .button{grid-column:2;grid-row:1/3;align-self:center}.integration-test-status.success{border-color:#218739;background:#edf8f0}.integration-test-status.failed{border-color:#c43a2f;background:#fff0ee}@media(max-width:600px){.integration-test-status{grid-template-columns:1fr}.integration-test-status small,.integration-test-status .button{grid-column:1;grid-row:auto}}
.erp-table { width: 100%; border-collapse: collapse; }
.erp-table th { background: #e8f2fa; color: #004a99; text-align: left; }
.erp-table th,.erp-table td { padding: 12px; border-bottom: 1px solid #dde6ec; vertical-align: top; }
.erp-table tr:hover td { background: #fffaf4; }
.button.small { padding: 6px 10px; min-height: 0; }
.import-intro { border-left: 6px solid #ff6600; margin-bottom: 18px; }
.import-form { display: grid; grid-template-columns: 220px minmax(260px,1fr) auto; gap: 16px; align-items: end; }
.empty { padding: 24px; color: #6b7e8c; text-align: center; }
.dossier-dialog { width: min(920px, calc(100vw - 32px)); }
.dossier-identity { display: grid; gap: 6px; padding: 18px; margin-bottom: 18px; border-radius: 12px; background: linear-gradient(135deg,#005fb2,#004a99); color: #fff; }
.dossier-identity b { font-size: 21px; }
.dossier-section { margin: 18px 0; }
.dossier-section h3 { display: flex; justify-content: space-between; color: #004a99; border-bottom: 2px solid #dbe8f1; padding-bottom: 8px; }
.dossier-section h3 span { display: inline-grid; place-items: center; min-width: 28px; height: 28px; border-radius: 50%; color: #fff; background: #ff6600; font-size: 13px; }
.dossier-list { display: grid; gap: 8px; }
.dossier-list > div { display: grid; gap: 4px; padding: 12px 14px; border: 1px solid #dce5eb; border-left: 4px solid #13b69b; border-radius: 8px; background: #fff; }
.dossier-list span { color: #587083; font-size: 13px; }
.workshop-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
.workshop-toolbar>div { display:flex; align-items:center; gap:8px; }
.workshop-toolbar input { min-height:42px; }
.workshop-board { display:grid; grid-template-columns:repeat(6,minmax(230px,1fr)); gap:12px; overflow-x:auto; padding-bottom:14px; }
.workshop-column { min-height:430px; border:1px solid #d6e2ea; border-radius:12px; background:#e8f0f5; }
.workshop-column>header,.workshop-week>section>header { display:flex; justify-content:space-between; align-items:center; padding:13px 14px; color:#fff; background:#004a99; border-radius:11px 11px 0 0; }
.workshop-column>header span,.workshop-week>section>header span { padding:3px 8px; border-radius:12px; background:#ff6600; font-size:12px; }
.workshop-column>div,.workshop-week>section>div { display:grid; align-content:start; gap:9px; padding:10px; }
.workshop-card { display:grid; gap:7px; padding:12px; border:1px solid #d7e1e8; border-left:5px solid #7d8f9c; border-radius:9px; background:#fff; box-shadow:0 3px 9px rgba(20,50,70,.07); }
.workshop-card.status-confirmed { border-left-color:#0879cf; }
.workshop-card.status-waiting_parts { border-left-color:#ff9d22; }
.workshop-card.status-in_repair { border-left-color:#8c4fc4; }
.workshop-card.status-ready { border-left-color:#35a853; }
.workshop-card.status-completed { border-left-color:#77909f; opacity:.75; }
.workshop-card header,.workshop-card footer { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.workshop-card header span { color:#004a99; font-weight:800; font-size:12px; }
.workshop-card small,.workshop-card footer span { color:#607585; }
.workshop-card p { margin:4px 0; font-size:13px; line-height:1.4; }
.workshop-status-control { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px; color:#607585; font-size:12px; font-weight:800; }
.workshop-status-control select { min-width:0; padding:7px 8px; border-color:#bed1dc; background:#f6fafc; font-size:12px; }
.workshop-timer { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px; border-radius:7px; background:#eef5f9; color:#456174; font-size:12px; font-weight:800; }
.workshop-timer.running { background:#fff0e5; color:#b95108; animation:timer-pulse 2s ease-in-out infinite; }
@keyframes timer-pulse { 50% { box-shadow:inset 0 0 0 2px rgba(255,102,0,.18); } }
.system-hero { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px; border-radius:15px; color:#fff; background:linear-gradient(125deg,#102f49,#005fb2); }
.system-hero h2 { margin:3px 0 7px; font-size:30px; }
.system-hero p { margin:0; }
.system-hero>span { flex:0 0 auto; padding:12px 16px; border-radius:22px; font-weight:900; }
.system-hero .healthy { background:#dff5df; color:#247439; }
.system-hero .problem { background:#ffe4d2; color:#a44308; }
.system-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
.system-kpis b { font-size:24px; }
.system-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
.system-health p { display:flex; justify-content:space-between; gap:14px; padding:10px 0; margin:0; border-bottom:1px solid #dce5eb; }
.health-dot { font-weight:800; }
.health-dot.ok { color:#25813d; }.health-dot.bad { color:#b43b3b; }.health-dot.warn { color:#b9670b; }
.system-explanation li { margin:10px 0; }
.system-incidents>header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.incident-row { display:grid; grid-template-columns:75px 1fr auto; gap:14px; align-items:start; padding:15px 0; border-top:1px solid #dce5eb; }
.incident-row.resolved { opacity:.65; }
.incident-row header { display:flex; justify-content:space-between; gap:15px; }
.incident-row p { margin:7px 0; }
.incident-row small,.incident-row em { display:block; color:#607585; }
.incident-severity { padding:7px; border-radius:7px; text-align:center; color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; }
.incident-severity.critical { background:#b43b3b; }.incident-severity.error { background:#e36a16; }
.resolved-label { color:#25813d; font-size:12px; font-weight:800; }
.workshop-week { display:grid; grid-template-columns:repeat(6,minmax(250px,1fr)); gap:12px; overflow-x:auto; }
.workshop-week>section { min-height:420px; border:1px solid #d6e2ea; border-radius:12px; background:#eef3f7; }
.workshop-alert { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:16px; border-left:6px solid #ff6600; }
.workshop-intake { margin-bottom:18px; border-top:5px solid #ff6600; }
.workshop-intake>header { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:14px; }
.workshop-intake h2 { margin:2px 0 0; color:#004a99; }
.workshop-intake>div { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }
.workshop-intake-card { display:grid; gap:10px; padding:14px; border:1px solid #d7e2ea; border-left:5px solid #ff6600; border-radius:10px; background:#fffaf4; }
.workshop-intake-card header { display:flex; justify-content:space-between; gap:10px; color:#004a99; }
.workshop-intake-card p { margin:0; }
.workshop-intake-card small { color:#607585; }
.workshop-intake-card label { display:grid; gap:5px; color:#456174; font-size:12px; font-weight:800; }
.workshop-intake-card select { padding:9px; background:#fff; }
@media (max-width: 900px) {
  .erp-sidebar { position: static; width: auto; }
  .erp-sidebar nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .erp-main { margin-left: 0; padding: 18px; }
  .erp-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .import-form { grid-template-columns: 1fr; }
  .erp-table { min-width: 700px; }
  #erp-table,.table-card { overflow-x: auto; }
  .workshop-toolbar { align-items:stretch; flex-direction:column; }
  .workshop-intake>header { align-items:stretch; flex-direction:column; }
  .system-grid { grid-template-columns:1fr; }
  .incident-row { grid-template-columns:1fr; }
}
@media (max-width: 560px) {
  .erp-sidebar nav,.erp-kpis { grid-template-columns: 1fr; }
  .erp-topbar,.erp-toolbar { align-items: stretch; flex-direction: column; }
}

.shared-capacity-card{display:grid;grid-template-columns:1fr minmax(240px,320px);gap:22px;align-items:center;margin:0 0 18px;padding:18px;border:1px solid #b9d9ee;border-left:6px solid var(--blue);border-radius:10px;background:linear-gradient(135deg,#eef7fd,#fff8f1)}
.shared-capacity-card>div{display:flex;gap:14px;align-items:flex-start}
.shared-capacity-card h2{margin:0 0 5px;color:var(--navy)}
.shared-capacity-card p{margin:0;color:var(--muted);line-height:1.5}
.shared-capacity-card label{display:grid;gap:6px;font-weight:750}
.shared-capacity-card small{color:var(--muted);font-weight:400;line-height:1.4}
.shared-capacity-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--orange);color:#fff;font-size:19px;font-weight:800}
@media(max-width:800px){.shared-capacity-card{grid-template-columns:1fr}}
.email-delivery-summary{padding:14px 16px;border:1px solid #d6e3ea;border-radius:9px;background:#f7fafc}
.email-delivery-state{display:flex;justify-content:space-between;align-items:center;gap:16px}
.email-delivery-state>div{display:grid;gap:4px}
.email-delivery-state small{color:var(--muted)}
.email-delivery-state.is-sent{border-left:5px solid #19906f;padding-left:12px}
.email-delivery-state.has-error{border-left:5px solid #c23a3a;padding-left:12px}
@media(max-width:650px){.email-delivery-state{align-items:stretch;flex-direction:column}}

/* Hoog contrast voor gebruik buiten en herkenning zonder alleen op kleur te vertrouwen. */
.calendar-day.limited{border:3px solid #c2410c;background:#fff0a8;color:#7c2d12;box-shadow:inset 0 -8px 0 #f59e0b}
.calendar-day.limited b,.calendar-day.limited small{font-weight:850}
.calendar-day.full{border:3px solid #5f0f16;background:repeating-linear-gradient(135deg,#991b1b 0 9px,#7f1d1d 9px 18px);color:#fff;box-shadow:0 2px 7px rgba(95,15,22,.28)}
.calendar-day.full b,.calendar-day.full small{color:#fff;font-weight:850;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.calendar-day.limited:disabled,.calendar-day.full:disabled{opacity:1}
.calendar-day.closed:disabled{opacity:.62}
.calendar-legend .legend.limited{background:#f59e0b;border:2px solid #9a3412}
.calendar-legend .legend.full{background:repeating-linear-gradient(135deg,#991b1b 0 5px,#5f0f16 5px 10px);border:2px solid #5f0f16}
@media(max-width:650px){
  .calendar-day.limited,.calendar-day.full{border-width:2px}
  .calendar-day.limited{box-shadow:inset 0 -6px 0 #f59e0b}
}
.proposal-editor{display:grid;gap:12px;padding:16px;border:1px solid #f3c495;border-left:5px solid var(--orange);border-radius:9px;background:#fff9f2}
.proposal-editor h3{margin:0;color:var(--navy)}
.proposal-editor>div{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:14px}
.proposal-editor label{display:grid;gap:6px}
.proposal-editor small{color:var(--muted)}
.proposal-editor .button{justify-self:start}
.customer-proposal{margin:20px 0;padding:20px;border:2px solid #f26622;border-radius:12px;background:#fff8f1}
.customer-proposal h2{margin:0 0 8px;color:#004680}
.customer-proposal p{margin:0 0 14px}
.customer-proposal>strong{display:inline-block;padding:8px 13px;border-radius:7px;background:#004680;color:#fff;font-size:20px}
.customer-proposal>div{margin-top:14px;padding:12px;background:#fff;border-radius:7px;white-space:pre-wrap}
.customer-proposal footer{display:flex;gap:10px;margin-top:16px}
@media(max-width:650px){.proposal-editor>div{grid-template-columns:1fr}.customer-proposal footer{align-items:stretch;flex-direction:column}}
.email-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-left:5px solid var(--orange)}
.email-actions-bar>div{display:grid;gap:4px}.email-actions-bar span{color:var(--muted);font-size:13px}
.template-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.email-preview-dialog{width:min(760px,calc(100vw - 28px));height:min(820px,calc(100vh - 28px));padding:0;border:0;border-radius:12px;box-shadow:0 24px 70px rgba(0,35,65,.35)}
.email-preview-dialog::backdrop{background:rgba(0,35,65,.62)}
.email-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line);background:#f5f9fc}
.email-preview-dialog>header h2,.email-preview-dialog>header p{margin:0}
.email-preview-dialog iframe{width:100%;height:calc(100% - 82px);border:0;background:#fff}
.proposal-expired{color:#b93636!important;font-weight:750}
.customer-request-editor{display:grid;gap:13px;margin:20px 0;padding:20px;border:2px solid #76a9c9;border-left:6px solid var(--navy);border-radius:12px;background:#f3f9fd}
.customer-request-editor h2,.customer-request-editor p{margin:0}.customer-request-editor h2{color:var(--navy)}
.customer-request-editor label{display:grid;gap:6px;font-weight:750}.customer-request-editor textarea{resize:vertical}
.customer-request-editor .button{justify-self:start}
@media(max-width:650px){.email-actions-bar{align-items:stretch;flex-direction:column}.template-actions{display:grid}.email-preview-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}}
.mechanic-page{margin:0;background:#edf3f7;color:#17324a}.mechanic-login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#004680,#005fb2)}
.mechanic-app{min-height:100vh}.mechanic-topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:20px;padding:14px 24px;border-bottom:4px solid #ff6600;background:#fff;box-shadow:0 5px 18px rgba(0,48,82,.12)}
.mechanic-topbar img{width:170px;max-height:58px;object-fit:contain}.mechanic-topbar h1,.mechanic-topbar p{margin:0}.mechanic-account{display:flex;align-items:center;gap:9px}
.mechanic-app main{width:min(1500px,calc(100% - 32px));margin:20px auto}.mechanic-toolbar{display:grid;grid-template-columns:180px 210px minmax(220px,1fr) 180px;gap:16px;align-items:end}
.mechanic-toolbar label{display:grid;gap:6px;font-weight:750}.mechanic-kpis{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.mechanic-kpis span{padding:10px 13px;border-radius:8px;background:#eef6fc;color:#52636e}.mechanic-kpis b{color:#005fb2}
.mechanic-board{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px;margin-top:18px}.mechanic-repair{overflow:hidden;border:1px solid #cfdee7;border-top:6px solid #6f7f89;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(0,60,100,.08)}
.mechanic-repair.status-confirmed{border-top-color:#005fb2}.mechanic-repair.status-waiting_parts{border-top-color:#f59e0b}.mechanic-repair.status-in_repair{border-top-color:#08ad91}.mechanic-repair.status-ready{border-top-color:#70b52c}.mechanic-repair.status-completed{border-top-color:#87949c}
.mechanic-repair>header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:16px;background:#f5f9fb}.mechanic-repair>header span{font-size:12px;color:#667782}.mechanic-repair>header h2{margin:2px 0 0;font-size:19px}.mechanic-repair>header>strong{padding:5px 8px;border-radius:999px;background:#e7eef2;font-size:12px}
.mechanic-repair-info{display:grid;gap:0;padding:10px 16px}.mechanic-repair-info p{display:grid;grid-template-columns:105px 1fr;gap:9px;margin:0;padding:8px 0;border-bottom:1px solid #e8eef2}.mechanic-repair-info b{color:#004680}.mechanic-repair-info a{color:#005fb2}
.mechanic-claim{margin:4px 16px 14px}.mechanic-actions{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));align-items:end;gap:10px;padding:14px 16px;background:#eef6fc}.mechanic-actions label{display:grid;gap:5px;font-weight:750}.mechanic-priority{margin:10px 16px 0;padding:8px 10px;border-radius:8px;background:#ff6600;color:#fff;font-weight:900;text-align:center}.mechanic-repair.priority-urgent{box-shadow:0 0 0 4px rgba(214,40,40,.2)}.mechanic-repair.priority-urgent .mechanic-priority{background:#d62828}.mechanic-received{margin:12px 16px;padding:10px;border:1px solid #d6e2e9;border-radius:8px}.mechanic-received summary{cursor:pointer;font-weight:800;color:#004680}.mechanic-received form{margin-top:10px}.mechanic-received .button{align-self:end}
.mechanic-note-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;padding:14px 16px}.mechanic-note-form label{display:grid;gap:5px;font-weight:750}.mechanic-note-form textarea{resize:vertical}
.mechanic-repair.repair-overdue{border-color:#d62828}.mechanic-repair.repair-overdue>header{background:#fff0f0}.mechanic-private-customer{padding:0 16px 12px}.internal-customer-result{margin-top:9px;padding:12px;border-radius:8px;border-left:7px solid #2f9e44;background:#f0fff3}.internal-customer-result.signal-orange{border-left-color:#f08c00;background:#fff7e6}.internal-customer-result.signal-red{border-left-color:#d62828;background:#fff0f0}.internal-customer-result p{margin:6px 0 0;white-space:pre-wrap}
.mechanic-history{margin:0 16px 16px;padding:10px;border:1px solid #d6e2e9;border-radius:8px}.mechanic-history summary{cursor:pointer;font-weight:750;color:#004680}.mechanic-history p{display:grid;grid-template-columns:1fr auto;gap:4px;margin:9px 0;padding-top:9px;border-top:1px solid #e3ebef}.mechanic-history span{font-size:11px;color:#667782}.mechanic-history em{grid-column:1/-1;font-style:normal}.mechanic-empty{grid-column:1/-1;text-align:center}
@media(max-width:1050px){.mechanic-board{grid-template-columns:repeat(2,minmax(280px,1fr))}.mechanic-topbar{grid-template-columns:150px 1fr}.mechanic-account{grid-column:1/-1;justify-content:flex-end}.mechanic-toolbar{grid-template-columns:1fr 1fr}.mechanic-kpis{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:680px){.mechanic-topbar{position:static;grid-template-columns:1fr;padding:12px 16px}.mechanic-topbar img{width:145px}.mechanic-account{display:grid;grid-template-columns:1fr 1fr}.mechanic-account strong{grid-column:1/-1}.mechanic-app main{width:calc(100% - 18px);margin:10px auto}.mechanic-toolbar,.mechanic-board{grid-template-columns:1fr}.mechanic-repair-info p{grid-template-columns:1fr}.mechanic-actions,.mechanic-note-form{grid-template-columns:1fr}.mechanic-actions .button,.mechanic-note-form .button{width:100%}}
.intake-page{margin:0;background:#edf3f7;color:#17324a}.intake-main{width:min(1120px,calc(100% - 28px));margin:22px auto 50px}.intake-form{display:grid;gap:18px}.intake-form .card{position:relative;padding:22px}.intake-form h2{margin-top:0;color:#0055a4}.intake-tabs{display:flex;gap:10px;margin-bottom:18px}.intake-tabs .active{box-shadow:0 0 0 3px rgba(255,102,0,.25)}.intake-results{display:grid;gap:8px;max-height:310px;overflow:auto;margin:10px 0}.intake-results button{display:grid;gap:4px;width:100%;padding:13px;text-align:left;border:2px solid #d8e4ed;border-radius:10px;background:#fff;color:#17324a}.intake-results button:hover,.intake-results button:focus{border-color:#ff6600;background:#fff8f2}.intake-results span,.selected-customer span{color:#5b7183}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.selected-customer{display:grid;gap:5px;margin-top:14px;padding:14px;border-left:6px solid #0055a4;background:#eaf5ff}.selected-customer.customer-signal-green{border-left-color:#2f9e44}.selected-customer.customer-signal-orange{border-left-color:#f08c00;background:#fff5df}.selected-customer.customer-signal-red{border-left-color:#d62828;background:#fff0f0}.customer-internal-toggle{position:absolute;right:18px;top:18px;width:32px;height:32px;border:0;border-radius:50%;background:#173b57;color:#fff;font-weight:900}.customer-internal{margin-top:16px;padding:16px;border:2px dashed #ff6600;border-radius:12px;background:#fff9f2}.customer-internal h3{margin-top:0}.customer-status-picker,.received-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.customer-status-picker label,.received-items label,.big-check{padding:13px;border-radius:9px;background:#f4f7f9}.customer-status-picker .status-green{border-left:7px solid #2f9e44}.customer-status-picker .status-orange{border-left:7px solid #f08c00}.customer-status-picker .status-red{border-left:7px solid #d62828}.customer-dot{display:inline-block;width:11px;height:11px;margin-right:8px;border-radius:50%}.customer-dot.green{background:#2f9e44}.customer-dot.orange{background:#f08c00}.customer-dot.red{background:#d62828}.intake-submit{position:sticky;bottom:10px;z-index:4;display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:14px;border-radius:12px;background:rgba(23,59,87,.95);box-shadow:0 8px 30px rgba(0,0,0,.18)}.intake-submit .error{margin:0;color:#fff}.intake-success{max-width:720px;margin:40px auto;padding:30px;border-top:8px solid #2f9e44}
@media print{body[data-print-repair] .mechanic-topbar,body[data-print-repair] .mechanic-toolbar{display:none!important}body[data-print-repair] .mechanic-board{display:block}body[data-print-repair] .mechanic-repair{display:none}body[data-print-repair] .mechanic-repair.print-target{display:block;box-shadow:none;border:1px solid #000}body[data-print-repair] .mechanic-actions,body[data-print-repair] .mechanic-note-form,body[data-print-repair] .mechanic-received{display:none!important}}
@media(max-width:900px){.intake-page .mechanic-topbar{position:static;grid-template-columns:135px 1fr}.intake-page .mechanic-account{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-status-picker,.received-items{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.intake-main{width:calc(100% - 16px);margin:8px auto 36px}.intake-form .card{padding:16px}.form-grid,.customer-status-picker,.received-items{grid-template-columns:1fr}.intake-tabs{display:grid;grid-template-columns:1fr 1fr}.intake-submit{display:grid;grid-template-columns:1fr;bottom:4px}.intake-submit .button{width:100%}}
.system-links{margin-top:18px}.system-links header h2,.system-links header p{margin-top:0}.system-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-link-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid #dce6ed;border-left:6px solid #0055a4;border-radius:10px;background:#f8fbfd}.system-link-grid article p{margin:5px 0;color:#5b7183}.system-link-grid code{display:block;overflow-wrap:anywhere;color:#004680}.system-link-grid .table-actions{justify-content:flex-end}
@media(max-width:900px){.system-link-grid{grid-template-columns:1fr}}@media(max-width:560px){.system-link-grid article{grid-template-columns:1fr}.system-link-grid .table-actions{justify-content:stretch}.system-link-grid .button{flex:1}}
.monitor-download{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:center;margin-top:18px;border-left:7px solid #ff6a00}.monitor-download h2{margin:4px 0 10px;color:#0055a4}.monitor-download figure{margin:0;text-align:center}.monitor-download img{display:block;width:190px;height:190px;margin:auto;padding:8px;border:1px solid #cad9e3;border-radius:12px;background:#fff}.monitor-download figcaption{margin-top:7px;color:#5b7183;font-size:13px}@media(max-width:680px){.monitor-download{grid-template-columns:1fr}.monitor-download figure{order:-1}.monitor-download .table-actions{align-items:stretch;flex-direction:column}}
.monitor-servers{margin-top:18px;border-left:7px solid #0055a4}.monitor-servers>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.monitor-servers h2{margin:4px 0 8px;color:#0055a4}.monitor-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.monitor-server-grid article{min-width:0;padding:16px;border:1px solid #cad9e3;border-radius:10px;background:#f8fbfd}.monitor-server-grid article>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.monitor-server-grid article>header div{display:grid;gap:3px}.monitor-server-grid article>header span:not(.health-dot){color:#5b7183;font-size:13px}.monitor-server-grid label{display:block;margin:12px 0 5px;font-weight:700}.monitor-value-row{display:flex;align-items:center;gap:7px;min-width:0}.monitor-value-row code{display:block;flex:1;min-width:0;padding:9px 10px;overflow-wrap:anywhere;border:1px solid #cad9e3;border-radius:6px;background:#fff;color:#17324a}.monitor-value-row .button{flex:0 0 auto}@media(max-width:1100px){.monitor-server-grid{grid-template-columns:1fr}.monitor-value-row{flex-wrap:wrap}}
.repair-dossier-page{margin:0;background:#edf3f7;color:#17324a}.repair-dossier-main{width:min(1450px,calc(100% - 30px));margin:20px auto 60px}.repair-dossier-page .card{padding:20px}.repair-dossier-page label{display:grid;gap:6px;font-weight:750}.repair-dossier-page textarea{resize:vertical}.dossier-summary{display:grid;grid-template-columns:150px 1fr 1fr 2fr;gap:14px;border-top:7px solid #0055a4}.dossier-summary>div{display:grid;align-content:start;gap:4px}.dossier-summary span,.dossier-summary small{color:#657986}.dossier-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.dossier-grid h2{margin-top:0}.section-action{display:flex;justify-content:space-between;align-items:center}.part-row{display:grid;grid-template-columns:150px 1fr 100px auto;gap:9px;align-items:end;margin:9px 0;padding:10px;border-radius:9px;background:#f4f7f9}.delivery-checklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.delivery-checklist label{display:flex;align-items:center;padding:12px;border-radius:8px;background:#f4f7f9}.dossier-savebar{position:sticky;bottom:8px;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:16px;padding:12px 16px;border-radius:10px;background:rgba(23,59,87,.96);color:#fff}.attachment-row,.related-repair{display:grid;gap:4px;margin:8px 0;padding:11px;border:1px solid #d7e3ea;border-radius:8px;color:#17324a;text-decoration:none}.attachment-row:hover,.related-repair:hover{border-color:#ff6600;background:#fff8f2}.attachment-row span,.related-repair span{color:#657986}.timeline-row{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;padding:11px 0;border-bottom:1px solid #dfe8ed}.timeline-row time{grid-row:1/3;color:#657986;font-size:12px}.timeline-row p{margin:0}.repair-dossier-page .error{color:#b51f1f}
@media(max-width:950px){.dossier-summary{grid-template-columns:1fr 1fr}.dossier-grid{grid-template-columns:1fr}.delivery-checklist{grid-template-columns:1fr 1fr}.part-row{grid-template-columns:1fr 1fr}.part-row .icon-button{justify-self:end}}@media(max-width:600px){.repair-dossier-main{width:calc(100% - 14px);margin:8px auto 40px}.dossier-summary,.delivery-checklist,.part-row{grid-template-columns:1fr}.repair-dossier-page .card{padding:15px}.dossier-savebar{display:grid;grid-template-columns:1fr}.dossier-savebar .button{width:100%}.timeline-row{grid-template-columns:1fr}.timeline-row time{grid-row:auto}}
@media print{.repair-dossier-page .mechanic-topbar,.repair-dossier-page .dossier-savebar,.repair-dossier-page button,.repair-dossier-page input[type=file],.repair-dossier-page #dossier-reopen-form{display:none!important}.repair-dossier-main{width:100%;margin:0}.repair-dossier-page .card{break-inside:avoid;box-shadow:none;border:1px solid #bbb}.repair-dossier-page textarea,.repair-dossier-page input{border:0;padding:0}}
.communication-page{margin:0;background:#eef3f7;color:#18354d;min-height:100vh}.communication-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px clamp(20px,4vw,64px);background:linear-gradient(120deg,#064f9e,#0875cc);color:#fff}.communication-header h1{margin:.1em 0}.communication-header p{margin:.3em 0}.communication-header nav{display:flex;gap:10px;flex-wrap:wrap}.communication-main{max-width:1500px;margin:0 auto;padding:28px clamp(16px,3vw,42px)}
.provider-grid,.communication-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.provider-card{display:flex;gap:12px;align-items:center}.provider-card p{margin:4px 0 0}.provider-dot{width:14px;height:14px;border-radius:50%;background:#e35b48;box-shadow:0 0 0 5px #e35b4820}.provider-card.is-ready .provider-dot{background:#16a67a;box-shadow:0 0 0 5px #16a67a20}.communication-metrics article{background:#fff;border-radius:10px;padding:20px;border-left:5px solid #ef6c24;box-shadow:0 4px 16px #16324a12}.communication-metrics b{font-size:28px;display:block;color:#075eb5}.communication-metrics span{color:#607286}
.communication-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.communication-filters label,.template-editor label{display:grid;gap:6px;font-weight:700}.communication-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading h2{margin:.1em 0 1em}.communication-list{display:grid;gap:12px}.communication-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;padding:16px;border:1px solid #dce6ee;border-radius:10px;background:#f9fbfd}.communication-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#075eb5;color:#fff;font-weight:800}.communication-icon.sms{background:#ef6c24}.communication-meta,.communication-footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.communication-body p{white-space:pre-line;margin:.5em 0;color:#40566a}.communication-footer{justify-content:flex-start;font-size:12px;color:#65798a}.status-pill{padding:3px 9px;border-radius:999px;background:#e5eaf0}.status-pill.sent{background:#d8f4e9;color:#087756}.status-pill.failed{background:#ffe0dc;color:#a92d20}.status-pill.test{background:#fff0d1;color:#855500}.template-panel{align-self:start}.template-editor{padding:14px;margin-bottom:12px;border-radius:10px;background:#eef4f8;display:grid;gap:10px}.template-editor-head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.template-editor input,.template-editor select,.template-editor textarea{width:100%}
.communication-compose{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;align-items:end;margin-bottom:18px}.communication-compose .section-heading,.communication-compose .wide{grid-column:1/-1}.communication-compose label{display:grid;gap:6px;font-weight:700}.communication-compose textarea{resize:vertical}
@media(max-width:1000px){.communication-layout{grid-template-columns:1fr}.communication-filters,.communication-compose{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.communication-header{align-items:flex-start;flex-direction:column}.communication-filters,.communication-compose{grid-template-columns:1fr}.communication-item{grid-template-columns:42px minmax(0,1fr)}.communication-item>.button{grid-column:2}.communication-icon{width:40px;height:40px;font-size:11px}}
.erp-quick-links{display:grid;gap:8px;margin:16px 0;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}.erp-quick-links a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:13px 12px;border-radius:9px;background:#ff6600;color:#fff;text-decoration:none;box-shadow:0 5px 14px rgba(0,0,0,.15)}.erp-quick-links a:hover{background:#e95800}.erp-quick-links span{font-size:20px;text-align:center}.erp-quick-links b{min-width:0;overflow-wrap:anywhere}
.mechanic-topbar>div{min-width:0}.mechanic-topbar h1,.mechanic-account strong{overflow-wrap:anywhere}.mechanic-account{justify-content:flex-end;flex-wrap:wrap}.mechanic-account .button{white-space:normal;text-align:center}.mechanic-board{grid-template-columns:repeat(2,minmax(320px,1fr))}.mechanic-repair,.mechanic-repair-info,.mechanic-actions{min-width:0}.mechanic-repair-info p{grid-template-columns:120px minmax(0,1fr)}.mechanic-repair-info span,.mechanic-repair-info a,.mechanic-actions label{min-width:0;overflow-wrap:anywhere}.mechanic-actions input,.mechanic-actions select,.mechanic-actions button,.mechanic-actions a{min-width:0;max-width:100%;box-sizing:border-box}
.intake-main{width:min(1280px,calc(100% - 28px))}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.intake-form label{min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.4}.intake-form input,.intake-form select,.intake-form textarea{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.intake-form small{display:block;margin-top:5px;line-height:1.4;color:#5b7183;white-space:normal}.intake-form label:has(>input[required]),.intake-form label:has(>textarea[required]){position:relative}.intake-form label:has(>input[required])::after,.intake-form label:has(>textarea[required])::after{content:"verplicht";justify-self:start;margin-top:3px;padding:2px 7px;border-radius:999px;background:#fff0ed;color:#b52b20;font-size:11px;font-weight:800}
@media(max-width:1150px){.mechanic-board{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.intake-page .mechanic-topbar{grid-template-columns:135px minmax(0,1fr)}.mechanic-account{justify-content:flex-start}}@media(max-width:580px){.form-grid{grid-template-columns:1fr}.intake-tabs,.mechanic-account{grid-template-columns:1fr}.mechanic-account .button,.mechanic-account button{width:100%}}
.pos-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.pos-report-result{margin-top:14px;padding:14px;border-radius:9px;background:#eef6fc}.pos-report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pos-report-kpis span{padding:10px;border-left:5px solid #ff6600;background:#fff}.pos-report-kpis b{display:block;color:#005fb2;font-size:20px}.invoice-mailed{display:block;margin-top:4px;color:#16834f;font-weight:700}.erp-table .table-actions{display:flex;gap:6px;flex-wrap:wrap}.erp-table td{vertical-align:top}
.pos-tabs{display:flex;gap:4px;margin-bottom:16px;padding:5px;background:#dbe8f3;border:1px solid #bdd1e1;border-radius:8px;overflow-x:auto}.pos-tabs button{white-space:nowrap;border:0;border-radius:5px;padding:12px 18px;background:transparent;color:#17486f;font-weight:800;cursor:pointer}.pos-tabs button:hover,.pos-tabs button.active{background:#0064ad;color:#fff}.erp-pos [hidden],#erp-pos [hidden]{display:none!important}.status-chip.neutral{display:inline-block;padding:4px 8px;border-radius:999px;background:#e7edf2;color:#43586a;font-weight:700}
.service-date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-date-range label{display:grid;gap:6px}
@media(max-width:650px){.service-date-range{grid-template-columns:1fr}}
@media(max-width:850px){.pos-control-grid{grid-template-columns:1fr}.pos-report-kpis{grid-template-columns:1fr}.erp-table{min-width:760px}.table-card{overflow-x:auto}}

/* CycleSoftware-achtige werkindeling: horizontaal hoofdmenu en vaste snelkoppelingen */
@media(min-width:901px){
  .erp-sidebar{position:relative;inset:auto;width:100%;min-height:104px;padding:8px 5.5%;display:flex;align-items:flex-end;gap:20px;overflow:visible;background:#fff;border-bottom:1px solid #ccd7df;color:#253b4c;z-index:30}
  .erp-brand{align-self:center;min-width:185px;margin:0;color:#536a78}.erp-brand img{width:48px;height:48px}.erp-brand span{font-size:15px}
  .erp-quick-links{display:flex;order:3;margin-left:auto}.erp-quick-links a{color:#31566f;background:#eef4f7;border-radius:6px;padding:10px;text-decoration:none}.erp-quick-links a b{display:none}
  .erp-sidebar nav{display:flex;align-items:flex-end;gap:2px;flex:1}.erp-sidebar nav>button,.erp-nav-group summary{padding:12px 13px!important;color:#253b4c!important;border-radius:0!important;font-weight:700!important;white-space:nowrap}
  .erp-sidebar nav>button:hover,.erp-sidebar nav>button.active,.erp-nav-group summary:hover{background:#eaf2f7!important;color:#005fb2!important}
  .erp-nav-group{position:relative;border:0;padding:0}.erp-nav-group summary::after{margin-left:8px}.erp-nav-group[open] summary::after{transform:rotate(90deg)}
  .erp-nav-dropdown{display:none}.erp-nav-group[open]>.erp-nav-dropdown{display:grid;position:absolute;left:0;top:100%;width:230px;background:#fff;box-shadow:0 8px 18px rgba(17,48,70,.16);z-index:40}
  .erp-nav-group button,.erp-nav-group[open]>.erp-nav-dropdown>button{display:block;position:static;width:100%!important;min-height:40px;padding:11px 14px!important;border-radius:0!important;color:#263f50!important;background:#fff!important;border-bottom:1px solid #e1e8ed!important;box-shadow:none;z-index:auto}
  .erp-nav-group button:first-of-type{margin-top:0}.erp-nav-group button:hover,.erp-nav-group button.active{background:#e9f4fb!important;color:#005fb2!important}
  .erp-back{display:none}.erp-main{margin-left:0;padding:18px 5.5% 32px}.erp-topbar{margin-bottom:12px}.erp-topbar .eyebrow{display:none}.erp-topbar h1{font-size:24px}
}
.erp-action-strip{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));margin:0 0 18px;border:1px solid #cfd9df;background:#fff}.erp-action-strip button{min-height:104px;padding:14px;border:0;border-right:1px solid #cfd9df;background:#fff;color:#60717d;font-weight:700;cursor:pointer}.erp-action-strip button:last-child{border-right:0}.erp-action-strip button:hover{background:#f2f7fa;color:#005fb2}.erp-action-strip span{display:block;margin-bottom:8px;color:#6d7e89;font-size:34px}
.erp-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.dashboard-widget{min-height:300px;border:1px solid #ccd7df;border-radius:5px;background:#fff;overflow:hidden}.dashboard-widget>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d8e1e7}.dashboard-widget h2{margin:0;font-size:14px;text-transform:uppercase;color:#596d7b}.dashboard-widget i{display:grid;place-items:center;width:60px;height:60px;color:#fff;font-style:normal;font-size:24px}.dashboard-widget i.red{background:#df4b4b}.dashboard-widget i.orange{background:#f2ad43}.dashboard-widget i.blue{background:#4db7d2}.dashboard-widget>button{display:grid;width:calc(100% - 28px);margin:0 14px;padding:10px 0;border:0;border-bottom:1px solid #dde4e9;background:#fff;text-align:left;cursor:pointer}.dashboard-widget>button:hover b{color:#005fb2}.dashboard-widget>button span,.dashboard-widget>p{color:#71828e;font-size:12px}.dashboard-widget>p{padding:18px}
.dashboard-widget.google-calendars>header i{background:linear-gradient(135deg,#4285f4 0 50%,#34a853 50%);font-weight:900}.dashboard-widget.google-calendars>p{margin:0;background:#f7fafc;line-height:1.5}
.google-calendar-list{display:grid;gap:8px;margin:12px 0}.google-calendar-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #d8e3ea;border-radius:7px;background:#f8fbfd}.google-calendar-list article span:first-child{display:grid;gap:3px}.google-calendar-list small.success{color:#23824f}.google-calendar-list small.failed{color:#b52d29}.google-calendar-add{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:10px;margin:14px 0}.google-calendar-add .button{min-height:46px}@media(max-width:850px){.google-calendar-list article,.google-calendar-add{grid-template-columns:1fr}.google-calendar-list article .button{justify-self:start}}
@media(max-width:1100px){.erp-action-strip{grid-template-columns:repeat(3,1fr)}.erp-dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.erp-action-strip{grid-template-columns:repeat(2,1fr)}.erp-dashboard-grid{grid-template-columns:1fr}.erp-action-strip button{min-height:88px}.erp-action-strip span{font-size:26px}}

/* Zelfstandig kassascherm voor een vaste desktopwerkplek */
.pos-page{margin:0;min-width:1100px;min-height:100vh;background:#e5e5e5;color:#182b39;font-family:Arial,Helvetica,sans-serif}.pos-header{height:86px;display:grid;grid-template-columns:270px minmax(390px,1fr) 94px 94px 94px 94px;justify-content:center;padding:0 max(20px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid #d2d2d2;box-sizing:border-box}.pos-logo{display:flex;align-items:center;gap:10px;color:#6b7780;text-decoration:none;font-weight:800}.pos-logo img{width:44px;height:44px;object-fit:contain}.pos-search{display:flex;align-items:center;margin:21px 14px;border:1px solid #2490dc;box-shadow:0 0 7px rgba(0,114,190,.25);background:#fff}.pos-search span{padding:0 13px;font-size:28px}.pos-search input{width:100%;height:40px;border:0;outline:0;font-size:15px}.pos-head-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-left:1px solid #d6d6d6;background:#fff;color:#737f87;text-decoration:none;font-size:27px;cursor:pointer}.pos-head-button small{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pos-shell{display:grid;grid-template-columns:minmax(880px,1fr) 280px;gap:20px;width:min(1260px,calc(100vw - 40px));margin:12px auto}.pos-sale{position:relative;display:flex;flex-direction:column;height:680px;padding:15px;background:#fff;border-radius:4px;box-sizing:border-box}.pos-customer-bar{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:8px 10px;background:#edf3f7}.pos-customer-bar button{padding:7px 11px;border:1px solid #9eb6c7;background:#fff;cursor:pointer}.pos-lines{flex:1;border:1px solid #d4dadd;overflow:auto}.pos-lines table{width:100%;border-collapse:collapse}.pos-lines th,.pos-lines td{padding:12px 9px;border-bottom:1px solid #d9dfe2;text-align:left}.pos-lines th{color:#111}.pos-lines td input{width:65px;padding:7px}.pos-lines td:last-child button{border:0;background:transparent;color:#bd3030;font-size:20px;cursor:pointer}#pos-empty{padding:70px;text-align:center;color:#7c8991}.pos-sale-actions{display:flex;gap:5px;margin-top:12px;overflow-x:auto}.pos-sale-actions button{min-height:62px;padding:9px 13px;border:1px solid #c8d0d5;background:#fff;color:#29495e;font-weight:700;white-space:nowrap;cursor:pointer}.pos-sale-actions button:first-child{background:#1675bd;color:#fff}.pos-sale-actions button:last-child{margin-left:auto}.pos-sale-actions b{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:10px;background:#e9533f;color:#fff}.pos-payment{display:grid;align-content:start;gap:10px}.pos-total{display:grid;padding:14px;background:#858585;color:#fff}.pos-total small{font-weight:800}.pos-total strong{justify-self:end;font-size:33px}.pos-total span{margin-top:16px;text-align:center;font-size:25px}.pos-operator{padding:16px;background:#858585;color:#fff;text-align:center}.pos-pay-button{padding:19px;border:0;background:#2c82c7;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.pos-pay-button:disabled{background:#8daed0}.pos-payment p{padding:12px;color:#b32f2f;background:#fff}.pos-results{position:absolute;z-index:10;top:61px;left:15px;right:15px;max-height:430px;padding:8px;background:#fff;border:1px solid #9eb6c7;box-shadow:0 9px 24px rgba(0,0,0,.18);overflow:auto}.pos-results button,#dialog-customers button{display:grid;width:100%;gap:3px;padding:11px;border:0;border-bottom:1px solid #dde4e8;background:#fff;text-align:left;cursor:pointer}.pos-results button:hover,#dialog-customers button:hover{background:#eaf5fd}.pos-results span{color:#647785;font-size:12px}.pos-page dialog{width:min(620px,90vw);border:0;border-radius:8px;box-shadow:0 15px 45px rgba(0,0,0,.3)}.pos-page dialog form{display:grid;gap:15px}.pos-page dialog input,.pos-page dialog textarea,.pos-page dialog select{width:100%;padding:12px;box-sizing:border-box}.pos-page dialog footer{display:flex;justify-content:flex-end;gap:8px}.pos-page dialog footer button{padding:10px 16px}
.pos-discount-form{display:grid;gap:14px}.pos-discount-form label{display:grid;gap:6px;font-weight:800}.pos-suspended-list{display:grid;gap:8px;max-height:460px;overflow:auto}.pos-suspended-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:12px;border:1px solid #d6e1e8;border-left:5px solid #f26622;border-radius:5px}.pos-suspended-list article div{display:grid;gap:3px}.pos-suspended-list span,.pos-suspended-list small{color:#647785}.pos-suspended-list button{padding:9px 12px;border:1px solid #9cb7ca;background:#fff;color:#17486f;font-weight:800}.pos-suspended-list button.danger{border-color:#e2aaa6;color:#a62d25}
.pos-page .pos-payment-dialog{width:420px;padding:0;border-radius:3px}.pos-payment-dialog::backdrop{background:rgba(0,0,0,.55)}.pos-payment-dialog form{gap:0!important}.pos-payment-dialog header{display:flex;justify-content:space-between;border-bottom:1px solid #d5dce1}.pos-checkout-tabs{display:flex}.pos-checkout-tabs button{padding:15px 18px;border:0;border-bottom:3px solid transparent;background:#fff;color:#2873ba;font-weight:700}.pos-checkout-tabs button.active{border-color:#2873ba;background:#f3f7fa;color:#273a49}.pos-payment-dialog header>button{padding:10px 16px;border:0;background:#fff;color:#7b868e;font-size:21px}.pos-checkout-body{display:grid;gap:14px;padding:14px}.pos-checkout-total,.pos-payment-row{display:grid;grid-template-columns:1fr 35px 115px;align-items:center;min-height:58px;padding:0 12px;border:1px solid #ccd4da;border-radius:4px;background:#fff;box-sizing:border-box}.pos-checkout-total b,.pos-payment-row>b{font-size:25px}.pos-checkout-total strong,.pos-payment-row input{padding:0!important;border:0!important;background:transparent;text-align:right;font-size:26px}.pos-payment-row span{display:flex;align-items:center;gap:7px}.pos-payment-row small{padding:4px 7px;border-radius:12px;background:#7d8991;color:#fff;font-size:10px}.pos-payment-row small.ready{background:#42aa59}.pos-payment-row small.busy{background:#e78322}.pos-payment-row select{max-width:150px;padding:8px;border:1px solid #bdcbd5;background:#fff}.pos-payment-row button{margin-left:7px;border:0;background:transparent;color:#ae3434;font-size:20px}.pos-payment-row:has(button){grid-template-columns:1fr 35px 105px 30px}.pos-add-payment{min-height:58px;border:1px solid #ccd4da;background:#fff;font-weight:700}.pos-checkout-summary{display:flex;justify-content:space-between;padding:9px 12px;background:#eef5fa}.pos-checkout-summary .error{color:#b52b2b}.pos-payment-dialog footer{padding:0 14px 14px}.pos-payment-dialog footer button{border:1px solid #aebbc4;background:#fff}.pos-payment-dialog footer button:last-child{background:#1f78bd;color:#fff;font-weight:800}.pos-payment-dialog footer button:disabled{background:#91aec4}
.import-preview{margin-top:18px}.import-preview h2{color:#005fb2}.import-errors{max-height:260px;overflow:auto;margin:14px 0;padding:14px;border-left:6px solid #d94841;border-radius:8px;background:#fff0ef}.import-errors p{margin:6px 0}.import-preview .table-card{margin:16px 0;overflow:auto}.import-preview .success{padding:12px;border-left:6px solid #2f9e44;background:#effbf2}
.import-repeat-warning{margin:14px 0;padding:14px;border-left:6px solid #f08c00;border-radius:8px;background:#fff4df;color:#744500}.import-repeat-warning p{margin:5px 0 0}
.intake-delivery{border-top:7px solid #005fb2}.intake-delivery>h3{margin:20px 0 10px;color:#173b57}.intake-presence{display:flex!important;align-items:center;gap:14px;margin:15px 0;padding:17px!important;border:2px solid #9cc7e6!important;background:#edf8ff!important}.intake-presence input{flex:0 0 auto;width:24px!important;height:24px}.intake-presence span{display:grid;gap:3px}.intake-presence b{font-size:17px;color:#004a99}.intake-presence small{margin:0!important}.received-items label{display:flex;align-items:center;gap:10px;min-height:52px;border:2px solid #d9e5ed;cursor:pointer}.received-items label:has(input:checked){border-color:#ff6600;background:#fff1e7;color:#9a3f00;font-weight:800}.received-items input{flex:0 0 auto;width:21px!important;height:21px}.received-other{display:grid;gap:7px;margin-top:14px}
.loan-bike-entry{display:grid;gap:7px;padding:16px;border:2px solid #ffb36e;border-radius:10px;background:#fff7ef}.loan-bike-entry input{text-transform:uppercase;font-size:18px;font-weight:800}.mechanic-loan-bike{margin:12px 16px;padding:12px;border:2px solid #ff9b42;border-radius:8px;background:#fff6ed}.mechanic-loan-bike summary{cursor:pointer;font-weight:900;color:#9a3f00}.mechanic-loan-bike form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:12px}.mechanic-loan-bike .loan-bike-returned{grid-column:1/-1;color:#2f7d32;font-weight:800}
.report-filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.report-filter label{min-width:180px}.report-kpis{grid-template-columns:repeat(5,minmax(130px,1fr))}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-grid h2{margin-top:0}.report-bars{display:grid;gap:11px}.report-bars>div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr minmax(55px,auto);gap:10px;align-items:center}.report-bars span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-bars i{height:15px;background:#edf2f5;border-radius:999px;overflow:hidden}.report-bars i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#005fb2,#ff6600)}.report-bars strong{text-align:right}
.weather-report{margin-top:18px;border-top:6px solid #38a169}.weather-report>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.weather-report>header h2{margin:0 0 5px;color:#0b4f88}.weather-report>header p{margin:0;color:#5c7282}.weather-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.weather-summary p{margin:0;padding:13px;border:1px solid #d5e4eb;border-radius:6px;background:#f4fafc}.weather-summary b,.weather-summary span{display:block}.weather-summary b{font-size:18px;color:#123f5d}.weather-summary span{margin-top:4px;color:#607687;font-size:12px}@media(max-width:700px){.weather-report>header{display:block}.weather-report>header .button{width:100%;margin-top:12px}.weather-summary{grid-template-columns:1fr}}
@media(max-width:900px){.report-kpis,.report-grid{grid-template-columns:1fr 1fr}.report-bars>div{grid-template-columns:100px 1fr auto}}@media(max-width:600px){.report-kpis,.report-grid{grid-template-columns:1fr}.report-filter>*{width:100%}.report-filter label{min-width:0}.report-bars>div{grid-template-columns:90px 1fr auto;font-size:12px}}
@media print{.erp-sidebar,.erp-topbar,.report-filter{display:none!important}.erp-main{margin:0!important;padding:0!important}.erp-panel{display:block!important}.erp-panel:not(#erp-reports){display:none!important}.card{box-shadow:none!important;break-inside:avoid}}

/* R21 dashboard: compacte, rustige werkindeling met een duidelijke visuele hierarchie */
.erp-page{background:#edf3f7}
.erp-main{max-width:1760px;margin-inline:auto;box-sizing:border-box}
.erp-account-bar{display:flex;align-items:center;gap:14px}
.erp-account-bar #erp-account{font-size:14px;color:#5d7080}
.erp-account-bar .button{min-height:40px;padding:9px 16px;border:1px solid #d6e1e8;background:#f7fafc;box-shadow:none}
.erp-action-strip{margin-bottom:14px;border-color:#cbd8e0;border-radius:5px;overflow:hidden;box-shadow:0 3px 12px rgba(26,61,86,.04)}
.erp-action-strip button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:82px;padding:12px 18px;text-align:left}
.erp-action-strip button b{font-size:14px;color:#4f6473}
.erp-action-strip button:hover b{color:#005fb2}
.erp-action-icon{position:relative;display:block!important;width:38px;height:38px;margin:0!important;border-radius:9px;background:#eef5fa;color:#005fb2;font-size:0!important}
.erp-action-icon::before,.erp-action-icon::after{content:"";position:absolute;box-sizing:border-box}
.erp-action-icon.repair::before{width:19px;height:7px;left:10px;top:15px;border-radius:5px;background:currentColor;transform:rotate(-42deg)}
.erp-action-icon.repair::after{width:10px;height:10px;left:7px;top:7px;border:4px solid currentColor;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-42deg)}
.erp-action-icon.stock::before{inset:8px;border:2px solid currentColor;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px)}
.erp-action-icon.customer::before{width:11px;height:11px;left:14px;top:7px;border-radius:50%;background:currentColor}
.erp-action-icon.customer::after{width:22px;height:12px;left:8px;bottom:7px;border-radius:13px 13px 4px 4px;background:currentColor}
.erp-action-icon.invoice::before{inset:7px 9px;border:2px solid currentColor;border-radius:2px;background:repeating-linear-gradient(0deg,transparent 0 5px,currentColor 5px 7px)}
.erp-action-icon.calendar::before{inset:8px 7px 7px;border:2px solid currentColor;border-top-width:7px;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 5px,currentColor 5px 7px)}
.erp-action-icon.register::before{inset:8px 7px;border:2px solid currentColor;border-radius:3px;box-shadow:inset 0 7px 0 rgba(0,95,178,.18)}
.erp-action-icon.register::after{width:5px;height:5px;right:11px;bottom:11px;border-radius:50%;background:currentColor}
.erp-kpis.compact.dashboard-kpis{grid-template-columns:repeat(6,minmax(115px,1fr));gap:0;margin:0 0 14px;padding:0;border:1px solid #cbd8e0;border-radius:5px;background:#fff;overflow:hidden}
.erp-kpis.compact.dashboard-kpis button{position:relative;min-height:72px;padding:12px 16px;border:0;border-right:1px solid #dbe4e9;border-radius:0;box-shadow:none}
.erp-kpis.compact.dashboard-kpis button:last-child{border-right:0}
.erp-kpis.compact.dashboard-kpis button::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#ff6600}
.erp-kpis.compact.dashboard-kpis button b{font-size:25px;line-height:1;color:#f05d00}
.erp-kpis.compact.dashboard-kpis button span{margin-top:5px;font-size:12px}
.erp-kpis.compact.dashboard-kpis button:hover{background:#f8fbfd}
.erp-account-bar{position:relative}
.erp-notification-center{position:relative}
.erp-notification-toggle{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ccd8df;border-radius:5px;background:#fff;color:#29475b;font-weight:900;cursor:pointer}
.erp-notification-toggle>span{display:grid;place-items:center;width:22px;height:22px;border:2px solid currentColor;border-radius:50%}
.erp-notification-toggle>b{position:absolute;top:-7px;right:-7px;display:none;min-width:21px;height:21px;padding:0 5px;border:2px solid #fff;border-radius:12px;background:#d94141;color:#fff;font-size:11px;line-height:17px}
.erp-notification-toggle.has-items>b{display:block}
.erp-notification-toggle:hover,.erp-notification-toggle[aria-expanded="true"]{border-color:#005fb2;background:#edf7ff;color:#005fb2}
.erp-notification-popover{position:absolute;z-index:80;top:50px;right:0;width:min(420px,calc(100vw - 28px));border:1px solid #cbd8e0;border-radius:6px;background:#fff;box-shadow:0 14px 40px rgba(14,38,55,.22);overflow:hidden}
.erp-notification-popover>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #dce5ea;background:#f7fafb}
.erp-notification-popover>header div{display:grid;gap:2px}.erp-notification-popover>header small{color:#728592}
.erp-notification-popover>header button{border:0;background:transparent;font-size:22px;cursor:pointer}
.erp-notification-list{max-height:430px;overflow:auto}
.erp-notification-list>button{display:flex;gap:11px;width:100%;padding:13px 15px;border:0;border-bottom:1px solid #e1e8ec;background:#fff;text-align:left;cursor:pointer}
.erp-notification-list>button:hover{background:#f5f9fb}
.erp-notification-list i{flex:0 0 10px;width:10px;height:10px;margin-top:4px;border-radius:50%;background:#378bc5}
.erp-notification-list .urgent i{background:#d94141}.erp-notification-list .warning i{background:#ef9d28}
.erp-notification-list span{display:grid;gap:3px}.erp-notification-list b{color:#173247;font-size:13px}.erp-notification-list small{color:#6d808d;line-height:1.35}
.erp-notification-list>p{margin:0;padding:24px;color:#647986;text-align:center}
.planner-central-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:16px;padding:22px 26px;border:1px solid #c7d8e4;border-left:5px solid #005fb2;border-radius:5px;background:linear-gradient(105deg,#fff 0%,#f2f8fc 100%)}
.planner-central-hero h2{margin:2px 0 8px;color:#123047;font-size:25px}.planner-central-hero p{max-width:800px;margin:0;color:#607583;line-height:1.55}
.planner-central-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.planner-central-kpis button{display:grid;gap:5px;padding:18px;border:1px solid #cbd9e2;border-radius:5px;background:#fff;text-align:left;cursor:pointer}.planner-central-kpis button:hover{border-color:#005fb2;background:#f6fbff}.planner-central-kpis b{color:#f05d00;font-size:25px}.planner-central-kpis span{color:#506a7b;font-weight:700}
.planner-central-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.planner-central-grid article{border-top:4px solid #005fb2}.planner-central-grid h2{margin-top:0}.planner-central-grid p{min-height:48px;color:#657986;line-height:1.5}
.planner-toolbar{display:flex;align-items:end;gap:12px;margin-bottom:14px}.planner-toolbar label{display:grid;gap:5px;color:#435d6e;font-weight:700}.planner-toolbar .grow{flex:1}.planner-toolbar input,.planner-toolbar select{min-height:40px}
.planner-appointment-list{padding:0;overflow:hidden}.planner-appointment-row{display:grid;grid-template-columns:14px minmax(280px,1fr) auto;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid #dce5ea}.planner-appointment-row:last-child{border-bottom:0}.planner-status-mark{width:11px;height:11px;border:3px solid #e79a2d;border-radius:50%}.planner-appointment-row.status-confirmed .planner-status-mark{border-color:#22a668}.planner-appointment-row.status-cancelled .planner-status-mark,.planner-appointment-row.status-rejected .planner-status-mark{border-color:#d94242}.planner-appointment-row.status-alternative .planner-status-mark{border-color:#7d50b5}.planner-appointment-main{min-width:0}.planner-appointment-main header{display:flex;justify-content:space-between;gap:15px}.planner-appointment-main header span{color:#687d8a}.planner-appointment-main p{margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-appointment-main small{color:#728692}.planner-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.central-calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}.central-calendar-toolbar h2{margin:0;text-transform:capitalize}.central-calendar-toolbar p{margin:4px 0 0;color:#70828e}.central-calendar-legend{display:flex;gap:8px;margin:0 0 10px}.central-calendar-legend span{padding:6px 12px;border:2px solid;border-radius:4px;font-size:12px;font-weight:800}.central-calendar-legend .free{border-color:#0cab8d;color:#087d69}.central-calendar-legend .limited{border-color:#f08a24;color:#af5700}.central-calendar-legend .full{border-color:#d73d3d;color:#a22525}.central-calendar-legend .closed{border-color:#a8b3ba;color:#5e6a72}
.central-calendar{padding:12px}.central-calendar>header,.central-calendar>div{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.central-calendar>header b{padding:7px;text-align:center;color:#38566b}.central-calendar-day{display:grid;align-content:start;gap:5px;min-height:110px;padding:10px;border:2px solid #b9c8d1;border-radius:5px;background:#fff;text-align:left;cursor:pointer}.central-calendar-day:hover{box-shadow:0 4px 14px rgba(16,52,76,.13)}.central-calendar-day>b{font-size:18px}.central-calendar-day>strong{font-size:12px}.central-calendar-day>span,.central-calendar-day>small{color:#647986;font-size:11px;line-height:1.35}.central-calendar-day.free{border-color:#0cab8d;background:#f1fcf9}.central-calendar-day.limited{border-color:#f08a24;background:#fff8ee}.central-calendar-day.full{border-color:#d73d3d;background:#fff1f1}.central-calendar-day.closed{border-color:#a8b3ba;background:#eef1f3;color:#69777e}.empty-day{min-height:1px}
.staff-planning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.staff-planning-toolbar h2{margin:0}.staff-planning-toolbar p{margin:5px 0 0;color:#6f828e}.staff-planning-table{padding:0;overflow:auto}.staff-planning-head,.staff-planning-row,.staff-capacity-row{display:grid;grid-template-columns:180px repeat(7,minmax(105px,1fr));min-width:980px}.staff-planning-head>*{padding:11px;border-right:1px solid #d7e1e6;background:#f3f7f9;text-align:center}.staff-planning-row>*,.staff-capacity-row>*{display:grid;align-content:center;gap:3px;min-height:72px;padding:9px;border-top:1px solid #dce5e9;border-right:1px solid #dce5e9;text-align:center}.staff-planning-row>strong,.staff-capacity-row>strong{text-align:left}.staff-planning-row div.available{background:#edfaf5;color:#08785f}.staff-planning-row div.away{background:#fff2e5;color:#a04d00}.staff-planning-row div.closed{background:#f1f3f4;color:#78868e}.staff-planning-row small,.staff-capacity-row small{font-size:10px}.staff-capacity-row{background:#edf5fb;color:#164b72}.planner-staff-actions{display:flex;gap:10px;margin-top:14px}
@media(max-width:1100px){.planner-central-kpis{grid-template-columns:1fr 1fr}.planner-appointment-row{grid-template-columns:14px 1fr}.planner-row-actions{grid-column:2;justify-content:flex-start}.central-calendar-day{min-height:92px;padding:7px}.central-calendar-day>span{display:none}}
@media(max-width:700px){.planner-central-hero,.planner-toolbar,.central-calendar-toolbar,.staff-planning-toolbar{align-items:stretch;flex-direction:column}.planner-central-kpis,.planner-central-grid{grid-template-columns:1fr}.central-calendar{overflow:auto}.central-calendar>header,.central-calendar>div{min-width:700px}.planner-appointment-row{grid-template-columns:12px 1fr}.planner-appointment-main header{display:grid;gap:2px}}
.planner-settings-intro{border-left:5px solid #005fb2}.planner-settings-intro h2{margin-top:0}.planner-settings-intro p{margin-bottom:0;color:#607684;line-height:1.55}
.central-planner-form{margin-top:14px}.central-planner-form>h2{margin-top:0}.central-planner-form>p{color:#657a87}
.central-opening-grid{display:grid;gap:7px;margin-bottom:14px}.central-opening-grid>div{display:grid;grid-template-columns:150px 120px repeat(2,110px 28px 110px);align-items:center;gap:7px;padding:8px 10px;border:1px solid #d8e2e7;border-radius:4px}.central-opening-grid input{min-width:0}
.central-special-form{display:grid;grid-template-columns:140px 160px repeat(4,115px) minmax(180px,1fr) auto;align-items:center;gap:8px}.central-special-list{display:grid;margin-top:12px}.central-special-list>div,.central-vacation-list>div{display:grid;grid-template-columns:130px 1fr 38px;align-items:center;gap:10px;padding:9px;border-top:1px solid #dce5ea}.central-special-list button,.central-vacation-list button{border:0;background:transparent;color:#b33232;font-size:20px;cursor:pointer}
.central-service-table{overflow:auto;margin-bottom:14px}.central-service-table>header,.central-service-row{display:grid;grid-template-columns:70px minmax(260px,1.7fr) 85px 85px 145px 85px minmax(230px,1fr);min-width:1050px;align-items:center}.central-service-table>header>*{padding:9px;background:#eef4f7}.central-service-row>*{min-width:0;margin:4px;padding:7px}.service-weekdays{display:flex;gap:4px!important}.service-weekdays label{display:grid;justify-items:center;gap:2px;padding:2px!important;font-size:10px}
.central-service-list{display:grid;gap:8px;margin:14px 0}.central-service-item{overflow:hidden;border:1px solid #cadbe6;border-radius:7px;background:#fff}.central-service-item>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}.central-service-item>summary::-webkit-details-marker{display:none}.central-service-item>summary:after{margin-left:4px;color:#0064ad;font-size:18px;content:"\2304"}.central-service-item[open]>summary{border-bottom:1px solid #d7e3ea;background:#edf6fb}.central-service-item[open]>summary:after{content:"\2303"}.central-service-item>summary b{flex:1}.central-service-settings{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;padding:16px}.central-service-settings label{display:grid;align-content:start;gap:5px;color:#35566d;font-weight:700}.central-service-settings small{color:#6d7f8a;font-weight:400}.central-service-settings .wide{grid-column:1/-1}.central-service-translations{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.central-service-settings fieldset{padding:13px;border:1px solid #d7e3ea;border-radius:6px}.central-service-settings legend{padding:0 5px;color:#005b9f;font-weight:800}.central-service-active{align-self:end;padding-bottom:10px}.central-service-question-fieldset .central-question-row{margin:10px 0}
.central-service-questions{margin:0 4px 9px;border:1px solid #c9dbe7;border-radius:5px;background:#f8fbfd}.central-service-questions>summary{display:flex;justify-content:space-between;padding:10px 13px;color:#005b9f;font-weight:800;cursor:pointer}.central-service-questions>summary span{color:#657b89;font-size:11px}.central-service-questions[open]>summary{border-bottom:1px solid #d7e3ea;background:#edf6fb}.central-question-row{margin:10px;padding:12px;border-left:4px solid #f28a23;border-radius:4px;background:#fff}.central-question-row>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.central-question-row>header span{color:#71838e;font-size:11px}.central-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.central-question-grid label{display:grid;gap:4px;color:#39566a;font-size:12px;font-weight:700}.central-question-grid input{min-width:0}.central-question-grid small{color:#71838e;font-weight:400}.central-question-switches{display:flex;gap:22px;margin-top:10px}.central-question-switches label{margin:0}
.central-staff-editor{margin-top:18px}.central-staff-editor>h2{margin-top:0}.central-staff-editor>p{color:#657986}.central-employee-head,.central-employee-row{display:grid;grid-template-columns:minmax(180px,1fr) repeat(6,90px) 80px;min-width:830px;align-items:center}.central-employee-head>*{padding:8px;background:#eef4f7;text-align:center}.central-employee-row>*{min-width:0;margin:4px}.central-staff-editor{overflow:auto}.central-staff-buttons{display:flex;gap:8px;margin-top:12px}.central-vacation-form{display:grid;grid-template-columns:180px 150px 150px 1fr auto;gap:8px}.central-vacation-list{display:grid;margin-top:12px}
@media(max-width:1200px){.central-opening-grid>div{grid-template-columns:130px 110px repeat(2,1fr 24px 1fr)}.central-special-form{grid-template-columns:1fr 1fr 1fr 1fr}.central-special-form input[name="note"]{grid-column:span 2}}
@media(max-width:760px){.central-opening-grid>div{grid-template-columns:1fr 1fr}.central-opening-grid>div>b{grid-column:1/-1}.central-opening-grid>div>span{display:none}.central-special-form,.central-vacation-form{grid-template-columns:1fr}.central-special-form input[name="note"]{grid-column:auto}}
@media(max-width:760px){.central-question-grid{grid-template-columns:1fr}.central-question-row>header,.central-question-switches{align-items:flex-start;flex-direction:column}}
.erp-dashboard-grid{gap:14px}
.dashboard-widget.phone-calls i{background:#7353a6}
.dashboard-widget.phone-calls>header>.dashboard-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px}.dashboard-phone-list{max-height:360px;overflow:auto}.dashboard-widget.phone-calls .is-unread{border-left-color:#7353a6;background:#f7f2fc}.dashboard-widget.phone-calls .is-unread .dashboard-notification-dot{background:#7353a6}.dashboard-widget.phone-calls .is-unread .dashboard-notification-open em{background:#eee4f8;color:#674396}
.phone-call-intro{display:flex;justify-content:space-between;align-items:end;gap:24px}.phone-call-intro>div{max-width:760px}.phone-call-intro form{display:flex;align-items:end;gap:10px}.phone-call-list{display:grid;gap:6px}.phone-call-list-head,.phone-call-card>summary{display:grid;grid-template-columns:155px minmax(190px,1fr) minmax(155px,.65fr) 105px 80px;align-items:center;gap:12px}.phone-call-list-head{padding:8px 16px;color:#657b8a;font-size:11px;font-weight:800;text-transform:uppercase}.phone-call-card{padding:0;overflow:hidden}.phone-call-card>summary{min-height:54px;padding:9px 16px;cursor:pointer;list-style:none}.phone-call-card>summary::-webkit-details-marker{display:none}.phone-call-card>summary:hover{background:#f3f8fb}.phone-call-card[open]>summary{border-bottom:1px solid #d9e2e8;background:#edf5fa}.phone-call-card>summary time{color:#38566b;font-weight:700}.phone-call-card>summary strong{color:#102f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-call-toggle{color:#0068b7;font-size:12px;font-weight:800;text-align:right}.phone-call-card[open] .phone-call-toggle{font-size:0}.phone-call-card[open] .phone-call-toggle::after{content:"Sluiten";font-size:12px}.phone-call-status{justify-self:start;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.phone-call-status.status-new{background:#fee2e2;color:#991b1b}.phone-call-status.status-reviewed{background:#dbeafe;color:#1e40af}.phone-call-status.status-action_required{background:#ffedd5;color:#9a3412}.phone-call-status.status-handled{background:#dcfce7;color:#166534}.phone-call-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:24px;padding:18px}.phone-call-summary{padding:13px 15px;border-left:4px solid #3d83b8;background:#f1f7fb;line-height:1.55}.phone-transcript{display:grid;gap:8px;max-height:390px;overflow:auto;padding:14px;border:1px solid #dbe3e8;border-radius:5px;background:#f7f9fa}.phone-transcript-line{display:grid;grid-template-columns:76px 1fr;gap:10px;margin:0;padding:9px 11px;border-radius:6px;line-height:1.45}.phone-transcript-line.assistant{margin-right:8%;background:#e6f1f8}.phone-transcript-line.caller{margin-left:8%;background:#fff1df}.phone-transcript-line b{color:#173b55}.phone-transcript-note{margin:0;color:#536b7a;line-height:1.5}.phone-call-body form{display:grid;align-content:start;gap:12px}.phone-call-actions{display:flex;gap:8px}
@media(max-width:900px){.phone-call-intro{align-items:stretch;flex-direction:column}.phone-call-intro form{align-items:stretch;flex-direction:column}.phone-call-list-head{display:none}.phone-call-card>summary{grid-template-columns:1fr auto}.phone-call-card>summary time{grid-column:1}.phone-call-card>summary>span:not(.phone-call-status):not(.phone-call-toggle){grid-column:1}.phone-call-status{grid-column:2;grid-row:1}.phone-call-toggle{grid-column:2;grid-row:2;text-align:right}.phone-call-body{grid-template-columns:1fr}}
.dashboard-widget{min-height:280px;border-color:#cbd8e0;border-radius:5px;box-shadow:0 3px 12px rgba(26,61,86,.04)}
.dashboard-widget>header{min-height:54px;gap:0;background:#f9fbfc}
.dashboard-widget>header>div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:1;padding:0 15px}
.dashboard-widget h2{font-size:13px;color:#3f586b}
.dashboard-widget header small{color:#7b8d99;font-size:11px;font-weight:700}
.dashboard-widget i{width:54px;height:54px;font-size:18px;font-weight:900}
.dashboard-widget.notifications i{background:#df4b4b}
.dashboard-widget.notifications>header>.dashboard-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px}.dashboard-notification-heading>span:first-child{min-width:110px}.dashboard-notification-heading h2{margin:0}.dashboard-notification-heading small{display:block;margin-top:2px}.dashboard-notification-tools{display:flex;align-items:center;gap:6px}.dashboard-notification-tools select,.dashboard-notification-tools button{min-height:32px;border:1px solid #becdd7;border-radius:5px;background:#fff;color:#173b55;font:inherit;font-size:11px;font-weight:700}.dashboard-notification-tools select{padding:0 25px 0 8px}.dashboard-notification-tools button{padding:0 9px;cursor:pointer}.dashboard-notification-list{max-height:360px;overflow:auto}.dashboard-notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0 12px;border-bottom:1px solid #e0e7eb}.dashboard-notification-row.is-unread{border-left:4px solid #0876c9;background:#f1f8fd}.dashboard-notification-row.is-read{opacity:.72}.dashboard-notification-open{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px 8px;border:0;background:transparent;text-align:left;cursor:pointer}.dashboard-notification-open>span:nth-child(2){min-width:0}.dashboard-notification-open b,.dashboard-notification-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-notification-open b{color:#132d40;font-size:13px}.dashboard-notification-open small{margin-top:3px;color:#61798a;font-size:11px}.dashboard-notification-open em{padding:3px 7px;border-radius:999px;background:#e9eef2;color:#536b7a;font-size:10px;font-style:normal;font-weight:800}.is-unread .dashboard-notification-open em{background:#d9edfc;color:#075c99}.dashboard-notification-dot{width:7px;height:7px;border-radius:50%;background:#aebcc5}.is-unread .dashboard-notification-dot{background:#0876c9}.dashboard-notification-state{align-self:center;margin-right:7px;padding:6px 8px;border:1px solid #c9d6de;border-radius:5px;background:#fff;color:#31546b;font-size:10px;font-weight:700;cursor:pointer}.dashboard-notification-state:hover{border-color:#0876c9;color:#0876c9}
.dashboard-widget.agenda i{background:#f2ad43}
.dashboard-widget.repairs i{background:#43afca}
.dashboard-widget.agenda i::before{content:"";width:18px;height:17px;border:2px solid #fff;border-top-width:5px;border-radius:2px}
.dashboard-widget.repairs i::before{content:"";width:19px;height:7px;border-radius:5px;background:#fff;transform:rotate(-42deg)}
.dashboard-widget>button{width:calc(100% - 24px);margin:0 12px;padding:10px 2px;line-height:1.25}
.dashboard-widget>button b{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#132d40}
.dashboard-widget>button b em{color:#61798a;font-size:11px;font-style:normal;font-weight:600}
.dashboard-widget>button span{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-widget>p.dashboard-empty{margin:14px;padding:18px;border:1px dashed #cedbe3;border-radius:5px;background:#f8fafb;text-align:center}
@media(min-width:901px){
  .erp-sidebar{min-height:88px;align-items:center;padding-top:5px;padding-bottom:5px}
  .erp-brand{min-width:220px}.erp-brand img{width:42px;height:42px}
  .erp-sidebar nav{align-items:center}
  .erp-main{padding-top:14px}
}
@media(max-width:1250px){
  .erp-kpis.compact.dashboard-kpis{grid-template-columns:repeat(3,1fr)}
  .erp-kpis.compact.dashboard-kpis button:nth-child(3){border-right:0}
  .erp-kpis.compact.dashboard-kpis button:nth-child(-n+3){border-bottom:1px solid #dbe4e9}
}
@media(max-width:900px){
  .erp-account-bar{align-items:stretch;flex-direction:column}
  .erp-kpis.compact.dashboard-kpis{grid-template-columns:repeat(2,1fr)}
  .erp-kpis.compact.dashboard-kpis button{border-bottom:1px solid #dbe4e9}
  .erp-kpis.compact.dashboard-kpis button:nth-child(even){border-right:0}
}
@media(max-width:560px){
  .erp-kpis.compact.dashboard-kpis{grid-template-columns:1fr 1fr}
  .erp-action-strip button{grid-template-columns:34px 1fr;padding:10px;gap:7px}
  .erp-action-icon{width:32px;height:32px}
}
@media(max-width:700px){.dashboard-widget.notifications>header>.dashboard-notification-heading{align-items:flex-start;flex-direction:column}.dashboard-notification-tools{width:100%}.dashboard-notification-tools select{flex:1}.dashboard-notification-row{grid-template-columns:1fr}.dashboard-notification-state{justify-self:end;margin:0 7px 7px}.dashboard-notification-open{grid-template-columns:9px minmax(0,1fr)}.dashboard-notification-open em{display:none}}
.security-posture header{display:flex;align-items:center;justify-content:space-between;gap:12px}.security-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.security-check-grid article{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;padding:12px;border-radius:9px;border:1px solid #dbe5eb}.security-check-grid article>b{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff}.security-check-grid .passed>b{background:#218739}.security-check-grid .attention>b{background:#e36c09}.security-check-grid article small{color:#657987}@media(max-width:700px){.security-check-grid{grid-template-columns:1fr}}
.customer-privacy{margin-top:24px;padding:18px;border:1px solid #cddde8;border-left:6px solid #005fb2;border-radius:10px;background:#f4f9fc}.customer-privacy h2{margin:0 0 12px;color:#004a99}.customer-privacy>div{display:flex;gap:9px;flex-wrap:wrap}.customer-privacy .button{margin:0}@media(max-width:560px){.customer-privacy .button{width:100%;text-align:center}}
.transition-readiness header{display:flex;justify-content:space-between;align-items:center;gap:12px}.transition-readiness>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.transition-readiness>div label{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #d9e5ed;border-radius:8px;background:#f8fbfc}.transition-readiness input[type=checkbox]{width:20px;height:20px;flex:0 0 auto}.transition-readiness>label{display:grid;gap:6px}.transition-readiness textarea{width:100%}@media(max-width:700px){.transition-readiness>div{grid-template-columns:1fr}}
.release-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px;border-radius:13px;color:#fff}.release-hero.ready{background:linear-gradient(120deg,#147d4b,#08ad91)}.release-hero.blocked{background:linear-gradient(120deg,#003f73,#005fb2 65%,#f26622)}.release-hero h2{margin:3px 0 7px;font-size:28px}.release-hero p{margin:0}.release-hero>b{font-size:30px}.release-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.release-header h2{margin:0}.release-checks,.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.release-checks article,.provider-grid article{display:grid;grid-template-columns:30px 1fr;gap:2px 9px;padding:12px;border:1px solid #d9e5ed;border-radius:9px}.release-checks article>b{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff}.release-checks .ok>b{background:#218739}.release-checks .open>b{background:#e36c09}.release-checks small,.provider-grid small{color:#617786}.provider-grid article{grid-template-columns:1fr auto}.provider-grid small{grid-column:1/-1}.provider-grid .ok{border-left:5px solid #218739}.provider-grid .open{border-left:5px solid #e36c09}.integration-queue{margin-top:18px}.integration-queue p{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border-top:1px solid #d9e5ed}.release-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.mini-kpis span{padding:12px;border-radius:8px;background:#eef6fc}.mini-kpis b{display:block;color:#005fb2;font-size:23px}.maintenance-tasks p{display:flex;gap:9px;align-items:center;padding:8px;margin:0;border-bottom:1px solid #e2e9ed}.maintenance-tasks p.ok b{color:#218739}.maintenance-tasks p.open b{color:#e36c09}@media(max-width:800px){.release-checks,.provider-grid,.release-two-column{grid-template-columns:1fr}.release-header,.release-hero{align-items:flex-start;flex-direction:column}.release-header .button{width:100%;text-align:center}}@media(max-width:500px){.mini-kpis{grid-template-columns:1fr}}
.employee-timeline-card{margin-top:16px;overflow:auto}.employee-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.employee-timeline-toolbar h2,.employee-timeline-toolbar p{margin:0}.employee-timeline-toolbar p{margin-top:5px;color:#697e89}.employee-timeline-toolbar select{min-width:190px}.employee-timeline{min-width:1120px}.employee-timeline-hours,.employee-timeline-day{display:grid;grid-template-columns:145px repeat(28,1fr) 75px;align-items:center}.employee-timeline-hours span{font-size:10px;text-align:left;color:#60747f}.employee-timeline-day{border-top:1px solid #dce5e9}.employee-timeline-day>b{padding:10px 8px}.employee-timeline-day>button{height:35px;padding:0;border:0;border-left:1px solid #edf1f3;background:#e6eaec;cursor:pointer}.employee-timeline-day>button:hover{outline:2px solid #ef7b16;outline-offset:-2px}.employee-timeline-day>button.present{background:#e6f7f1}.employee-timeline-day>button.present span{display:block;width:18px;height:18px;margin:auto;border-radius:50%;background:#58caa5}.employee-timeline-day>button:disabled{cursor:not-allowed;background:#f3f3f3}.employee-timeline-day>small{text-align:right;padding-right:8px;color:#60747f}.employee-timeline-legend{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.employee-timeline-legend span{display:flex;align-items:center;gap:8px}.employee-timeline-legend i{width:18px;height:18px;border-radius:50%;background:#58caa5}@media(max-width:700px){.employee-timeline-toolbar{align-items:stretch;flex-direction:column}.employee-timeline-toolbar select{width:100%}}
.bookkeeping-warning{display:grid;gap:4px;padding:12px;border-left:5px solid #ef7b16;background:#fff5e8;color:#59320f}.bookkeeping-badge{display:block;width:max-content;margin-top:4px;padding:3px 7px;border-radius:12px;background:#edf2f5;color:#536873;font-size:10px}.bookkeeping-badge.ready,.bookkeeping-badge.processing{background:#fff0d9;color:#8a4b00}.bookkeeping-badge.completed{background:#e3f7ec;color:#087347}.bookkeeping-badge.failed,.bookkeeping-badge.unknown{background:#fde7e7;color:#a31f1f}
.shipment-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:6px solid #005fb2}.shipment-intro h2,.shipment-intro p{margin:0}.shipment-intro p{margin-top:6px;color:#5f7585}.shipment-trust{min-width:180px;padding:11px;border-radius:7px;background:#edf7fd;color:#315a76;text-align:center}.shipment-form{margin-top:16px}.shipment-form>h2{margin-top:0}.shipment-list{margin-top:16px}.shipment-status{display:inline-block;padding:5px 9px;border-radius:14px;background:#e7edf1;color:#475c69;font-size:12px;font-weight:800}.shipment-status.in_transit,.shipment-status.announced{background:#e2f1ff;color:#075d9c}.shipment-status.out_for_delivery{background:#fff0ca;color:#8a5900}.shipment-status.delivered{background:#ddf5e8;color:#147044}.shipment-status.exception,.shipment-status.returned{background:#ffe0e0;color:#a21d1d}.shipment-problem td{background:#fff7f7}.shipment-list code{font-weight:700;color:#173d57}@media(max-width:700px){.shipment-intro{align-items:stretch;flex-direction:column}.shipment-trust{min-width:0}.shipment-kpis{grid-template-columns:1fr 1fr}}
.period-close{margin-top:22px}.period-close>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid #dbe3e8;padding-bottom:16px;margin-bottom:18px}.period-close>header h2{margin:0 0 6px;color:#0b4f88}.period-close>header p{margin:0;color:#52697b}.period-summary{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px;margin:0 0 18px}.period-summary article{border:1px solid #d8e2e9;border-left:5px solid #1684c7;background:#f8fbfd;padding:12px;border-radius:5px}.period-summary article small{display:block;color:#607789;margin-bottom:5px}.period-summary article b{font-size:20px;color:#143d59}.period-summary article.balanced{border-left-color:#29a866;background:#f1fbf5}.period-summary article.unbalanced{border-left-color:#d84444;background:#fff3f3}.period-tables{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);gap:20px;margin:18px 0}.period-close .missing-ledger td{background:#fff0d8;color:#8a5000}.closing-status{display:inline-block;padding:4px 9px;border-radius:14px;background:#e8eef2;font-weight:700;font-size:12px}.closing-status.approved{background:#dff3e8;color:#176c40}.closing-status.queued,.closing-status.completed{background:#dceefe;color:#145887}@media(max-width:1100px){.period-summary{grid-template-columns:repeat(3,1fr)}.period-tables{grid-template-columns:1fr}}@media(max-width:700px){.period-close>header{display:block}.period-close>header .button{margin-top:12px}.period-summary{grid-template-columns:repeat(2,1fr)}}
.cash-mutation-panel{margin-top:18px;border-top:5px solid #f0a928}.cash-mutation-panel>header h2{margin-bottom:4px}.cash-mutation-panel>header p{margin-top:0;color:#5d7180}.cash-mutation-form{display:grid;grid-template-columns:1fr 150px 2fr 1fr auto;gap:10px;align-items:end;margin:16px 0}.cash-mutation-form label{margin:0}.cash-mutation-panel td small,.period-close td small{display:block;color:#657b8a;margin-top:4px}.cash-mutation-panel .negative,.period-close .negative{color:#b42318;font-weight:700}@media(max-width:900px){.cash-mutation-form{grid-template-columns:1fr 1fr}.cash-mutation-form .button{width:100%}}@media(max-width:560px){.cash-mutation-form{grid-template-columns:1fr}}
.period-source-panel{margin-top:18px;border:1px solid #cbdbe5;border-top:5px solid #005fb2;border-radius:6px;background:#f8fbfd;padding:18px}.period-source-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.period-source-panel h3{margin:0 0 5px;color:#0b4f88}.period-source-panel p{margin:0;color:#617786}.period-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.period-source-grid article{min-width:0;padding:14px;border:1px solid #d7e2e9;border-radius:5px;background:#fff}.period-source-grid h4{margin:0 0 10px}.period-source-grid table{margin:0}.closing-status.correction{background:#fff0d9;color:#8a4b00}@media(max-width:900px){.period-source-grid{grid-template-columns:1fr}}@media(max-width:600px){.period-source-panel>header{display:block}.period-source-panel>header .button{margin-top:10px;width:100%}}
.theft-check{margin:18px 0;padding:18px;border:2px solid #d9e3ea;border-radius:8px;background:#fff}.theft-check h3{margin:0 0 10px}.theft-check p{margin:5px 0}.theft-check small{display:block;margin-top:12px}.theft-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.theft-ok{border-color:#55a630;background:#f4faef}.theft-warning{border-color:#f59e0b;background:#fff9e8}.theft-danger{border-color:#d62828;background:#fff0f0;color:#8b0000}
.service-card{padding:18px;border:2px solid #bed7eb;border-radius:9px;background:#f7fbff}.service-card-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.service-card-settings label{display:flex;gap:6px;align-items:center}.service-card-settings input[type="date"]{display:block;margin-top:5px}.service-actions{display:flex!important;gap:8px;flex-wrap:wrap;margin-top:8px}.service-completed{border-left:5px solid #55a630!important;background:#f4faef}.service-overdue{border-left:5px solid #d62828!important;background:#fff0f0}
.repair-documents{border-left:4px solid #005eb8;background:#f7fbff}.repair-document-form{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(240px,1.5fr) minmax(210px,1fr) auto;gap:10px;align-items:end;margin:12px 0 18px;padding:14px;background:#eef6fc;border:1px solid #c8dfef;border-radius:8px}.repair-document-form label{display:grid;gap:5px;font-weight:700;color:#173852}.repair-document-form input,.repair-document-form select{width:100%;min-height:42px}.repair-document-form .error{grid-column:1/-1}.repair-document-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px}.repair-document-row>div{min-width:0;display:grid;gap:4px}.repair-document-row b,.repair-document-row span{overflow-wrap:anywhere}.repair-document-actions{display:flex!important;flex-direction:row!important;gap:7px;flex:0 0 auto}@media(max-width:900px){.repair-document-form{grid-template-columns:1fr}.repair-document-row{align-items:flex-start;flex-direction:column}}
.household-editor{border:1px solid #cbdbe6;border-radius:8px;padding:14px}.household-editor legend{font-weight:800;color:#174f7a}.household-editor>small{display:block;margin-top:10px;color:#647786}.household-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid #dde7ed}.address-lookup{display:block;margin-top:7px}.comparison-table{border:1px solid #cbdbe6;border-radius:8px;overflow:hidden}.comparison-head,.comparison-row{display:grid;grid-template-columns:.7fr 1.4fr 1.4fr;gap:10px;padding:10px}.comparison-head{background:#075fae;color:#fff}.comparison-row:nth-child(odd){background:#f2f7fa}.comparison-row label{margin:0;padding:6px;border:1px solid #d8e4eb;border-radius:6px;background:#fff}.comparison-row input{width:auto}
@media(max-width:850px){.household-row{grid-template-columns:1fr 1fr}.comparison-head{display:none}.comparison-row{grid-template-columns:1fr}.comparison-row b{color:#075fae}}
.stock-control-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;border-left:6px solid #0c8f73;background:linear-gradient(110deg,#effbf7,#f8fcff)}.stock-control-intro h2{margin:0;color:#075f4f}.stock-control-intro p{max-width:850px;margin:6px 0;color:#506b78;line-height:1.45}.stock-control-intro .button{flex:0 0 auto}.table-card.warning{border-left:6px solid #e68617;background:#fffaf2}

/* R46 - consistente, compacte bedrijfsinterface */
.erp-page{--erp-blue:#075fae;--erp-blue-dark:#123f5d;--erp-orange:#f26622;--erp-surface:#fff;--erp-soft:#f3f7fa;--erp-border:#d5e0e7;--erp-focus:0 0 0 3px rgba(7,95,174,.18);background:#eef3f6}
.erp-page *{scrollbar-color:#b6c8d4 transparent}
.erp-page button,.erp-page a,.erp-page input,.erp-page select,.erp-page textarea{transition:border-color .14s,background-color .14s,color .14s,box-shadow .14s,transform .14s}
.erp-page button:focus-visible,.erp-page a:focus-visible,.erp-page input:focus-visible,.erp-page select:focus-visible,.erp-page textarea:focus-visible{outline:0;box-shadow:var(--erp-focus)}
.erp-page button:not(:disabled),.erp-page a[href],.erp-page summary{cursor:pointer}
.erp-page button:active:not(:disabled),.erp-page .button:active{transform:translateY(1px)}
.erp-page .erp-nav-group summary::after{content:none!important;display:none!important}
.erp-page .erp-nav-group summary{display:flex;align-items:center;min-height:42px;box-sizing:border-box}
.website-links-intro{display:flex;justify-content:space-between;align-items:center}.website-links-intro h2{margin:.2rem 0}.website-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.website-link-card{display:grid;grid-template-columns:58px 1fr auto;gap:14px 18px;align-items:center}.website-link-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#005fb2,#063b68);color:#fff;font-weight:900;letter-spacing:.05em}.website-link-card h3,.website-link-card p{margin:0}.website-link-card p{color:#617484;font-size:14px}.website-link-card code{display:block;margin-top:5px;color:#005fb2}.website-open-main{white-space:nowrap}.website-language-links{grid-column:2/-1;display:flex;gap:8px}.website-language-links a{display:inline-grid;place-items:center;min-width:42px;padding:7px 10px;border:1px solid #cddce6;border-radius:8px;color:#24475e;font-weight:800;background:#f8fbfd}.website-language-links a:hover{background:#e9f4fb;color:#005fb2}@media(max-width:850px){.website-link-grid{grid-template-columns:1fr}.website-link-card{grid-template-columns:50px 1fr}.website-link-mark{width:50px;height:50px}.website-open-main,.website-language-links{grid-column:1/-1}.website-open-main{text-align:center}}
.erp-main{width:min(100%,1760px);padding-left:clamp(18px,4vw,64px)!important;padding-right:clamp(18px,4vw,64px)!important}
.erp-topbar{min-height:54px;padding:0 2px 12px;border-bottom:1px solid var(--erp-border)}
.erp-topbar h1{margin:0;font-size:clamp(21px,1.7vw,27px)!important;line-height:1.15;color:var(--erp-blue-dark)}
.erp-account-bar{gap:10px}
.erp-account-bar .button{min-height:38px;padding:8px 13px}
.erp-context-nav{margin-bottom:14px;padding:8px 10px;box-shadow:none}
.erp-context-actions{padding-top:8px}
.erp-context-actions a,.erp-context-actions button{min-height:46px;padding:7px 9px}
.erp-panel.active{animation:erp-panel-in .16s ease-out}
@keyframes erp-panel-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.erp-page .card,.erp-page .stat{padding:16px;border-color:var(--erp-border);border-radius:7px;box-shadow:0 2px 8px rgba(20,58,82,.045)}
.erp-page .card h2{margin-bottom:14px;font-size:17px;color:var(--erp-blue-dark)}
.erp-page .card h3{color:#294c63}
.erp-page .erp-toolbar{gap:12px;margin-bottom:14px}
.erp-page .erp-toolbar.card{padding:13px 15px}
.erp-page .erp-toolbar label{margin:0}
.erp-page .form-grid,.erp-page .editor-grid{gap:12px 14px}
.erp-page label{line-height:1.35}
.erp-page input:not([type="checkbox"]):not([type="radio"]),.erp-page select,.erp-page textarea{min-height:40px;padding:9px 11px;border-color:#c8d6df;border-radius:5px;background:#fff}
.erp-page textarea{min-height:92px;line-height:1.45}
.erp-page input:hover,.erp-page select:hover,.erp-page textarea:hover{border-color:#8aa9bc}
.erp-page .code-snippet textarea{
  background:#102633;
  color:#e8f7ff;
  -webkit-text-fill-color:#e8f7ff;
  border-color:#27495d;
  font:13px/1.55 Consolas,"Courier New",monospace;
  opacity:1;
}
.website-editor-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:5px solid #ff6600}.website-editor-intro h2{margin:0;color:#004a99}.website-editor-intro p:last-child{margin-bottom:0}.website-savebar{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.website-savebar span{color:#287451;font-weight:700}@media(max-width:700px){.website-editor-intro,.website-savebar{align-items:stretch;flex-direction:column}}
.erp-page .code-snippet textarea:focus{
  background:#0b202c;
  border-color:#38aee8;
  box-shadow:0 0 0 3px rgba(56,174,232,.18);
}
.erp-page .button{min-height:38px;padding:8px 13px;border-radius:5px}
.erp-page .button.small{min-height:32px;padding:6px 9px}
.erp-page .table-card{padding:0;overflow:auto}
.erp-page .table-card>h2,.erp-page .table-card>h3{margin:0;padding:14px 16px;border-bottom:1px solid var(--erp-border)}
.erp-page .erp-table{width:100%;border-collapse:collapse;font-size:13px}
.erp-page .erp-table th{padding:10px 12px;background:#edf3f7;color:#29495e;font-size:12px;letter-spacing:.01em}
.erp-page .erp-table td{padding:10px 12px;border-bottom:1px solid #e0e8ed}
.erp-page .erp-table tbody tr:hover td{background:#f6fafc}
.erp-page .erp-table .table-actions{gap:5px}
.erp-action-strip{margin-bottom:14px}
.erp-action-strip button{min-height:82px;padding:10px 12px}
.erp-action-strip span{margin-bottom:5px;font-size:28px}
.erp-kpis{gap:12px;margin:14px 0}
.erp-kpis button{padding:15px;border-radius:7px;box-shadow:none}
.erp-kpis b{font-size:25px}
.erp-kpis.compact.dashboard-kpis button{min-height:64px;padding:10px 13px}
.erp-kpis.compact.dashboard-kpis button b{font-size:22px}
.erp-dashboard-grid{gap:14px}
.dashboard-widget{min-height:235px}
.dashboard-widget i{width:52px;height:52px}
.dashboard-widget>button{padding:8px 2px}
.erp-page dialog{max-width:min(920px,calc(100vw - 28px));max-height:calc(100vh - 28px)}
.erp-page dialog::backdrop{background:rgba(15,39,55,.58)}
.erp-page fieldset{border-color:var(--erp-border);border-radius:7px}
@media(min-width:901px){
  .erp-sidebar{min-height:78px;padding-top:4px;padding-bottom:4px;gap:14px}
  .erp-brand{min-width:205px}.erp-brand img{width:38px;height:38px}
  .erp-sidebar nav{gap:0}
  .erp-sidebar nav>button,.erp-nav-group summary{min-height:42px;padding:10px 11px!important;font-size:13px}
  .erp-nav-group button{width:220px!important;min-height:38px;padding:9px 13px!important;box-shadow:0 8px 18px rgba(17,48,70,.12)}
  .erp-quick-links{gap:5px;margin:0 0 0 auto;padding:0;border:0}.erp-quick-links a{padding:8px}
}
@media(max-width:1250px) and (min-width:901px){
  .erp-brand span{display:none}.erp-brand{min-width:50px}
  .erp-sidebar{padding-left:2.5%;padding-right:2.5%}
  .erp-sidebar nav>button,.erp-nav-group summary{padding-inline:8px!important;font-size:12px}
}
@media(max-width:700px){
  .erp-main{padding-left:12px!important;padding-right:12px!important}
  .erp-topbar{align-items:flex-start;gap:10px}.erp-context-nav{padding:8px}
  .erp-page .card,.erp-page .stat{padding:13px}
  .erp-page .erp-table th,.erp-page .erp-table td{padding:9px}
}
@media(max-width:760px){.stock-control-intro{align-items:stretch;flex-direction:column}.stock-control-intro .button{width:100%}.stock-control-intro+.erp-kpis{grid-template-columns:1fr 1fr}}
.erp-context-nav{display:grid;gap:10px;margin:0 0 18px;padding:10px 12px;border:1px solid #cbd8e0;border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(26,61,86,.05)}
.erp-context-nav[hidden],.erp-context-actions [hidden]{display:none!important}
.erp-breadcrumb{display:flex;align-items:center;gap:9px;color:#6c7d89;font-size:13px}.erp-breadcrumb button{border:0;background:transparent;color:#005fb2;font-weight:800;cursor:pointer;padding:5px}.erp-breadcrumb button:hover{text-decoration:underline}.erp-breadcrumb strong{color:#29465a}
.erp-context-actions{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));border-top:1px solid #e1e8ed;padding-top:10px}.erp-context-actions a,.erp-context-actions button{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:0;border-right:1px solid #e1e8ed;background:#fff;color:#4f6473;text-decoration:none;font:inherit;cursor:pointer}.erp-context-actions>*:last-child{border-right:0}.erp-context-actions a:hover,.erp-context-actions button:hover,.erp-context-actions button.active{background:#eef6fb;color:#005fb2}.erp-context-actions .erp-action-icon{flex:0 0 32px;width:32px;height:32px}.erp-context-actions b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}

/* R49: vaste kassabalk met primaire acties links en transacties rechts */
.pos-sale-actions{display:flex;justify-content:space-between;align-items:stretch;gap:24px;overflow:visible}
.pos-sale-actions-primary,.pos-sale-actions-session{display:flex;align-items:stretch;gap:5px;min-width:0}
.pos-sale-actions button{min-width:0;min-height:62px;padding:9px 12px;white-space:normal;line-height:1.2}
.pos-sale-actions-primary button{min-width:112px}
.pos-sale-actions-session button{min-width:92px}
.pos-sale-actions button:last-child{margin-left:0}
.workspace-shortcuts{position:sticky;top:90px;z-index:9;display:flex;align-items:center;gap:2px;padding:8px max(16px,calc((100% - 1500px)/2));border-bottom:1px solid #ccd9e1;background:#f8fbfd;box-shadow:0 3px 9px rgba(0,48,82,.06);overflow-x:auto}.workspace-shortcuts a{flex:0 0 auto;padding:10px 13px;border-radius:6px;color:#405b6e;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap}.workspace-shortcuts a:hover,.workspace-shortcuts a.active{background:#005fb2;color:#fff}.workspace-shortcuts .workspace-home{color:#005fb2}
@media(max-width:1100px){.erp-context-actions{grid-template-columns:repeat(3,1fr)}.erp-context-actions>*:nth-child(3){border-right:0}.workspace-shortcuts{top:0}}
@media(max-width:700px){.erp-context-actions{display:flex;overflow-x:auto}.erp-context-actions a,.erp-context-actions button{flex:0 0 150px}.erp-context-actions .erp-action-icon{display:none!important}.erp-context-actions b{white-space:normal}.workspace-shortcuts{position:static}}

/* R51: alle zeven kalenderdagen blijven binnen een smalle embed/rechterkolom. */
.booking-embed .booking-card,
.booking-embed .calendar-toolbar,
.booking-embed .calendar-weekdays,
.booking-embed .customer-calendar{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
}
.booking-embed .booking-card{overflow:hidden}
.booking-embed .calendar-weekdays,
.booking-embed .customer-calendar{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:3px;
}
.booking-embed .calendar-weekdays{padding-left:3px;padding-right:3px}
.booking-embed .calendar-weekdays>*,
.booking-embed .calendar-day{
  min-width:0;
  overflow:hidden;
}
.booking-embed .calendar-day b,
.booking-embed .calendar-day small{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:410px){
  .booking-embed .booking-card{padding-left:12px;padding-right:12px}
  .booking-embed .calendar-weekdays,
  .booking-embed .customer-calendar{gap:2px}
  .booking-embed .calendar-day{padding-left:2px;padding-right:2px}
  .booking-embed .calendar-day b{font-size:13px}
  .booking-embed .calendar-day small{font-size:7px}
}

/* R52: de volledige kassabediening blijft binnen het verkoopvak. */
.pos-sale-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  overflow:visible;
}
.pos-sale-actions-primary,
.pos-sale-actions-session{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  min-width:0;
}
.pos-sale-actions button,
.pos-sale-actions-primary button,
.pos-sale-actions-session button{
  width:100%;
  min-width:0;
  min-height:62px;
  padding:8px 7px;
  overflow-wrap:anywhere;
  white-space:normal;
  font-size:13px;
  line-height:1.15;
}
@media(max-width:1240px){
  .pos-sale-actions{grid-template-columns:1fr;gap:5px}
  .pos-sale{height:750px}
}

/* Centrale bedrijfsprofielen en WhatsApp Cloud-accounts. */
.company-default{max-width:360px;margin-bottom:14px}
.company-default label{display:grid;gap:5px}
.company-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.company-settings-card{min-width:0;border:1px solid #cdddea;border-top:4px solid var(--company-color,#005fb2);border-radius:10px;padding:14px;display:grid;gap:10px;background:#fff}
.company-settings-card legend{font-weight:800;color:#17324a;padding:0 6px}
.company-settings-card label:not(.check){display:grid;gap:5px}
.company-settings-card hr{width:100%;border:0;border-top:1px solid #dce6ee;margin:3px 0}
.company-settings-card small{color:#607788;line-height:1.4}
@media(max-width:1100px){.company-settings-grid{grid-template-columns:1fr}}
.record-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.record-tabs .button{min-width:150px}

/* Werkzaamhedenbeheer: een overzichtelijke uitklapregel per werkzaamheid. */
@media(max-width:1050px){.central-service-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.central-service-translations{grid-template-columns:1fr}.central-service-item>summary{flex-wrap:wrap}.central-service-item>summary b{min-width:220px}}
@media(max-width:620px){.central-service-settings{grid-template-columns:1fr;padding:12px}.central-service-settings .wide{grid-column:auto}.central-service-item>summary{align-items:flex-start;padding:12px}.central-service-item>summary b{min-width:0;flex-basis:calc(100% - 42px)}.central-service-item>summary .badge{font-size:11px}.central-service-item>summary:after{margin-left:auto}}
.rental-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.rental-head h2{margin:2px 0 6px}.rental-head p{margin:0}.rental-kpis{display:flex;gap:10px}.rental-kpis span{min-width:130px;padding:12px 16px;border-radius:10px;background:#fff;border:1px solid #c9d8e4;color:#355268}.rental-kpis b{display:block;color:#005fb2;font-size:1.4rem}.rental-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:6px;background:#fff;border:1px solid #c9d8e4;border-radius:10px}.rental-tabs button{border:0;background:transparent;padding:10px 13px;border-radius:7px;font-weight:700;color:#294a62;cursor:pointer}.rental-tabs button:hover,.rental-tabs button.active{background:#005fb2;color:#fff}.rental-form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin:14px 0}.rental-form-grid label{margin:0}.checkbox-line{display:flex!important;align-items:center;gap:9px;min-height:44px;padding-top:22px}.checkbox-line input{width:auto!important}.rental-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;text-align:center}.rental-calendar-toolbar h2{margin:0;text-transform:capitalize}.rental-calendar header,.rental-calendar>div{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:5px}.rental-calendar header b{text-align:center;padding:9px;background:#005fb2;color:#fff}.rental-calendar-day{min-height:82px;padding:9px;text-align:left;border:1px solid #cfdae3;background:#f7fafc;border-radius:7px;cursor:pointer}.rental-calendar-day b,.rental-calendar-day span{display:block}.rental-calendar-day span{margin-top:20px;font-size:.8rem;color:#547084}.rental-calendar-day.booked{border-color:#f49b32;background:#fff4e6}.empty-day{min-height:82px}.pay-settings{margin:22px 0;padding:18px;border:2px solid #005fb2;border-radius:10px;background:#f6fbff}.pay-settings legend{padding:0 8px;font-weight:800;color:#005fb2}.notice.success{border-left-color:#2d9d62;background:#edf9f2}.notice.warning{border-left-color:#ef8a22;background:#fff6e8}
@media(max-width:1000px){.rental-form-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.rental-head{flex-direction:column}.rental-calendar{overflow-x:auto}.rental-calendar header,.rental-calendar>div{min-width:700px}}
@media(max-width:600px){.rental-form-grid{grid-template-columns:1fr}.rental-kpis{width:100%;flex-direction:column}.rental-kpis span{min-width:0}.rental-calendar-toolbar{gap:8px}.rental-calendar-toolbar .button{padding:8px}.checkbox-line{padding-top:0}}

/* Proefritten krijgen een echt tijdslot binnen de ingestelde openingstijden. */
.appointment-time-field{margin:24px 0 10px;padding:18px;border:2px solid #005fb2;border-radius:12px;background:#f3f9ff}
.appointment-time-field h2{margin:0 0 6px}
.time-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:14px}
.time-slot-button{padding:12px 10px;border:2px solid #005fb2;border-radius:8px;background:#fff;color:#004a99;font:inherit;font-weight:800;cursor:pointer}
.time-slot-button:hover,.time-slot-button.selected{background:#005fb2;color:#fff}
@media(max-width:520px){.time-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.monitor-location{display:grid;gap:4px;padding:10px 11px;border:1px solid #d9e4eb;border-radius:7px;background:#fff}.monitor-location b{font-size:13px;color:#17324a}.monitor-location span{font-size:13px;overflow-wrap:anywhere}.monitor-location small{color:#687f91}.monitor-location.available{border-left:4px solid #2a9d5b}.monitor-location.unavailable{border-left:4px solid #d79a24}
.workshop-time-picker{margin:16px 0;padding:16px;border:2px solid #c8ddec;border-radius:12px;background:#f4faff}.workshop-time-picker legend{font-weight:800;color:#075b91}.workshop-time-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #d5e3ec}.workshop-time-row input{width:100%}@media(max-width:700px){.workshop-time-row{grid-template-columns:1fr 110px}.workshop-time-row button{grid-column:1/-1}}
.maintenance-checklist{margin:14px 0;border:2px solid #b9c3cc;border-radius:12px;overflow:hidden;background:#fff}.maintenance-checklist summary{display:flex;justify-content:space-between;gap:12px;padding:14px;font-size:18px;font-weight:800;cursor:pointer}.maintenance-checklist.package-bronze{border-color:#ad6b35}.maintenance-checklist.package-bronze summary{background:#f5e1cf;color:#75411c}.maintenance-checklist.package-silver{border-color:#8b9aa6}.maintenance-checklist.package-silver summary{background:#edf1f4;color:#41515c}.maintenance-checklist.package-gold{border-color:#c69a18}.maintenance-checklist.package-gold summary{background:#fff0a8;color:#6b5000}.maintenance-checklist>label,.maintenance-checklist>p{margin:12px 14px}.maintenance-progress{height:10px;margin:12px 14px;background:#e4e9ed;border-radius:9px;overflow:hidden}.maintenance-progress i{display:block;height:100%;background:#2b9b59}.maintenance-items{display:grid;gap:7px;padding:4px 14px 16px}.maintenance-items label{display:flex;gap:12px;align-items:flex-start;padding:11px;border:1px solid #d8e0e6;border-radius:9px}.maintenance-items input{width:24px;height:24px;flex:none}.maintenance-items label.completed{background:#e8f7ed;border-color:#75bb8b}.maintenance-items span{display:grid}.maintenance-items small{margin-top:4px;color:#4e6558}.maintenance-complete{padding:12px;background:#dff4e5;color:#176c34;font-weight:800;border-radius:8px}

/* R73: centrale selectielijsten en begrensde, scrollbare invoeroverzichten */
.intake-choice-group{margin:12px 0;border:2px solid #c7d9e5;border-radius:10px;background:#f7fbfd;overflow:hidden}.intake-choice-group>summary{display:flex;justify-content:space-between;gap:15px;padding:15px 17px;cursor:pointer;color:#174f76;font-size:17px;font-weight:850}.intake-choice-group[open]>summary{border-bottom:1px solid #d6e3eb;background:#eaf5fb}.intake-choice-body{padding:14px}.intake-choice-body .form-grid{align-items:end}.intake-choice-body .button{min-height:44px}.intake-results{max-height:min(55vh,520px);overscroll-behavior:contain;scrollbar-gutter:stable}.central-workshop-time-list{max-height:560px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #cbdbe5;border-radius:7px}.central-workshop-time-head,.central-workshop-time-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(280px,1.7fr) 100px 90px 115px;gap:8px;align-items:center;min-width:820px;padding:8px}.central-workshop-time-head{background:#e9f2f7;color:#31566f}.central-workshop-time-row{border-top:1px solid #dbe5eb}.central-workshop-time-row:nth-child(even){background:#f8fafb}.central-workshop-time-row input{min-width:0;width:100%}.workshop-settings-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:13px}.workshop-settings-toolbar label{flex:1 1 280px}.central-planner-form{scroll-margin-top:90px}.central-service-list,.central-special-list{max-height:620px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}@media(max-width:700px){.intake-choice-group>summary{align-items:flex-start;flex-direction:column}.central-workshop-time-list,.central-service-list{max-height:65vh}}
/* R74: vuile-handenbediening monteursscherm */
.mechanic-touch-filters{display:flex;gap:8px;padding:10px 18px;overflow-x:auto;background:#e7f1f8;border-bottom:1px solid #bdd1df;position:sticky;top:0;z-index:25}
.mechanic-touch-filters button,.mechanic-status-buttons button,.mechanic-priority-buttons button,.mechanic-quick-notes button{min-height:48px;padding:10px 16px;border:2px solid #9eb7c8;border-radius:12px;background:#fff;color:#123b58;font:inherit;font-weight:800;cursor:pointer}
.mechanic-touch-filters button.active{background:#00539f;color:#fff;border-color:#00539f}
.mechanic-touch-choice{grid-column:1/-1}.mechanic-touch-choice>b,.mechanic-quick-notes>b{display:block;margin-bottom:7px}.mechanic-status-buttons,.mechanic-priority-buttons,.mechanic-quick-notes>div{display:flex;gap:8px;flex-wrap:wrap}
.mechanic-status-buttons button.active{background:#087f5b;color:#fff;border-color:#087f5b}.mechanic-priority-buttons button.active{background:#ef8b17;color:#1d2830;border-color:#ef8b17}
.mechanic-quick-notes{grid-column:1/-1;padding:12px;border-radius:12px;background:#f2f7fa}.mechanic-quick-notes button{min-height:44px;padding:8px 13px}
.mechanic-actions>.button,.mechanic-actions>a.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;font-weight:850}
@media(max-width:760px){.mechanic-touch-filters{padding-inline:8px}.mechanic-touch-filters button,.mechanic-status-buttons button,.mechanic-priority-buttons button{min-height:54px}.mechanic-status-buttons,.mechanic-priority-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mechanic-status-buttons button:last-child:nth-child(odd){grid-column:1/-1}.mechanic-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mechanic-touch-choice,.mechanic-quick-notes,.mechanic-note-form{grid-column:1/-1}}
.webshop-fulfillment{margin-top:18px}.webshop-global-mode{display:grid;gap:8px;max-width:520px;margin:20px 0;font-weight:700}.webshop-global-mode select,.webshop-product-modes select{width:100%;min-height:44px}.webshop-product-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.webshop-product-modes label{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;gap:14px;padding:12px 14px;border:1px solid #d9e5ed;border-radius:10px;background:#f8fbfd}.webshop-product-modes span{font-weight:650}@media(max-width:760px){.webshop-product-modes{grid-template-columns:1fr}.webshop-product-modes label{grid-template-columns:1fr}.webshop-product-modes select{max-width:none}}
.settings-readiness{display:none!important}
.settings-directory section>button[aria-expanded="true"]{padding-left:20px;background:#e5f3fc;color:#003f73;font-weight:800}
.settings-detail-hidden{display:none!important}
.settings-detail-open{max-width:810px;margin:18px 0!important}
.settings-detail-open.settings-integrations{padding:18px}
.settings-detail-open .integration-settings-grid{display:block}
.settings-detail-open .integration-settings-grid fieldset{border:0;padding:4px;background:transparent}
.settings-system-data{margin:24px;border-left:5px solid #0879c9}.settings-system-data h2{color:#004a99}.system-data-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px;padding:16px;border-radius:10px;background:linear-gradient(135deg,#eaf7ff,#f7fbfd);border:1px solid #bddff2}.system-data-heading div{display:grid;gap:4px}.system-data-heading b{font-size:18px;color:#123f62}.system-data-heading span{color:#527084}.system-data-badge{padding:7px 11px;border-radius:999px;background:#18834b!important;color:#fff!important;font-size:12px;font-weight:800}.system-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.system-data-grid>section{border:1px solid #d5e2ea;border-radius:10px;padding:14px;background:#fff}.system-data-grid h3{margin:0 0 10px;color:#16557f;font-size:15px}.system-data-grid dl{margin:0}.system-data-grid dl>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr);gap:10px;padding:7px 0;border-top:1px solid #edf2f5}.system-data-grid dl>div:first-child{border-top:0}.system-data-grid dt{font-weight:700;color:#40596b}.system-data-grid dd{margin:0;color:#203744}
.system-data-heading-ovh{margin-top:24px;background:linear-gradient(135deg,#fff2e9,#fffaf7);border-color:#f0c6aa}.system-data-heading-ovh b{color:#9b3e08}
@media(max-width:760px){.settings-system-data{margin:16px 0}.system-data-heading{align-items:flex-start;flex-direction:column}.system-data-grid{grid-template-columns:1fr}.system-data-grid dl>div{grid-template-columns:1fr;gap:2px}}

.planner-customer-input{margin-top:10px;padding:9px 11px;border:1px solid #d6e2e9;border-radius:8px;background:#f8fbfc}.planner-customer-input summary{cursor:pointer;font-weight:800;color:#075f9d}.planner-customer-input dl{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:6px 12px;margin:12px 0 0}.planner-customer-input dt{font-weight:800;color:#536b7a}.planner-customer-input dd{margin:0;white-space:pre-wrap}.planner-customer-input a{color:#075f9d}@media(max-width:700px){.planner-customer-input dl{grid-template-columns:1fr}.planner-customer-input dd{margin-bottom:7px}}

.planner-editor-dialog{width:min(1050px,96vw);max-height:94vh;padding:0;border:0;border-radius:14px;box-shadow:0 24px 70px #06243d66}.planner-editor-dialog::backdrop{background:#092a40b8}.planner-editor-dialog header,.planner-editor-dialog footer{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #d6e2e9}.planner-editor-dialog header{position:sticky;top:0;z-index:2;justify-content:space-between}.planner-editor-dialog header h2,.planner-editor-dialog header p{margin:0}.planner-editor-dialog header [data-close]{border:0;background:none;font-size:28px}.planner-editor-dialog footer{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:auto 1fr auto auto;border-top:1px solid #d6e2e9;border-bottom:0}.planner-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.planner-editor-grid label{display:grid;gap:5px;font-weight:700}.planner-editor-grid input,.planner-editor-grid select,.planner-editor-grid textarea{width:100%;padding:10px;border:1px solid #bfcfd9;border-radius:7px;font:inherit}.planner-editor-grid textarea{min-height:90px}.planner-editor-grid .wide{grid-column:1/-1}.planner-service-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.planner-service-editor label{display:flex;align-items:center;gap:7px;font-weight:500}.planner-service-editor input{width:auto}#planner-answer-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.planner-editor-dialog .form-error{padding:0 20px;color:#a32222;font-weight:700}@media(max-width:700px){.planner-editor-grid,.planner-service-editor,#planner-answer-editor{grid-template-columns:1fr}.planner-editor-grid .wide{grid-column:auto}.planner-editor-dialog footer{grid-template-columns:1fr 1fr}.planner-editor-dialog footer span{display:none}}
.app-setup-qr-dialog{width:min(520px,92vw);background:#fff}.app-setup-qr-dialog #app-setup-qr-svg{display:grid;place-items:center;min-height:220px;padding:18px}.app-setup-qr-dialog #app-setup-qr-svg svg{display:block;width:min(360px,78vw);height:auto;max-height:52vh}.app-setup-qr-dialog #app-setup-qr-status{margin:0;padding:0 22px 18px;text-align:center;font-weight:700}.app-setup-qr-dialog footer{display:flex;justify-content:flex-end}.app-setup-qr-dialog .icon-button{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer}
.confirmation-preview-dialog{width:min(820px,96vw);max-height:94vh;padding:0;border:0;border-radius:14px}.confirmation-preview-dialog::backdrop{background:#092a40b8}.confirmation-preview-dialog header,.confirmation-preview-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #d6e2e9}.confirmation-preview-dialog header h2,.confirmation-preview-dialog header p{margin:0}.confirmation-preview-dialog header button{border:0;background:none;font-size:28px}.confirmation-preview-dialog section{padding:18px}.confirmation-preview-dialog iframe{width:100%;min-height:460px;border:1px solid #cbd9e1;border-radius:8px;background:#fff}.confirmation-preview-dialog footer{justify-content:flex-end;border-top:1px solid #d6e2e9;border-bottom:0}.confirmation-preview-dialog .form-error{padding:0 20px;color:#a32222;font-weight:700}
.mechanic-board{grid-template-columns:1fr!important}
.mechanic-repair{display:block}
.mechanic-repair>summary.mechanic-repair-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#f5f9fb;list-style:none;cursor:pointer}
.mechanic-repair>summary.mechanic-repair-summary::-webkit-details-marker{display:none}
.mechanic-repair>summary.mechanic-repair-summary:after{content:"Uitklappen";flex:0 0 auto;margin-left:8px;padding:6px 9px;border-radius:999px;background:#dceaf3;color:#075fae;font-size:12px;font-weight:850}
.mechanic-repair[open]>summary.mechanic-repair-summary:after{content:"Inklappen"}
.mechanic-repair>summary.mechanic-repair-summary span,.mechanic-repair>summary.mechanic-repair-summary small{display:block;color:#667782;font-size:12px}
.mechanic-repair>summary.mechanic-repair-summary h2{margin:3px 0;font-size:19px}
.mechanic-repair>summary.mechanic-repair-summary>strong{padding:6px 9px;border-radius:999px;background:#e7eef2;font-size:12px}
.mechanic-repair.repair-overdue>summary.mechanic-repair-summary{background:#fff0f0}
.mechanic-repair-body{border-top:1px solid #d9e4eb}
@media(max-width:680px){.mechanic-repair>summary.mechanic-repair-summary{align-items:flex-start;flex-wrap:wrap}.mechanic-repair>summary.mechanic-repair-summary:after{margin-left:auto}}
.google-calendar-event-list{display:grid;gap:6px;padding:8px 12px}.dashboard-widget.google-calendars .google-calendar-event{display:grid;margin:0;padding:9px 10px;border:0;border-left:6px solid var(--calendar-color,#78909c);border-radius:4px;background:var(--calendar-bg,#f5f7f8);text-align:left;text-decoration:none;box-sizing:border-box}.dashboard-widget.google-calendars .google-calendar-event b{display:block;color:#132d40;font-size:13px}.dashboard-widget.google-calendars .google-calendar-event span{display:block;margin-top:3px;font-size:13px;line-height:1.4}.dashboard-widget.google-calendars .google-calendar-time{font-size:14px;font-weight:800}.dashboard-widget.google-calendars .google-calendar-source{font-weight:800;color:var(--calendar-color,#546e7a)}.dashboard-widget.google-calendars .google-calendar-time{color:#425e70}.dashboard-widget.google-calendars .google-calendar-location{overflow:hidden;color:#6b7f8c;text-overflow:ellipsis;white-space:nowrap}.dashboard-widget.google-calendars>.google-calendar-event{margin-top:5px;padding:9px 10px;border-left:6px solid var(--calendar-color,#78909c);border-radius:4px;background:var(--calendar-bg,#f5f7f8)}.dashboard-widget.google-calendars .calendar-fsw{--calendar-color:#0876c9;--calendar-bg:#eef7fe}.dashboard-widget.google-calendars .calendar-fvw{--calendar-color:#e56b16;--calendar-bg:#fff4e9}.dashboard-widget.google-calendars .calendar-john{--calendar-color:#158746;--calendar-bg:#edf9f1}.dashboard-widget.google-calendars .calendar-erna{--calendar-color:#7a4bb3;--calendar-bg:#f6f0fc}.dashboard-widget.google-calendars .calendar-other{--calendar-color:#607d8b;--calendar-bg:#f3f6f7}

/* R116 compacte exclusieve reparatieregels */
.mechanic-board{grid-template-columns:1fr;gap:8px}.mechanic-repair{border-top-width:4px;border-radius:8px}.mechanic-repair>summary.mechanic-repair-summary{min-height:48px;padding:8px 12px}.mechanic-repair>summary.mechanic-repair-summary h2{margin:1px 0;font-size:16px}.mechanic-repair>summary.mechanic-repair-summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75vw}.mechanic-repair>summary.mechanic-repair-summary:after{content:'+';display:grid;place-items:center;width:28px;height:28px;margin-left:8px;padding:0;border-radius:50%;font-size:20px;line-height:1}.mechanic-repair[open]>summary.mechanic-repair-summary:after{content:'\2212'}

/* R116 Google Agenda: lijst, week en maand */
.dashboard-widget.google-calendars{grid-column:span 2;overflow:hidden}.dashboard-widget.google-calendars>header{flex-wrap:wrap}.google-calendar-controls{display:flex;align-items:center;gap:5px;margin-left:auto}.google-calendar-controls button,.google-calendar-controls select,.google-calendar-controls input{min-height:34px;padding:5px 8px;border:1px solid #bfd0dc;border-radius:6px;background:#fff;color:#173b55;font:inherit;font-size:12px;font-weight:750}.google-calendar-date-list{display:grid;gap:9px;padding:10px 12px}.google-calendar-date-list>section{display:grid;gap:5px}.google-calendar-date-list h3{margin:0;padding:5px 2px;border-bottom:2px solid #dce7ee;color:#173b55;font-size:15px;text-transform:capitalize}.google-calendar-grid{padding:8px;overflow:auto}.google-calendar-grid.week{display:grid;grid-template-columns:64px repeat(7,minmax(120px,1fr));gap:4px}.google-calendar-month-row{display:grid;grid-template-columns:48px repeat(7,minmax(105px,1fr));gap:4px;margin-bottom:4px}.google-calendar-week-number{display:grid;place-items:center;min-height:74px;border-radius:5px;background:#073b66;color:#fff;font-size:12px;font-weight:900}.google-calendar-day{min-height:74px;padding:5px;border:1px solid #d5e1e8;border-radius:5px;background:#fff}.google-calendar-day.outside{opacity:.48;background:#f2f5f7}.google-calendar-day>header{display:flex;justify-content:space-between;margin-bottom:4px;color:#28495f;font-size:12px}.google-calendar-day .google-calendar-event.compact{margin:3px 0;padding:5px;border-left-width:4px}.google-calendar-day .google-calendar-event.compact b{font-size:11px}.google-calendar-day .google-calendar-event.compact span{font-size:10px}.google-calendar-day .google-calendar-event.compact .google-calendar-source{display:none}@media(max-width:1050px){.dashboard-widget.google-calendars{grid-column:1/-1}.google-calendar-controls{width:100%;margin:5px 0 0;overflow:auto}.google-calendar-controls input{min-width:135px}}
/* R116 responsive kassascherm */
.pos-page{min-width:0;overflow-x:hidden}.pos-header{height:auto;min-height:82px;grid-template-columns:minmax(170px,240px) minmax(280px,1fr) repeat(4,minmax(74px,94px));width:100%;padding:0 clamp(10px,2vw,28px)}.pos-search{min-width:0;margin:16px 10px}.pos-search input{min-width:0;padding-right:10px}.pos-shell{grid-template-columns:minmax(0,1fr) minmax(240px,280px);width:calc(100% - 24px);max-width:1600px;gap:12px}.pos-lines table{min-width:760px}@media(max-width:1050px){.pos-header{grid-template-columns:minmax(120px,170px) minmax(240px,1fr) repeat(4,76px)}.pos-logo span{display:none}.pos-shell{display:block}.pos-payment{grid-template-columns:1fr 1fr 1fr;margin-top:10px}.pos-total span{display:none}.pos-pay-button{min-height:64px}}@media(max-width:760px){.pos-header{grid-template-columns:repeat(4,1fr);padding:8px;gap:6px}.pos-logo{display:none}.pos-search{grid-column:1/-1;grid-row:1;margin:0;min-height:52px;border-radius:10px}.pos-head-button{min-height:58px;border:1px solid #d6dfe5;border-radius:9px;font-size:24px}.pos-head-button small{font-size:11px}.pos-shell{display:flex;flex-direction:column;width:100%;padding:0 7px}.pos-sale{height:auto;min-height:0;padding:8px}.pos-lines{min-height:300px}.pos-lines table{min-width:690px}.pos-customer-bar{flex-wrap:wrap;border-radius:8px}.pos-sale-actions{grid-template-columns:1fr!important}.pos-sale-actions-primary,.pos-sale-actions-session{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pos-sale-actions button{position:relative;display:grid;place-items:center;align-content:center;gap:4px;min-width:0;min-height:68px;padding:7px 3px;border-radius:9px;white-space:normal}.pos-sale-actions button>span{font-size:23px;line-height:1}.pos-sale-actions button>small{font-size:10px;font-weight:800}.pos-sale-actions b{position:absolute;right:5px;top:5px}.pos-payment{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);gap:7px;margin:8px 0 18px;padding:8px;border:1px solid #cad9e2;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(21,64,91,.08)}.pos-total{min-height:54px;padding:8px 11px;border-radius:8px}.pos-total strong{font-size:25px}.pos-total span{display:none}.pos-pay-button{min-height:54px;border-radius:8px;font-size:16px}.pos-payment p{grid-column:1/-1;margin:0;padding:8px}.pos-operator{display:none}.pos-page .pos-payment-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px);margin:auto}.pos-checkout-body{max-height:calc(100vh - 150px);overflow:auto}}
/* Compacte reparatiekaarten voor ERP op telefoon */
.mobile-repair-list{display:none}
@media(max-width:700px){
  #erp-table>.erp-table{display:none}
  .mobile-repair-list{display:grid;gap:10px;padding:10px;background:#edf4f8}
  .mobile-repair-card{overflow:hidden;border:2px solid #0a66ad;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(14,55,82,.08)}
  .mobile-repair-card>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 14px;list-style:none;cursor:pointer}
  .mobile-repair-card>summary::-webkit-details-marker{display:none}
  .mobile-repair-card>summary span{display:grid;min-width:0;gap:4px}
  .mobile-repair-card>summary b{overflow-wrap:anywhere;color:#073b66;font-size:17px}
  .mobile-repair-card>summary small{color:#536d7d;font-size:13px}
  .mobile-repair-card>summary strong{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#e5f0f7;color:#075b98;font-size:11px}
  .mobile-repair-card>summary:after{content:'+';display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#075fae;color:#fff;font-size:21px;font-weight:900;line-height:1}
  .mobile-repair-card[open]>summary:after{content:'\2212'}
  .mobile-repair-card[open]>summary{border-bottom:1px solid #ccdae4;background:#f4f9fc}
  .mobile-repair-body{padding:12px 14px}
  .mobile-repair-body dl{display:grid;gap:8px;margin:0}
  .mobile-repair-body dl>div{display:grid;grid-template-columns:95px 1fr;gap:8px}
  .mobile-repair-body dt{font-weight:800;color:#526b7b}
  .mobile-repair-body dd{margin:0;overflow-wrap:anywhere;color:#17384e}
  .mobile-repair-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
  .mobile-repair-actions .button{width:100%;min-height:44px}
}

/* R171 compact visueel ERP: pictogram eerst, tekst alleen waar nodig */
.dashboard-widget.google-calendars{min-height:0;max-height:440px;align-self:start}
.dashboard-widget.google-calendars>header{min-height:54px;padding-right:8px}
.dashboard-widget.google-calendars>header i{width:46px;min-height:54px;font-style:normal;font-size:22px}
.dashboard-widget.google-calendars>header h2{font-size:13px}
.dashboard-widget.google-calendars>header small{font-size:11px}
.google-calendar-date-list{gap:5px;padding:6px 8px;overflow:auto}
.google-calendar-date-list>section{gap:3px}
.google-calendar-date-list h3{padding:4px 3px;font-size:12px}
.dashboard-widget.google-calendars .google-calendar-event{grid-template-columns:72px minmax(0,1fr) 18px;gap:7px;align-items:center;padding:6px 8px;border-left-width:4px}
.dashboard-widget.google-calendars .google-calendar-clock{margin:0;color:var(--calendar-color,#546e7a);font-size:12px;font-weight:900}
.dashboard-widget.google-calendars .google-calendar-event-main{display:grid;min-width:0;gap:1px}
.dashboard-widget.google-calendars .google-calendar-event-main b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.dashboard-widget.google-calendars .google-calendar-event-main small{display:block;margin:0;overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.dashboard-widget.google-calendars .google-calendar-open{margin:0;color:var(--calendar-color,#546e7a);font-size:22px}
.google-calendar-controls{gap:3px}
.google-calendar-controls button{width:32px;padding:4px;font-size:17px}
.google-calendar-controls input{width:126px}
.google-calendar-controls select{width:68px}
.erp-action-strip button{display:grid;place-items:center;align-content:center;gap:5px}
.erp-action-strip button b{font-size:12px}
.erp-action-strip .erp-action-icon{margin:0;font-size:29px}
@media(max-width:700px){.dashboard-widget.google-calendars{max-height:390px}.dashboard-widget.google-calendars .google-calendar-event{grid-template-columns:66px minmax(0,1fr) 14px}.google-calendar-controls input{width:118px}.erp-action-strip button b{font-size:11px}}