/* Fedor Dienstverlening — sleek service design reset 20260625 */
:root{
  --bg:#f6f3ee;
  --paper:#ffffff;
  --ink:#111111;
  --muted:#5d625f;
  --soft:#ece8df;
  --line:#ddd7cc;
  --brand:#111111;
  --accent:#c47a2c;
  --accent2:#0f766e;
  --danger:#b42318;
  --radius:18px;
  --shadow:0 18px 45px rgba(18,18,18,.08);
  color-scheme:light;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;letter-spacing:-.01em;overflow-x:hidden}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}

/* Navigation */
.nav{position:sticky;top:0;z-index:50;background:rgba(246,243,238,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;gap:18px;min-height:72px;padding:10px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;margin-right:auto}.brand img{width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px}.brand span{display:block;font-weight:900;font-size:1rem;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:0}.links{display:flex;align-items:center;gap:4px}.links a{display:inline-flex;align-items:center;min-height:40px;padding:9px 12px;border-radius:999px;text-decoration:none;color:#252525;font-size:.93rem;font-weight:750}.links a:hover{background:var(--soft)}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center;cursor:pointer}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:19px;height:2px;background:var(--ink);border-radius:2px;position:relative;content:""}.nav-toggle span:before{position:absolute;top:-6px}.nav-toggle span:after{position:absolute;top:6px}.nav.nav-open .nav-toggle span{background:transparent}.nav.nav-open .nav-toggle span:before{top:0;transform:rotate(45deg)}.nav.nav-open .nav-toggle span:after{top:0;transform:rotate(-45deg)}
.theme-toggle{display:none!important}.lang-dropdown{position:relative}.lang-trigger{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer}.lang-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:190px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.lang-menu.ld-open{display:grid}.lang-opt{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:10px;text-decoration:none;font-weight:750}.lang-opt:hover,.lang-opt.active{background:var(--soft)}.flag{display:inline-block;width:18px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.14)}.flag-nl{background:linear-gradient(#ae1c28 0 33%,#fff 33% 66%,#21468b 66%)}.flag-uk{background:#1f3f8b}.flag-de{background:linear-gradient(#000 0 33%,#dd0000 33% 66%,#ffce00 66%)}.flag-fr{background:linear-gradient(90deg,#002395 0 33%,#fff 33% 66%,#ed2939 66%)}

/* Typography */
.eyebrow,.badge{display:inline-flex;align-items:center;margin-bottom:12px;color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.badge{padding:0;border:0;background:transparent;border-radius:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.45rem,6vw,4.8rem);line-height:.98;letter-spacing:-.065em;margin-bottom:18px;max-width:11ch}h2{font-size:clamp(1.7rem,3.4vw,2.65rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:14px}h3{font-size:1.24rem;line-height:1.15;letter-spacing:-.03em;margin-bottom:10px}.lead{font-size:clamp(1.03rem,1.5vw,1.18rem);line-height:1.65;color:var(--muted);max-width:62ch}p{color:var(--muted)}

/* Buttons */
.actions,.human-actions,.human-contact-actions,.quick-actions,.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn,.contact-btn,.pro-service a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:850;box-shadow:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn:hover,.contact-btn:hover,.pro-service a:hover{background:#333;border-color:#333}.btn.orange,.btn.fish,.btn.green,.wa-btn,.tg-btn{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}.btn.orange:hover,.btn.fish:hover,.btn.green:hover,.wa-btn:hover,.tg-btn:hover{border-color:var(--ink)!important}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Homepage */
.human-home{background:var(--bg);color:var(--ink)}.human-hero{padding:74px 0 54px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfaf7 0%,var(--bg) 100%)}.human-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:54px;align-items:center}.human-copy .lead{max-width:640px}.human-note{margin-top:22px;max-width:650px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.human-note strong{display:block;color:var(--ink);margin-bottom:4px}.human-note span{color:var(--muted)}.human-summary-card{display:grid;gap:0;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.summary-logo{display:flex;align-items:center;margin-bottom:12px}.summary-logo img{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:16px;padding:7px;background:#fff}.summary-line{padding:16px 0;border-top:1px solid var(--line)}.summary-line span{display:block;margin-bottom:4px;color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.summary-line strong{display:block;color:var(--ink);font-size:1.02rem;line-height:1.35}.human-summary-card p{margin:14px 0 0;color:var(--muted)}
.section{padding:58px 0}.human-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.human-service-grid,.pro-service-grid,.stack-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pro-service,.card,.article-card,.record,.glow-panel,.notice,.hero-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:none}.pro-service{min-height:275px;display:flex;flex-direction:column}.pro-service .route-mark{display:none}.pro-service span{color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pro-service p{flex:1}.pro-service a{margin-top:14px;width:max-content;max-width:100%}.human-process{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.human-process-grid,.split,.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:start}.human-process-grid>*,.split>*,.hero-grid>*{min-width:0}.human-steps,.workflow{display:grid;gap:12px}.human-steps div,.workflow .step{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.human-steps b,.workflow .step:before{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900}.human-steps span{color:var(--ink);font-weight:650}

/* Generic pages/portals */
.hero{padding:64px 0 44px;border-bottom:1px solid var(--line);background:#fbfaf7}.hero-img,.hero-art img{width:100%;height:310px;object-fit:cover;border-radius:22px;border:1px solid var(--line);box-shadow:none}.trust,.metrics,.dashboard-grid,.admin-summary,.account-menu,.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.trust div,.metric,.dash-card,.kpi,.account-menu a{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none}.trust span,.metric span,.dash-card span,.kpi span,.account-menu span{display:block;color:var(--muted);font-size:.9rem;margin-top:3px}.service-list{display:grid;gap:9px;list-style:none;padding:0}.service-list li{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.portal-shell{display:grid;grid-template-columns:1fr 430px;gap:36px;align-items:start}.status-box,.code-box{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.fishbone-orb,.fishbone-core{min-width:0;max-width:100%}.fishbone-core img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.fishbone-orb .btn{max-width:100%}

/* Forms */
form{margin:0}label{display:block;margin-bottom:12px;color:var(--ink);font-weight:800}input,textarea,select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cfc8bc;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(17,17,17,.08)}.client-errors,.error{padding:13px 15px;margin-bottom:14px;border:1px solid #f1b7b2;border-radius:14px;background:#fff4f2;color:var(--danger);font-weight:800}.notice{border-color:#b8d7c7;background:#f3fbf6;color:#0f5132}.client-invalid{border-color:var(--danger)!important}

/* Account + admin compatibility */
.account-page{background:var(--bg)!important;color:var(--ink)!important}.account-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}.account-hero{padding:46px 0 18px}.grid,.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cardx{padding:24px;border:1px solid var(--line)!important;border-radius:22px;background:#fff!important;box-shadow:none!important;color:var(--ink)!important}.cardx h2,.cardx h3,.record h2{color:var(--ink)!important}.cardx p,.record p,.muted{color:var(--muted)!important}.tag,.status-pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--ink);font-weight:850}.admin-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}.admin-table th{font-size:.85rem;color:var(--muted)}.footer{padding:28px 0;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.88rem}

/* Language/home international compatibility */
.logo-stage{display:grid;place-items:center;margin-bottom:14px}.logo-stage img{width:90px;height:90px;object-fit:contain;border:1px solid var(--line);border-radius:20px;padding:10px;background:#fff}.hero-card p{margin-bottom:0}

/* Mobile */
@media(max-width:900px){
  .wrap,.account-wrap{width:calc(100% - 28px)}
  .nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:62px}.brand img{width:38px;height:38px}.brand span{max-width:160px;font-size:.95rem}.brand small{display:none}.nav-toggle{display:inline-flex;order:2}.lang-dropdown{order:3}.links{display:none;grid-column:1/-1;order:4;padding:8px 0 4px}.nav.nav-open .links{display:grid;grid-template-columns:1fr;gap:7px}.links a{width:100%;justify-content:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px}.lang-trigger{border-radius:12px}.lang-trigger .chevron{display:none}.lang-menu{right:0;max-width:calc(100vw - 28px)}
  .human-hero{padding:42px 0 34px}.human-hero-grid,.human-process-grid,.hero-grid,.split,.portal-shell{grid-template-columns:1fr;gap:24px}.human-summary-card{order:-1}.human-copy h1,h1{font-size:2.55rem;max-width:12ch}.lead{font-size:1rem}.human-service-grid,.pro-service-grid,.stack-grid,.cards,.trust,.metrics,.dashboard-grid,.admin-summary,.account-menu,.kpis,.grid,.formgrid{grid-template-columns:1fr}.human-section-head{display:block}.section{padding:38px 0}.pro-service{min-height:auto}.pro-service a,.actions .btn,.human-actions .btn,.human-contact-actions .btn,.contact-btn,.quick-actions .btn{width:100%}.actions,.human-actions,.human-contact-actions,.quick-actions{display:grid;grid-template-columns:1fr;gap:8px}.hero-img,.hero-art img{height:220px}.summary-line{padding:13px 0}.card,.article-card,.record,.glow-panel,.notice,.hero-card,.cardx,.pro-service{padding:18px;border-radius:18px}.footer{text-align:center;padding:22px 0}
}
@media(max-width:380px){.wrap,.account-wrap{width:calc(100% - 22px)}.brand span{max-width:118px}.human-copy h1,h1{font-size:2.25rem}.btn,.contact-btn{font-size:.93rem;padding-left:12px;padding-right:12px}}


/* Minimal-risk professional polish 20260627 */
:root{
  --bg:#f5f1e8;
  --paper:#fffdf8;
  --ink:#151515;
  --muted:#5b5e59;
  --line:#d8d0c2;
  --soft:#ebe4d7;
  --accent:#9f6428;
  --accent2:#174f49;
  --shadow:0 16px 38px rgba(33,28,20,.075);
}
body{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{width:min(1080px,calc(100% - 44px))}
.nav{box-shadow:0 1px 0 rgba(255,255,255,.55)}
.nav-inner{min-height:68px}.brand img{box-shadow:0 4px 12px rgba(30,24,18,.06)}
.links a{font-weight:800;color:#292723}.links a[href^="tel:"]{border:1px solid var(--ink);background:var(--ink);color:#fff}.links a[href^="tel:"]:hover{background:#333}
.human-hero{padding:68px 0 50px;background:linear-gradient(180deg,#fffdfa 0%,#f5f1e8 100%)}
.human-hero-grid{grid-template-columns:minmax(0,1.08fr) 360px;gap:48px}.human-copy h1{max-width:12ch}.human-copy .lead{font-size:1.12rem;color:#4f534e}.human-note{box-shadow:0 10px 26px rgba(33,28,20,.045)}
.human-summary-card{border-color:#d1c7b8;box-shadow:var(--shadow)}.summary-logo img{width:58px;height:58px}.summary-line strong{font-weight:850}.summary-line span{color:#8f561f}
.human-section-head h2{margin-bottom:0}.human-service-grid{gap:18px}.pro-service{position:relative;overflow:hidden;border-color:#d4cabc;background:#fffdf8;box-shadow:0 12px 30px rgba(33,28,20,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pro-service:hover{transform:translateY(-2px);border-color:#bca98e;box-shadow:0 18px 42px rgba(33,28,20,.085)}.pro-service:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#151515}.container-route:before{background:#9f6428}.autowas-route:before{background:#174f49}.fishbone-route:before{background:#151515}.pro-service .route-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:#f7f1e7;color:#151515;font-weight:950;letter-spacing:-.04em}.container-route .route-mark:after{content:"01"}.autowas-route .route-mark:after{content:"02"}.fishbone-route .route-mark:after{content:"03"}.pro-service h3{font-size:1.28rem}.pro-service p{color:#555954}.pro-service a{border-radius:14px;min-height:42px;background:#151515;color:#fff}.pro-service a:hover{background:#333}
.human-process{background:#fffdfa}.human-steps div,.workflow .step{background:#f7f2ea;border-color:#d8d0c2}.human-steps b{font-size:.95rem}.section{padding:54px 0}
.btn,.contact-btn{border-radius:14px;font-weight:900}.btn.primary{box-shadow:0 10px 24px rgba(17,17,17,.12)}.btn.orange,.btn.fish,.wa-btn,.tg-btn{background:#fffdf8!important}.wa-btn{border-color:#b9d5c4!important}.tg-btn{border-color:#bad1df!important}
.card,.article-card,.record,.glow-panel,.notice,.hero-card,.cardx{background:#fffdf8;border-color:#d8d0c2;box-shadow:0 10px 26px rgba(33,28,20,.045)}.hero{background:#fffdfa}.hero-img,.hero-art img{border-color:#d8d0c2}.trust div,.metric,.dash-card,.kpi,.account-menu a,.service-list li{background:#fffdf8;border-color:#d8d0c2}
input,textarea,select{background:#fffdf8;border-color:#cfc5b6}input:hover,textarea:hover,select:hover{border-color:#b9aa95}input:focus,textarea:focus,select:focus{border-color:#151515;box-shadow:0 0 0 4px rgba(21,21,21,.08)}
.footer{background:#fffdfa}.footer strong{font-weight:750}
@media(max-width:900px){
  .wrap,.account-wrap{width:calc(100% - 30px)}
  .nav-inner{min-height:60px}.brand span{max-width:165px}.human-hero{padding:36px 0 30px}.human-summary-card{order:0}.human-copy h1,h1{font-size:2.42rem;max-width:13ch}.human-copy .lead,.lead{font-size:1rem;line-height:1.62}.human-note{padding:14px 15px}.section{padding:34px 0}.pro-service{padding:18px}.pro-service .route-mark{width:38px;height:38px;margin-bottom:13px}.pro-service:hover{transform:none}.links a[href^="tel:"]{justify-content:center}.summary-line{padding:12px 0}.btn,.contact-btn,.pro-service a{min-height:44px}
}
@media(max-width:380px){.wrap,.account-wrap{width:calc(100% - 22px)}.brand span{max-width:125px}.human-copy h1,h1{font-size:2.16rem}}

/* FedorFrommel.nl — strak serviceportaal 20260628 */
.portal-home{background:#f4f0e8;color:#151515}
.portal-home .nav{background:rgba(244,240,232,.96)}
.portal-hero{padding:78px 0 58px;background:radial-gradient(circle at 82% 16%,rgba(159,100,40,.12),transparent 34%),linear-gradient(180deg,#fffdf8 0%,#f4f0e8 100%);border-bottom:1px solid var(--line)}
.portal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:54px;align-items:center}
.portal-copy h1{max-width:12.5ch;font-size:clamp(2.55rem,5.8vw,4.65rem);line-height:.97;letter-spacing:-.066em;margin-bottom:20px}
.portal-copy .lead{max-width:680px;color:#4d504b;font-size:1.14rem}
.portal-actions,.portal-contact-row,.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.portal-actions .btn,.portal-contact-row .btn,.dashboard-actions .btn{border-radius:14px}
.portal-panel{padding:26px;border:1px solid #d3c7b6;border-radius:28px;background:#fffdf8;box-shadow:0 24px 60px rgba(34,28,20,.09)}
.panel-top{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:10px}
.panel-top img{width:62px;height:62px;object-fit:contain;border:1px solid var(--line);border-radius:17px;padding:7px;background:#fff}
.panel-top span,.route-kicker{display:block;color:#8f561f;font-size:.75rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.panel-top strong{display:block;font-size:1.2rem;letter-spacing:-.035em}.portal-panel p{margin:16px 0 0;color:#4f534e;font-weight:700}
.portal-status{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.portal-status b{font-size:1.55rem;line-height:1;color:#151515}.portal-status span{color:#555954;font-weight:750}
.portal-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.portal-section-head h2{margin-bottom:0}
.portal-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portal-route-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:24px;border:1px solid #d4cabc;border-radius:24px;background:#fffdf8;box-shadow:0 14px 36px rgba(33,28,20,.055);overflow:hidden}
.portal-route-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#151515}.portal-route-card.container-route:before{background:#9f6428}.portal-route-card.autowas-route:before{background:#174f49}.portal-route-card.fishbone-route:before{background:#151515}
.portal-route-card h3{font-size:1.38rem;margin:12px 0 11px}.portal-route-card p{color:#555954}.portal-route-card ul{display:grid;gap:8px;list-style:none;padding:0;margin:8px 0 18px;color:#333;flex:1}.portal-route-card li{position:relative;padding-left:18px;font-weight:720}.portal-route-card li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:#9f6428}.portal-route-card a{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:42px;padding:10px 14px;border-radius:14px;background:#151515;color:#fff;text-decoration:none;font-weight:900}.portal-route-card a:hover{background:#333}
.portal-flow{background:#fffdf8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.portal-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.portal-steps{display:grid;gap:12px}.portal-steps div{display:flex;gap:15px;align-items:flex-start;padding:17px;border:1px solid #d8d0c2;border-radius:18px;background:#f7f2ea}.portal-steps b{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:14px;background:#151515;color:#fff;font-weight:950}.portal-steps span{color:#222;font-weight:760}
.portal-dashboard-cta{padding-top:46px}.dashboard-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:28px;border:1px solid #d4cabc;border-radius:28px;background:#fffdf8;box-shadow:0 16px 42px rgba(33,28,20,.06)}.dashboard-card h2{margin-bottom:10px}.dashboard-card .lead{margin-bottom:0}
@media(max-width:900px){.portal-hero{padding:42px 0 34px}.portal-hero-grid,.portal-flow-grid,.dashboard-card{grid-template-columns:1fr;gap:24px}.portal-panel{order:-1;padding:20px;border-radius:22px}.portal-copy h1{font-size:2.42rem;max-width:13ch}.portal-copy .lead{font-size:1rem}.portal-route-grid{grid-template-columns:1fr}.portal-route-card{min-height:auto;padding:20px}.portal-section-head{display:block}.portal-actions,.portal-contact-row,.dashboard-actions{display:grid;grid-template-columns:1fr;gap:8px}.portal-actions .btn,.portal-contact-row .btn,.dashboard-actions .btn{width:100%}.portal-status{grid-template-columns:58px 1fr}.panel-top img{width:54px;height:54px}}
@media(max-width:380px){.portal-copy h1{font-size:2.16rem}.portal-panel,.dashboard-card{padding:17px}.portal-route-card{padding:18px}}

/* FedorFrommel.nl — zakelijke homepage 20260812 */
.business-home{--business-ink:#111827;--business-navy:#172033;--business-muted:#626b78;--business-line:#dfe3e8;--business-soft:#f3f5f7;--business-accent:#bd7227;background:#fff;color:var(--business-ink)}
.business-home .nav{background:rgba(255,255,255,.96);border-color:var(--business-line)}
.business-home .nav-inner{min-height:76px}.business-home .brand img{background:#111827;border-color:#111827;padding:5px}.business-home .brand span{color:var(--business-ink)}.business-home .brand small{color:var(--business-muted)}
.business-home .links a{color:#303846;font-weight:750}.business-home .links a:hover{background:var(--business-soft)}.business-home .links a[href^="tel:"]{background:var(--business-ink);border-color:var(--business-ink);color:#fff;border-radius:10px}
.business-home .lang-trigger{border-color:var(--business-line);border-radius:10px}.business-home main{overflow:hidden}
.business-hero{position:relative;padding:104px 0 86px;background:#fff;border-bottom:1px solid var(--business-line)}
.business-hero:after{content:"";position:absolute;right:-130px;top:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(189,114,39,.09),rgba(189,114,39,0) 68%);pointer-events:none}
.business-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:84px;align-items:center}
.business-kicker{display:block;margin-bottom:18px;color:var(--business-accent);font-size:.73rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.business-hero h1{max-width:850px;margin-bottom:26px;color:var(--business-ink);font-size:clamp(3rem,6.2vw,5.65rem);font-weight:850;line-height:.96;letter-spacing:-.07em}
.business-intro{max-width:720px;margin-bottom:0;color:var(--business-muted);font-size:1.18rem;line-height:1.72;letter-spacing:-.015em}
.business-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.business-home .business-actions .btn,.business-home .business-contact-actions .btn{min-height:50px;padding:13px 19px;border-radius:9px;background:var(--business-ink);border-color:var(--business-ink)}
.business-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--business-ink);font-weight:850;text-decoration:none}.business-text-link span{transition:transform .15s}.business-text-link:hover span{transform:translateX(4px)}
.business-trust{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:42px;padding-top:24px;border-top:1px solid var(--business-line)}.business-trust span{position:relative;padding-left:16px;color:#48515e;font-size:.9rem;font-weight:750}.business-trust span:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--business-accent)}
.business-identity{padding:32px;border:1px solid var(--business-line);background:var(--business-navy);color:#fff}.business-logo-stage{display:grid;place-items:center;width:112px;height:112px;margin-bottom:48px;border:1px solid rgba(255,255,255,.15);background:#0e1523}.business-logo-stage img{width:88px;height:88px;object-fit:contain}.business-identity p{margin:0 0 28px;color:#e2e7ee;font-size:1.22rem;line-height:1.5}.business-identity strong{color:#fff}.business-identity a{color:#fff;font-size:.9rem;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}
.business-section{padding:96px 0;background:#fff}.business-section-heading{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:60px;align-items:end;margin-bottom:48px}.business-section-heading h2,.business-process h2,.business-contact h2{max-width:none;margin:0;color:var(--business-ink);font-size:clamp(2.25rem,4vw,3.7rem);line-height:1;letter-spacing:-.055em}.business-section-heading>p{margin:0;color:var(--business-muted);line-height:1.7}
.business-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--business-line);border-bottom:1px solid var(--business-line)}
.business-service{display:flex;flex-direction:column;min-height:470px;padding:36px 32px;border-right:1px solid var(--business-line);background:#fff}.business-service:first-child{border-left:1px solid var(--business-line)}.business-service-number{margin-bottom:50px;color:#9aa2ad;font-size:.8rem;font-weight:900;letter-spacing:.1em}.business-service-label{display:block;margin-bottom:11px;color:var(--business-accent);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.business-service h3{margin-bottom:16px;color:var(--business-ink);font-size:1.48rem;line-height:1.2}.business-service p{color:var(--business-muted);line-height:1.65}.business-service ul{display:grid;gap:9px;margin:8px 0 30px;padding:0;list-style:none}.business-service li{position:relative;padding-left:17px;color:#414a57;font-size:.93rem}.business-service li:before{content:"";position:absolute;left:0;top:.67em;width:5px;height:5px;background:var(--business-accent)}.business-service>a{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--business-line);color:var(--business-ink);font-weight:850;text-decoration:none}.business-service>a span{transition:transform .15s}.business-service>a:hover span{transform:translateX(4px)}
.business-process{background:var(--business-soft);border-top:1px solid var(--business-line);border-bottom:1px solid var(--business-line)}.business-process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.business-process-copy p{max-width:500px;margin:24px 0 0;color:var(--business-muted);line-height:1.72}.business-steps{margin:0;padding:0;list-style:none;border-top:1px solid #ccd2d9}.business-steps li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #ccd2d9}.business-steps b{color:var(--business-accent);font-size:.78rem;letter-spacing:.1em}.business-steps strong,.business-steps span{display:block}.business-steps strong{margin-bottom:5px;color:var(--business-ink);font-size:1.08rem}.business-steps span{color:var(--business-muted)}
.business-contact{padding-bottom:72px}.business-contact-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:center;padding:55px 58px;background:var(--business-navy);color:#fff}.business-contact-card .business-kicker{color:#e09a55}.business-contact-card h2{color:#fff}.business-contact-card p{max-width:600px;margin:17px 0 0;color:#cdd4df}.business-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:390px}.business-home .business-contact-actions .btn{background:#fff;color:var(--business-ink);border-color:#fff}.business-home .business-contact-actions .btn:nth-child(2){background:transparent;color:#fff;border-color:#596375}.business-phone{grid-column:1/-1;margin-top:8px;color:#fff;text-align:center;text-decoration:none;font-size:1.08rem;font-weight:850}
.business-client-bar{padding:0 0 72px;background:#fff}.business-client-bar .wrap{display:flex;justify-content:space-between;gap:30px;padding:24px 0;border-top:1px solid var(--business-line);border-bottom:1px solid var(--business-line)}.business-client-bar strong,.business-client-bar span{display:block}.business-client-bar span{margin-top:3px;color:var(--business-muted);font-size:.9rem}.business-client-bar a{align-self:center;color:var(--business-ink);font-weight:850;text-decoration:none}.business-home .footer{padding:34px 0;background:#fff;border-color:var(--business-line);color:var(--business-muted)}
@media(max-width:1050px){.business-home .links a{padding:8px 7px;font-size:.84rem}.business-hero-grid{gap:45px}.business-services{grid-template-columns:1fr}.business-service,.business-service:first-child{min-height:auto;border-left:1px solid var(--business-line);border-right:1px solid var(--business-line);border-bottom:1px solid var(--business-line)}.business-service:last-child{border-bottom:0}.business-service-number{margin-bottom:24px}.business-process-grid{gap:55px}.business-contact-card{grid-template-columns:1fr}.business-contact-actions{min-width:0}}
@media(max-width:900px){.business-home .nav-inner{min-height:64px}.business-hero{padding:58px 0 48px}.business-hero-grid,.business-section-heading,.business-process-grid{grid-template-columns:minmax(0,1fr);gap:38px}.business-hero-copy,.business-identity,.business-section-heading>*,.business-process-grid>*{min-width:0}.business-hero h1{font-size:clamp(2.55rem,11vw,4.25rem);overflow-wrap:anywhere}.business-intro,.business-identity p{overflow-wrap:anywhere}.business-identity{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:center;padding:22px}.business-logo-stage{width:80px;height:80px;margin:0}.business-logo-stage img{width:64px;height:64px}.business-identity p{margin:0;font-size:1rem}.business-identity a{grid-column:2;max-width:100%;overflow-wrap:anywhere}.business-section{padding:64px 0}.business-section-heading{margin-bottom:32px}.business-service{padding:28px 24px}.business-process-copy h2{font-size:2.55rem}.business-contact-card{padding:36px 28px}.business-contact-actions{grid-template-columns:1fr}.business-phone{grid-column:auto}.business-client-bar .wrap{display:grid}.business-client-bar a{align-self:auto}.business-home .links a[href^="tel:"]{border-radius:10px}}
@media(max-width:560px){.business-actions{display:grid;gap:17px}.business-actions .btn{width:100%}.business-trust{display:grid;gap:10px}.business-identity{grid-template-columns:64px 1fr}.business-logo-stage{width:64px;height:64px}.business-logo-stage img{width:52px;height:52px}.business-contact-card{padding:30px 22px}.business-section-heading h2,.business-process h2,.business-contact h2{font-size:2.3rem}.business-client-bar{padding-bottom:44px}}

/* Betrouwbare lokale servicegebiedkaart — geen externe iframe */
.service-area-map{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.service-area-map__canvas{position:relative;display:grid;place-items:center;min-height:390px;padding:24px;background:linear-gradient(145deg,#eef3f4,#e4e9eb)}
.service-area-map__canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,74,82,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(39,74,82,.055) 1px,transparent 1px);background-size:30px 30px}
.service-area-map svg{position:relative;z-index:1;width:min(76%,310px);height:350px;filter:drop-shadow(0 14px 18px rgba(25,42,46,.12))}.service-area-map__country{fill:#fffdf8;stroke:#2d5b63;stroke-width:5;stroke-linejoin:round}.service-area-map__range{fill:rgba(224,141,68,.17);stroke:#d98032;stroke-width:3;stroke-dasharray:8 7}.service-area-map__pin{fill:#d36f1e;stroke:#fff;stroke-width:5}.service-area-map__route{fill:none;stroke:#5f8389;stroke-width:4;stroke-linecap:round;stroke-dasharray:7 8;opacity:.75}
.service-area-map__label{position:absolute;z-index:2;padding:6px 9px;border:1px solid rgba(47,80,87,.16);border-radius:8px;background:rgba(255,255,255,.88);color:#3d555a;font-size:.72rem;font-weight:850;box-shadow:0 4px 12px rgba(30,48,52,.07)}.service-area-map__label--north{top:34px;right:30px}.service-area-map__label--region{left:28px;top:58%;color:#a95313}.service-area-map__label--south{right:25px;bottom:30px}
.service-area-map__legend{display:flex;flex-direction:column;justify-content:center;padding:36px;background:#1c2b30;color:#fff}.service-area-map__legend:before{content:"WERKGEBIED";margin-bottom:20px;color:#e6a15d;font-size:.7rem;font-weight:900;letter-spacing:.16em}.service-area-map__legend strong{margin-bottom:12px;font-size:1.45rem;line-height:1.1}.service-area-map__legend span{color:#ced8db;line-height:1.6}.service-area-map__legend a{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#fff;font-weight:850;text-decoration:none}
@media(max-width:760px){.service-area-map{grid-template-columns:minmax(0,1fr);border-radius:18px}.service-area-map__canvas{min-height:330px;padding:16px}.service-area-map svg{width:min(82%,265px);height:300px}.service-area-map__legend{padding:25px 23px}.service-area-map__label--north{top:19px;right:16px}.service-area-map__label--region{left:15px}.service-area-map__label--south{right:14px;bottom:18px}}

/* Fishbone Command dark inversion 20260815 — black canvas, white typography */
:root{
  --bg:#050505;
  --paper:#0d0d0d;
  --ink:#f7f7f5;
  --muted:#b8b8b3;
  --soft:#181818;
  --line:#303030;
  --brand:#ffffff;
  --shadow:0 18px 46px rgba(0,0,0,.38);
  color-scheme:dark;
}
html,body,.human-home,.portal-home,.account-page{background:#050505!important;color:#f7f7f5!important}
.nav,.portal-home .nav{background:rgba(5,5,5,.96)!important;border-color:#303030;box-shadow:0 1px 0 rgba(255,255,255,.05)}
.brand span,.links a,.portal-home .links a{color:#f7f7f5}.brand small{color:#b8b8b3}
.brand img,.summary-logo img,.logo-stage img,.panel-top img{background:#0d0d0d;border-color:#303030}
.links a:hover,.lang-opt:hover,.lang-opt.active{background:#181818}
.nav-toggle,.lang-trigger,.lang-menu{background:#0d0d0d;color:#f7f7f5;border-color:#303030}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{background:#f7f7f5}
.human-hero,.hero,.portal-hero{background:#050505!important;border-color:#303030}
.human-process,.portal-flow,.business-process{background:#0a0a0a!important;border-color:#303030}
.human-note,.human-summary-card,.pro-service,.card,.article-card,.record,.glow-panel,.notice,.hero-card,.cardx,
.trust div,.metric,.dash-card,.kpi,.account-menu a,.service-list li,.human-steps div,.workflow .step,
.portal-panel,.portal-route-card,.dashboard-card{background:#0d0d0d!important;color:#f7f7f5!important;border-color:#303030!important;box-shadow:var(--shadow)}
h1,h2,h3,label,.human-note strong,.summary-line strong,.human-steps span,
.cardx h2,.cardx h3,.record h2,.trust div,.metric,.dash-card,.kpi,.account-menu a{color:#f7f7f5!important}
p,.lead,.muted,.human-note span,.human-summary-card p,.trust span,.metric span,.dash-card span,.kpi span,.account-menu span{color:#b8b8b3!important}
.btn,.contact-btn,.pro-service a{background:#f7f7f5;color:#050505;border-color:#f7f7f5}
.btn:hover,.contact-btn:hover,.pro-service a:hover{background:#d9d9d5;color:#050505;border-color:#d9d9d5}
.btn.orange,.btn.fish,.btn.green,.wa-btn,.tg-btn{background:#0d0d0d!important;color:#f7f7f5!important;border-color:#4a4a4a!important}
input,textarea,select{background:#111!important;color:#f7f7f5!important;border-color:#414141!important}
input::placeholder,textarea::placeholder{color:#858580}
input:focus,textarea:focus,select:focus{border-color:#f7f7f5;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.status-box,.code-box{background:#080808;border-color:#303030}.tag,.status-pill{background:#202020;color:#f7f7f5}
.admin-table,.admin-table th,.admin-table td{background:#0d0d0d;color:#f7f7f5;border-color:#303030}.admin-table th{color:#b8b8b3}
.footer,.portal-home .footer{background:#050505!important;color:#b8b8b3!important;border-color:#303030}
.notice{background:#0a1b12!important;color:#bce8cb!important}.client-errors,.error{background:#24100f;color:#ffb4ae;border-color:#67302c}

/* Zakelijke homepage */
.business-home{
  --business-ink:#f7f7f5;
  --business-navy:#0a0a0a;
  --business-muted:#b8b8b3;
  --business-line:#303030;
  --business-soft:#111111;
  background:#050505;color:#f7f7f5;
}
.business-home .nav,.business-hero,.business-section,.business-client-bar,.business-home .footer{background:#050505!important;border-color:#303030}
.business-home .links a{color:#f7f7f5}
.business-hero:after{background:radial-gradient(circle,rgba(189,114,39,.16),rgba(189,114,39,0) 68%)}
.business-hero h1,.business-section-heading h2,.business-process h2,.business-contact h2,
.business-service h3,.business-steps strong,.business-client-bar strong,.business-client-bar a,.business-text-link{color:#f7f7f5}
.business-intro,.business-section-heading>p,.business-service p,.business-process-copy p,.business-steps span,.business-client-bar span{color:#b8b8b3}
.business-trust span,.business-service li{color:#d0d0cc}
.business-identity,.business-contact-card{background:#0a0a0a;border:1px solid #303030}
.business-logo-stage{background:#050505}
.business-services{border-color:#303030}
.business-service{background:#090909;border-color:#303030}
.business-steps,.business-steps li,.business-client-bar .wrap{border-color:#303030}
.business-home .business-actions .btn,.business-home .links a[href^="tel:"],.business-home .business-contact-actions .btn{background:#f7f7f5;color:#050505;border-color:#f7f7f5}
.business-home .business-contact-actions .btn:nth-child(2){background:transparent;color:#f7f7f5;border-color:#666}
.business-service>a{color:#f7f7f5;border-color:#303030}
.service-area-map{background:#0d0d0d;border-color:#303030}.service-area-map__canvas{background:linear-gradient(145deg,#111,#080808)}
.service-area-map__country{fill:#161616;stroke:#8fa9ae}.service-area-map__label{background:rgba(10,10,10,.9);color:#d8e1e3;border-color:#3c5155}
@media(max-width:900px){.links a{background:#0d0d0d!important;border-color:#303030!important;color:#f7f7f5!important}}


/* HeffingCheck 840x60 banner */
.heffingcheck-banner-strip{padding:18px 0 8px;background:transparent;text-align:center}.heffingcheck-banner-strip .wrap{display:flex;justify-content:center}.heffingcheck-banner-strip a{display:block;width:min(840px,100%);line-height:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(8,18,35,.14)}.heffingcheck-banner-strip img{display:block;width:100%;max-width:840px;height:auto;min-height:42px;object-fit:contain}
@media(max-width:760px){.heffingcheck-banner-strip{padding:14px 0 6px}.heffingcheck-banner-strip a{border-radius:10px}}

/* Homepage + Fishbone intake precision pass 20260903 */
.business-home .wrap{width:min(1160px,calc(100% - 48px))}
.business-home .business-hero{padding:88px 0 76px}
.business-home .business-hero-grid{grid-template-columns:minmax(0,1fr) 340px;gap:72px}
.business-home .business-hero h1{max-width:780px;font-size:clamp(3rem,5.6vw,5.1rem)}
.business-home .business-service{min-height:430px}
.business-home .business-contact-card{border-radius:2px}
.business-home .business-identity{border-radius:2px}
.business-home .business-service:first-child{border-radius:2px 0 0 2px}
.business-home .business-service:last-child{border-radius:0 2px 2px 0}
.business-home .footer .wrap{width:min(1160px,calc(100% - 48px))}
.fishbone-request-hero{padding-bottom:70px}
.request-delivery{display:grid;gap:5px;max-width:680px;margin:26px 0 0;padding:17px 18px;border-left:3px solid var(--accent);background:#0d0d0d}
.request-delivery strong{color:#f7f7f5;font-size:.95rem}.request-delivery span{color:#b8b8b3}.request-delivery a{color:#f7f7f5;font-weight:800}
.fishbone-request-card{padding:28px!important}.fishbone-request-form{display:grid;gap:2px}.fishbone-request-form label{margin-bottom:14px}
.client-errors:empty{display:none!important}.links a{white-space:nowrap}.nav>.wrap{width:min(1280px,calc(100% - 40px));max-width:none}.nav .links a:last-child{color:#050505!important}
.fishbone-request-form .formgrid{gap:14px}.field-optional{color:#858580;font-size:.78rem;font-weight:650}
.compact-textarea{min-height:94px}.request-submit{width:100%;margin-top:4px;min-height:50px;background:#f7f7f5!important;color:#050505!important;border-color:#f7f7f5!important}.request-submit:hover{background:#d98216!important;color:#050505!important;border-color:#d98216!important}.form-assurance{margin:10px 0 0;text-align:center;font-size:.84rem}
@media(max-width:900px){.business-home .wrap,.business-home .footer .wrap{width:calc(100% - 30px)}.business-home .business-hero{padding:48px 0 44px}.business-home .business-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.business-home .business-identity{order:0}.fishbone-request-card{padding:20px!important}}
@media(max-width:560px){.business-home .business-hero h1{font-size:2.7rem}.request-delivery{padding:15px}.fishbone-request-form .formgrid{grid-template-columns:1fr}}