/* The same interaction sizes, type and contrast on our Hub and account pages only. */
.mw-backend,body.mw-account-page .woocommerce{--ux-line:#777b92;--ux-ink:#171923;--ux-sky:#aee0ff;--ux-mint:#b8efd5;--ux-coral:#ffb0a0;--ux-yellow:#fffca0;--ux-lavender:#c5c1ff}
.mw-backend :is(h1,h2,h3,h4),body.mw-account-page .woocommerce :is(h1,h2,h3,h4){font-family:"MW Space Grotesk",Arial,sans-serif;text-transform:none!important;letter-spacing:-.035em;line-height:1.18;color:var(--ux-ink)}
.mw-backend :is(input:not([type=checkbox]):not([type=radio]),select,textarea),body.mw-account-page .woocommerce :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-family:"MW Space Grotesk",Arial,sans-serif;font-size:16px;line-height:1.5;min-height:48px;border:1px solid var(--ux-line);border-radius:12px;box-shadow:none;max-width:100%;color:var(--ux-ink);background:#fff}
.mw-backend :is(button,.button,.mb-button,.mb-outline),body.mw-account-page .woocommerce :is(button,.button,.shop-button){font-family:"MW Space Grotesk",Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.4;min-height:48px;border-radius:28px;text-transform:none;white-space:normal;box-sizing:border-box}
.mw-backend label,body.mw-account-page .woocommerce label{font-size:16px;line-height:1.5}
.mw-backend :is(p,li),body.mw-account-page .woocommerce :is(p,li){line-height:1.65}
.mw-backend :is(a,button,input,select,textarea,summary):focus-visible,body.mw-account-page .woocommerce :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #343d78;outline-offset:4px}
.mw-backend :is(section,details,[role=tabpanel]),body.mw-account-page .woocommerce :is(section,details,[role=tabpanel]){scroll-margin-top:125px}
.mw-backend .mb-top{min-height:96px}.mw-backend .mb-top .mb-outline{font-size:14px;white-space:nowrap}
.mw-backend .mb-sidebar nav a{font-size:16px;min-height:52px;border:1px solid transparent}
.mw-backend .mb-sidebar nav a[aria-current]{border-color:#777b92;box-shadow:0 3px 0 #c2c4d4}
.mw-backend .mb-main{background-repeat:repeat-y}
.mw-backend .mb-layout{overflow:visible;align-items:start}
.mw-backend .mb-sidebar{position:sticky;top:96px;align-self:start;max-height:calc(100dvh - 96px);min-height:calc(100dvh - 96px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.mw-backend .mb-project,.mw-backend .mb-form-card,.mw-backend .mwh-setup-panel,.mw-backend .ds-dossier{border-color:var(--ux-line)}
.mw-backend .mb-main .mw-agency{padding:0;border:0;background:transparent;box-shadow:none}
.mw-backend .mb-intake-optional{padding:18px 22px;background:#fff9cf;border:1px solid var(--ux-line);border-radius:20px;margin:20px 0}
.mw-backend .mb-intake-optional>summary{font-size:18px;font-weight:600;min-height:48px;cursor:pointer}
.mw-backend .mb-intake-required{display:grid;gap:18px;margin-top:22px}
.mw-backend .mb-field-complete{background:#dcf6e9!important;border-color:#58816b!important}
.mw-backend .mb-create-progress{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0}
.mw-backend .mb-create-progress li{padding:10px 16px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-coral);font-weight:600}.mw-backend .mb-create-progress li:nth-child(2){background:var(--ux-sky)}.mw-backend .mb-create-progress li:nth-child(3){background:var(--ux-yellow)}
.mw-backend .mb-dossier-services-link{padding:22px;margin:24px 0;border:1px solid var(--ux-line);border-radius:22px;background:#fff9cf;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.mw-backend .mb-dossier-services-link p{flex:1 1 300px;font-size:16px}
.mw-backend .mb-staff-budget{padding:20px 24px;margin:24px 0;border:1px solid var(--ux-line);border-radius:22px;background:#dcf6e9;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.mw-backend .mb-staff-budget p{flex:1 1 280px}.mw-backend .mb-staff-budget strong{font-size:24px;display:block}
.mw-backend .mwh-setup{padding:0;margin:0;max-width:none;font:inherit}.mw-backend .mwh-setup-panel{padding:28px;border-radius:24px}.mw-backend .mwh-setup-hero{background:var(--ux-mint) url(brand-curves.svg) right center/850px auto no-repeat;border:1px solid var(--ux-line)}
.mw-backend .mwh-setup-panel input:not([type=checkbox]),.mw-backend .mwh-setup-panel select{width:100%;max-width:740px;padding:10px 14px}
.mw-backend .mwh-setup .button{background:var(--ux-sky);color:var(--ux-ink);border:1px solid var(--ux-line);padding:12px 20px}.mw-backend .mwh-setup .button-primary{background:var(--ux-ink);color:#fff}
.mw-backend .mwh-setup-system{padding:18px 22px;border:1px solid var(--ux-line);border-radius:20px;margin-top:24px;background:#fff}.mw-backend .mwh-setup-system>summary{font-size:18px;font-weight:600;min-height:48px;cursor:pointer}
.mw-backend .mwh-setup-grid article{min-width:0}.mw-backend .mwh-setup-grid strong{font-size:22px;overflow-wrap:anywhere}
.mw-backend .mb-section-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.mw-backend .mb-section-nav a{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;border:1px solid var(--ux-line);border-radius:26px;background:var(--ux-sky);font-weight:600}.mw-backend .mb-section-nav a:nth-child(2){background:var(--ux-mint)}.mw-backend .mb-section-nav a:nth-child(3){background:var(--ux-yellow)}
body.mw-account-page .woocommerce :is(.mw-account-hero,.ds-card,.shop-card,.fr-pack){border-color:var(--ux-line)}
body.mw-account-page .mw-account-balance{min-height:148px}body.mw-account-page .mw-account-top-tools .mw-account-home{white-space:nowrap;width:auto}
body.mw-account-page .mw-account-hero p{max-width:72ch}
body.mw-account-page .woocommerce .mw-toolbar{gap:12px}body.mw-account-page .woocommerce .mw-toolbar button{background:var(--ux-sky);color:var(--ux-ink);border:1px solid var(--ux-line);padding:12px 18px}
body.mw-account-page .woocommerce .mw-toolbar button:nth-child(2n){background:var(--ux-yellow)}
body.mw-account-page .woocommerce .fr-budget-heading h2{font-size:26px}
body.mw-account-page #mw-agency-shop[data-finance] .fr-discover-intro{margin-bottom:22px;gap:24px}
body.mw-account-page #mw-agency-shop[data-finance] .fr-discover-intro h2{font-size:clamp(28px,2.4vw,34px)!important}
body.mw-account-page #mw-agency-shop[data-finance] .fr-discover-intro .mw-offer-art{min-height:235px;max-width:330px}
body.mw-account-page #mw-agency-shop[data-finance] .fr-discover-intro>div>.shop-kicker{display:none}
body.mw-account-page #mw-agency-shop[data-finance] .fr-ready-heading h2{font-size:clamp(28px,2.4vw,34px)!important}
body.mw-account-page .woocommerce .woocommerce-EditAccountForm,body.mw-account-page .woocommerce .woocommerce-address-fields{padding:clamp(20px,3vw,32px);background:#fff;border:1px solid var(--ux-line);border-top:7px solid var(--ux-lavender);border-radius:24px}
body.mw-account-page .woocommerce .woocommerce-EditAccountForm fieldset{border:1px solid var(--ux-line);border-radius:18px;padding:20px;margin:24px 0;background:#f8f7ff}
body.mw-account-page .woocommerce .woocommerce-EditAccountForm input{padding:12px 14px}
body.mw-account-page .woocommerce .woocommerce-info,body.mw-account-page .woocommerce .woocommerce-message,body.mw-account-page .woocommerce .woocommerce-error{border-radius:18px;border:1px solid var(--ux-line);border-left:6px solid var(--ux-sky);background:#fff;color:var(--ux-ink);font-size:16px}
.mw-backend [data-ux-pending=true]{cursor:progress}.mw-backend [data-ux-pending=true]::after{content:' · Bezig…';font-size:14px;font-weight:500}
@media(prefers-reduced-motion:no-preference){.mw-backend :is(.mb-button,.mb-outline),body.mw-account-page .woocommerce :is(.button,.shop-button){transition:transform 140ms ease,background-color 140ms ease,box-shadow 140ms ease}.mw-backend :is(.mb-button,.mb-outline):active,body.mw-account-page .woocommerce :is(.button,.shop-button):active{transform:translateY(1px)}.mw-backend .mb-project:hover{transform:translateY(-3px)}.mw-backend .mb-art-label{animation:mw-ux-sticker 6s ease-in-out 2 alternate}@keyframes mw-ux-sticker{from{transform:rotate(-7deg)}to{transform:rotate(-3deg)}}}
@media(max-width:960px){.mw-backend .mb-sidebar{position:static;max-height:none;min-height:0;overflow:visible}.mw-backend .mb-sidebar nav a{font-size:15px}.mw-backend .mb-top .mb-outline{font-size:13px}.mw-backend .mb-top img{width:220px}.mw-backend .mwh-setup-panel{padding:22px}}
@media(max-width:600px){.mw-backend .mb-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mw-backend .mb-sidebar nav a{font-size:15px;padding:12px;min-height:52px}.mw-backend .mb-sidebar>strong{display:none}.mw-backend .mb-top .mb-outline{font-size:13px;white-space:normal;flex:1 1 120px}.mw-backend .mb-top>a:first-child{flex-basis:100%}.mw-backend .mb-form-card{padding:20px}.mw-backend .mb-hero h1{font-size:36px}.mw-backend .mwh-setup-grid{grid-template-columns:1fr}.mw-backend .mb-staff-budget{padding:20px}.mw-backend .mb-section-nav a{flex:1 1 100%}body.mw-account-page .mw-account-balance{min-height:140px}body.mw-account-page .woocommerce :is(.woocommerce-EditAccountForm,.woocommerce-address-fields){padding:18px}body.mw-account-page .woocommerce :is(button,.button){font-size:16px}}
@media(prefers-reduced-motion:reduce){.mw-backend *,body.mw-account-page .woocommerce *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Financial review stays readable in the same staff budget summary. */
.mw-backend .mb-budget-note{display:block;margin-top:8px;line-height:1.6}

/* Every staff destination uses the same recognizable button; current state adds an outline. */
.mw-backend .mb-sidebar nav a{background:var(--ux-lavender);color:var(--ux-ink)}
.mw-backend .mb-sidebar nav a[href*="page=maatwerk-agency-modules"]{background:var(--ux-sky)}
.mw-backend .mb-sidebar nav a[href*="page=maatwerk-agency-websites"]{background:var(--ux-yellow)}
.mw-backend .mb-sidebar nav a[href*="page=maatwerk-agency-tarieven"]{background:var(--ux-mint)}
.mw-backend .mb-sidebar nav a[href*="page=maatwerk-facturen"]{background:var(--ux-coral)}
.mw-backend .mb-sidebar nav a[href*="page=maatwerk-hub-installatie"]{background:#e8e5ff}
.mw-backend .mb-sidebar nav a[aria-current="page"]{border:2px solid #343949;font-weight:700;box-shadow:0 3px 0 #b7bbcd}
.mw-backend .mb-sidebar nav a:hover{filter:brightness(.97)}
body.mw-account-page .mw-finance-empty-simple{display:block;padding:24px;min-height:0}
body.mw-account-page .mw-finance-empty-simple .mw-finance-icon{font-size:32px;margin-bottom:12px}
body.mw-account-page .mw-finance-empty-simple :is(h2,h3){font-size:26px}
body.mw-account-page .mw-finance-empty-simple p{max-width:65ch;font-size:17px}

/* The older generic input width also reaches consent controls. Keep native semantics and a full label target. */
.mw-backend input:is([type=checkbox],[type=radio]){width:22px;min-width:22px;height:22px;min-height:22px;padding:0;margin:0;flex:0 0 22px}
.mw-backend input[type=checkbox]{border-radius:5px}
.mw-backend input[type=radio]{border-radius:50%}
.mw-backend label:has(>input:is([type=checkbox],[type=radio])){display:flex;align-items:center;gap:12px;min-height:44px}

/* Adjacent management actions align by their content, without stretching a shorter button. */
.mw-backend .mb-module-management{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.mw-backend .mb-module-management :is(.mb-button,.mb-outline){margin:0;min-height:48px;padding:12px 20px;line-height:1.4}
@media(max-width:600px){.mw-backend .mb-module-management{display:grid;grid-template-columns:minmax(0,1fr)}}