/* ZZPUrenkompas huisstijl v1 — petrol #0E4D5C, amber #E8A33D, off-white #F7F7F4 */
@font-face{font-family:"Inter";src:url("/zzp-urenkompas/assets/inter-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--navy:#10262C;--navy-2:#173A43;--sky:#0E4D5C;--sky-dark:#0A3A46;--sky-soft:#E4EFF0;--emerald:#1F7A5C;--emerald-soft:#EAF4EF;--emerald-border:#BFDCCF;
--amber:#B9771A;--amber-soft:#FCF3E3;--violet:#0E4D5C;--violet-soft:#E4EFF0;--slate:#4A5B60;--slate-light:#6B7A7E;--bg:#F7F7F4;--card:#FFFFFF;--border:#E3E5DF;
--radius:12px;--shadow:0 1px 2px rgba(16,38,44,.05),0 8px 24px -12px rgba(16,38,44,.14);--accent:#E8A33D}
body{font-family:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif!important;background:var(--bg)!important;color:var(--navy)}
h1,h2,h3,.brand-title{letter-spacing:-.01em}
.top-banner{background:#0A3A46!important;color:#E9F0F0!important;border-bottom:2px solid var(--accent)}
.dot-live{background:var(--accent)!important;box-shadow:none!important}
.app-header{background:#fff!important;border-bottom:1px solid var(--border)!important}
.zk-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.zk-brand img{height:44px;width:auto;display:block}
.zk-tagline{font-size:12.5px;color:var(--slate);margin-top:2px;font-weight:500}
.btn{border-radius:10px!important;font-weight:600!important}
.btn-primary{background:var(--sky)!important;color:#fff!important;box-shadow:0 4px 12px rgba(14,77,92,.25)!important}
.btn-primary:hover{background:var(--sky-dark)!important}
.btn-emerald{background:var(--accent)!important;color:#2A1A02!important;box-shadow:0 4px 12px rgba(232,163,61,.28)!important}
.btn-emerald:hover{background:#D9922A!important}
.btn-outline{border-color:#C9D3D2!important;color:var(--sky)!important;background:#fff!important}
.btn-outline:hover{border-color:var(--sky)!important}
.kpi-card,.panel{border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;border-radius:var(--radius)!important}
.kpi-card{border-top:3px solid var(--sky)!important}
.kpi-card:nth-child(4){border-top-color:var(--accent)!important}
.pill-green{background:var(--emerald-soft)!important;color:var(--emerald)!important}
.pill-blue{background:var(--sky-soft)!important;color:var(--sky)!important}
.pricing-cta-box{background:linear-gradient(160deg,#0E4D5C,#0A3A46)!important;border:1px solid #0A3A46!important;border-radius:12px!important}
.pricing-cta-box .pro-soon{color:#F4E3C4!important}
.toast-status{background:var(--amber-soft)!important;border-color:#F0D3A1!important;color:#4A3410!important}
input[type=range]{accent-color:var(--sky)}
.zk-trust{max-width:1280px;margin:0 auto;padding:4px 24px 0;display:flex;flex-wrap:wrap;gap:10px}
.zk-trust span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--slate);font-weight:500}
.zk-trust svg{flex:none}
footer#contact-footer{border-top:1px solid var(--border);margin-top:24px;background:#fff}
footer#contact-footer a{color:var(--sky)!important}
@media (max-width:760px){.kpi-strip,.bento-grid{grid-template-columns:1fr!important}.main-wrap{padding-left:14px!important;padding-right:14px!important}.panel{min-width:0;overflow-x:auto}.app-header{flex-direction:column;align-items:flex-start!important;gap:12px}.header-actions{flex-wrap:wrap;gap:8px}.header-actions .btn{flex:1 1 100%;justify-content:center}
.top-banner{padding:8px 14px!important}.top-banner .badges{flex-direction:column;align-items:flex-start!important;gap:4px!important}.zk-brand img{height:38px}.zk-trust{padding:4px 14px 0}}