/* FIVE Performance OS 29.3 — compatibility foundation.
   Legacy declarations remain only for specialised document/editor components.
   The visible portal system is defined in portal-core.css. */
:root{--bg:#080808;--panel:#121212;--panel2:#191919;--line:#2a2a2a;--text:#f4f4f4;--muted:#9a9a9a;--orange:#e45613;--orange2:#ff7a32;--white:#fff;--danger:#e94b4b;--success:#2fb875;--shadow:0 22px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.fpp-body{background:radial-gradient(circle at 75% -10%,rgba(228,86,19,.15),transparent 28%),#080808}.fpp-app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.fpp-side{position:sticky;top:0;height:100vh;background:#0d0d0d;border-right:1px solid #1f1f1f;padding:28px 18px;display:flex;flex-direction:column;z-index:20}.fpp-brand{display:grid;line-height:.88;padding:5px 12px 34px}.fpp-brand strong{font-size:29px;letter-spacing:-1.5px}.fpp-brand span{font-size:12px;letter-spacing:3.4px;color:var(--orange2);margin-top:8px}.fpp-brand small{font-size:9px;letter-spacing:3px;color:#777;margin-top:9px}.fpp-side nav{display:grid;gap:6px}.fpp-side nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;color:#aaa;font-size:14px;font-weight:650;transition:.2s}.fpp-side nav a i{font-style:normal;width:22px;text-align:center;font-size:18px}.fpp-side nav a:hover,.fpp-side nav a.active{background:linear-gradient(90deg,rgba(228,86,19,.18),rgba(228,86,19,.05));color:#fff}.fpp-side nav a.active{box-shadow:inset 3px 0 var(--orange)}.fpp-side-foot{margin-top:auto;padding:15px 12px;border-top:1px solid #222;color:#888;font-size:13px}.fpp-main{min-width:0}.fpp-top{height:82px;border-bottom:1px solid #1e1e1e;display:flex;align-items:center;gap:22px;padding:0 34px;background:rgba(8,8,8,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15}.fpp-menu{display:none}.fpp-search{height:44px;max-width:530px;flex:1;border:1px solid #292929;background:#121212;border-radius:12px;display:flex;align-items:center;padding:0 15px;gap:10px}.fpp-search input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:14px}.fpp-user{margin-left:auto;display:flex;align-items:center;gap:11px}.fpp-user strong,.fpp-user small{display:block}.fpp-user small{color:#888;font-size:11px;margin-top:3px}.fpp-avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#712000);font-weight:800}.fpp-content{padding:36px;max-width:1600px;margin:auto}.fpp-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.fpp-page-head h1{font-size:31px;letter-spacing:-1px;margin:0 0 7px}.fpp-page-head p{margin:0;color:var(--muted)}.fpp-btn{border:0;border-radius:10px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;padding:12px 17px;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(228,86,19,.2)}.fpp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.fpp-stats article{background:linear-gradient(145deg,#151515,#101010);border:1px solid #252525;border-radius:16px;padding:21px;box-shadow:var(--shadow)}.fpp-stats article.accent{background:linear-gradient(145deg,#3e1607,#1a0d08);border-color:#6a2a0f}.fpp-stats span,.fpp-stats small{display:block;color:#929292;font-size:12px}.fpp-stats strong{display:block;font-size:28px;margin:10px 0}.fpp-two{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.fpp-card{background:linear-gradient(150deg,#141414,#101010);border:1px solid #252525;border-radius:17px;padding:21px;box-shadow:var(--shadow);margin-bottom:20px}.fpp-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.fpp-card-head h2{margin:0;font-size:17px}.fpp-card-head a{font-size:12px;color:var(--orange2)}.fpp-event{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #242424}.fpp-event time{font-size:18px;font-weight:800}.fpp-event strong,.fpp-event span{display:block}.fpp-event span{font-size:12px;color:#888;margin-top:5px}.fpp-event em{font-style:normal;color:#999;font-size:12px}.fpp-quick{display:grid;gap:9px}.fpp-quick a{display:flex;justify-content:space-between;padding:13px 14px;background:#191919;border:1px solid #282828;border-radius:11px;font-size:13px}.fpp-quick a:hover{border-color:#6c2a0e;background:#20130d}.fpp-activity>div{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:9px 0}.fpp-activity>div>span{width:9px;height:9px;border-radius:50%;background:var(--orange);margin-top:6px;box-shadow:0 0 0 4px rgba(228,86,19,.12)}.fpp-activity p{margin:0;font-size:13px}.fpp-activity small{display:block;color:#777;margin-top:5px}.fpp-empty{padding:24px;text-align:center;color:#777}.fpp-alert{border-radius:12px;padding:13px 15px;margin-bottom:18px;font-size:13px}.fpp-alert.success{background:rgba(47,184,117,.12);border:1px solid rgba(47,184,117,.35);color:#83e1ad}.fpp-alert.danger{background:rgba(233,75,75,.12);border:1px solid rgba(233,75,75,.35);color:#ff9c9c}.fpp-filter{display:flex;gap:10px;margin-bottom:18px}.fpp-filter input{flex:1;background:#191919;border:1px solid #303030;border-radius:10px;color:#fff;padding:12px 14px}.fpp-filter button{background:#242424;color:#fff;border:1px solid #363636;border-radius:10px;padding:0 18px}.fpp-table-wrap{overflow:auto}.fpp-table{width:100%;border-collapse:collapse;min-width:760px}.fpp-table th{text-align:left;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;padding:12px;border-bottom:1px solid #2b2b2b}.fpp-table td{padding:15px 12px;border-bottom:1px solid #232323;font-size:13px;vertical-align:middle}.fpp-table td strong,.fpp-table td small{display:block}.fpp-table td small{color:#777;margin-top:5px}.fpp-table tr:hover td{background:#151515}.fpp-status{display:inline-flex;padding:6px 9px;border-radius:99px;background:#232323;color:#aaa;font-size:11px}.fpp-status.available{background:rgba(47,184,117,.13);color:#77dca3}.fpp-status.reserved{background:rgba(242,168,43,.13);color:#f2c26d}.fpp-status.sold,.fpp-status.blocked{background:rgba(233,75,75,.13);color:#ef8a8a}.pos{color:#61d494}.neg{color:#ef7777}.fpp-form-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fpp-field{display:grid;gap:7px}.fpp-field span{font-size:12px;color:#aaa}.fpp-field input,.fpp-field select,.fpp-field textarea{width:100%;background:#191919;border:1px solid #303030;color:#fff;border-radius:10px;padding:12px 13px;outline:none}.fpp-field textarea{resize:vertical}.fpp-field:has(textarea){grid-column:1/-1}.fpp-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:15px;margin-top:4px}.fpp-form-actions a{color:#888;font-size:13px}.fpp-check{grid-column:1/-1;display:flex;gap:10px;align-items:center;color:#bbb;font-size:13px}.fpp-link-btn{border:0;background:transparent;color:var(--orange2);cursor:pointer}.fpp-login{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 70% 10%,rgba(228,86,19,.16),transparent 30%),#080808}.fpp-login-card{width:min(470px,100%);background:linear-gradient(145deg,#151515,#0d0d0d);border:1px solid #292929;border-radius:22px;padding:38px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.fpp-logo{font-size:30px;font-weight:900;letter-spacing:-1px}.fpp-logo span{display:block;font-size:10px;letter-spacing:4px;color:var(--orange2);margin-top:5px}.fpp-kicker{font-size:10px;letter-spacing:2px;color:#686868;margin-top:24px}.fpp-login-card h1{font-size:31px;margin:8px 0}.fpp-muted{color:#8d8d8d;line-height:1.6}.fpp-login-card form p{display:grid;gap:7px}.fpp-login-card label{color:#aaa;font-size:12px}.fpp-login-card input[type=text],.fpp-login-card input[type=password]{background:#191919;border:1px solid #303030;color:#fff;border-radius:10px;padding:13px;width:100%}.fpp-login-card input[type=submit]{width:100%;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;border:0;border-radius:10px;padding:13px;font-weight:800;cursor:pointer}.fpp-login-links{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #252525;margin-top:22px;padding-top:18px;font-size:11px;color:#707070}.fpp-login-links a{color:var(--orange2)}@media(max-width:1100px){.fpp-stats{grid-template-columns:repeat(2,1fr)}.fpp-two{grid-template-columns:1fr}}@media(max-width:760px){.fpp-app{display:block}.fpp-side{position:fixed;left:-270px;transition:.25s;width:248px}.fpp-body.menu-open .fpp-side{left:0}.fpp-top{padding:0 16px}.fpp-menu{display:block;background:none;border:0;color:#fff;font-size:20px}.fpp-search{display:none}.fpp-content{padding:22px 14px}.fpp-page-head{align-items:flex-start;flex-direction:column}.fpp-stats{grid-template-columns:1fr}.fpp-form-card form{grid-template-columns:1fr}.fpp-field:has(textarea),.fpp-form-actions,.fpp-check{grid-column:1}.fpp-user>div:last-child{display:none}}

/* FIVE Portal 3.0.1 readability and official branding */
:root{
  --text:#f7f7f7;
  --muted:#c5c5c5;
}
.fpp-body,.fpp-main,.fpp-content{color:var(--text)}
.fpp-page-head h1,.fpp-card h2,.fpp-event strong,.fpp-table td strong,.fpp-user strong,.fpp-stats strong{color:#fff}
.fpp-page-head p,.fpp-muted,.fpp-stats span,.fpp-stats small,.fpp-event span,.fpp-event em,.fpp-table td small,.fpp-field span,.fpp-check,.fpp-user small{color:#c8c8c8}
.fpp-empty{color:#b0b0b0}
.fpp-table th{color:#bdbdbd}
.fpp-side nav a{color:#d5d5d5}
.fpp-side-foot{color:#bbb}
.fpp-filter input::placeholder,.fpp-search input::placeholder{color:#999;opacity:1}
.fpp-card,.fpp-stats article{background:linear-gradient(150deg,#171717,#111);border-color:#333}
.fpp-quick a{color:#f3f3f3}
.fpp-brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 8px 28px;line-height:1}
.fpp-brand img{display:block;width:160px;max-width:100%;height:auto;object-fit:contain}
.fpp-brand small{margin:8px 0 0 10px;color:#aaa;letter-spacing:4px;font-size:9px}
.fpp-login-logo{display:block;width:220px;max-width:80%;height:auto;margin:0 auto 18px}
.fpp-kicker{text-align:center;color:#aaa}
@media(max-width:760px){.fpp-brand img{width:150px}}
.fpp-content,.fpp-content p,.fpp-content td,.fpp-content small{color:#263142}.fpp-content h1,.fpp-content h2,.fpp-content h3,.fpp-content strong{color:#101827}.fpp-legacy-leads .fvp-hero{display:none}.fpp-legacy-leads .fvp-portal{background:transparent;padding:0;min-height:0}.fpp-legacy-leads .fvp-stats{margin-top:0}.fpp-legacy-leads .fvp-toolbar,.fpp-legacy-leads .fvp-table-wrap,.fpp-legacy-leads .fvp-card{box-shadow:none}.fpp-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.fpp-doc{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.fpp-doc span{font-size:11px;font-weight:800;text-transform:uppercase;color:#d4500a}.fpp-doc h3{margin:8px 0 5px}.fpp-doc p{margin:0 0 12px}.fpp-template{margin-bottom:16px}.fpp-field{display:block;margin:12px 0}.fpp-field span{display:block;font-weight:800;margin-bottom:6px}.fpp-field input,.fpp-field textarea{width:100%;border:1px solid #d9dee8;border-radius:10px;padding:11px;font:inherit}.fpp-alert{padding:14px 16px;border-radius:12px;margin:14px 0}.fpp-alert.info{background:#eef5ff;color:#24446c}.fpp-alert.success{background:#e8f8ee;color:#1e6b3a}.fpp-deal{display:inline-flex;padding:6px 10px;border-radius:999px;font-weight:800}.fpp-deal.success{background:#e7f7ed;color:#176a39}.fpp-deal.warning{background:#fff1dc;color:#915500}.fpp-deal.danger{background:#ffe8e8;color:#a32727}.fpp-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef1f5}.fpp-table-wrap{overflow:auto}.fpp-table{width:100%;border-collapse:collapse}.fpp-table th{text-align:left;background:#111827;color:#fff;padding:12px}.fpp-table td{padding:13px 12px;border-bottom:1px solid #eceff4}.fpp-table td small{display:block;margin-top:3px}.fpp-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fpp-check-grid span{padding:12px;background:#f6f7f9;border-radius:10px;font-weight:700}@media(max-width:900px){.fpp-doc-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.fpp-doc-grid,.fpp-check-grid{grid-template-columns:1fr}}

/* FIVE Performance Portal 4.1 — high-contrast, structured navigation, modern inventory */
:root{
  --bg:#070707;--panel:#111214;--panel2:#17181b;--panel3:#1d1f23;
  --line:#2c2f35;--line-soft:#22252a;--text:#f7f8fa;--muted:#b7bdc7;
  --subtle:#8e96a3;--orange:#ef5b19;--orange2:#ff7a32;--blue:#5ca9ff;
  --success:#48d597;--warning:#f4b453;--danger:#ff7373;
}
html,body,.fpp-body,.fpp-main,.fpp-content{color:var(--text)}
.fpp-body{background:radial-gradient(circle at 82% 0,rgba(239,91,25,.11),transparent 25%),var(--bg)}
.fpp-app{grid-template-columns:264px minmax(0,1fr)}
.fpp-side{width:264px;padding:24px 16px;background:linear-gradient(180deg,#0d0e10,#090a0b);border-right:1px solid var(--line-soft)}
.fpp-brand{padding:4px 14px 25px;align-items:flex-start}
.fpp-brand img{width:142px}
.fpp-brand small{margin:12px 0 0 1px;color:#9da3ad;letter-spacing:3.2px;font-size:8px}
.fpp-side nav{gap:3px;overflow:auto;padding-right:2px}
.fpp-nav-label{font-size:9px;letter-spacing:1.9px;color:#747b87;font-weight:800;padding:17px 13px 7px}
.fpp-side nav a{height:44px;padding:0 13px;border-radius:10px;color:#c7ccd4;font-size:13px;font-weight:700;gap:12px}
.fpp-side nav a i{display:grid;place-items:center;width:20px;height:20px;color:#9199a5}
.fpp-side nav a i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fpp-side nav a:hover{background:#15171a;color:#fff}
.fpp-side nav a.active{background:linear-gradient(90deg,rgba(239,91,25,.18),rgba(239,91,25,.06));color:#fff;box-shadow:inset 3px 0 var(--orange),0 0 0 1px rgba(239,91,25,.08)}
.fpp-side nav a.active i{color:var(--orange2)}
.fpp-side-foot{padding:15px 10px 2px;border-top:1px solid var(--line-soft)}
.fpp-side-user{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.fpp-side-user>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#8d2e06);color:#fff;font-weight:900}
.fpp-side-user strong,.fpp-side-user small{display:block}.fpp-side-user strong{font-size:12px;color:#fff}.fpp-side-user small{font-size:10px;color:var(--subtle);margin-top:2px}
.fpp-logout{display:block;color:#ff7f94;font-size:11px;padding:5px 1px}
.fpp-top{height:72px;padding:0 30px;background:rgba(7,7,7,.91);border-color:var(--line-soft)}
.fpp-search{height:42px;background:#111316;border-color:#2a2d33;max-width:560px}.fpp-search input{color:#fff}.fpp-search input::placeholder{color:#8e96a3}
.fpp-content{padding:32px 34px;max-width:1540px}
.fpp-page-head{margin-bottom:24px;align-items:center}.fpp-page-head h1{font-size:30px;color:#fff}.fpp-page-head p{color:var(--muted);line-height:1.5}
.fpp-btn{border-radius:10px;padding:12px 17px;background:linear-gradient(135deg,#ed5616,#ff7430);box-shadow:0 10px 28px rgba(239,91,25,.2)}
.fpp-card,.fpp-stats article{background:linear-gradient(150deg,#151619,#0f1012);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.fpp-card h2,.fpp-card h3,.fpp-card p,.fpp-stats strong,.fpp-event strong,.fpp-table td,.fpp-table td strong,.fpp-user strong{color:var(--text)}
.fpp-card p,.fpp-stats span,.fpp-stats small,.fpp-event span,.fpp-event em,.fpp-table td small,.fpp-field span,.fpp-check,.fpp-user small,.fpp-empty{color:var(--muted)}
.fpp-table th{background:#131922;color:#dce6f4;border-bottom:1px solid #344052;padding:12px 13px}
.fpp-table td{border-bottom:1px solid #24272c;padding:15px 13px}
.fpp-table tr:hover td{background:#17191d}
.fpp-filter input,.fpp-filter select,.fpp-field input,.fpp-field select,.fpp-field textarea{background:#15171a;border:1px solid #343840;color:#f8f9fb}
.fpp-filter input::placeholder{color:#9098a5}
.fpp-filter button{height:43px;background:#24272c;border-color:#3a3e46;font-weight:700}
.fpp-vehicle-filter{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px auto}
.fpp-vehicle-filter select{border-radius:10px;padding:0 12px}
.fpp-vehicle-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}
.fpp-vehicle-tabs a{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);background:#111316;border-radius:10px;color:#bbc1ca;font-size:12px;font-weight:700}
.fpp-vehicle-tabs a b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:#25282e;color:#fff;font-size:10px}
.fpp-vehicle-tabs a:hover,.fpp-vehicle-tabs a.active{border-color:rgba(239,91,25,.55);background:rgba(239,91,25,.11);color:#fff}
.fpp-vehicle-tabs a.active b{background:var(--orange)}
.fpp-stock-type{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800}
.fpp-stock-type:before{content:"";width:7px;height:7px;border-radius:50%}
.fpp-stock-type.owned{background:rgba(72,213,151,.12);color:#85e7b8}.fpp-stock-type.owned:before{background:var(--success)}
.fpp-stock-type.consignment{background:rgba(244,180,83,.12);color:#ffd08a}.fpp-stock-type.consignment:before{background:var(--warning)}
.fpp-status{font-weight:750}.fpp-status.draft{background:rgba(142,150,163,.14);color:#c3c8d0}.fpp-status.archived{background:#202226;color:#939aa5}
.fpp-empty strong,.fpp-empty span{display:block}.fpp-empty strong{color:#fff;margin-bottom:6px}.fpp-empty span{color:var(--muted)}
.fpp-alert.info{background:rgba(92,169,255,.09);border:1px solid rgba(92,169,255,.3);color:#bcdcff}.fpp-alert.info strong{color:#e8f4ff}.fpp-alert.info em{color:#fff}
.fpp-doc{box-shadow:0 12px 35px rgba(0,0,0,.18);border:1px solid #e3e6eb}.fpp-doc h3,.fpp-doc p,.fpp-doc small{color:#101725}
.fpp-template .fpp-card-head label{color:#d7dbe2}
.fpp-legacy-leads{color:#111}.fpp-legacy-leads .fpp-page-head h1{color:#fff}
@media(max-width:900px){.fpp-vehicle-filter{grid-template-columns:1fr 1fr}.fpp-vehicle-filter input{grid-column:1/-1}.fpp-vehicle-filter button{height:43px}}
@media(max-width:760px){.fpp-side{width:264px;left:-282px}.fpp-content{padding:22px 14px}.fpp-vehicle-filter{grid-template-columns:1fr}.fpp-vehicle-filter input{grid-column:auto}}

/* FIVE Performance Portal 4.2 — website bridge, compact documents, visual mail editor */
.fpp-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fpp-btn.secondary{background:#191b1f;border:1px solid #353941;box-shadow:none;color:#e9edf3}.fpp-btn.secondary:hover{border-color:#ef5b19;color:#fff}
.fpp-site-state{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#24272c;color:#aab1bc;font-size:11px;font-weight:800}.fpp-site-state.linked{background:rgba(72,213,151,.12);color:#89e7bb}.fpp-site-state.linked:hover{background:rgba(72,213,151,.2)}
.fpp-publish-box{grid-column:1/-1;display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:end;padding:17px;border:1px solid #343840;border-radius:14px;background:#111316}.fpp-publish-box p{grid-column:1/-1;margin:0;color:#9ea6b2;font-size:12px}.fpp-publish-box .fpp-field{margin:0}.fpp-file-field small{display:block;margin-top:7px;color:#8f97a3}.fpp-file-field input[type=file]{padding:12px}.fpp-count{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(239,91,25,.15);color:#ff985f;font-weight:900}.fpp-site-table select{background:#15171a;color:#fff;border:1px solid #343840;border-radius:8px;padding:8px}.fpp-site-table input[type=checkbox]{width:18px;height:18px;accent-color:#ef5b19}
.fpp-document-center{padding:0;overflow:hidden}.fpp-doc-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-bottom:1px solid #292c31}.fpp-search-inline{display:flex;align-items:center;gap:9px;min-width:310px;padding:0 13px;height:42px;border:1px solid #343840;border-radius:10px;background:#15171a;color:#858e9b}.fpp-search-inline input{border:0;background:transparent;color:#fff;outline:0;width:100%}.fpp-doc-chips{display:flex;gap:7px;flex-wrap:wrap}.fpp-doc-chips button{border:1px solid #343840;background:#17191c;color:#aeb5bf;padding:8px 11px;border-radius:999px;font-weight:750}.fpp-doc-chips button.active,.fpp-doc-chips button:hover{border-color:rgba(239,91,25,.55);background:rgba(239,91,25,.12);color:#fff}.fpp-doc-type{display:inline-flex;padding:5px 8px;border-radius:7px;background:#20242a;color:#d5dbe4;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.fpp-more{border:0;background:transparent;color:#b8c0ca;font-weight:900;font-size:18px;cursor:pointer}
.fpp-communication-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px}.fpp-template-list{background:#111214;border:1px solid #2c2f35;border-radius:15px;padding:10px;height:max-content;position:sticky;top:88px}.fpp-list-head{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 13px;color:#fff}.fpp-list-head span{min-width:25px;height:25px;display:grid;place-items:center;border-radius:99px;background:#272a30;color:#fff;font-size:11px}.fpp-template-list>a{display:flex;gap:10px;align-items:center;padding:11px;border-radius:10px;color:#d0d5dc}.fpp-template-list>a:hover,.fpp-template-list>a.active{background:rgba(239,91,25,.11);box-shadow:inset 2px 0 #ef5b19;color:#fff}.fpp-template-list>a div{min-width:0}.fpp-template-list>a strong,.fpp-template-list>a small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpp-template-list>a strong{font-size:12px}.fpp-template-list>a small{font-size:10px;color:#929aa6;margin-top:3px}.fpp-template-icon{width:31px;height:31px;border-radius:9px;background:#202329;display:grid;place-items:center;color:#ff7e3d}.fpp-template-workspace{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(430px,1.1fr);gap:16px}.fpp-preview,.fpp-template-editor{background:linear-gradient(150deg,#151619,#0f1012);border:1px solid #2c2f35;border-radius:15px;padding:18px}.fpp-email-window{background:#fff;border-radius:12px;overflow:hidden;color:#1a2230;box-shadow:0 20px 50px rgba(0,0,0,.24)}.fpp-email-top{height:34px;background:#f0f2f5;display:flex;gap:6px;align-items:center;padding:0 12px}.fpp-email-top span{width:9px;height:9px;border-radius:50%;background:#c6cbd2}.fpp-email-meta{display:grid;grid-template-columns:75px 1fr;gap:7px 12px;padding:16px 20px;border-bottom:1px solid #e8ebef}.fpp-email-meta small{color:#7b8490}.fpp-email-meta strong{color:#17202d;font-size:12px}.fpp-email-body{padding:25px 25px 18px;color:#263142;line-height:1.65;background:#fff}.fpp-email-body img{width:145px;margin-bottom:20px}.fpp-email-body div{color:#263142;font-size:13px}.fpp-email-body footer{margin-top:24px;padding-top:15px;border-top:1px solid #eceff2;color:#7a8491;font-size:10px}.fpp-template-editor .fpp-card-head{align-items:flex-start}.fpp-template-editor .fpp-card-head p{margin:4px 0 0;color:#9ca4af;font-size:12px}.fpp-switch{display:flex;align-items:center;gap:7px;color:#d8dde4;font-size:12px}.fpp-switch input{accent-color:#ef5b19}.fpp-variable-bar{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px}.fpp-variable-bar strong{width:100%;font-size:11px;color:#aab1bc}.fpp-variable-bar code{padding:5px 7px;border-radius:6px;background:#202329;color:#ffab7b;font-size:10px}
.fpp-side nav{scrollbar-width:thin;scrollbar-color:#3b3f46 transparent}.fpp-side nav::-webkit-scrollbar{width:5px}.fpp-side nav::-webkit-scrollbar-track{background:transparent}.fpp-side nav::-webkit-scrollbar-thumb{background:#343840;border-radius:99px}.fpp-side nav::-webkit-scrollbar-thumb:hover{background:#51565f}
@media(max-width:1180px){.fpp-template-workspace{grid-template-columns:1fr}.fpp-communication-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.fpp-communication-layout{grid-template-columns:1fr}.fpp-template-list{position:static}.fpp-template-list>a{display:inline-flex;width:calc(50% - 4px)}.fpp-publish-box{grid-template-columns:1fr}.fpp-publish-box p{grid-column:auto}.fpp-doc-toolbar{align-items:flex-start;flex-direction:column}.fpp-search-inline{min-width:100%}}
@media(max-width:640px){.fpp-template-list>a{width:100%}.fpp-head-actions{width:100%}.fpp-head-actions .fpp-btn{flex:1;text-align:center}.fpp-email-meta{grid-template-columns:1fr}.fpp-email-meta small{margin-top:6px}}

/* FIVE Performance Portal 4.3 — finance, document builder, branded communication */
.fpp-mini-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:8px;background:#ef5b19;color:#fff;font-size:11px;font-weight:850;border:0;cursor:pointer}.fpp-mini-btn.secondary{background:#22262b;color:#dce2e9;border:1px solid #3a3f47}
.fpp-form-section{grid-column:1/-1;margin-top:8px;padding:15px 16px;border-radius:12px;background:linear-gradient(90deg,rgba(239,91,25,.12),rgba(239,91,25,.03));border:1px solid rgba(239,91,25,.28)}.fpp-form-section h3{margin:0 0 5px;color:#fff}.fpp-form-section p{margin:0;color:#aeb5bf;font-size:12px}
.fpp-deal-calculator{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;align-items:center}.fpp-deal-calculator h2{margin:0 0 7px}.fpp-deal-calculator p{margin:0;color:#aeb5bf}.fpp-calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fpp-calc-grid label{display:grid;gap:6px;color:#aeb5bf;font-size:11px}.fpp-calc-grid input{background:#15171a;border:1px solid #343840;color:#fff;border-radius:9px;padding:11px}.fpp-calc-result{grid-column:1/-1;padding:13px 14px;border-radius:10px;background:#22262b;color:#fff;font-weight:850}.fpp-calc-result.success{background:rgba(47,184,117,.15);color:#8ce2b4;border:1px solid rgba(47,184,117,.35)}.fpp-calc-result.warning{background:rgba(242,168,43,.14);color:#ffd080;border:1px solid rgba(242,168,43,.35)}.fpp-calc-result.danger{background:rgba(233,75,75,.14);color:#ff9f9f;border:1px solid rgba(233,75,75,.35)}
.fpp-email-brand{background:linear-gradient(135deg,#080808 0%,#1c1c1c 66%,#351306 100%);padding:26px 28px;color:#fff}.fpp-email-brand small{display:block;color:#f28a50;letter-spacing:2px;font-weight:800;font-size:9px}.fpp-email-brand>div{font-size:23px;font-weight:950;margin-top:9px}.fpp-email-brand>div span{color:#d4500a}.fpp-email-brand h3{margin:18px 0 0;color:#fff;font-size:22px;line-height:1.2}.fpp-email-body footer strong{color:#17202d}.fpp-email-body footer span{color:#d4500a}
.fpp-document-builder{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px}.fpp-builder-controls{display:grid;gap:13px;align-content:start}.fpp-builder-controls label{display:grid;gap:6px;color:#aeb5bf;font-size:11px}.fpp-builder-controls input,.fpp-builder-controls select{background:#15171a;border:1px solid #343840;color:#fff;border-radius:9px;padding:11px}.fpp-builder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.fpp-print-document{background:#fff;color:#151515;border-radius:12px;min-height:760px;padding:48px 54px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.fpp-print-document header{text-align:center;border-bottom:2px solid #181818;padding-bottom:22px;margin-bottom:28px}.fpp-print-document header img{width:160px}.fpp-print-document header h1{color:#111;font-size:24px;margin:17px 0 0}.fpp-print-body{color:#222;font-family:Georgia,serif;font-size:14px;line-height:1.65}.fpp-print-body h2{color:#111;font-size:18px;margin:24px 0 8px}.fpp-print-body table{width:100%;border-collapse:collapse;margin:15px 0}.fpp-print-body td{border:1px solid #d7d7d7;padding:8px;color:#222}.fpp-print-document footer{margin-top:40px;border-top:1px solid #ddd;padding-top:14px;color:#666;font-size:10px;text-align:center}
@media(max-width:1050px){.fpp-document-builder,.fpp-deal-calculator{grid-template-columns:1fr}.fpp-calc-grid{grid-template-columns:1fr 1fr}}
@media print{body *{visibility:hidden}.fpp-print-document,.fpp-print-document *{visibility:visible}.fpp-print-document{position:absolute;left:0;top:0;width:100%;min-height:0;box-shadow:none;border-radius:0;padding:25mm;background:#fff}.fpp-print-document header img{width:45mm}}

/* FIVE Performance Portal 4.4 — robust migration, smart recognition and dossier forms */
.fpp-recognize-upload,.fpp-recognition-result{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}.fpp-recognize-upload h2,.fpp-recognition-result h2{margin:5px 0 8px}.fpp-recognize-upload p,.fpp-recognition-result p{color:#b8c0ca;line-height:1.55}.fpp-recognize-upload form{display:grid;grid-template-columns:1fr auto;gap:10px}.fpp-recognize-upload input[type=file]{background:#15171a;border:1px solid #343840;color:#dce2e9;border-radius:10px;padding:11px}.fpp-eyebrow{color:#ff8a4f;font-size:9px;letter-spacing:1.8px;font-weight:900}.fpp-recognition-result{border-color:rgba(239,91,25,.45);background:linear-gradient(135deg,rgba(239,91,25,.12),#111214)}.fpp-recognition-result ul{margin:10px 0 0;padding-left:18px;color:#abb3be}.fpp-recognition-actions{display:grid;gap:10px;justify-items:start}.fpp-recognition-actions small{color:#9ca4af}.fpp-muted{color:#9099a5;font-size:12px}
.fpp-builder-step{display:flex;gap:10px;align-items:center;margin:6px 0 0;padding-top:10px;border-top:1px solid #2b2f35}.fpp-builder-step:first-child{border-top:0;padding-top:0}.fpp-builder-step>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(239,91,25,.15);color:#ff955f;font-weight:900}.fpp-builder-step strong,.fpp-builder-step small{display:block}.fpp-builder-step small{color:#89929e;margin-top:3px}.fpp-builder-controls .fpp-wide{grid-column:1/-1}.fpp-builder-controls textarea{background:#15171a;border:1px solid #343840;color:#fff;border-radius:9px;padding:11px;resize:vertical}.fpp-builder-controls>form{display:inline}.fpp-contract-date{text-align:right;color:#555;font-size:12px}.fpp-contract-box{border:1px solid #c9c9c9;min-height:62px;padding:10px;background:#fafafa}.fpp-signatures{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:15px}.fpp-signatures>div{display:grid;gap:7px}.fpp-signatures span{font-size:12px;color:#444}.fpp-signatures i{height:75px;border-bottom:1px solid #555}.fpp-print-body p{orphans:3;widows:3}.fpp-print-body h2{break-after:avoid}.fpp-print-body table{break-inside:avoid}
.fpp-email-brand small{font-size:10px;letter-spacing:2.4px}.fpp-email-body{font-size:14px}.fpp-email-body div{font-size:14px;line-height:1.72}.fpp-template-editor textarea{line-height:1.55}.fpp-template-editor .fpp-field>span{color:#dfe4eb;font-weight:750}.fpp-template-list>a strong{color:#eef2f7}.fpp-template-list>a small{color:#9ea7b3}.fpp-email-brand{background:linear-gradient(135deg,#090909 0%,#171717 58%,#421704 100%)}
@media(max-width:900px){.fpp-recognize-upload,.fpp-recognition-result{grid-template-columns:1fr}.fpp-recognize-upload form{grid-template-columns:1fr}.fpp-signatures{grid-template-columns:1fr}}

/* 4.5 document launcher and communication polish */
.fpp-document-actions{margin:0 0 18px}.fpp-section-title h2{margin:5px 0 6px;color:#f5f7fa}.fpp-section-title p{margin:0;color:#aeb6c1}.fpp-document-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.fpp-document-action{display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;padding:16px;border:1px solid #2c3138;border-radius:13px;background:linear-gradient(145deg,#15171a,#101214);text-decoration:none;transition:.18s ease}.fpp-document-action:hover{border-color:#ef6a22;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.22)}.fpp-document-action-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:rgba(239,106,34,.13);color:#ff8a4b}.fpp-document-action-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.fpp-document-action strong{display:block;color:#f7f8fa;font-size:14px}.fpp-document-action small{display:block;margin-top:4px;color:#9fa8b4;line-height:1.35}.fpp-document-action>b{color:#ef6a22}.fpp-template-list>a strong,.fpp-template-editor h2,.fpp-template-editor label>span{color:#f4f6f8}.fpp-template-list>a small,.fpp-template-editor p{color:#aeb6c1}.fpp-email-body footer{padding-top:22px;border-top:1px solid #e7e9ec;line-height:1.6}.fpp-email-body footer strong{color:#171b20}.fpp-email-body footer span{color:#d4500a}.fpp-template-editor textarea{min-height:430px}.fpp-document-builder .fpp-builder-controls>label{transition:.15s ease}.fpp-document-builder .fpp-builder-controls>label:focus-within{outline:1px solid #ef6a22;border-radius:9px}.fpp-print-document{box-shadow:0 18px 50px rgba(0,0,0,.22)}
@media(max-width:1100px){.fpp-document-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.fpp-document-action-grid{grid-template-columns:1fr}}

/* 4.6.0 document builder */
.fpp-customer-mode{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#0f1114;border:1px solid #2b3037;border-radius:11px}
.fpp-customer-mode button{border:0;border-radius:8px;background:transparent;color:#99a2ae;padding:10px;font-weight:800;cursor:pointer}
.fpp-customer-mode button.active{background:linear-gradient(135deg,#ef5b19,#ff7a35);color:#fff;box-shadow:0 7px 18px rgba(239,91,25,.22)}
.fpp-manual-customer{display:grid;gap:11px;padding:14px;border:1px solid #30353d;background:#111316;border-radius:12px}
.fpp-inline-fields{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}
.fpp-doc-field[hidden],#fppExistingCustomer[hidden],#fppManualCustomer[hidden]{display:none}
.fpp-document-builder{grid-template-columns:minmax(330px,390px) minmax(0,1fr);align-items:start}
.fpp-builder-controls{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto;padding-right:7px}
.fpp-print-document{padding:0;overflow:hidden;border-radius:15px;background:#fff}
.fpp-print-hero{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;text-align:left;background:linear-gradient(135deg,#0c0c0d,#242424);border:0;padding:28px 38px;margin:0;position:relative}
.fpp-print-hero:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,#e9510e,#ff8a43)}
.fpp-print-logo-wrap{background:#fff;border-radius:11px;padding:10px;display:grid;place-items:center;min-height:70px}
.fpp-print-document .fpp-print-hero img{width:132px;max-height:72px;object-fit:contain}
.fpp-print-hero span{font-size:10px;letter-spacing:2.2px;font-weight:900;color:#f07839}
.fpp-print-hero h1{margin:5px 0 2px;color:#fff;font-family:Arial,sans-serif;font-size:26px;letter-spacing:-.3px}
.fpp-print-hero p{margin:0;color:#bfc1c4;font-size:11px}
.fpp-print-meta{display:flex;flex-wrap:wrap;gap:8px 24px;padding:13px 38px;background:#f2f3f4;border-bottom:1px solid #dde0e3;color:#4d5258;font:600 10px Arial,sans-serif}
.fpp-print-body{padding:30px 38px 12px;font-family:Arial,sans-serif;font-size:12.2px;line-height:1.58;color:#272b30}
.fpp-document-reference{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e4e7;background:#f8f9fa;padding:10px 13px;border-radius:8px;margin-bottom:16px;font-size:11px;color:#697078}
.fpp-document-reference strong{color:#22272c}
.fpp-contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fpp-contract-section{border:1px solid #e0e3e6;border-radius:10px;padding:15px 17px;margin:0 0 14px;background:#fff;break-inside:avoid}
.fpp-contract-section h2{margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #f16a26;color:#171a1d;font:800 14px Arial,sans-serif}
.fpp-contract-section p{margin:8px 0}
.fpp-contract-section table{margin:0}
.fpp-contract-section td{border:0;border-bottom:1px solid #eceeef;padding:7px 4px;font-size:11.5px}
.fpp-contract-section td:first-child{width:42%;color:#6a7077;font-weight:700}
.fpp-contract-box{border:1px dashed #b9bec4;background:#fafafa;border-radius:7px;white-space:pre-wrap;min-height:55px}
.fpp-contract-box.tall{min-height:100px}
.fpp-terms{padding-left:20px;margin:0}.fpp-terms li{margin:0 0 7px;padding-left:3px}
.fpp-check-list{padding-left:21px;margin:0}.fpp-check-list li{margin:0 0 7px}
.fpp-signatures{gap:24px}.fpp-signatures>div{background:#fafafa;border:1px solid #e2e4e6;border-radius:8px;padding:13px}.fpp-signatures i{height:62px}
.fpp-print-placeholder{display:grid;place-items:center;text-align:center;min-height:400px;border:2px dashed #d9dde1;border-radius:12px;color:#7c838a}.fpp-print-placeholder strong{font-size:18px;color:#33383d}.fpp-print-placeholder p{max-width:420px}
.fpp-print-document>footer{margin:20px 38px 28px;padding-top:13px;border-top:1px solid #ddd;font-family:Arial,sans-serif;color:#70767b}
@media(max-width:1050px){.fpp-builder-controls{position:static;max-height:none}.fpp-contract-grid{grid-template-columns:1fr}}
@media print{
  @page{size:A4;margin:10mm}
  .fpp-print-document{padding:0;overflow:visible}
  .fpp-print-hero{padding:15mm 13mm 9mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .fpp-print-meta{padding:4mm 13mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .fpp-print-body{padding:8mm 13mm 2mm}
  .fpp-print-document>footer{margin:5mm 13mm 8mm}
  .fpp-contract-section{break-inside:avoid}
}

/* 4.7 communication composer, invoice builder and readability */
.fpp-communication-main{display:grid;gap:18px;min-width:0}
.fpp-send-panel{margin:0}.fpp-send-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fpp-send-grid .fpp-wide{grid-column:1/-1}.fpp-send-grid textarea{min-height:190px}.fpp-send-grid input[type=file]{padding:9px;background:#15171a;border:1px dashed #48505b;border-radius:9px;color:#e8ebef}.fpp-send-grid small{display:block;color:#929ba7;margin-top:5px;line-height:1.4}
.fpp-template-editor textarea{min-height:365px}.fpp-email-body>div{white-space:normal}.fpp-email-body p{margin:0 0 16px}.fpp-email-body footer{color:#333}
.fpp-document-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.fpp-print-body .fpp-contract-section>p{color:#252a30;line-height:1.65}.fpp-print-body .fpp-contract-section table tr:last-child td{font-weight:600}.fpp-print-body .fpp-contract-section table td:first-child{width:42%;color:#555}
@media(max-width:1200px){.fpp-document-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.fpp-send-grid{grid-template-columns:1fr}.fpp-send-grid .fpp-wide{grid-column:auto}.fpp-document-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fpp-document-action-grid{grid-template-columns:1fr}}

/* 4.8.0: duidelijke rijacties en veilige verwijderknop */
.fpp-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fpp-row-actions form{margin:0}.fpp-mini-btn.danger{background:#3b1c1c;color:#ffb2a9;border:1px solid #71302b}.fpp-mini-btn.danger:hover{background:#8f2d24;color:#fff}.fpp-table td:last-child{white-space:nowrap}


/* 4.9 usability refinements */
.fpp-vehicle-name{display:grid;gap:3px;min-width:220px}.fpp-vehicle-name strong{font-size:15px;line-height:1.25;color:#fff}.fpp-vehicle-name span{display:inline-flex;width:max-content;padding:2px 7px;border-radius:6px;background:#292929;color:#ff8a1f;font-weight:800;font-size:11px;letter-spacing:.06em}.fpp-vehicle-name small{color:#aaa;font-size:11px}.fpp-row-actions form{margin:0}.fpp-mini-btn.danger{padding:6px 9px;font-size:11px}.fpp-icon-btn{width:28px;height:28px;border-radius:7px;border:1px solid #3a3a3a;background:#232323;color:#ddd;display:inline-grid;place-items:center;cursor:pointer;font-size:18px;line-height:1}.fpp-icon-btn.danger{border-color:#633;color:#ff8585;background:#2b1d1d}.fpp-inline-deal{display:flex;align-items:center;gap:7px;min-width:290px}.fpp-inline-deal input{width:130px}.fpp-inline-deal span{font-size:12px;font-weight:800}.fpp-inline-deal .ok{color:#6fe18f}.fpp-inline-deal .warn{color:#ffbd5b}.fpp-inline-deal .bad{color:#ff7777}.fpp-communication-layout .fpp-field small{display:block;color:#aaa;margin-top:5px}.fpp-template-list a strong{font-size:13px}.fpp-template-list a small{font-size:11px;line-height:1.35}


/* 5.0 sales and workflow refinement */
.fpp-comm-actions{margin-bottom:20px}.fpp-comm-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.fpp-comm-action{display:grid;grid-template-columns:38px 1fr 16px;gap:11px;align-items:center;padding:15px;border-radius:13px;border:1px solid #2b3037;background:linear-gradient(145deg,#15171a,#101214);transition:.18s}.fpp-comm-action:hover{border-color:#ef6a22;transform:translateY(-1px)}.fpp-comm-action>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(239,106,34,.12);color:#ff8a4b}.fpp-comm-action strong{display:block;color:#f7f8fa;font-size:13px}.fpp-comm-action small{display:block;color:#9ea7b3;margin-top:4px;line-height:1.35}.fpp-comm-action b{color:#ef6a22}.fpp-sales-stats article:last-child strong{font-size:23px}.fpp-sales-stats article:last-child small{line-height:1.45}.fpp-builder-live-note{display:flex;gap:10px;align-items:center;padding:12px 13px;border:1px solid rgba(47,184,117,.3);background:rgba(47,184,117,.08);border-radius:11px;margin:12px 0}.fpp-builder-live-note>span{width:9px;height:9px;border-radius:50%;background:#2fb875;box-shadow:0 0 0 5px rgba(47,184,117,.12)}.fpp-builder-live-note strong,.fpp-builder-live-note small{display:block}.fpp-builder-live-note small{color:#aeb6c1;margin-top:2px}.fpp-template-editor .fpp-btn.secondary{width:auto}.fpp-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fpp-row-actions .fpp-mini-btn{white-space:nowrap}.fpp-inline-deal{flex-wrap:wrap}.fpp-inline-deal span{width:100%}
@media(max-width:1100px){.fpp-comm-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.fpp-comm-action-grid{grid-template-columns:1fr}}


/* 5.1 document- en verkoopverbeteringen */
.fpp-status{color:#e7ebf0;background:#282c31;border:1px solid #3a3f46}
.fpp-status.draft{color:#e0e4ea}.fpp-status.available{color:#8de7b5;background:rgba(47,184,117,.15)}.fpp-status.reserved{color:#ffd07e;background:rgba(242,168,43,.15)}.fpp-status.sold,.fpp-status.blocked{color:#ff9c9c;background:rgba(233,75,75,.15)}.fpp-status.archived{color:#bec5cf}
.fpp-table td,.fpp-table td strong{color:#eef1f5}.fpp-table td small{color:#aab2bd}.fpp-pill{color:#f1f3f6}
.fpp-legal-terms{display:grid;gap:13px}.fpp-legal-article{break-inside:avoid;border-top:1px solid #d8d8d8;padding-top:9px}.fpp-legal-article:first-child{border-top:0;padding-top:0}.fpp-legal-article h3{font-size:12px;margin:0 0 6px;color:#111;text-transform:none;letter-spacing:0}.fpp-legal-article ol{margin:0;padding-left:20px}.fpp-legal-article li{font-size:10.5px;line-height:1.5;margin:0 0 4px;color:#242424}.fpp-terms-version{font-size:9px;color:#666;border-top:1px solid #ddd;padding-top:8px;margin-top:12px}.fpp-print-document .fpp-contract-section{break-inside:auto}.fpp-print-document .fpp-contract-section>h2{break-after:avoid}
@media print{.fpp-legal-article{break-inside:avoid}.fpp-legal-article li{font-size:9.5pt;line-height:1.35}.fpp-print-document{font-size:10pt}}

/* 5.2 usability refinements */
.fpp-brand img{width:170px;max-height:86px;object-fit:contain;object-position:left center;filter:none}
.fpp-sales-stats article,.fpp-import-stats article{min-height:132px}
.fpp-table td,.fpp-table td strong,.fpp-table td span,.fpp-table td small{color:#f1f1f1}
.fpp-table td small{color:#b9b9b9;line-height:1.45}
.fpp-table th{color:#b7b7b7;font-weight:800}
.fpp-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#202020;border:1px solid #3a3a3a;color:#fff;font-weight:800;font-size:11px;white-space:nowrap}
.fpp-vehicle-name strong{font-size:15px;line-height:1.35;color:#fff}
.fpp-vehicle-name span{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:7px;background:rgba(228,86,19,.15);border:1px solid rgba(228,86,19,.38);color:#ff9a62;font-weight:850;letter-spacing:.04em}
.fpp-activity p{font-size:14px;line-height:1.55;color:#ededed}
.fpp-activity p strong{color:#fff}
.fpp-activity small{color:#b0b0b0;font-size:11px}
.fpp-icon-btn{width:30px;height:30px;min-width:30px;border-radius:8px;display:inline-grid;place-items:center;border:1px solid #3a3a3a;background:#1b1b1b;color:#fff;cursor:pointer;padding:0;font-size:17px;line-height:1}
.fpp-icon-btn.danger{border-color:rgba(233,75,75,.4);background:rgba(233,75,75,.11);color:#ff8e8e}
.fpp-row-actions form{display:inline-flex;margin:0}
.fpp-import-flow{display:grid;gap:22px}
.fpp-import-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fpp-import-steps>div{position:relative;background:#191919;border:1px solid #303030;border-radius:13px;padding:17px 15px 16px 48px;min-height:118px}
.fpp-import-steps b{position:absolute;left:14px;top:15px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(228,86,19,.18);color:#ff8c50}
.fpp-import-steps strong,.fpp-import-steps span{display:block}.fpp-import-steps span{color:#aaa;margin-top:8px;font-size:12px;line-height:1.5}
.fpp-form-note{grid-column:1/-1;margin:0}
.fpp-sales-stats+section .fpp-table{min-width:1100px}
@media(max-width:1000px){.fpp-import-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.fpp-import-steps{grid-template-columns:1fr}.fpp-brand img{width:150px}}

/* 5.3.0 usability refinements */
.fpp-import-flow,.fpp-import-flow h2,.fpp-import-flow h3,.fpp-import-flow strong,.fpp-import-flow p,.fpp-import-stats article,.fpp-import-stats article span,.fpp-import-stats article strong{color:#f4f4f4}
.fpp-import-flow .fpp-muted,.fpp-import-flow small,.fpp-import-steps span{color:#b7b7b7}
.fpp-calendar-card{overflow:hidden}
.fpp-calendar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 22px}
.fpp-calendar-head>a{width:42px;height:42px;border:1px solid #383838;border-radius:11px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:28px;background:#1b1b1b}
.fpp-calendar-head h2{margin:0;color:#fff;text-align:center;text-transform:capitalize}
.fpp-calendar-head span{display:block;color:#aaa;text-align:center;margin-top:5px;font-size:12px}
.fpp-calendar-week,.fpp-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.fpp-calendar-week span{padding:10px;color:#aaa;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #333}
.fpp-calendar-day{min-height:145px;padding:10px;border-right:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;background:#151515}
.fpp-calendar-day:nth-child(7n){border-right:0}.fpp-calendar-day.muted{background:#101010}.fpp-calendar-day.today{box-shadow:inset 0 0 0 1px #e45613;background:#181310}
.fpp-day-number{color:#dedede;font-weight:900;font-size:12px;margin-bottom:8px}.fpp-calendar-day.today .fpp-day-number{color:#ff8b51}
.fpp-calendar-event{background:#242424;border-left:3px solid #e45613;border-radius:7px;padding:7px 8px;margin:0 0 6px;overflow:hidden}
.fpp-calendar-event time,.fpp-calendar-event strong,.fpp-calendar-event small{display:block}.fpp-calendar-event time{color:#ff9a62;font-size:10px;font-weight:900}.fpp-calendar-event strong{color:#fff;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpp-calendar-event small{color:#aaa;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fpp-agenda-list{display:grid;gap:8px}.fpp-agenda-list article{display:flex;gap:18px;align-items:center;padding:13px 14px;border:1px solid #303030;border-radius:11px;background:#181818}.fpp-agenda-list time{min-width:118px;color:#ff955e;font-weight:850;font-size:12px}.fpp-agenda-list strong,.fpp-agenda-list small{display:block}.fpp-agenda-list strong{color:#fff}.fpp-agenda-list small{color:#aaa;margin-top:4px}
.fpp-password-form{display:grid;gap:16px;margin-top:24px}.fpp-password-form label span{display:block;color:#eee;font-size:12px;font-weight:850;margin-bottom:7px}.fpp-password-form input{width:100%;height:52px;border-radius:12px;border:1px solid #3a3a3a;background:#111;color:#fff;padding:0 14px;box-sizing:border-box}.fpp-password-form input:focus{outline:none;border-color:#e45613;box-shadow:0 0 0 4px rgba(228,86,19,.12)}
@media(max-width:900px){.fpp-calendar-day{min-height:110px;padding:6px}.fpp-calendar-event small{display:none}}
@media(max-width:650px){.fpp-calendar-card{overflow-x:auto}.fpp-calendar-week,.fpp-calendar-grid{min-width:760px}.fpp-agenda-list article{align-items:flex-start;flex-direction:column;gap:5px}.fpp-agenda-list time{min-width:0}}


/* 5.4 Verkoop cockpit */
.fpp-sales-board{display:grid;gap:16px}.fpp-sale-card{background:linear-gradient(145deg,#15171a,#0f1113);border:1px solid #292e35;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.16)}.fpp-sale-card-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #292e35}.fpp-sale-card-head h2{margin:8px 0 7px;color:#f7f8fa;font-size:21px}.fpp-sale-tags{display:flex;gap:7px;align-items:center}.fpp-stock-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.02em}.fpp-stock-badge.owned{background:rgba(58,167,255,.14);color:#8ccfff;border:1px solid rgba(58,167,255,.3)}.fpp-stock-badge.consignment{background:rgba(239,106,34,.14);color:#ffad78;border:1px solid rgba(239,106,34,.32)}.fpp-sale-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#aeb6c1;font-size:12px}.fpp-sale-meta b{background:#25292f;color:#ff9b5c;border-radius:7px;padding:3px 8px;letter-spacing:.06em}.fpp-sale-price{text-align:right}.fpp-sale-price span{display:block;color:#aeb6c1;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.fpp-sale-price strong{display:block;color:#fff;font-size:25px;margin-top:5px}.fpp-sale-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;padding:18px 22px}.fpp-sale-grid>section{background:#111417;border:1px solid #282d34;border-radius:14px;padding:16px}.fpp-sale-grid h3{margin:0 0 12px;color:#fff;font-size:15px}.fpp-price-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.fpp-price-pair>div{background:#1b1f24;border-radius:10px;padding:11px}.fpp-price-pair span{display:block;color:#9fa8b4;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.fpp-price-pair strong{display:block;color:#f5f7f9;margin-top:4px;font-size:15px}.fpp-owner-metrics{display:flex;justify-content:space-between;gap:8px;margin:9px 0 12px;color:#aeb6c1;font-size:12px}.fpp-owner-metrics strong.ok{color:#76d99f}.fpp-owner-metrics strong.warn{color:#ffbd68}.fpp-section-title{display:flex;justify-content:space-between;gap:15px}.fpp-section-title p{margin:-7px 0 12px;color:#9fa8b4;font-size:11px}.fpp-warranty-state{height:max-content;background:rgba(239,106,34,.13);border:1px solid rgba(239,106,34,.28);color:#ffad78;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.fpp-warranty-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end}.fpp-warranty-form label{display:grid;gap:5px;color:#aeb6c1;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.fpp-warranty-form select,.fpp-warranty-form input{min-width:0;background:#1c2025;border:1px solid #343a43;color:#f6f7f8;border-radius:9px;padding:9px;font:inherit}.fpp-warranty-box>small{display:block;margin-top:10px;color:#8e98a5;line-height:1.4}.fpp-sale-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 22px 18px;border-top:1px solid #292e35}.fpp-sale-actions a{display:inline-flex;padding:9px 12px;border-radius:9px;background:#22272d;color:#e7eaf0;text-decoration:none;font-size:12px;font-weight:800;border:1px solid #343a42}.fpp-sale-actions a:hover{border-color:#ef6a22}.fpp-sale-actions a.primary{background:#e85f18;border-color:#e85f18;color:#fff;margin-left:auto}@media(max-width:1100px){.fpp-sale-grid{grid-template-columns:1fr}.fpp-warranty-form{grid-template-columns:1fr 1fr}}@media(max-width:650px){.fpp-sale-card-head{flex-direction:column}.fpp-sale-price{text-align:left}.fpp-price-pair,.fpp-warranty-form{grid-template-columns:1fr}.fpp-sale-actions a.primary{margin-left:0}}

.fpp-warranty-pricing{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04);display:grid;grid-template-columns:1fr 1fr;gap:10px}.fpp-warranty-pricing div{display:flex;flex-direction:column;gap:4px}.fpp-warranty-pricing span{font-size:12px;color:#b9c0c8}.fpp-warranty-pricing strong{font-size:18px;color:#fff}.fpp-warranty-pricing small{grid-column:1/-1;color:#b9c0c8;line-height:1.45}.fpp-warranty-pricing.ok{border-color:rgba(65,190,120,.35)}.fpp-warranty-pricing.warning{border-color:rgba(239,100,31,.35)}

/* Voertuigformulier 5.6: duidelijk, touchvriendelijk en bruikbaar op iPhone/iPad. */
.fpp-wide{grid-column:1/-1}.fpp-file-field{min-width:0}.fpp-photo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.fpp-photo-choice{position:relative;padding:0;border:2px solid transparent;border-radius:14px;overflow:hidden;background:#eef1f5;aspect-ratio:4/3;cursor:pointer}.fpp-photo-choice img{width:100%;height:100%;object-fit:cover;display:block}.fpp-photo-choice span{position:absolute;left:7px;right:7px;bottom:7px;padding:6px 8px;border-radius:8px;background:rgba(17,24,39,.82);color:#fff;font-size:11px;font-weight:800;text-align:center}.fpp-photo-choice.selected{border-color:#ef6a22;box-shadow:0 0 0 3px rgba(239,106,34,.16)}.fpp-photo-choice.selected span{background:#ef6a22}.fpp-form-card input,.fpp-form-card select,.fpp-form-card textarea{font-size:16px;min-height:46px}.fpp-form-card textarea{min-height:130px}.fpp-form-actions .fpp-btn{min-height:46px}
@media(max-width:900px){.fpp-photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.fpp-content{padding:14px 10px}.fpp-card{border-radius:14px}.fpp-form-card{padding:14px}.fpp-photo-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fpp-publish-box{padding:14px}.fpp-form-actions{display:grid;grid-template-columns:1fr}.fpp-form-actions .fpp-btn,.fpp-form-actions a{width:100%;justify-content:center;text-align:center}.fpp-head-actions{display:grid;grid-template-columns:1fr}.fpp-table-wrap{overflow:visible}.fpp-vehicle-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.fpp-vehicle-tabs a{white-space:nowrap}}

/* 5.6.2 — Tabellen op telefoon als leesbare kaarten, zonder horizontaal schuiven. */
@media (max-width:760px){
  .fpp-table-wrap,
  .fpp-legacy-leads .fvp-table-wrap{
    width:100%;
    max-width:100%;
    overflow:visible;
    border:0;
    background:transparent;
  }
  .fpp-table,
  .fpp-legacy-leads .fvp-table{
    display:block;
    width:100%;
    min-width:0;
    border-collapse:separate;
  }
  .fpp-table thead,
  .fpp-legacy-leads .fvp-table thead{
    display:none;
  }
  .fpp-table tbody,
  .fpp-legacy-leads .fvp-table tbody{
    display:grid;
    width:100%;
    gap:12px;
  }
  .fpp-table tr,
  .fpp-legacy-leads .fvp-table tr{
    display:block;
    width:100%;
    overflow:hidden;
    border:1px solid #30353d;
    border-radius:14px;
    background:#17191c;
    box-shadow:0 8px 22px rgba(0,0,0,.16);
  }
  .fpp-table td,
  .fpp-legacy-leads .fvp-table td{
    display:grid;
    grid-template-columns:minmax(92px,34%) minmax(0,1fr);
    gap:12px;
    align-items:start;
    width:100%;
    min-width:0;
    padding:12px 14px;
    border:0;
    border-bottom:1px solid #292d33;
    white-space:normal;
    overflow-wrap:anywhere;
    background:transparent;
    color:#f1f1f1;
  }
  .fpp-table td:last-child,
  .fpp-legacy-leads .fvp-table td:last-child{
    border-bottom:0;
  }
  .fpp-table td::before,
  .fpp-legacy-leads .fvp-table td::before{
    content:attr(data-label);
    color:#aeb6c1;
    font-size:10px;
    font-weight:850;
    line-height:1.35;
    letter-spacing:.09em;
    text-transform:uppercase;
  }
  .fpp-table td[data-label=""],
  .fpp-legacy-leads .fvp-table td[data-label=""],
  .fpp-table td[colspan],
  .fpp-legacy-leads .fvp-table td[colspan]{
    display:block;
    text-align:left;
  }
  .fpp-table td[data-label=""]::before,
  .fpp-legacy-leads .fvp-table td[data-label=""]::before,
  .fpp-table td[colspan]::before,
  .fpp-legacy-leads .fvp-table td[colspan]::before{
    display:none;
  }
  .fpp-table td strong,
  .fpp-table td small,
  .fpp-legacy-leads .fvp-table td strong,
  .fpp-legacy-leads .fvp-table td small{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .fpp-row-actions,
  .fpp-table td form,
  .fpp-legacy-leads .fvp-table td form{
    max-width:100%;
  }
  .fpp-mini-btn,
  .fpp-link-btn,
  .fpp-legacy-leads .fvp-btn{
    min-height:42px;
  }
  .fpp-card{
    min-width:0;
    overflow:hidden;
  }
  .fpp-vehicle-filter{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .fpp-vehicle-filter input,
  .fpp-vehicle-filter select,
  .fpp-vehicle-filter button{
    width:100%;
    min-width:0;
    min-height:48px;
  }
}


.fpp-rdw-button{margin-top:10px;width:max-content}.fpp-rdw-message{display:block;margin-top:8px;color:#9fb3c8;line-height:1.45}.fpp-rdw-button:disabled,.fpp-form-actions button:disabled{opacity:.65;cursor:wait}

/* 7.0 betrouwbare publicatievoortgang */
.fpp-publish-progress{grid-column:1/-1;margin:16px 0;padding:16px;border:1px solid #334155;border-radius:14px;background:#111827;display:grid;gap:8px}
.fpp-publish-progress[hidden]{display:none}
.fpp-publish-progress strong{font-size:16px}.fpp-publish-progress span{color:#cbd5e1}
.fpp-publish-progress>div{height:8px;background:#263244;border-radius:999px;overflow:hidden}
.fpp-publish-progress i{display:block;height:100%;width:3%;background:linear-gradient(90deg,#ff5a1f,#ff8a4c);transition:width .25s ease}
.fpp-publish-progress.is-error{border-color:#ef4444}.fpp-publish-progress.is-error span{color:#fecaca}


/* 7.1 mobiele formulieren, agenda en documenten */
.fpp-rdw-top{padding:18px;border:1px solid #3a4452;border-radius:16px;background:#10161f;display:grid;gap:12px}.fpp-rdw-top>div:first-child{display:grid;gap:4px}.fpp-rdw-top span,.fpp-rdw-top small{color:#aeb8c6}.fpp-rdw-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.fpp-rdw-row input{min-height:48px;text-transform:uppercase}.fpp-rdw-top small{min-height:20px}.fpp-calendar-card{overflow:hidden}.fpp-calendar-grid,.fpp-calendar-week{min-width:0}.fpp-document-action-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
@media(max-width:760px){
 .fpp-rdw-row{grid-template-columns:1fr}.fpp-rdw-row .fpp-btn{width:100%}
 .fpp-calendar-week{display:none}.fpp-calendar-grid{display:block}.fpp-calendar-day,.fpp-calendar-day.muted{min-height:0;margin:0 0 10px;padding:12px;border:1px solid #303946;border-radius:14px}.fpp-calendar-day.muted{display:none}.fpp-calendar-day:not(:has(.fpp-calendar-event)){display:none}.fpp-day-number{font-size:13px;margin-bottom:8px}.fpp-calendar-event{padding:12px;margin-top:8px}.fpp-calendar-event strong,.fpp-calendar-event small{white-space:normal;overflow-wrap:anywhere}
 .fpp-document-action-grid{grid-template-columns:1fr}.fpp-document-action{min-width:0;padding:16px}.fpp-document-action small{white-space:normal}.fpp-doc-toolbar{display:grid;gap:12px}.fpp-search-inline{width:100%}.fpp-search-inline input{min-width:0;width:100%}.fpp-doc-chips{display:flex;overflow-x:auto;padding-bottom:4px}.fpp-recognize-upload{grid-template-columns:1fr}.fpp-recognize-upload form{display:grid;width:100%}.fpp-recognize-upload input,.fpp-recognize-upload button{width:100%;min-width:0}
}


.fpp-ai-assistant{border:1px solid #d9dde3;border-radius:16px;padding:18px;background:#f8fafc;display:grid;gap:14px}.fpp-ai-assistant>div:first-child{display:grid;gap:4px}.fpp-ai-assistant>div:first-child strong{font-size:18px}.fpp-ai-assistant>div:first-child span,.fpp-ai-status{color:#5b6472;font-size:14px}.fpp-ai-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fpp-ai-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fpp-ai-results section,.fpp-ai-summary,.fpp-ai-warnings{background:#fff;border:1px solid #e2e6eb;border-radius:12px;padding:14px}.fpp-ai-summary,.fpp-ai-warnings,.fpp-ai-results>.fpp-btn{grid-column:1/-1}.fpp-ai-summary{display:grid;gap:3px}.fpp-ai-results h4{margin:0 0 10px}.fpp-ai-option{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid #edf0f3}.fpp-ai-option:first-of-type{border-top:0}.fpp-ai-option span{display:grid;gap:2px}.fpp-ai-option small{color:#667080}.fpp-ai-warnings ul{margin:8px 0 0 18px}.fpp-ai-status:not(:empty){padding:10px 12px;border-radius:10px;background:#eef3f8}
@media(max-width:700px){.fpp-ai-results{grid-template-columns:1fr}.fpp-ai-actions{align-items:stretch}.fpp-ai-actions .fpp-btn{width:100%}.fpp-ai-assistant{padding:14px}}

.fpp-storage-card{display:grid;gap:14px}.fpp-storage-meter{height:10px;background:#e9edf2;border-radius:999px;overflow:hidden}.fpp-storage-meter span{display:block;height:100%;background:#112d4e;border-radius:999px}.fpp-storage-card small{color:#667085}@media(max-width:700px){.fpp-storage-card{padding:18px}.fpp-storage-card h2{font-size:22px}}


.fpp-existing-photo{position:relative;display:flex;flex-direction:column;gap:6px}.fpp-existing-photo img{width:120px;height:90px;object-fit:cover;border-radius:10px}.fpp-remove-photo{border:0;background:#fff0f0;color:#a21b1b;border-radius:8px;padding:7px 9px;cursor:pointer;font-weight:700}.fpp-marktplaats-output{width:100%;min-height:620px;padding:18px;border:1px solid #dfe3e8;border-radius:12px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.fpp-marktplaats .fpp-form-actions{margin-top:8px}

.fpp-option-assistant{padding:18px;border:1px solid #3a4452;border-radius:16px;background:#10161f;display:grid;gap:14px}.fpp-option-assistant>div:first-child{display:grid;gap:4px}.fpp-option-assistant>div:first-child span{color:#aeb8c6}.fpp-option-assistant textarea{min-height:150px}


/* 8.9 documenten en visuele verfijning */
:root{--fpp-orange:#f36b21;--fpp-ink:#101318;--fpp-soft:#f4f6f8;--fpp-line:#e4e7eb}
.fpp-side{background:linear-gradient(180deg,#0b0d10 0%,#15191f 100%)}
.fpp-side nav a{border-radius:10px;margin:2px 10px;padding:11px 12px;transition:.18s ease}
.fpp-side nav a:hover{background:rgba(255,255,255,.07);transform:translateX(2px)}
.fpp-side nav a.active{background:linear-gradient(90deg,rgba(243,107,33,.24),rgba(243,107,33,.07));box-shadow:inset 3px 0 0 var(--fpp-orange)}
.fpp-content{max-width:1580px;margin:0 auto;width:100%}.fpp-page-head h1{letter-spacing:-.035em}.fpp-card{border:1px solid var(--fpp-line);box-shadow:0 10px 30px rgba(16,24,40,.05)}
.fpp-blank-start{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#11151b,#242b34);color:#fff;border:0}.fpp-blank-start p{color:#c9d0d8;max-width:760px}.fpp-blank-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}.fpp-blank-start .fpp-btn.secondary{background:#fff;color:#15191f;border-color:#fff}
.fpp-customer-mode,.fpp-vehicle-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#eef1f4;border-radius:12px}.fpp-customer-mode button,.fpp-vehicle-mode button{border:0;border-radius:9px;padding:10px 12px;background:transparent;font-weight:750;cursor:pointer;color:#5c6571}.fpp-customer-mode button.active,.fpp-vehicle-mode button.active{background:#fff;color:#111827;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.fpp-manual-vehicle,.fpp-manual-customer{padding:14px;border:1px dashed #cbd2da;border-radius:13px;background:#fbfcfd;display:grid;gap:12px}
.fpp-print-document{background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.14)}.fpp-print-hero{border-bottom:4px solid var(--fpp-orange)}.fpp-print-hero h1{letter-spacing:.04em}.fpp-print-meta{background:#11151b;color:#fff}.fpp-contract-section h2{border-left:4px solid var(--fpp-orange);padding-left:10px}
@media(max-width:760px){.fpp-blank-start{display:grid}.fpp-blank-actions,.fpp-blank-actions a{width:100%}.fpp-customer-mode,.fpp-vehicle-mode{grid-template-columns:1fr}.fpp-document-builder{grid-template-columns:1fr}.fpp-print-document{min-width:0}}

/* FIVE Performance OS 10.0.1 — full premium redesign */
:root{--fpp-bg:#080a0d;--fpp-panel:#11151a;--fpp-panel-2:#161b22;--fpp-line:rgba(255,255,255,.08);--fpp-text:#f5f7fa;--fpp-muted:#8f9aaa;--fpp-orange:#f26122;--fpp-orange-soft:rgba(242,97,34,.12);--fpp-radius:18px;--fpp-shadow:0 24px 70px rgba(0,0,0,.30)}
.fpp-body{background:radial-gradient(circle at 90% -10%,rgba(242,97,34,.10),transparent 28%),#080a0d;color:var(--fpp-text)}
.fpp-app{background:transparent}.fpp-side{background:rgba(9,11,14,.92);backdrop-filter:blur(22px);border-right:1px solid var(--fpp-line);padding:22px 14px}.fpp-brand{padding:8px 10px 24px}.fpp-brand img{filter:brightness(0) invert(1);opacity:.96}.fpp-brand small{letter-spacing:.22em;color:#697483}
.fpp-side nav>a{border-radius:13px;margin:3px 0;padding:11px 12px;color:#96a0ae;transition:.2s ease}.fpp-side nav>a:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}.fpp-side nav>a.active{background:linear-gradient(100deg,rgba(242,97,34,.20),rgba(242,97,34,.06));color:#fff;box-shadow:inset 3px 0 0 var(--fpp-orange)}.fpp-side nav>a i{color:inherit}.fpp-nav-label{font-size:9px;letter-spacing:.20em;color:#4f5967;margin:20px 12px 7px}.fpp-side-foot{border-top:1px solid var(--fpp-line)}
.fpp-main{background:transparent}.fpp-top{height:76px;background:rgba(8,10,13,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--fpp-line);padding:0 30px}.fpp-search{background:#11151a;border:1px solid var(--fpp-line);border-radius:13px;max-width:500px}.fpp-search input{color:#fff}.fpp-content{padding:32px;max-width:1680px;width:100%;margin:0 auto}.fpp-page-head{margin-bottom:28px}.fpp-page-head h1{font-size:34px;letter-spacing:-.035em}.fpp-page-head p{color:var(--fpp-muted);font-size:15px}
.fpp-card,.fpp-stats article,.fpp-sale-card{background:linear-gradient(145deg,rgba(255,255,255,.040),rgba(255,255,255,.018));border:1px solid var(--fpp-line);border-radius:var(--fpp-radius);box-shadow:0 12px 34px rgba(0,0,0,.14)}.fpp-card{padding:22px}.fpp-card:hover{border-color:rgba(255,255,255,.13)}.fpp-card-head{border-bottom:0}.fpp-card-head h2{letter-spacing:-.02em}.fpp-card-head p{color:var(--fpp-muted)}
.fpp-stats{gap:14px}.fpp-stats article{padding:21px;position:relative;overflow:hidden}.fpp-stats article:after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.025)}.fpp-stats article span,.fpp-stats article small{color:var(--fpp-muted)}.fpp-stats article strong{font-size:29px}.fpp-stats article.accent{background:linear-gradient(135deg,#e85618,#fa7637);border-color:transparent;box-shadow:0 18px 45px rgba(242,97,34,.22)}
.fpp-btn{border-radius:12px;background:linear-gradient(135deg,#f26122,#df4f12);box-shadow:0 10px 26px rgba(242,97,34,.20);transition:.2s ease}.fpp-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(242,97,34,.28)}.fpp-link{color:#ff7a40;font-weight:750;text-decoration:none}.fpp-empty{border-radius:14px;background:rgba(255,255,255,.025);border:1px dashed var(--fpp-line)}
.fpp-table-wrap{border-radius:16px;border:1px solid var(--fpp-line);overflow:auto}.fpp-table{background:transparent}.fpp-table th{background:#0d1116;color:#75808f;letter-spacing:.08em}.fpp-table td{border-color:var(--fpp-line)}
.fpp-hq-lock{font-size:10px;font-weight:900;letter-spacing:.17em;background:var(--fpp-orange-soft);color:#ff7b43;border:1px solid rgba(242,97,34,.28);padding:9px 12px;border-radius:999px}.fpp-hq-hero{min-height:245px;padding:34px;border:1px solid rgba(242,97,34,.20);border-radius:24px;background:radial-gradient(circle at 85% 15%,rgba(242,97,34,.30),transparent 26%),linear-gradient(135deg,#10141a,#090b0e);display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px;box-shadow:var(--fpp-shadow);overflow:hidden}.fpp-hq-hero>div:first-child{max-width:720px}.fpp-hq-hero span,.fpp-eyebrow{font-size:10px;font-weight:900;letter-spacing:.20em;color:#ff7b43}.fpp-hq-hero h2{font-size:46px;line-height:1;margin:12px 0;letter-spacing:-.045em}.fpp-hq-hero p{color:#aab3c0;font-size:16px;line-height:1.65}.fpp-hq-mark{width:118px;height:118px;border-radius:28px;background:linear-gradient(145deg,#ff7437,#d94509);display:grid;place-items:center;font-size:42px;font-weight:950;box-shadow:0 24px 60px rgba(242,97,34,.30);transform:rotate(3deg)}.fpp-hq-mark small{display:block;font-size:12px;letter-spacing:.15em;margin-top:-30px}.fpp-hq-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fpp-hq-section{margin:0}.fpp-hq-section:nth-child(4),.fpp-hq-section:nth-child(5){grid-column:1/-1}.fpp-hq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fpp-hq-grid label{display:flex;flex-direction:column;gap:8px;color:#9da7b5;font-size:12px;font-weight:750}.fpp-hq-grid input,.fpp-hq-status select{min-height:48px;border-radius:12px;background:#0c1015;border:1px solid var(--fpp-line);color:#fff;padding:0 13px}.fpp-hq-grid input:focus,.fpp-hq-status select:focus{outline:0;border-color:rgba(242,97,34,.7);box-shadow:0 0 0 4px rgba(242,97,34,.10)}.fpp-hq-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fpp-hq-status>div{min-height:82px;padding:15px;border-radius:15px;border:1px solid var(--fpp-line);background:rgba(255,255,255,.022);display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px}.fpp-hq-status i{width:9px;height:9px;border-radius:50%;background:#9b3a2f;box-shadow:0 0 0 5px rgba(155,58,47,.12)}.fpp-hq-status i.active{background:#36b37e;box-shadow:0 0 0 5px rgba(54,179,126,.11)}.fpp-hq-status span{display:flex;flex-direction:column}.fpp-hq-status small{color:var(--fpp-muted);margin-top:3px}.fpp-hq-status b{color:#7dd7ad;font-size:12px}.fpp-hq-status select{min-width:140px}.fpp-hq-save{grid-column:1/-1;position:sticky;bottom:14px;z-index:30;border:1px solid var(--fpp-line);background:rgba(15,19,24,.88);backdrop-filter:blur(18px);border-radius:16px;padding:12px 13px 12px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.fpp-hq-save span{color:var(--fpp-muted);font-size:13px}.fpp-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fpp-role-grid article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid var(--fpp-line);border-radius:14px;background:rgba(255,255,255,.018)}.fpp-role-grid article>span{width:42px;height:42px;border-radius:12px;background:var(--fpp-orange-soft);color:#ff7b43;display:grid;place-items:center;font-weight:900}.fpp-role-grid p{margin:5px 0 0;color:var(--fpp-muted);line-height:1.45;font-size:13px}.fpp-hq-audit>div{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:13px 2px;border-bottom:1px solid var(--fpp-line)}.fpp-hq-audit i{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--fpp-orange);box-shadow:0 0 0 5px var(--fpp-orange-soft)}.fpp-hq-audit small{display:block;color:var(--fpp-muted);margin-top:4px}
@media(max-width:1100px){.fpp-hq-form{grid-template-columns:1fr}.fpp-hq-section:nth-child(n){grid-column:1}.fpp-hq-status{grid-template-columns:1fr}.fpp-content{padding:24px}.fpp-top{padding:0 22px}}
@media(max-width:760px){.fpp-content{padding:18px 14px 90px}.fpp-page-head{display:block}.fpp-page-head h1{font-size:29px}.fpp-hq-lock{display:inline-block;margin-top:12px}.fpp-hq-hero{padding:24px;min-height:auto;display:block}.fpp-hq-hero h2{font-size:38px}.fpp-hq-mark{width:78px;height:78px;font-size:28px;border-radius:21px;margin-top:24px}.fpp-hq-mark small{font-size:9px;margin-top:-20px}.fpp-hq-grid{grid-template-columns:1fr}.fpp-role-grid{grid-template-columns:1fr}.fpp-hq-save{left:10px;right:10px;bottom:10px;display:block}.fpp-hq-save span{display:none}.fpp-hq-save .fpp-btn{width:100%}.fpp-card{padding:17px}.fpp-top{height:64px;padding:0 14px}.fpp-search{display:none}}


/* 10.2 — clarity, employee editing and simplified workspaces */
:root{--fpp-text:#f7f9fc;--fpp-muted:#b5bfcc;--fpp-border:#303843;--fpp-panel:#12171d}
.fpp-content,.fpp-content input,.fpp-content select,.fpp-content textarea,.fpp-content button{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.fpp-page-head h1{font-size:36px;letter-spacing:-1.1px;line-height:1.08;color:#fff}.fpp-page-head p,.fpp-card-head p,.fpp-hq-section p{color:#b9c3d0;font-size:15px;line-height:1.6}
.fpp-hq-hero{background:radial-gradient(circle at 88% 20%,rgba(239,106,34,.22),transparent 28%),linear-gradient(135deg,#15191f,#0d1014);border:1px solid #343c47}.fpp-hq-hero h2{font-size:31px;color:#fff}.fpp-hq-section h2{font-size:21px;color:#fff}.fpp-hq-grid label>span,.fpp-field>span,.fpp-employee-row label>span{color:#d8e0ea;font-size:12px;font-weight:800;letter-spacing:.02em}
.fpp-hq-status>div{min-height:112px;background:#151a20;border-color:#343c46}.fpp-hq-status strong{color:#fff}.fpp-hq-status small{color:#b7c0cd}.fpp-hq-save{position:sticky;bottom:14px;z-index:12;box-shadow:0 16px 50px rgba(0,0,0,.45)}
.fpp-employee-list{display:grid;gap:12px}.fpp-employee-row{display:grid;grid-template-columns:52px minmax(210px,1.2fr) minmax(220px,1fr) minmax(190px,.8fr) 150px auto;gap:14px;align-items:end;padding:18px;border:1px solid #303843;border-radius:16px;background:linear-gradient(145deg,#171b20,#111419)}.fpp-employee-row:focus-within{border-color:#ef6a22;box-shadow:0 0 0 3px rgba(239,106,34,.1)}.fpp-employee-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ef6a22,#b53d06);color:#fff;font-weight:900;font-size:18px;align-self:center}.fpp-employee-identity label,.fpp-employee-field,.fpp-employee-status{display:grid;gap:7px}.fpp-employee-identity small{display:block;margin-top:7px;color:#8994a2}.fpp-employee-row input,.fpp-employee-row select{width:100%;min-height:46px;background:#0d1218;border:1px solid #39424e;border-radius:10px;color:#f8fafc;padding:10px 12px}.fpp-employee-save{min-height:46px;white-space:nowrap}.fpp-employee-create{margin-bottom:18px}
.fpp-comm-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fpp-comm-action{min-height:105px}.fpp-communication-layout{grid-template-columns:250px minmax(0,1fr)}.fpp-template-workspace{grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr)}.fpp-template-editor{padding:22px}.fpp-template-editor textarea{min-height:260px}.fpp-variable-bar{max-height:104px;overflow:auto}.fpp-send-panel .fpp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fpp-send-panel .fpp-field textarea{min-height:180px}
.fpp-document-builder{grid-template-columns:minmax(360px,500px) minmax(620px,1fr);align-items:start}.fpp-builder-controls{max-height:calc(100vh - 175px);overflow:auto;position:sticky;top:100px}.fpp-builder-controls .fpp-doc-field{padding:11px 12px;border:1px solid #2c343f;border-radius:11px;background:#11161c}.fpp-builder-actions{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,#11161c 24%);padding-top:25px;z-index:3}
.fpp-marktplaats .fpp-rdw-top{border-color:#ef6a22;background:linear-gradient(135deg,#151b22,#10141a)}.fpp-marktplaats-output{min-height:420px}
@media(max-width:1180px){.fpp-employee-row{grid-template-columns:48px 1fr 1fr}.fpp-employee-status,.fpp-employee-save{grid-column:auto}.fpp-document-builder{grid-template-columns:1fr}.fpp-builder-controls{position:static;max-height:none}.fpp-comm-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fpp-template-workspace{grid-template-columns:1fr}}
@media(max-width:760px){.fpp-page-head h1{font-size:29px}.fpp-employee-row{grid-template-columns:44px 1fr}.fpp-employee-field,.fpp-employee-status,.fpp-employee-save{grid-column:1/-1}.fpp-comm-action-grid{grid-template-columns:1fr}.fpp-communication-layout{grid-template-columns:1fr}.fpp-template-list{display:flex;overflow:auto}.fpp-template-list>a{min-width:220px}.fpp-send-panel .fpp-form-grid{grid-template-columns:1fr}}

/* FIVE OS 10.2.1 — bedrijfslogo vanuit FIVE HQ */
.fpp-brand{min-height:118px;justify-content:center}
.fpp-brand img{width:184px;height:82px;object-fit:contain;object-position:left center;filter:none;background:transparent}
.fpp-brand small{margin-top:4px;color:#aeb5c0}
.fpp-login-logo{display:block;width:min(300px,82%);height:120px;object-fit:contain;margin:0 auto 18px;background:transparent}
.fpp-logo-manager{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:24px;align-items:center}
.fpp-logo-preview{min-height:170px;border:1px dashed rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(145deg,#0a0c0f,#13171d);display:grid;place-items:center;padding:24px}
.fpp-logo-preview img{display:block;width:min(360px,100%);height:130px;object-fit:contain}
.fpp-logo-controls{display:grid;gap:16px}
.fpp-logo-controls>label:first-child{display:grid;gap:9px;color:#dce2eb;font-weight:750}
.fpp-logo-controls input[type=file]{width:100%;padding:13px;border:1px solid #343b46;border-radius:12px;background:#0d1117;color:#dce2eb}
.fpp-logo-controls small{color:#919baa;line-height:1.55}
@media(max-width:760px){.fpp-logo-manager{grid-template-columns:1fr}.fpp-brand{min-height:104px}.fpp-brand img{width:164px;height:72px}.fpp-logo-preview{min-height:140px}}


/* FIVE OS 10.3 Foundation — veilige technische toegang */
.fpp-wp-admin-link{display:flex;align-items:center;gap:11px;margin:14px 14px 4px;padding:12px 13px;border:1px solid rgba(239,106,34,.28);border-radius:13px;background:linear-gradient(135deg,rgba(239,106,34,.13),rgba(255,255,255,.025));color:#fff;text-decoration:none}.fpp-wp-admin-link:hover{border-color:rgba(239,106,34,.7);transform:translateY(-1px)}.fpp-wp-admin-link i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(239,106,34,.16)}.fpp-wp-admin-link svg{width:19px;height:19px;fill:none;stroke:#ff955e;stroke-width:1.7}.fpp-wp-admin-link span{display:flex;flex:1;min-width:0;flex-direction:column}.fpp-wp-admin-link strong{font-size:12px;color:#fff}.fpp-wp-admin-link small{margin-top:3px;color:#9b9b9b;font-size:10px}.fpp-wp-admin-link b{color:#ff955e;font-size:16px}.fpp-system-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px;padding:24px 26px;background:radial-gradient(circle at 90% 0,rgba(239,106,34,.14),transparent 32%),linear-gradient(145deg,#17191c,#101214);border-color:#30343a}.fpp-system-card h2{margin:7px 0 7px;color:#fff}.fpp-system-card p{max-width:760px;margin:0;color:#aeb5bd;line-height:1.55}.fpp-system-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.fpp-system-meta span{display:inline-flex;gap:6px;padding:7px 10px;border:1px solid #30353b;border-radius:999px;background:#111417;color:#9da6b0;font-size:10px}.fpp-system-meta strong{color:#f0f2f4}.fpp-system-open{white-space:nowrap;text-decoration:none}@media(max-width:760px){.fpp-system-card{align-items:flex-start;flex-direction:column}.fpp-system-open{width:100%;justify-content:center}}

/* FIVE Performance OS 11.1 — premium navigation and access model */
.fpp-system-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #303740;border-radius:12px;background:#161a1f;color:#d8dde4;text-decoration:none;transition:.2s ease;flex:0 0 auto}
.fpp-system-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.fpp-system-icon:hover{border-color:#ef6a22;color:#ff9a5e;transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.fpp-btn-secondary{background:#20252b;border:1px solid #353c45;color:#f1f3f5}
.fpp-access-section{overflow:hidden}
.fpp-access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px}
.fpp-access-summary>div{padding:16px 18px;border:1px solid #2c333b;border-radius:14px;background:linear-gradient(145deg,#171b20,#121519)}
.fpp-access-summary strong,.fpp-access-summary span{display:block}.fpp-access-summary strong{font-size:24px;color:#fff}.fpp-access-summary span{margin-top:4px;color:#98a1ac;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.fpp-role-group{margin-top:24px}.fpp-role-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fpp-role-group-title h3{margin:0;color:#f7f8fa;font-size:15px}.fpp-role-group-title span{color:#8f99a5;font-size:11px}
.fpp-role-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fpp-role-grid-v2 article{display:flex;gap:13px;padding:15px;border:1px solid #2c333b;border-radius:14px;background:#15191e;min-width:0}
.fpp-role-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(239,106,34,.13);border:1px solid rgba(239,106,34,.25);color:#ff9b61;font-weight:900;flex:0 0 auto}
.fpp-role-copy{min-width:0;flex:1}.fpp-role-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.fpp-role-copy strong{color:#fff;font-size:13px}.fpp-role-copy small{display:block;margin-top:3px;color:#c4cad1;font-size:11px;font-weight:700}.fpp-role-copy p{margin:7px 0 0;color:#9099a4;font-size:11px;line-height:1.45}
.fpp-access-pill{padding:4px 7px;border-radius:999px;background:#222831;color:#aeb7c2;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.fpp-access-note{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding:14px 16px;border:1px solid rgba(239,106,34,.24);border-radius:13px;background:rgba(239,106,34,.07)}
.fpp-access-note strong{color:#ffab79;white-space:nowrap}.fpp-access-note span{color:#b8c0c9;font-size:12px;line-height:1.5}
@media(max-width:900px){.fpp-role-grid-v2{grid-template-columns:1fr}}
@media(max-width:650px){.fpp-access-summary{grid-template-columns:1fr}.fpp-access-note{display:block}.fpp-access-note strong{display:block;margin-bottom:6px}.fpp-system-icon{width:38px;height:38px}}

/* FIVE Performance OS 11.2 — rechten per onderdeel */
.fpp-employee-access{display:block;padding:0;overflow:hidden}
.fpp-employee-summary{display:grid;grid-template-columns:48px minmax(180px,1.25fr) minmax(190px,1fr) minmax(170px,.85fr) 135px auto;gap:14px;align-items:end;padding:18px}
.fpp-access-toggle{height:42px;padding:0 14px;border:1px solid #353d46;border-radius:11px;background:#1b2026;color:#eef1f4;font-weight:800;cursor:pointer;white-space:nowrap}
.fpp-access-toggle:hover{border-color:#ef6a22;color:#ff9b61}
.fpp-permission-editor{padding:0 18px 20px;border-top:1px solid #293038;background:#11151a}
.fpp-default-access{margin:18px 0 14px}
.fpp-switch-row{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid rgba(239,106,34,.3);border-radius:14px;background:rgba(239,106,34,.075);cursor:pointer}
.fpp-switch-row input{width:19px;height:19px;margin-top:2px;accent-color:#ef6a22;flex:0 0 auto}
.fpp-switch-row span,.fpp-switch-row strong,.fpp-switch-row small{display:block}.fpp-switch-row strong{color:#fff;font-size:13px}.fpp-switch-row small{margin-top:4px;color:#a8b0ba;line-height:1.45}
.fpp-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;transition:.2s ease}
.fpp-permission-grid[aria-disabled="true"]{opacity:.42;filter:saturate(.5)}
.fpp-permission-card{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #2c343d;border-radius:13px;background:#171c22;cursor:pointer;min-height:74px}
.fpp-permission-card:hover{border-color:#46515d}.fpp-permission-card input{width:17px;height:17px;margin-top:2px;accent-color:#ef6a22;flex:0 0 auto}
.fpp-permission-card span,.fpp-permission-card strong,.fpp-permission-card small{display:block}.fpp-permission-card strong{color:#f4f6f8;font-size:12px}.fpp-permission-card small{margin-top:4px;color:#929ca8;font-size:10.5px;line-height:1.4}
.fpp-access-warning{margin-top:13px;padding:12px 14px;border:1px solid #303840;border-radius:12px;background:#171b20;color:#9fa8b3;font-size:11px;line-height:1.5}.fpp-access-warning strong{color:#f0f2f5}
.fpp-employee-create .fpp-default-access{grid-column:1/-1}.fpp-employee-create .fpp-permission-grid,.fpp-employee-create .fpp-access-warning{grid-column:1/-1}
@media(max-width:1180px){.fpp-employee-summary{grid-template-columns:48px 1fr 1fr}.fpp-employee-summary .fpp-employee-status,.fpp-employee-summary .fpp-access-toggle{grid-column:auto}.fpp-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fpp-employee-summary{grid-template-columns:44px 1fr}.fpp-employee-summary .fpp-employee-field,.fpp-employee-summary .fpp-employee-status,.fpp-employee-summary .fpp-access-toggle{grid-column:1/-1}.fpp-permission-grid{grid-template-columns:1fr}}

/* FIVE Performance OS 12.0 core.2 — beveiligde WordPress-plugin snelkoppeling */
.fpp-wp-plugins-btn{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid #303740;border-radius:12px;background:#161a1f;color:#d8dde4;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;transition:.2s ease;flex:0 0 auto}.fpp-wp-plugins-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.fpp-wp-plugins-btn:hover{border-color:#ef6a22;color:#ff9a5e;transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.2)}@media(max-width:760px){.fpp-wp-plugins-btn{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.fpp-wp-plugins-btn span{display:none}}


/* FIVE Performance OS 12.0 Core — desktop shell */
.fpp-collapse{width:38px;height:38px;border:1px solid var(--fpp-line);border-radius:11px;background:#11151a;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s ease}
.fpp-collapse:hover{border-color:rgba(242,97,34,.55);background:rgba(242,97,34,.10)}
.fpp-release-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(242,97,34,.28);border-radius:999px;background:rgba(242,97,34,.08);color:#ff8a4d;font-size:10px;font-weight:900;letter-spacing:.13em}
@media(min-width:761px){
 body.sidebar-collapsed .fpp-app{grid-template-columns:84px minmax(0,1fr)}
 body.sidebar-collapsed .fpp-side{width:84px;padding-left:12px;padding-right:12px}
 body.sidebar-collapsed .fpp-brand{padding-left:4px;padding-right:4px;text-align:center}
 body.sidebar-collapsed .fpp-brand img{max-width:46px;margin:auto}
 body.sidebar-collapsed .fpp-brand small,body.sidebar-collapsed .fpp-nav-label,body.sidebar-collapsed .fpp-side nav a span,body.sidebar-collapsed .fpp-side-user div,body.sidebar-collapsed .fpp-logout{display:none}
 body.sidebar-collapsed .fpp-side nav a{justify-content:center;padding-left:0;padding-right:0}
 body.sidebar-collapsed .fpp-side nav a i{width:24px;height:24px}
 body.sidebar-collapsed .fpp-side-user{justify-content:center}
 .fpp-app,.fpp-side{transition:grid-template-columns .22s ease,width .22s ease}
}
@media(max-width:760px){.fpp-collapse{display:none}.fpp-release-badge{margin-top:12px}}


/* FIVE OS 12.0 Core 6 — Eigenaarmenu */
.fpp-owner-menu{position:relative;flex:0 0 auto}
.fpp-owner-btn{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid rgba(203,165,82,.35);border-radius:12px;background:linear-gradient(135deg,rgba(203,165,82,.18),rgba(203,165,82,.07));color:#f3d58c;font:700 13px/1 inherit;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.fpp-owner-btn:hover,.fpp-owner-menu.open .fpp-owner-btn{border-color:rgba(225,190,108,.7);background:linear-gradient(135deg,rgba(203,165,82,.28),rgba(203,165,82,.12))}
.fpp-owner-crown{font-size:19px;line-height:1}.fpp-owner-btn b{font-size:13px;transition:transform .2s ease}.fpp-owner-menu.open .fpp-owner-btn b{transform:rotate(180deg)}
.fpp-owner-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:260px;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#11151b;box-shadow:0 22px 65px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease;z-index:1000}
.fpp-owner-menu.open .fpp-owner-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.fpp-owner-title{padding:10px 11px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:5px}.fpp-owner-title strong,.fpp-owner-title small{display:block}.fpp-owner-title strong{color:#f4d691;font-size:13px}.fpp-owner-title small{color:#8f98a6;font-size:11px;margin-top:3px}
.fpp-owner-dropdown a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#e8ebef;text-decoration:none;font-size:13px}.fpp-owner-dropdown a:hover{background:rgba(203,165,82,.12);color:#f4d691}.fpp-owner-dropdown a i{width:21px;font-style:normal;text-align:center}.fpp-owner-dropdown a span{flex:1}.fpp-owner-dropdown a b{color:#747e8c;font-weight:400}
@media(max-width:760px){.fpp-owner-btn{width:42px;padding:0;justify-content:center}.fpp-owner-btn span:not(.fpp-owner-crown),.fpp-owner-btn b{display:none}.fpp-owner-dropdown{position:fixed;top:68px;left:12px;right:12px;width:auto}}

/* FIVE OS 12.0 Core 7 — premium owner button & clarity upgrade */
.fpp-owner-menu{padding-bottom:4px}
.fpp-owner-btn{
  position:relative;min-height:44px;padding:0 20px 0 16px;border:0;border-radius:24px 24px 18px 18px;
  background:linear-gradient(135deg,#ff7a24 0%,#ef641b 54%,#d94d0c 100%);color:#fff;
  box-shadow:0 10px 26px rgba(239,100,27,.32),inset 0 1px 0 rgba(255,255,255,.25);
  letter-spacing:.01em;overflow:visible
}
.fpp-owner-btn:before{content:"";position:absolute;left:13px;right:13px;bottom:-4px;height:8px;background:#1b1e23;border-radius:0 0 12px 12px;z-index:-1}
.fpp-owner-btn:after{content:"";position:absolute;left:17px;bottom:-7px;width:8px;height:8px;border-radius:50%;background:#07090c;box-shadow:calc(100% + 72px) 0 0 #07090c,0 0 0 2px #464b52,calc(100% + 72px) 0 0 2px #464b52}
.fpp-owner-btn:hover,.fpp-owner-menu.open .fpp-owner-btn{background:linear-gradient(135deg,#ff8a38,#f26b21 55%,#e4530c);transform:translateY(-1px);box-shadow:0 14px 34px rgba(239,100,27,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.fpp-owner-crown{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.28)}
.fpp-owner-title strong{color:#ff9858}.fpp-owner-dropdown a:hover{background:rgba(239,106,34,.14);color:#ff9a5c}
.fpp-card{border-color:rgba(255,255,255,.105)}
.fpp-content{line-height:1.5}.fpp-page-head p,.fpp-card-head p{color:#aeb6c1}
.fpp-stats article{box-shadow:0 10px 28px rgba(0,0,0,.12)}
@media(max-width:760px){.fpp-owner-btn{width:46px;padding:0;border-radius:18px}.fpp-owner-btn:after{left:8px;box-shadow:22px 0 0 #07090c,0 0 0 2px #464b52,22px 0 0 2px #464b52}.fpp-owner-btn:before{left:8px;right:8px}}

/* FIVE OS 12.0 Core 8 — owner refinement & Dashboard 2.0 */
.fpp-owner-menu{padding-bottom:0}
.fpp-owner-btn{position:relative;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#ef6a22;color:#fff;box-shadow:0 5px 16px rgba(239,106,34,.18);transform:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.fpp-owner-btn:before,.fpp-owner-btn:after{display:none}
.fpp-owner-btn:hover,.fpp-owner-menu.open .fpp-owner-btn{background:#dc5b17;border-color:rgba(255,255,255,.2);transform:none;box-shadow:0 7px 20px rgba(239,106,34,.26)}
.fpp-owner-btn b{font-size:12px;opacity:.9;transition:transform .16s ease}.fpp-owner-menu.open .fpp-owner-btn b{transform:rotate(180deg)}
.fpp-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.fpp-kpi{display:flex;align-items:center;gap:14px;min-height:116px;padding:18px;border:1px solid #2b3037;border-radius:16px;background:linear-gradient(145deg,#171b20,#121519);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.fpp-kpi-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#22272e;color:#ff8b48;font-size:19px;font-weight:900}
.fpp-kpi div{min-width:0}.fpp-kpi small,.fpp-kpi em{display:block}.fpp-kpi small{color:#aeb6c1;font-size:11px;text-transform:uppercase;letter-spacing:.065em;font-style:normal}.fpp-kpi strong{display:block;margin:5px 0 3px;color:#fff;font-size:26px;line-height:1.05}.fpp-kpi em{color:#7f8996;font-size:11px;font-style:normal}.fpp-kpi.attention{border-color:rgba(239,106,34,.42)}.fpp-kpi.attention .fpp-kpi-icon,.fpp-kpi.finance .fpp-kpi-icon{background:rgba(239,106,34,.14)}
.fpp-dashboard-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;align-items:start;margin-bottom:18px}.fpp-dashboard-side{display:grid;gap:18px}.fpp-card-head p{margin:4px 0 0;color:#8993a0;font-size:12px}.fpp-empty-compact{display:grid;gap:5px;padding:34px 20px}.fpp-empty-compact strong{color:#eef1f4}.fpp-empty-compact span{color:#858f9b;font-size:12px}
.fpp-quick-v2{display:grid;gap:8px}.fpp-quick-v2 a{display:flex;align-items:center;gap:11px;padding:11px 12px}.fpp-quick-v2 a>b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#252a31;color:#ff8b48}.fpp-quick-v2 a>span{display:grid;gap:2px;flex:1}.fpp-quick-v2 small{color:#7f8995;font-size:10px;font-weight:500}
.fpp-recent-list{display:grid}.fpp-recent-list>div{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #292e35}.fpp-recent-list>div:last-child{border-bottom:0}.fpp-recent-list>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#242931;color:#ff9858;font-weight:900}.fpp-recent-list p{display:grid;gap:3px;margin:0;min-width:0}.fpp-recent-list strong{color:#edf0f3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpp-recent-list small{color:#7e8895;font-size:10px}
@media(max-width:1100px){.fpp-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fpp-dashboard-main{grid-template-columns:1fr}}
@media(max-width:650px){.fpp-dashboard-grid{grid-template-columns:1fr}.fpp-kpi{min-height:96px}.fpp-owner-btn{width:auto;min-width:42px;padding:0 11px}.fpp-owner-btn span{display:none}.fpp-owner-btn b{display:block}}

/* FIVE Performance OS 12.0 Core 9 — Design System & owner access contract */
:root{--five-orange:#ef6a22;--five-orange-hover:#dc5b17;--five-orange-soft:rgba(239,106,34,.14);--five-danger:#c53b35}
.fpp-btn,
.fpp-content button[type="submit"],
.fpp-filter button,
.fpp-vehicle-filter button,
.fpp-mini-btn:not(.secondary),
.fpp-link-btn,
.fpp-legacy-leads .fvp-btn,
.fpp-sale-actions a.primary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:0 16px;border:1px solid var(--five-orange);border-radius:11px;
  background:var(--five-orange);color:#fff;text-decoration:none;font-weight:800;
  box-shadow:0 7px 18px rgba(239,106,34,.18);cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease
}
.fpp-btn:hover,
.fpp-content button[type="submit"]:hover,
.fpp-filter button:hover,
.fpp-vehicle-filter button:hover,
.fpp-mini-btn:not(.secondary):hover,
.fpp-link-btn:hover,
.fpp-legacy-leads .fvp-btn:hover,
.fpp-sale-actions a.primary:hover{
  background:var(--five-orange-hover);border-color:var(--five-orange-hover);
  box-shadow:0 9px 22px rgba(239,106,34,.25);transform:translateY(-1px)
}
.fpp-btn.secondary,.fpp-btn-secondary,.fpp-mini-btn.secondary{
  background:#20252b;border-color:#353c45;color:#f1f3f5;box-shadow:none
}
.fpp-btn.danger,.fpp-danger,.fpp-delete,.fpp-content button[name*="delete"],.fpp-content button[name*="remove"]{
  background:var(--five-danger);border-color:var(--five-danger);color:#fff
}
.fpp-owner-menu{padding:0}
.fpp-owner-btn{
  min-height:40px;padding:0 12px 0 10px;border:1px solid #353c45;border-radius:11px;
  background:#171b20;color:#f4f6f8;box-shadow:none;font-size:12px;font-weight:800
}
.fpp-owner-btn:before{content:"";display:block;position:static;width:8px;height:8px;border-radius:50%;background:var(--five-orange);box-shadow:0 0 0 4px var(--five-orange-soft)}
.fpp-owner-btn:after{display:none}
.fpp-owner-btn:hover,.fpp-owner-menu.open .fpp-owner-btn{
  background:#20252b;border-color:rgba(239,106,34,.7);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);transform:none
}
.fpp-owner-title strong{color:#fff}.fpp-owner-title small{color:#939daa}
.fpp-owner-dropdown{border-color:#303740;border-radius:14px;background:#11151a}
.fpp-owner-dropdown a:hover{background:var(--five-orange-soft);color:#ff9b61}
@media(max-width:650px){.fpp-owner-btn{width:40px;min-width:40px;padding:0;justify-content:center}.fpp-owner-btn:before{margin:0}.fpp-owner-btn span,.fpp-owner-btn b{display:none}}

/* FIVE Performance OS 17.0.5 — definitive document studio + communication routing UI */
.fpp-document-builder{background:#12171d;border-color:#303842}
.fpp-builder-controls{background:#11161c;color:#eef2f6}
.fpp-builder-controls>label,
.fpp-builder-controls .fpp-doc-field,
.fpp-manual-customer,
.fpp-manual-vehicle,
#fppExistingCustomer,
#fppExistingVehicle{background:transparent;color:#eef2f6}
.fpp-builder-controls label{color:#cbd3dc}
.fpp-builder-controls input,
.fpp-builder-controls select,
.fpp-builder-controls textarea{background:#0d1116;border:1px solid #343d48;color:#f5f7fa;box-shadow:none}
.fpp-builder-controls input::placeholder,
.fpp-builder-controls textarea::placeholder{color:#737e8b;opacity:1}
.fpp-builder-controls input:focus,
.fpp-builder-controls select:focus,
.fpp-builder-controls textarea:focus{border-color:#ef6a22;outline:0;box-shadow:0 0 0 3px rgba(239,106,34,.12)}
.fpp-customer-mode,.fpp-vehicle-mode{background:#0d1116;border:1px solid #303842;border-radius:12px;padding:5px}
.fpp-customer-mode button,.fpp-vehicle-mode button{background:transparent;border:0;color:#9ba6b3;box-shadow:none;min-height:42px}
.fpp-customer-mode button.active,.fpp-vehicle-mode button.active{background:#202731;color:#fff;box-shadow:inset 0 0 0 1px #3a4654}
.fpp-customer-mode button:hover,.fpp-vehicle-mode button:hover{color:#fff;background:#192029}
.fpp-builder-switcher{display:none}
.fpp-owner-btn{background:#151b22;border-color:#35404b;color:#f3f6f8}
.fpp-owner-btn:hover,.fpp-owner-menu.open .fpp-owner-btn{background:#202832;border-color:#ef6a22}
.fpp-owner-title strong{color:#f4f7f9}.fpp-owner-title small{color:#9ba6b3}
.fpp-comm-action{border-color:#303842;background:linear-gradient(145deg,#151a20,#101419)}
.fpp-comm-action:hover{border-color:#ef6a22;background:linear-gradient(145deg,#1a2027,#12171d)}
.fpp-comm-action strong{color:#f4f7f9}.fpp-comm-action small{color:#a6b0bc}
@media(max-width:1180px){.fpp-builder-switcher{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px;padding:5px;background:#0d1116;border:1px solid #303842;border-radius:12px}.fpp-builder-switcher button{border:0;border-radius:9px;background:transparent;color:#a6b0bc;min-height:42px}.fpp-builder-switcher button.active{background:#202731;color:#fff;box-shadow:inset 0 0 0 1px #3a4654}}


/* FIVE Performance OS 17.0.7 — documentbediening zichtbaar, rustig en correct per schermmaat. */
.fpp-mobile-doc-switch{display:none}
@media(max-width:760px){
  .fpp-mobile-doc-switch{display:flex;width:100%;padding:5px;background:#0d1116;border:1px solid #303842;border-radius:12px;box-shadow:none}
  .fpp-mobile-doc-switch button{flex:1;min-height:42px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a6b0bc;box-shadow:none;font-weight:700}
  .fpp-mobile-doc-switch button.active{background:#202731;border-color:#3a4654;color:#fff;box-shadow:none}
}
@media print{
  body.fpp-print-only-document .fpp-shell,
  body.fpp-print-only-document .fpp-topbar,
  body.fpp-print-only-document .fpp-builder-controls,
  body.fpp-print-only-document .fpp-mobile-doc-switch,
  body.fpp-print-only-document .fpp-page-head{display:none}
  body.fpp-print-only-document,.fpp-body.fpp-print-only-document{background:#fff;margin:0;padding:0}
  body.fpp-print-only-document .fpp-document-builder{display:block;background:#fff;border:0;padding:0;margin:0}
  body.fpp-print-only-document #fppPrintableDocument{display:block;position:static;width:210mm;max-width:210mm;min-height:297mm;margin:0;padding:12mm;border:0;border-radius:0;box-shadow:none}
}


/* FIVE Performance OS 17.1.0 - betrouwbare A4-opmaak en compacte formulieren */
.fpp-builder-terms-note{display:grid;gap:3px;padding:12px 13px;border:1px solid rgba(239,106,34,.35);background:rgba(239,106,34,.08);border-radius:11px;color:#f5f7fa}
.fpp-builder-terms-note small{color:#aeb6c1;line-height:1.45}
.fpp-builder-controls [hidden]{display:none}
.fpp-print-document,.fpp-print-document *{box-sizing:border-box}
.fpp-print-body table{table-layout:fixed}
.fpp-print-body td{overflow-wrap:anywhere;word-break:normal;vertical-align:top}
.fpp-print-body td:first-child{width:36%}
.fpp-contract-grid{align-items:start}
.fpp-contract-section{page-break-inside:auto;break-inside:auto}
.fpp-contract-section>h2{page-break-after:avoid;break-after:avoid}
.fpp-contract-section table,.fpp-signatures{page-break-inside:avoid;break-inside:avoid}
.fpp-legal-article{page-break-inside:auto;break-inside:auto}
.fpp-legal-article h3{page-break-after:avoid;break-after:avoid}
.fpp-legal-article ol{margin-bottom:0}
.fpp-terms-version{page-break-inside:avoid;break-inside:avoid}
@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:210mm;margin:0;padding:0;background:#fff}
  body.fpp-print-only-document #fppPrintableDocument{
    width:210mm;max-width:210mm;min-height:0;
    margin:0;padding:0;overflow:visible;box-sizing:border-box
  }
  .fpp-print-hero{padding:11mm 12mm 7mm}
  .fpp-print-meta{padding:3.5mm 12mm}
  .fpp-print-body{padding:7mm 12mm 3mm;font-size:9.2pt;line-height:1.38}
  .fpp-contract-section{margin-bottom:4mm;padding:3.2mm 3.8mm;border-radius:2.5mm}
  .fpp-contract-section h2{font-size:11pt;margin-bottom:2.2mm}
  .fpp-contract-section table{margin:1.5mm 0}
  .fpp-contract-section td{padding:1.5mm 1.8mm;font-size:8.8pt;line-height:1.28}
  .fpp-legal-terms{gap:2.2mm}
  .fpp-legal-article{padding-top:1.8mm}
  .fpp-legal-article h3{font-size:9.2pt;margin-bottom:1mm}
  .fpp-legal-article li{font-size:8.2pt;line-height:1.28;margin-bottom:.7mm}
  .fpp-signatures{gap:6mm}
  .fpp-signatures i{height:18mm}
  .fpp-print-document>footer{margin:3mm 12mm 6mm;padding-top:2.5mm;font-size:7.2pt}
  .fpp-print-hero,.fpp-print-meta{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}


/* FIVE Performance OS 17.1.2 — compacte, voorspelbare PDF-paginering */
.fpp-print-document.fpp-doc-factuur .fpp-print-hero{padding:20px 30px;grid-template-columns:124px 1fr;gap:22px}
.fpp-print-document.fpp-doc-factuur .fpp-print-hero img{width:112px;max-height:62px}
.fpp-print-document.fpp-doc-factuur .fpp-print-hero h1{font-size:23px;margin-top:3px}
.fpp-print-document.fpp-doc-factuur .fpp-print-meta{padding:9px 30px;font-size:9px}
.fpp-print-document.fpp-doc-factuur .fpp-print-body{padding:20px 30px 8px;font-size:10.5px;line-height:1.38}
.fpp-print-document.fpp-doc-factuur .fpp-document-reference{padding:9px 12px;margin-bottom:11px}
.fpp-print-document.fpp-doc-factuur .fpp-contract-grid{gap:10px}
.fpp-print-document.fpp-doc-factuur .fpp-contract-section{padding:10px 12px;margin-bottom:10px;border-radius:8px}
.fpp-print-document.fpp-doc-factuur .fpp-contract-section h2{font-size:13px;margin:0 0 7px;padding-bottom:5px}
.fpp-print-document.fpp-doc-factuur .fpp-contract-section table{margin:5px 0}
.fpp-print-document.fpp-doc-factuur .fpp-contract-section td{padding:5px 6px;font-size:9.6px;line-height:1.24}
.fpp-print-document.fpp-doc-factuur .fpp-contract-section p{margin:4px 0;line-height:1.42}
.fpp-print-document.fpp-doc-factuur .fpp-legal-terms{gap:5px}
.fpp-print-document.fpp-doc-factuur .fpp-legal-article{padding-top:5px}
.fpp-print-document.fpp-doc-factuur .fpp-legal-article h3{font-size:9.5px;margin-bottom:3px}
.fpp-print-document.fpp-doc-factuur .fpp-legal-article li{font-size:8.7px;line-height:1.25;margin-bottom:2px}
.fpp-print-document.fpp-doc-factuur .fpp-terms-version{font-size:7.8px;padding-top:5px;margin-top:6px}
.fpp-print-document.fpp-doc-factuur>footer{margin:9px 30px 15px;padding-top:8px;font-size:7.8px}
.fpp-print-document .fpp-terms-section{break-inside:auto;page-break-inside:auto}
.fpp-print-document .fpp-terms-section .fpp-legal-article{break-inside:avoid;page-break-inside:avoid}
@media print{
  .fpp-print-document.fpp-doc-factuur .fpp-print-hero{padding:7mm 10mm 4.5mm}
  .fpp-print-document.fpp-doc-factuur .fpp-print-meta{padding:2.5mm 10mm}
  .fpp-print-document.fpp-doc-factuur .fpp-print-body{padding:4.5mm 10mm 1.5mm;font-size:8.3pt;line-height:1.28}
  .fpp-print-document.fpp-doc-factuur .fpp-contract-section{padding:2.2mm 2.8mm;margin-bottom:2.2mm}
  .fpp-print-document.fpp-doc-factuur .fpp-contract-section h2{font-size:9.5pt;margin-bottom:1.2mm}
  .fpp-print-document.fpp-doc-factuur .fpp-contract-section td{font-size:7.8pt;padding:1mm 1.3mm}
  .fpp-print-document.fpp-doc-factuur .fpp-legal-article li{font-size:7pt;line-height:1.18}
  .fpp-print-document.fpp-doc-factuur>footer{margin:2mm 10mm 3mm;font-size:6.5pt}
}

/* FIVE Performance OS 18.1.1 — vaste professionele documentopmaak, zonder Portal Designer */
.fpp-print-document{
  width:100%;
  max-width:none;
  min-width:0;
  color:#171717;
  font-family:Arial,Helvetica,sans-serif;
}
.fpp-print-document .fpp-print-hero{
  width:100%;
  max-width:none;
  background:linear-gradient(135deg,#0c0c0d,#242424);
}
.fpp-print-document .fpp-print-hero:after{background:#f36f21}
.fpp-print-document .fpp-print-hero h1{
  color:#fff;
  opacity:1;
  text-shadow:none;
  font-weight:800;
}
.fpp-print-document .fpp-contract-section h2{border-color:#f36f21}
.fpp-print-document .fpp-contract-section h2:after{background:#f36f21}
.fpp-print-document .fpp-contract-section td{color:#171717}
.fpp-print-document .fpp-contract-section tr:nth-child(odd) td{background:#f2f2f2}
@media print{
  .fpp-print-document,.fpp-print-document *{box-sizing:border-box}
  .fpp-print-document .fpp-print-hero,
  .fpp-print-document .fpp-print-meta,
  .fpp-print-document .fpp-print-body,
  .fpp-print-document .fpp-contract-grid,
  .fpp-print-document .fpp-contract-section,
  .fpp-print-document table,
  .fpp-print-document>footer{max-width:none;width:100%}
}

/* FIVE Performance OS 19.0 — semantische blokken voor PDF-paginering */
.fpp-print-document .fpp-contract-section,
.fpp-print-document .fpp-document-reference,
.fpp-print-document .fpp-signatures,
.fpp-print-document .fpp-terms-version,
.fpp-print-document>footer{break-inside:avoid;page-break-inside:avoid}
.fpp-print-document .fpp-terms-section{break-inside:auto;page-break-inside:auto}
.fpp-print-document .fpp-terms-section .fpp-legal-article{break-inside:avoid;page-break-inside:avoid}

/* FIVE Performance OS 19.0.1 — kleurcorrecties document-builder en juridische teksten */
.fpp-builder-live-note,
.fpp-builder-live-note div,
.fpp-builder-live-note strong,
.fpp-builder-live-note small{
  color:#eef5f1;
}
.fpp-builder-live-note strong{font-weight:800}
.fpp-builder-live-note small{color:#b8c7c0}
.fpp-builder-terms-note,
.fpp-builder-terms-note strong{
  color:#f7f8fa;
}
.fpp-builder-terms-note strong{font-weight:800}
.fpp-builder-terms-note small{color:#c4cbd3}

/* Alle tekst binnen witte PDF-documentblokken moet donker en goed leesbaar blijven. */
.fpp-print-document .fpp-print-body,
.fpp-print-document .fpp-contract-section,
.fpp-print-document .fpp-contract-section p,
.fpp-print-document .fpp-contract-section span,
.fpp-print-document .fpp-contract-section div,
.fpp-print-document .fpp-contract-section strong,
.fpp-print-document .fpp-contract-section em,
.fpp-print-document .fpp-contract-section ol,
.fpp-print-document .fpp-contract-section ul,
.fpp-print-document .fpp-contract-section li{
  color:#171a1d;
}
.fpp-print-document .fpp-contract-section h2{
  color:#111417;
}
.fpp-print-document .fpp-legal-terms,
.fpp-print-document .fpp-legal-article,
.fpp-print-document .fpp-legal-article h3,
.fpp-print-document .fpp-legal-article ol,
.fpp-print-document .fpp-legal-article ul,
.fpp-print-document .fpp-legal-article li{
  color:#15181b;
  opacity:1;
  text-shadow:none;
}
.fpp-print-document .fpp-legal-article h3{font-weight:700}
.fpp-print-document .fpp-terms-version{color:#646a70}
/* FIVE OS 20 Operations */
.fpp-ops-list{display:grid;gap:10px}.fpp-ops-note{display:flex;gap:14px;padding:16px;border:1px solid var(--fpp-border,#29323c);border-radius:12px;text-decoration:none;color:inherit;background:#111820}.fpp-ops-note>span{width:10px;height:10px;border-radius:50%;margin-top:7px;background:#75808b}.fpp-ops-note.unread{border-color:#d95b16;background:#171a1e}.fpp-ops-note.warning>span{background:#f39b27}.fpp-ops-note.danger>span{background:#e14c5a}.fpp-ops-note strong{display:block}.fpp-ops-note p{margin:4px 0;color:#aab4bf}.fpp-ops-note small{color:#77818c}.fpp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fpp-form-grid label{display:grid;gap:7px;font-size:12px;font-weight:700}.fpp-form-grid .wide{grid-column:1/-1}.fpp-form-grid input,.fpp-form-grid select,.fpp-form-grid textarea{width:100%;background:#0e151c;border:1px solid #303b46;border-radius:9px;color:#fff;padding:12px}.fpp-form-grid textarea{min-height:110px}.fpp-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.fpp-kpi-grid article{background:#121a22;border:1px solid #29343f;border-radius:14px;padding:18px}.fpp-kpi-grid small,.fpp-kpi-grid em{display:block;color:#8e99a4;font-style:normal}.fpp-kpi-grid strong{display:block;font-size:27px;margin:8px 0}.fpp-empty{padding:35px;text-align:center;color:#87919c}@media(max-width:800px){.fpp-form-grid{grid-template-columns:1fr}}


/* FIVE OS 20.1 — uitleg en eerste-login introductie */
.five-welcome-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(3,6,10,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}
.five-welcome-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:linear-gradient(145deg,#161d24,#0d1116);border:1px solid #35414d;border-radius:20px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.five-welcome-kicker{color:#ff6b1a;font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:8px}.five-welcome-modal h2{font-size:30px;margin:0 0 10px}.five-welcome-lead{font-size:16px;line-height:1.65;color:#b8c1ca}.five-welcome-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.five-welcome-steps a{display:flex;gap:14px;padding:16px;background:#111820;border:1px solid #2b3641;border-radius:13px;text-decoration:none;color:#fff}.five-welcome-steps a:hover{border-color:#ff6b1a}.five-welcome-steps span,.five-help-card>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#442415;color:#ff762c;font-weight:800}.five-welcome-steps strong{display:block;margin-bottom:4px}.five-welcome-steps small{display:block;color:#9da8b2;line-height:1.4}.five-welcome-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}.five-welcome-actions form{margin:0}.five-welcome-note{font-size:12px;color:#78838d;margin:16px 0 0}
.five-help-start{margin-bottom:18px}.five-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}.five-flow span{padding:8px 12px;border:1px solid #35414d;border-radius:999px;background:#111820;font-weight:700}.five-flow b{color:#ff6b1a}.five-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.five-help-card{display:flex;gap:16px;text-decoration:none;color:inherit}.five-help-card h2{margin:0 0 7px}.five-help-card p{color:#aab4bd;line-height:1.55}.five-help-card strong{color:#ff762c;font-size:13px}.five-help-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.five-help-columns>div{padding:16px;border:1px solid #293540;border-radius:12px;background:#10171e}.five-help-columns h3{margin-top:0}.five-help-columns p{color:#aab4bd;line-height:1.55}.five-help-checklist{display:grid;gap:10px;padding-left:22px;color:#c4cbd2}.five-help-checklist li{padding-left:5px;line-height:1.5}
@media(max-width:760px){.five-welcome-modal{padding:22px}.five-welcome-steps,.five-help-grid,.five-help-columns{grid-template-columns:1fr}.five-welcome-actions{align-items:stretch;flex-direction:column}.five-welcome-actions a,.five-welcome-actions form,.five-welcome-actions button{width:100%;text-align:center}}

/* 20.1.1 — leesbaar welkomstscherm en betrouwbare acties */
.five-welcome-modal,.five-welcome-modal h1,.five-welcome-modal h2,.five-welcome-modal h3,.five-welcome-modal strong{color:#f7f9fb}
.five-welcome-modal p,.five-welcome-modal small,.five-welcome-lead{color:#c8d0d8}
.five-welcome-note{color:#9da8b2}
.five-welcome-steps a,.five-welcome-steps a strong{color:#f7f9fb}
.five-welcome-steps a small{color:#b7c0c9}
.five-welcome-actions form{display:inline-flex;margin:0}
.five-welcome-actions .fpp-btn{min-height:42px;cursor:pointer;opacity:1}
.five-welcome-actions .fpp-btn.secondary{color:#f7f9fb;background:#18222c;border-color:#465361}
.five-welcome-actions .fpp-btn.secondary:hover{background:#22303d;border-color:#ff6b1a}


/* FIVE OS 21.0 — duidelijke verkoopfacturen, rapportages en altijd zichtbare menuknop */
.fpp-side{position:sticky}.fpp-side-collapse{position:absolute;z-index:5;top:136px;right:-15px;width:31px;height:44px;border:1px solid #303943;border-radius:0 11px 11px 0;background:#141a20;color:#fff;font-size:23px;line-height:1;cursor:pointer;box-shadow:8px 0 18px rgba(0,0,0,.22)}.fpp-side-collapse:hover{border-color:#f26122;color:#ff8b50}.fpp-workflow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:13px;margin:0 0 18px;padding:16px;border:1px solid #2b3540;border-radius:15px;background:#111820}.fpp-workflow article{display:flex;align-items:center;gap:12px;min-width:0}.fpp-workflow article>b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#252f3a;color:#fff}.fpp-workflow article.is-done>b{background:#f26122}.fpp-workflow strong,.fpp-workflow small{display:block}.fpp-workflow strong{font-size:12px;color:#f4f6f8}.fpp-workflow small{margin-top:3px;color:#8f9aa6;font-size:10px;line-height:1.35}.fpp-workflow>span{color:#697482}.fpp-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.fpp-card-heading h2,.fpp-card-heading p{margin:0}.fpp-card-heading p{margin-top:5px;color:#929ca8;font-size:12px}.fpp-form-actions{display:flex;gap:10px;align-items:center}.fpp-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.fpp-stage-list{display:grid;gap:9px}.fpp-stage-list a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:1px solid #2a343e;border-radius:11px;background:#11171d;color:#cbd1d8;text-decoration:none}.fpp-stage-list a:hover{border-color:#f26122}.fpp-stage-list strong{font-size:18px;color:#fff}.fpp-explain-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}.fpp-explain-list li{padding:12px 14px;border-left:3px solid #f26122;background:#11171d;border-radius:0 10px 10px 0}.fpp-explain-list strong,.fpp-explain-list span{display:block}.fpp-explain-list strong{color:#fff;font-size:12px}.fpp-explain-list span{margin-top:4px;color:#929ca8;font-size:11px;line-height:1.45}body.sidebar-collapsed .fpp-side-collapse{right:-18px}.fpp-status.draft{background:rgba(255,184,77,.12);color:#ffc36e}.fpp-status.issued{background:rgba(81,153,255,.13);color:#82b5ff}.fpp-status.partial{background:rgba(190,118,255,.13);color:#cc9bff}.fpp-status.paid{background:rgba(69,199,132,.13);color:#71dda6}.fpp-status.cancelled{background:rgba(255,91,91,.12);color:#ff8c8c}
@media(max-width:980px){.fpp-report-grid{grid-template-columns:1fr}.fpp-workflow{grid-template-columns:1fr}.fpp-workflow>span{display:none}}
@media(max-width:760px){.fpp-side-collapse{display:none}.fpp-workflow{padding:13px}}


/* FIVE OS 21.1 — duidelijke typografie, verkoopautomatisering en oranje sidebarbediening */
:root{--fpp-orange:#ef6a22;--fpp-orange-hover:#ff8240;--fpp-readable:#f7f9fc;--fpp-readable-muted:#b9c3cf}
html,body,.fpp-app{font-family:"Segoe UI",Inter,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.fpp-content{color:var(--fpp-readable)}
.fpp-content h1,.fpp-content h2,.fpp-content h3,.fpp-content strong{font-weight:750;letter-spacing:-.015em}
.fpp-page-head h1{font-size:36px;line-height:1.12}.fpp-page-head p{font-size:15px;color:var(--fpp-readable-muted);max-width:850px}
.fpp-sale-card-head h2{font-size:23px;line-height:1.28}.fpp-sale-meta,.fpp-owner-metrics,.fpp-section-title p{font-size:13px}.fpp-sale-price strong{font-size:28px}
.fpp-sale-grid h3{font-size:17px}.fpp-warranty-form label,.fpp-price-pair span{font-size:11px}.fpp-warranty-form input,.fpp-warranty-form select,.fpp-inline-deal input{font-size:15px;min-height:44px}
.fpp-btn,.fpp-mini-btn,.fpp-sale-actions a{font-size:13px;font-weight:800}
.fpp-side nav a{font-size:14px}.fpp-side nav a span{white-space:nowrap}
.fpp-side-collapse{top:146px;right:-18px;width:38px;height:48px;border:1px solid rgba(239,106,34,.75);border-radius:0 12px 12px 0;background:linear-gradient(145deg,#ef6a22,#c94b0f);color:#fff;box-shadow:0 10px 26px rgba(239,106,34,.28);font-size:26px}
.fpp-side-collapse:hover{background:linear-gradient(145deg,#ff8240,#ef6a22);border-color:#ff9b67;color:#fff;transform:translateX(2px)}
.fpp-collapse{border-color:rgba(239,106,34,.65);background:rgba(239,106,34,.14);color:#ff955f}.fpp-collapse:hover{background:#ef6a22;color:#fff}
.fpp-sale-flow{margin:0 22px 16px;padding:16px;border:1px solid #303a45;border-radius:14px;background:linear-gradient(145deg,#121820,#0e1319)}
.fpp-sale-flow-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.fpp-sale-flow-title strong,.fpp-sale-flow-title small{display:block}.fpp-sale-flow-title strong{font-size:15px;color:#fff}.fpp-sale-flow-title small{margin-top:4px;color:#aeb9c6;font-size:12px;line-height:1.45}.fpp-sale-flow-title>span{white-space:nowrap;padding:6px 10px;border-radius:999px;background:rgba(239,106,34,.14);border:1px solid rgba(239,106,34,.35);color:#ff9d68;font-size:11px;font-weight:850}
.fpp-sale-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fpp-sale-steps article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-height:72px;padding:11px;border:1px solid #2a333d;border-radius:11px;background:#11161c}.fpp-sale-steps article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#27313c;color:#d5dce5;font-size:12px}.fpp-sale-steps article.done{border-color:rgba(47,184,117,.34);background:rgba(47,184,117,.06)}.fpp-sale-steps article.done>b{background:#2fb875;color:#fff}.fpp-sale-steps strong,.fpp-sale-steps small{display:block}.fpp-sale-steps strong{font-size:12px;color:#f5f7fa}.fpp-sale-steps small{margin-top:3px;color:#929daa;font-size:10px;line-height:1.35}
.fpp-sale-actions-clear{align-items:center}.fpp-sale-actions-clear a.primary{margin-left:0;background:linear-gradient(135deg,#ef6a22,#ff7c35);border-color:#ef6a22;box-shadow:0 8px 22px rgba(239,106,34,.18)}.fpp-action-disabled{display:inline-flex;align-items:center;padding:9px 12px;border-radius:9px;border:1px dashed #3a444f;color:#8994a1;font-size:12px;font-weight:750}
@media(max-width:1100px){.fpp-sale-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.fpp-sale-flow{margin:0 14px 14px}.fpp-sale-flow-title{display:block}.fpp-sale-flow-title>span{display:inline-flex;margin-top:10px}.fpp-sale-steps{grid-template-columns:1fr}.fpp-page-head h1{font-size:30px}}


/* FIVE 21.3 — leesbaarheid, A4-documenten en duidelijke lokale/dossieropslag */
:root{--fpp-text:#f4f6f8;--fpp-muted:#b7c0ca;--fpp-panel:#121820;--fpp-orange:#f36b21}
.fpp-shell,.fpp-main,.fpp-card{color:var(--fpp-text)}
.fpp-page-head h1,.fpp-page-head h2,.fpp-card h2,.fpp-card h3,.fpp-card strong,.fpp-table th{color:#f7f9fb}
.fpp-page-head p,.fpp-card p,.fpp-card small,.fpp-muted,.fpp-builder-controls label{color:var(--fpp-muted)}
.fpp-card input,.fpp-card select,.fpp-card textarea{color:#fff;background:#111820;border-color:#3b4652;font-size:15px;line-height:1.45}
.fpp-card input::placeholder,.fpp-card textarea::placeholder{color:#93a0ad;opacity:1}
.fpp-table td{color:#e8edf2}.fpp-table td small{color:#aeb8c3}
.fpp-btn,.fpp-mini-btn{font-size:14px;font-weight:800;line-height:1.2}
.fpp-save-result{display:grid;gap:16px}.fpp-save-result-head h2{margin:9px 0 0}.fpp-storage-choice{display:grid;gap:7px;padding:14px 16px;border:1px solid #34404b;border-radius:11px;background:#0d141b;color:#dce3ea}.fpp-storage-choice strong{color:#fff}.fpp-storage-choice span{color:#bdc7d1;font-size:13px;line-height:1.5}
.fpp-print-document{width:794px;max-width:100%;margin:0 auto;color:#171717;background:#fff}
.fpp-print-document,.fpp-print-document *{font-family:Arial,Helvetica,sans-serif}
.fpp-print-hero{grid-template-columns:132px minmax(0,1fr);gap:22px;padding:24px 30px}
.fpp-print-hero h1{font-size:22px;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere;word-break:normal;max-width:100%}
.fpp-print-hero p,.fpp-print-hero span{color:#d3d7dc}
.fpp-print-meta{padding:10px 30px;font-size:9px;line-height:1.35;display:flex;flex-wrap:wrap;gap:10px 24px}
.fpp-print-body{padding:22px 30px 10px;font-size:10.5px;line-height:1.42;color:#20242a}
.fpp-contract-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px}
.fpp-contract-section{min-width:0;overflow:hidden}.fpp-contract-section h2{font-size:13px;line-height:1.25}.fpp-contract-section td{font-size:9.5px;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:900px){.fpp-print-document{width:100%}.fpp-print-hero{grid-template-columns:105px minmax(0,1fr);padding:20px}.fpp-print-hero img{width:100px}.fpp-print-hero h1{font-size:18px}.fpp-contract-grid{grid-template-columns:1fr}}
@media print{.fpp-print-document{width:210mm;max-width:210mm;min-height:297mm;margin:0}.fpp-print-hero h1{font-size:18pt}.fpp-print-body{font-size:8.5pt}}

/* FIVE OS 22.0 — duidelijke typografie en verkoopdossiers */
:root{--fpp-text:#f5f7fa;--fpp-muted:#c2c8d0;--fpp-soft:#9da6b2;--fpp-orange:#f36f21}
.fpp-app,.fpp-app input,.fpp-app select,.fpp-app textarea,.fpp-app button{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.fpp-content{color:var(--fpp-text)}
.fpp-page-head h1{font-size:32px;line-height:1.15;font-weight:750;color:#fff}
.fpp-page-head p,.fpp-card p,.fpp-card small,.fpp-field span{color:var(--fpp-muted);line-height:1.55}
.fpp-card h2,.fpp-card h3,.fpp-card strong,.fpp-table td{color:#f7f8fa}
.fpp-table th{color:#cbd1d8;font-size:12px}.fpp-table td{font-size:15px}
.fpp-side nav a{font-size:15px;color:#c6cbd2}.fpp-side nav a:hover,.fpp-side nav a.active{color:#fff}
.fpp-side-collapse,.fpp-collapse{background:var(--fpp-orange);border-color:#ff985b;color:#fff;box-shadow:0 8px 22px rgba(243,111,33,.32)}
.fpp-dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fpp-dossier-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px;border:1px solid #303640;border-radius:15px;background:#171b20;color:#fff;text-decoration:none}
.fpp-dossier-card:hover{border-color:var(--fpp-orange);background:#1d2025}.fpp-dossier-card h3{font-size:19px;margin:10px 0 6px}.fpp-dossier-card p{margin:0}.fpp-dossier-card>b{grid-column:1/-1;color:#ff9a5e}.fpp-dossier-counts{display:grid;gap:8px;text-align:right}.fpp-dossier-counts span{color:#bbc2cb;font-size:13px}.fpp-dossier-counts strong{font-size:18px;margin-right:4px}
.fpp-dossier-back{margin-bottom:14px}.fpp-dossier-back a{color:#ff9a5e;font-weight:700}.fpp-dossier-hero{display:flex;justify-content:space-between;align-items:center}.fpp-dossier-hero h2{font-size:27px;margin:6px 0}.fpp-dossier-hero>div:last-child{display:grid;justify-items:end;gap:10px}.fpp-dossier-hero>div:last-child strong{font-size:23px}
.fpp-dossier-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.fpp-dossier-steps>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #343a43;border-radius:11px;background:#171a1f;color:#aeb6c0}.fpp-dossier-steps>div b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#282e36;color:#d2d7dd}.fpp-dossier-steps>div.done{border-color:rgba(45,192,118,.45);color:#e9fff3}.fpp-dossier-steps>div.done b{background:#2dc076;color:#fff}
.fpp-dossier-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.fpp-dossier-list{display:grid;gap:10px}.fpp-dossier-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #303640;border-radius:11px;background:#171a1f}.fpp-dossier-list article strong,.fpp-dossier-list article small{display:block}.fpp-dossier-list article small{margin-top:5px;color:#bac2cc}
.fpp-storage-choice{color:#e4e8ed}.fpp-storage-choice span{color:#cbd1d8}
@media(max-width:950px){.fpp-dossier-grid,.fpp-dossier-columns{grid-template-columns:1fr}.fpp-dossier-steps{grid-template-columns:1fr 1fr}.fpp-dossier-hero{align-items:flex-start;gap:20px;flex-direction:column}.fpp-dossier-hero>div:last-child{justify-items:start}}
@media(max-width:560px){.fpp-dossier-steps{grid-template-columns:1fr}.fpp-dossier-card{grid-template-columns:1fr}.fpp-dossier-counts{text-align:left}}

/* A4 preview: never exceed the available screen while preserving print dimensions. */
.fpp-print-document{width:min(210mm,100%);min-height:auto;overflow:hidden}
.fpp-print-document img,.fpp-print-document table{max-width:100%}
.fpp-print-document td,.fpp-print-document th,.fpp-print-document p,.fpp-print-document li{overflow-wrap:anywhere;word-break:normal}
@media print{.fpp-print-document{width:210mm;max-width:210mm;min-height:297mm;overflow:visible}@page{size:A4;margin:0}}


/* FIVE Performance OS 22.1.0 — dossierkoppelingen en beheeracties */
.fpp-dossier-list article>.fpp-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.fpp-dossier-list article>.fpp-row-actions form{margin:0}
.fpp-dossier-list .fpp-mini-btn.danger{background:#2a1716;border-color:#8e3e36;color:#ffd7d2}
.fpp-dossier-list .fpp-mini-btn.danger:hover{background:#3a1c19;border-color:#ef6a22;color:#fff}

/* FIVE OS 23.0 — leesbaarheid, automatische documentprofielen en verkoopafronding */
:root{
  --fpp-text:#f7f8fa;
  --fpp-text-soft:#d7dce3;
  --fpp-text-muted:#aeb7c4;
  --fpp-card:#151b22;
  --fpp-card-2:#1a212a;
  --fpp-border:#33404d;
  --fpp-orange:#ff6b1a;
}
.fpp-app,.fpp-app input,.fpp-app select,.fpp-app textarea,.fpp-app button{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.fpp-main{color:var(--fpp-text);font-size:16px;line-height:1.6}
.fpp-main p,.fpp-main small,.fpp-main label,.fpp-main td{color:var(--fpp-text-soft)}
.fpp-main small{font-size:14px;line-height:1.5}
.fpp-main h1{font-size:32px;line-height:1.18;letter-spacing:-.025em;color:#fff}
.fpp-main h2{font-size:27px;line-height:1.22;letter-spacing:-.02em;color:#fff}
.fpp-main h3{font-size:19px;line-height:1.35;color:#fff}
.fpp-main strong,.fpp-main b{color:#fff}
.fpp-main input,.fpp-main select,.fpp-main textarea{
  min-height:48px;font-size:16px;line-height:1.4;color:#f8fafc;
  background:#111820;border:1px solid #3a4857;border-radius:10px;
}
.fpp-main input::placeholder,.fpp-main textarea::placeholder{color:#929dac;opacity:1}
.fpp-main select option{color:#111;background:#fff}
.fpp-btn,.fpp-mini-btn{font-size:15px;font-weight:750;letter-spacing:0}
.fpp-document-profile-notice{display:flex;flex-direction:column;gap:3px;margin:4px 0 16px}
.fpp-document-profile-notice span{color:inherit}
.fpp-document-builder{grid-template-columns:minmax(350px,500px) minmax(0,1fr);gap:24px}
.fpp-print-document{font-family:Arial,Helvetica,sans-serif;font-size:11.5pt;line-height:1.42}
.fpp-print-document h1{font-size:25pt;line-height:1.05}
.fpp-print-document h2{font-size:14pt;color:#111}
.fpp-print-document h3{font-size:11.5pt;color:#111}
.fpp-print-document p,.fpp-print-document li,.fpp-print-document td,.fpp-print-document span{color:#161616}
.fpp-complete-sale{padding:24px}
.fpp-complete-sale .fpp-card-heading{margin-bottom:20px}
.fpp-requirement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
.fpp-requirement-list>div{display:flex;align-items:center;gap:11px;min-height:52px;padding:12px 14px;border:1px solid var(--fpp-border);border-radius:11px;background:var(--fpp-card-2)}
.fpp-requirement-list>div b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;flex:0 0 29px}
.fpp-requirement-list>div.done b{background:#1eae6d}.fpp-requirement-list>div.pending b{background:#9a5b21}
.fpp-finalize-form{display:grid;grid-template-columns:minmax(260px,390px) minmax(300px,1fr) auto;gap:16px;align-items:end;padding:18px;border:1px solid var(--fpp-border);border-radius:13px;background:#10161d}
.fpp-finalize-form>label{display:flex;flex-direction:column;gap:7px;margin:0}
.fpp-finalize-form .fpp-checkline{display:grid;grid-template-columns:24px 1fr;align-items:center;min-height:48px;padding:10px 12px;border:1px solid #3a4857;border-radius:10px;background:#151d26}
.fpp-finalize-form .fpp-checkline input{width:20px;height:20px;min-height:0;margin:0}
.fpp-finalize-form .fpp-checkline span{color:var(--fpp-text-soft)}
.fpp-finalize-form button{min-height:48px;white-space:nowrap}
@media(max-width:1050px){.fpp-document-builder{grid-template-columns:1fr}.fpp-finalize-form{grid-template-columns:1fr}.fpp-requirement-list{grid-template-columns:1fr}}

/* FIVE OS 23.0.1 readability and document workflow */
.fpp-print-logo-wrap{background:#171b20;border:1px solid #303842;padding:12px}
.fpp-print-logo-wrap img{filter:none;max-width:100%;max-height:92px;object-fit:contain}
.fpp-document-profile-notice{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;margin:4px 0 16px;padding:12px 14px;border:1px solid #3b4652;border-radius:11px;background:#151c24;color:#eef3f8}
.fpp-document-profile-notice .fpp-profile-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e86622;color:#fff;font-weight:900}
.fpp-document-profile-notice strong,.fpp-document-profile-notice span{display:block;color:#eef3f8}.fpp-document-profile-notice div>span{margin-top:3px;color:#c4ccd5;font-size:14px}
.fpp-rdw-upload{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr) auto;gap:14px;align-items:end}.fpp-rdw-upload label{display:grid;gap:7px}.fpp-rdw-upload label>span{font-size:14px;font-weight:750;color:#f3f6f9}.fpp-rdw-upload select,.fpp-rdw-upload input[type=file]{min-height:48px;width:100%;padding:10px 12px;border:1px solid #42505e;border-radius:10px;background:#101820;color:#fff;font:600 15px/1.4 Inter,"Segoe UI",sans-serif}
.fpp-content,.fpp-card,.fpp-table td,.fpp-form-grid label{font-size:15px}.fpp-card p,.fpp-muted,.fpp-table td small{color:#c2cad3}.fpp-card h2{color:#fff;line-height:1.2}.fpp-btn,.fpp-mini-btn{font-size:14px;line-height:1.25}
@media(max-width:900px){.fpp-rdw-upload{grid-template-columns:1fr}.fpp-rdw-upload .fpp-btn{width:100%}}


/* FIVE 23.0.2 — neutrale consignatieverkoop en rustigere documentopmaak */
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-neutral-consignment-hero{grid-template-columns:1fr;padding:26px 34px;background:#15181d}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-neutral-consignment-hero .fpp-print-logo-wrap{display:none}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-neutral-consignment-hero:after{display:none}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-neutral-consignment-hero span{color:#d3d7dc;letter-spacing:1.4px}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-neutral-consignment-hero h1{font-size:25px;max-width:none}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-print-meta{background:#f4f5f6;color:#20252b;border-bottom:1px solid #d9dde1}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-contract-section{border:0;border-radius:0;padding:4px 0 18px;margin:0 0 18px;overflow:visible}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-contract-section h2{border:0;padding:0;margin:0 0 11px;font-size:15px;color:#15181d}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-contract-section h2:after{display:none}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-contract-section td{padding:8px 6px;background:#fff;border-bottom:1px solid #e5e8eb}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-contract-section tr:nth-child(odd) td{background:#f7f8f9}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-legal-article{border-top:0;padding-top:0;margin-bottom:14px}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-legal-terms{gap:16px}
.fpp-signatures-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fpp-signatures-three>div{min-width:0}
.fpp-document-profile-notice{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start;margin:4px 0 16px;padding:11px 13px;border:1px solid #39434f;border-radius:10px;background:#141a21;color:#f3f6f8}
.fpp-document-profile-notice .fpp-profile-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f36f21;color:#fff;font-weight:900}
.fpp-document-profile-notice strong{display:block;color:#fff;font-size:15px;line-height:1.35}
.fpp-document-profile-notice div>span{display:block;margin-top:2px;color:#cbd2da;font-size:14px;line-height:1.45}
@media(max-width:760px){.fpp-signatures-three{grid-template-columns:1fr}}
@media print{
 .fpp-print-document.fpp-doc-consignatie-verkoop .fpp-neutral-consignment-hero{padding:10mm 12mm 7mm}
 .fpp-print-document.fpp-doc-consignatie-verkoop .fpp-contract-section{padding:1mm 0 4mm;margin-bottom:4mm}
 .fpp-signatures-three{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* FIVE OS 23.1.0 — juridisch consistente consignatieflow */
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-mediation-note{margin:16px 0 0;padding:12px 14px;border-left:4px solid #e86622;background:#f4f5f6;color:#222;font-size:10.5pt;line-height:1.45}
.fpp-print-document.fpp-doc-consignatie-verkoop .fpp-mediation-note strong{color:#111}
.fpp-consignment-payment .fpp-invoice-preview-head{border-bottom-color:#242a31}
.fpp-consignment-payment .fpp-invoice-preview-head span{color:#59616b}
.fpp-consignment-role-note{display:grid;gap:5px;margin:26px 0;padding:16px 18px;border:1px solid #d9dee4;border-left:5px solid #e86622;background:#f7f8f9;color:#20252b}
.fpp-consignment-role-note strong{font-size:15px}.fpp-consignment-role-note span{font-size:13px;line-height:1.45}
.fpp-card-heading>.fpp-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* FIVE OS 24.0 — financial workflow foundation */
.fpp-os24-arrangement{border:1px solid rgba(244,122,32,.28);background:linear-gradient(145deg,rgba(244,122,32,.055),rgba(22,25,31,.96));}
.fpp-os24-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(244,122,32,.14);color:#ff9a4d;font-size:14px;font-weight:750;white-space:nowrap}
.fpp-os24-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.fpp-os24-grid label{display:flex;flex-direction:column;gap:8px;color:#f5f7fa;font-size:15px;font-weight:700}
.fpp-os24-grid input,.fpp-os24-grid select,.fpp-os24-grid textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #4b5360;border-radius:10px;background:#171a20;color:#fff;font:500 16px/1.45 Inter,Arial,sans-serif}
.fpp-os24-grid textarea{min-height:92px}.fpp-os24-grid small{color:#c8ced7;font-size:13px;font-weight:500}.fpp-os24-wide{grid-column:1/-1}
.fpp-os24-check{flex-direction:row;align-items:center;justify-content:flex-start}.fpp-os24-check input{width:20px;min-height:20px;accent-color:#f47a20}
.fpp-os24-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.fpp-os24-summary>div{padding:15px;border:1px solid #3c434e;border-radius:12px;background:#15181e}.fpp-os24-summary span{display:block;color:#cbd1d9;font-size:13px}.fpp-os24-summary strong{display:block;margin-top:6px;color:#fff;font-size:20px}.fpp-os24-summary .accent{border-color:rgba(244,122,32,.55);background:rgba(244,122,32,.09)}.fpp-os24-summary .danger{border-color:#d75a5a;background:rgba(215,90,90,.1)}
.fpp-os24-warning{display:flex;gap:9px;align-items:flex-start;padding:13px 15px;border-left:4px solid #f0a33b;border-radius:8px;background:rgba(240,163,59,.09);color:#f7f2e9}.fpp-os24-warning span{color:#e3e6eb}
.fpp-os24-owned-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.fpp-os24-owned-flow div{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #3d444f;border-radius:12px;background:#171a20;color:#f5f7fa}.fpp-os24-owned-flow b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f47a20;color:#151515}.fpp-os24-help{margin:16px 0 0;color:#d9dee6;font-size:15px;line-height:1.65}.fpp-os24-notice{display:flex;flex-direction:column;gap:3px}.fpp-os24-notice span{color:#e6e9ed}
@media(max-width:900px){.fpp-os24-grid,.fpp-os24-summary,.fpp-os24-owned-flow{grid-template-columns:1fr}.fpp-os24-wide{grid-column:auto}.fpp-os24-badge{white-space:normal}}


/* FIVE OS 24.0.2 — herkenbare documentstatus en factuurhuisstijl */
.fpp-mini-state{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:800;white-space:nowrap}
.fpp-mini-state.success{background:rgba(31,170,105,.14);border:1px solid rgba(31,170,105,.34);color:#78e0ad}
.fpp-invoice-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fpp-invoice-brand img{display:block;width:150px;max-width:100%;height:auto;object-fit:contain}
.fpp-invoice-preview-head .fpp-invoice-brand span{font-size:11px;letter-spacing:1.6px;font-weight:800}
@media(max-width:700px){.fpp-invoice-brand img{width:120px}.fpp-row-actions{align-items:stretch}.fpp-row-actions .fpp-mini-btn,.fpp-row-actions .fpp-mini-state{width:100%;box-sizing:border-box}}


/* FIVE OS 24.0.3 — duidelijke consignatie-acties */
.fpp-table th:last-child,.fpp-table td:last-child{min-width:292px}
.fpp-consignment-actions{display:grid;grid-template-columns:repeat(2,minmax(126px,1fr));gap:8px;align-items:stretch;white-space:normal}
.fpp-consignment-actions .fpp-mini-btn,.fpp-consignment-actions .fpp-mini-state,.fpp-consignment-actions form,.fpp-consignment-actions form button{width:100%;min-height:40px;box-sizing:border-box;text-align:center}
.fpp-consignment-actions .fpp-mini-btn,.fpp-consignment-actions .fpp-mini-state{padding:9px 11px;border-radius:9px;font-size:13px;line-height:1.2}
.fpp-consignment-actions .action-sale{background:#ef6a22;color:#fff}
.fpp-consignment-actions .action-intake:not(.success){background:#26313b;border:1px solid #465564;color:#f2f5f7}
.fpp-consignment-actions .action-dossier{background:#18212a;border-color:#3b4a59}
.fpp-consignment-actions .action-delete{grid-column:1/-1}
.fpp-consignment-actions .action-delete button{background:transparent;border:1px solid #71302b;color:#ffb2a9}
.fpp-consignment-actions .action-delete button:hover{background:#3b1c1c;color:#fff}
@media(max-width:1180px){.fpp-table th:last-child,.fpp-table td:last-child{min-width:240px}.fpp-consignment-actions{grid-template-columns:1fr}}


/* FIVE OS 24.0.4 — AVG-bewuste consignatiekopie */
.fpp-privacy-copy-note{margin:14px 0 0;padding:12px 14px;border:1px solid #d8dee6;border-radius:10px;background:#f7f9fb;color:#394553;font-size:12px;line-height:1.55}
@media print{.fpp-privacy-copy-note{background:#fff;border-color:#cfd5dc;color:#2f3740}}

/* FIVE OS 24.0.5: expliciete CarGarantie-keuze */
.fpp-warranty-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid #3a4654;border-radius:12px;background:#151b22}.fpp-toggle-copy{display:block}.fpp-toggle-copy strong,.fpp-toggle-copy small{display:block}.fpp-toggle-copy strong{color:#fff;font-size:14px}.fpp-toggle-copy small{margin-top:4px;color:#9ea8b4;line-height:1.4}.fpp-toggle-control{position:relative;display:inline-flex;flex:0 0 auto}.fpp-toggle-control input{position:absolute;opacity:0;pointer-events:none}.fpp-toggle-control i{display:block;width:50px;height:28px;border-radius:999px;background:#3b424b;box-shadow:inset 0 0 0 1px #59616b;transition:.2s;cursor:pointer}.fpp-toggle-control i:after{content:"";display:block;width:22px;height:22px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.35);transition:.2s}.fpp-toggle-control input:checked+i{background:#ef6a22;box-shadow:inset 0 0 0 1px #ff8749}.fpp-toggle-control input:checked+i:after{transform:translateX(22px)}

/* FIVE OS 24.0.6: professionele consignatie-betalingsspecificatie */
.fpp-consignment-payment{overflow:hidden}
.fpp-consignment-payment .fpp-payment-cover{margin:-28px -28px 0;padding:30px 36px;background:#090d11;color:#fff;display:flex;justify-content:space-between;align-items:stretch;gap:30px;border-bottom:5px solid #f36c21}
.fpp-consignment-payment .fpp-payment-brand{display:flex;flex-direction:column;justify-content:space-between;gap:22px}.fpp-consignment-payment .fpp-payment-logo{display:flex;align-items:center;min-height:72px}
.fpp-consignment-payment .fpp-payment-logo img{display:block;width:174px;height:auto;filter:none}
.fpp-consignment-payment .fpp-payment-kicker{font-size:10px;letter-spacing:2.2px;font-weight:900;color:#d9dde2}
.fpp-consignment-payment .fpp-payment-total{text-align:right;min-width:210px;display:flex;flex-direction:column;justify-content:center;padding-left:30px;border-left:1px solid rgba(255,255,255,.16)}
.fpp-consignment-payment .fpp-payment-total small{display:block;text-transform:uppercase;letter-spacing:1.4px;color:#c9ced4;margin-bottom:7px}
.fpp-consignment-payment .fpp-payment-total strong{display:block;font-size:30px;line-height:1.1;white-space:nowrap;color:#fff;letter-spacing:-.6px}
.fpp-consignment-payment .fpp-payment-title{padding:24px 0 18px;border-bottom:3px solid #f36c21}
.fpp-consignment-payment .fpp-payment-title>span{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#f36c21}
.fpp-consignment-payment .fpp-payment-title h3{margin:0;font-size:30px;line-height:1.08}
.fpp-consignment-payment .fpp-payment-title p{margin:0;color:#68727d}
.fpp-consignment-payment .fpp-consignment-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}
.fpp-consignment-payment .fpp-consignment-parties>div{border:1px solid #dfe4ea;border-radius:10px;padding:17px;display:flex;flex-direction:column;gap:6px}
.fpp-consignment-payment .fpp-consignment-parties small,.fpp-consignment-payment .fpp-payment-meta small{color:#68727d;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:800}
.fpp-consignment-payment .fpp-payment-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:11px;margin:0 0 25px}
.fpp-consignment-payment .fpp-payment-meta>div{background:#f4f6f8;padding:13px;border-radius:8px;display:flex;flex-direction:column;gap:5px}
.fpp-consignment-payment .fpp-payment-table{width:100%;table-layout:fixed;border-collapse:collapse}
.fpp-consignment-payment .fpp-payment-table th,.fpp-consignment-payment .fpp-payment-table td{padding:14px;border-bottom:1px solid #dfe4ea}
.fpp-consignment-payment .fpp-payment-table th{background:#111820;color:#fff;text-align:left}
.fpp-consignment-payment .fpp-payment-table th:last-child,.fpp-consignment-payment .fpp-payment-table td:last-child{width:180px;white-space:nowrap;text-align:right}
.fpp-consignment-payment .fpp-payment-table tfoot td{font-size:20px;font-weight:800;border-top:3px solid #f36c21;border-bottom:0;padding-top:17px}
.fpp-consignment-payment .fpp-payment-note{margin-top:30px;padding:17px 19px;border-left:4px solid #f36c21;background:#f5f6f7}
.fpp-consignment-payment .fpp-payment-note p{margin:6px 0 0;line-height:1.55;color:#4f5964}
@media(max-width:700px){.fpp-consignment-payment .fpp-payment-cover,.fpp-consignment-payment .fpp-consignment-parties,.fpp-consignment-payment .fpp-payment-meta{grid-template-columns:1fr;display:grid}.fpp-consignment-payment .fpp-payment-total{text-align:left}.fpp-consignment-payment .fpp-payment-table th:last-child,.fpp-consignment-payment .fpp-payment-table td:last-child{width:130px}}


.fpp-consignment-payment .fpp-payment-instructions{margin-top:28px;border:1px solid #d8dee5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(17,24,32,.05)}
.fpp-consignment-payment .fpp-payment-instructions-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;background:#111820;color:#fff;border-bottom:4px solid #f36c21}
.fpp-consignment-payment .fpp-payment-instructions-head small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:900;color:#aeb7c1}
.fpp-consignment-payment .fpp-payment-instructions-head h4{margin:0;font-size:18px;line-height:1.2;color:#fff}
.fpp-consignment-payment .fpp-payment-route-badge{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:10px;letter-spacing:1px;font-weight:900;color:#fff}
.fpp-consignment-payment .fpp-payment-details{display:grid;grid-template-columns:1fr 1.25fr;gap:0;padding:0 20px}
.fpp-consignment-payment .fpp-payment-details>div{min-height:76px;padding:16px 0;border-bottom:1px solid #e4e8ed;display:flex;flex-direction:column;justify-content:center;gap:5px}
.fpp-consignment-payment .fpp-payment-details>div:nth-child(odd){padding-right:20px;border-right:1px solid #e4e8ed}
.fpp-consignment-payment .fpp-payment-details>div:nth-child(even){padding-left:20px}
.fpp-consignment-payment .fpp-payment-details small{font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:900;color:#68727d}
.fpp-consignment-payment .fpp-payment-details strong{font-size:15px;line-height:1.35;color:#111820}
.fpp-consignment-payment .fpp-payment-iban-box strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:.55px;white-space:nowrap}
.fpp-consignment-payment .fpp-payment-route-copy{margin:0;padding:16px 20px 18px;line-height:1.55;color:#4f5964;background:#f7f8fa}
.fpp-consignment-payment .fpp-payment-warning{margin:0;padding:12px 20px;background:#fff2e9;color:#8a3d0d;font-weight:800;border-top:1px solid #ffd7be}
@media(max-width:700px){.fpp-consignment-payment .fpp-payment-details{grid-template-columns:1fr}.fpp-consignment-payment .fpp-payment-details>div{padding:14px 0;border-right:0}.fpp-consignment-payment .fpp-payment-instructions-head{align-items:flex-start}.fpp-consignment-payment .fpp-payment-total{border-left:0;padding-left:0}.fpp-invoice-bank{flex-direction:column}}

/* FIVE OS 25.0 - Apple Agenda koppeling */
.fpp-apple-calendar-card{overflow:hidden}
.fpp-calendar-free{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#eef9f1;color:#166534;font-weight:800;font-size:13px}
.fpp-apple-calendar-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:24px;margin-top:18px}
.fpp-apple-calendar-main,.fpp-apple-calendar-settings{border:1px solid #e5e7eb;border-radius:14px;padding:22px;background:#fff}
.fpp-apple-calendar-main h3,.fpp-apple-calendar-settings h3{margin:0 0 12px;font-size:18px}
.fpp-apple-calendar-main ol{margin:0 0 20px;padding-left:22px;line-height:1.75}
.fpp-calendar-note{margin:18px 0 0;padding:13px 15px;border-left:4px solid #f97316;background:#fff7ed;border-radius:8px;font-size:14px;line-height:1.55}
.fpp-radio-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #eef0f3;cursor:pointer}
.fpp-radio-row input{margin-top:4px}
.fpp-radio-row span{display:flex;flex-direction:column;gap:3px}
.fpp-radio-row small{color:#667085;line-height:1.4}
.fpp-apple-calendar-settings form>.fpp-btn{margin-top:16px}
.fpp-apple-calendar-settings details{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}
.fpp-apple-calendar-settings summary{cursor:pointer;font-weight:750}
.fpp-apple-calendar-settings details p{color:#667085;font-size:14px;line-height:1.5}
@media(max-width:900px){.fpp-apple-calendar-grid{grid-template-columns:1fr}.fpp-apple-calendar-main,.fpp-apple-calendar-settings{padding:18px}}

/* FIVE OS 25.0.1 — heldere Apple-koppeling en volledige smartphone/iPad-layout */
.fpp-apple-calendar-card{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.fpp-apple-calendar-card .fpp-card-head h2,
.fpp-apple-calendar-card h3,
.fpp-apple-calendar-card strong{color:#f8fafc}
.fpp-apple-calendar-card .fpp-card-head p{color:#c9d1db;max-width:760px;line-height:1.55}
.fpp-apple-calendar-main,
.fpp-apple-calendar-settings{background:#151c24;border-color:#33404e;color:#e8edf3}
.fpp-apple-calendar-main ol{color:#dbe2ea;font-size:16px;line-height:1.75}
.fpp-apple-calendar-main li::marker{color:#f36c21;font-weight:800}
.fpp-apple-calendar-settings .fpp-radio-row{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #303b47;color:#eef2f6}
.fpp-apple-calendar-settings .fpp-radio-row input{margin-top:4px;accent-color:#f36c21;flex:0 0 auto}
.fpp-apple-calendar-settings .fpp-radio-row span,.fpp-apple-calendar-settings .fpp-radio-row strong,.fpp-apple-calendar-settings .fpp-radio-row small{display:block;color:#eef2f6}
.fpp-apple-calendar-settings .fpp-radio-row small{margin-top:5px;color:#b7c0cb;line-height:1.5;font-size:14px}
.fpp-calendar-note{background:#241b15;border-left:4px solid #f36c21;color:#e7d5c8;padding:14px 16px;border-radius:9px;line-height:1.55}
.fpp-calendar-free{background:#edf9f1;color:#14743d;font-weight:850}
.fpp-apple-calendar-settings details{border-color:#33404e}.fpp-apple-calendar-settings summary{color:#eef2f6}.fpp-apple-calendar-settings details p{color:#b7c0cb}

/* Agenda-koppeling is ook op desktop zichtbaar voor installatie op Mac/Windows. */

@media(max-width:1100px){
  html,body{max-width:100%;overflow-x:hidden}
  .fpp-app{grid-template-columns:1fr;display:block;min-width:0}
  .fpp-main,.fpp-content,.five-portal-wrap{min-width:0;max-width:100%}
  .fpp-side{position:fixed;top:0;bottom:0;left:0;width:min(86vw,300px);height:100dvh;transform:translateX(-105%);transition:transform .24s ease;z-index:100020;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  body.menu-open .fpp-side{transform:translateX(0)}
  body.menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:100010;backdrop-filter:blur(2px)}
  .fpp-top{height:68px;padding:0 12px;gap:10px;position:sticky;top:0;z-index:100000}
  .fpp-menu{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #36414e;border-radius:11px;background:#151c24;color:#fff;font-size:0;cursor:pointer}
  .fpp-menu:before{content:"☰";font-size:25px;line-height:1}
  .fpp-search{display:none}
  .fpp-user{margin-left:auto;min-width:0}.fpp-user>div:last-child{display:none}
  .fpp-content{padding:20px 14px calc(35px + env(safe-area-inset-bottom));width:100%}
  .fpp-page-head{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}
  .fpp-page-head h1{font-size:clamp(25px,7vw,32px);line-height:1.12}.fpp-page-head p{font-size:15px;line-height:1.55}
  .fpp-page-head>.fpp-btn,.fpp-page-head>div:last-child{width:100%}.fpp-page-head .fpp-btn{width:100%;text-align:center}
  .fpp-card{padding:18px;border-radius:14px;overflow:hidden}
  .fpp-card-head{align-items:flex-start;gap:12px}.fpp-card-head h2{font-size:20px}.fpp-card-head p{font-size:14px}
  .fpp-apple-calendar-grid{grid-template-columns:1fr;gap:14px}.fpp-apple-calendar-main,.fpp-apple-calendar-settings{padding:17px}
  .fpp-form-actions{display:grid;grid-template-columns:1fr;gap:10px}.fpp-form-actions .fpp-btn{width:100%;text-align:center;justify-content:center;min-height:46px}
  .fpp-calendar-grid{min-width:720px}.fpp-calendar-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .fpp-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.fpp-table{min-width:760px}
  .fpp-stats,.fpp-two,.fpp-report-grid,.fpp-dossier-grid,.fpp-requirement-list{grid-template-columns:1fr}
  .fpp-form-card form{grid-template-columns:1fr}.fpp-field,.fpp-check,.fpp-form-actions{grid-column:1}
  input,select,textarea,button{font-size:16px}
}

@media(max-width:600px){
  .fpp-content{padding-left:10px;padding-right:10px}
  .fpp-card{padding:15px;margin-bottom:14px}
  .fpp-card-head{flex-direction:column}.fpp-calendar-free{align-self:flex-start}
  .fpp-apple-calendar-main ol{padding-left:21px;font-size:15px}
  .fpp-btn{min-height:46px;padding:12px 14px}
  .fpp-dossier-steps{grid-template-columns:1fr}
}


/* FIVE 25.1.1 — klikbare dagen en snelle notities */
.fpp-day-add{display:flex;align-items:center;justify-content:space-between;gap:8px;color:inherit;text-decoration:none;border-radius:8px;padding:2px 3px;margin:-2px -3px 6px}
.fpp-day-add:hover,.fpp-day-add:focus{background:rgba(228,86,19,.12);outline:none}
.fpp-day-add-label{font-size:11px;font-weight:800;color:#ff8b51;opacity:0;transition:opacity .15s ease}
.fpp-calendar-day:hover .fpp-day-add-label,.fpp-day-add:focus .fpp-day-add-label{opacity:1}
.fpp-calendar-day{cursor:pointer}
@media(max-width:1100px){
 .fpp-calendar-card{overflow:visible}
 .fpp-calendar-grid{min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
 .fpp-calendar-day{min-height:92px;padding:7px;margin:0;border-radius:0;display:block}
 .fpp-calendar-day.muted{display:block}
 .fpp-calendar-day:not(:has(.fpp-calendar-event)){display:block}
 .fpp-day-add-label{display:none}
}
@media(max-width:600px){
 .fpp-calendar-week{display:grid;grid-template-columns:repeat(7,1fr)}
 .fpp-calendar-grid{grid-template-columns:repeat(7,minmax(42px,1fr))}
 .fpp-calendar-day{min-height:62px;padding:5px}
 .fpp-day-number{font-size:12px}
 .fpp-calendar-event{padding:4px;margin-top:4px;border-radius:6px}
 .fpp-calendar-event time{font-size:9px}.fpp-calendar-event strong{font-size:9px;line-height:1.15}
 .fpp-calendar-event small{display:none}
}

/* FIVE OS 25.2.0 — iPhone/iPad mobile shell */
.fpp-mobile-close,.fpp-menu-scrim,.fpp-mobile-quickbar{display:none}
@media (max-width:760px){
  html{background:#080808;overscroll-behavior:none}
  body.fpp-body{min-height:100svh;overflow-x:hidden;padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  body.fpp-body.menu-open{overflow:hidden;touch-action:none}
  .fpp-app{min-height:100svh}
  .fpp-side{display:flex;position:fixed;z-index:1002;inset:0 auto 0 0;left:0;width:min(86vw,330px);height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));transform:translate3d(-105%,0,0);transition:transform .22s ease;will-change:transform;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:24px 0 70px rgba(0,0,0,.5)}
  body.fpp-body.menu-open .fpp-side{transform:translate3d(0,0,0)}
  .fpp-mobile-close{display:grid;position:absolute;right:12px;top:calc(10px + env(safe-area-inset-top));width:42px;height:42px;place-items:center;border:1px solid #34383e;border-radius:12px;background:#171a1f;color:#fff;font-size:29px;line-height:1;z-index:3}
  .fpp-menu-scrim{display:block;position:fixed;z-index:1001;inset:0;border:0;padding:0;background:rgba(0,0,0,.68);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
  body.fpp-body.menu-open .fpp-menu-scrim{opacity:1;visibility:visible;pointer-events:auto}
  .fpp-brand{padding-right:52px}
  .fpp-side nav a{min-height:48px;font-size:15px}
  .fpp-top{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;position:sticky;top:0;z-index:900}
  .fpp-menu{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid #30343a;border-radius:13px;background:#15181c;color:#fff;font-size:23px;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .fpp-menu:active{transform:scale(.96);background:#20242a}
  .fpp-main{width:100%;min-width:0}
  .fpp-content{padding:18px 12px 24px;max-width:100%;overflow:hidden}
  .fpp-card{padding:16px;border-radius:15px}
  .fpp-page-head{gap:14px;margin-bottom:18px}
  .fpp-page-head h1{font-size:27px}
  .fpp-page-head .fpp-btn,.fpp-head-actions,.fpp-form-actions{width:100%}
  .fpp-head-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .fpp-head-actions .fpp-btn,.fpp-form-actions .fpp-btn{width:100%;justify-content:center;text-align:center}
  .fpp-mobile-quickbar{display:grid;position:fixed;z-index:950;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;border:1px solid #2d3238;border-radius:17px;background:rgba(15,17,20,.94);box-shadow:0 16px 45px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .fpp-mobile-quickbar a{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:6px;border-radius:12px;color:#dfe3e8;font-size:11px;font-weight:800}
  .fpp-mobile-quickbar a:active{background:#272c32}
  .fpp-mobile-quickbar b{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#e45613;color:#fff;font-size:18px}
  .fpp-calendar-card{display:none}
  .fpp-agenda-list article{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:15px 0}
  .fpp-agenda-list time{font-size:12px;line-height:1.45;color:#ff965f}
  .fpp-agenda-list strong{font-size:15px}
  .fpp-agenda-list small{line-height:1.5}
  input,select,textarea,button{font-size:16px}
}
@media (min-width:761px){.fpp-side[aria-hidden="true"]{aria-hidden:false}}
@media (prefers-reduced-motion:reduce){.fpp-side,.fpp-menu-scrim{transition:none}}

/* FIVE OS 25.2.1 — iPhone shell hotfix */
@media (max-width:760px){
  /* De oude tablet-overlay stond boven het menu en maakte het menu onzichtbaar. */
  body.fpp-body.menu-open:after{display:none;content:none}
  .fpp-side{z-index:2147483000}
  .fpp-menu-scrim{z-index:2147482990}
  .fpp-top{z-index:1000;min-height:60px;height:calc(60px + env(safe-area-inset-top))}
  .fpp-collapse,.fpp-side-collapse{display:none}
  .fpp-owner-menu{display:none}
  .fpp-top{justify-content:space-between}
  .fpp-user{margin-left:auto}
  .fpp-menu{flex:0 0 42px;width:42px;height:42px;min-width:42px;padding:0}
  .fpp-avatar{width:40px;height:40px}
  .fpp-content{padding-top:16px;padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .fpp-mobile-quickbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:5px;border-radius:15px;gap:3px}
  .fpp-mobile-quickbar a{min-height:44px;font-size:12px;gap:5px}
  .fpp-mobile-quickbar b{width:24px;height:24px;font-size:17px;border-radius:7px}
  .fpp-dashboard-hero{padding:22px 16px}
  .fpp-dashboard-hero h1{font-size:clamp(27px,8vw,36px);line-height:1.08}
  .fpp-dashboard-grid,.fpp-stats{gap:12px}
  .fpp-kpi,.fpp-stats article{min-height:0;padding:16px;border-radius:15px}
}

/* FIVE OS 25.2.2 — één helder menu-icoon en eenvoudige iPhone-installatie */
@media(max-width:1100px){
  .fpp-menu{font-size:0;line-height:0;overflow:hidden}
  .fpp-menu:before,.fpp-menu:after{content:none;display:none}
  .fpp-menu-icon{display:flex;width:23px;height:18px;flex-direction:column;justify-content:space-between;align-items:stretch}
  .fpp-menu-icon i{display:block;width:100%;height:2px;background:#fff;border-radius:99px;margin:0;padding:0}
  body.menu-open .fpp-menu-icon i:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.menu-open .fpp-menu-icon i:nth-child(2){opacity:0}
  body.menu-open .fpp-menu-icon i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .fpp-menu-icon i{transition:transform .18s ease,opacity .18s ease}
}
.fpp-caldav-easy{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px;margin:10px 0 18px;border:1px solid #4a382c;border-radius:14px;background:linear-gradient(135deg,#24170f,#151c24)}
.fpp-caldav-easy h3{margin:5px 0 6px;color:#fff}.fpp-caldav-easy p{margin:0;color:#c9d1db;line-height:1.55}.fpp-caldav-install{flex:0 0 auto;white-space:nowrap}
.fpp-caldav-manual{margin-top:18px;border-top:1px solid #33404e;padding-top:15px}.fpp-caldav-manual summary{cursor:pointer;font-weight:800;color:#f8fafc}
.fpp-caldav-credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.fpp-caldav-credentials p{margin:0;padding:12px;border:1px solid #33404e;border-radius:10px;background:#10161d;min-width:0}.fpp-caldav-credentials small,.fpp-caldav-credentials strong{display:block}.fpp-caldav-credentials small{color:#9ba7b4;margin-bottom:5px}.fpp-caldav-credentials strong{overflow-wrap:anywhere}
@media(max-width:700px){.fpp-caldav-easy{align-items:stretch;flex-direction:column}.fpp-caldav-install{width:100%;text-align:center}.fpp-caldav-credentials{grid-template-columns:1fr}}


/* FIVE OS 25.2.3 — desktop en mobiele regels strikt gescheiden */
@media (min-width:761px){
  .fpp-app{grid-template-columns:248px minmax(0,1fr);width:100%}
  .fpp-side{width:auto;transform:none}
  .fpp-main{width:100%;min-width:0}
  .fpp-content{width:100%;max-width:none;margin:0;padding:36px}
  body.sidebar-collapsed .fpp-app{grid-template-columns:248px minmax(0,1fr)}
  body.sidebar-collapsed .fpp-side{width:auto;padding:28px 18px}
  body.sidebar-collapsed .fpp-brand small,body.sidebar-collapsed .fpp-nav-label,body.sidebar-collapsed .fpp-side nav a span,body.sidebar-collapsed .fpp-side-user div,body.sidebar-collapsed .fpp-logout{display:initial}
  body.sidebar-collapsed .fpp-brand img{max-width:100%;margin:0}
  body.sidebar-collapsed .fpp-side nav a{justify-content:flex-start;padding:12px 14px}
  .fpp-side-collapse,.fpp-collapse{display:none}
}


/* FIVE OS 25.2.6 — professionele mobiele agenda-installatie */
@media (min-width:761px){
  .fpp-mobile-calendar-setup{display:none}
}
@media (max-width:760px){
  .fpp-menu{outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
  .fpp-menu:focus{outline:none;box-shadow:none}
  .fpp-menu:focus-visible{outline:2px solid rgba(244,123,32,.72);outline-offset:3px}
  .fpp-menu,.fpp-menu *{-webkit-tap-highlight-color:transparent}
  .fpp-caldav-easy{margin-top:0;padding:16px}
  .fpp-caldav-install{min-height:50px;display:flex;align-items:center;justify-content:center}
  .fpp-apple-calendar-grid{grid-template-columns:1fr}
  .fpp-apple-calendar-settings{border-top:1px solid #303943;padding-top:18px}
}

/* FIVE OS 25.2.7 — professionele mobiele actiebalk en zichtbare CalDAV-code */
.fpp-caldav-password{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:14px;border:1px solid #36424e;border-radius:13px;background:linear-gradient(145deg,#111a22,#0d141b)}
.fpp-caldav-password small,.fpp-caldav-password span{display:block;color:#9da8b4}
.fpp-caldav-password strong{display:block;margin:6px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.06em;color:#fff;overflow-wrap:anywhere}
.fpp-caldav-password span{font-size:12px;line-height:1.45}
.fpp-copy-caldav{flex:0 0 auto;border:1px solid rgba(255,122,50,.55);border-radius:10px;background:rgba(228,86,19,.14);color:#ff9a62;padding:10px 13px;font-weight:850;cursor:pointer}
@media(max-width:760px){
 body.fpp-body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
 .fpp-content{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
 .fpp-mobile-quickbar{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(12,15,18,.88);box-shadow:0 14px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.035);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}
 .fpp-mobile-quickbar a{position:relative;display:flex;flex-direction:column;min-height:61px;gap:4px;padding:7px 3px 6px;border-radius:17px;color:#b9c1ca;font-size:10px;line-height:1;font-weight:760;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:background .16s ease,color .16s ease,transform .12s ease}
 .fpp-mobile-quickbar a:active{background:rgba(255,255,255,.07);color:#fff;transform:scale(.97)}
 .fpp-mobile-quickbar b{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:11px;background:linear-gradient(145deg,#ff7529,#d84b0c);box-shadow:0 5px 13px rgba(228,86,19,.25);color:#fff}
 .fpp-mobile-quickbar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .fpp-mobile-quickbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .fpp-caldav-password{align-items:stretch;flex-direction:column;padding:14px}
 .fpp-copy-caldav{width:100%;min-height:44px}
 .fpp-apple-calendar-settings .fpp-mini-btn{width:100%;text-align:center;justify-content:center}
}

/* FIVE 25.2.8: clickable appointment details */
.fpp-calendar-event-button{display:block;width:100%;border-top:0;border-right:0;border-bottom:0;text-align:left;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}
.fpp-calendar-event-button:hover,.fpp-calendar-event-button:focus-visible{background:#303030;transform:translateY(-1px);outline:2px solid rgba(255,112,32,.42);outline-offset:2px}
.fpp-appointment-dialog{width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:1px solid #34404d;border-radius:20px;background:#111820;color:#f6f7f9;box-shadow:0 28px 80px rgba(0,0,0,.58);overflow:auto}
.fpp-appointment-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}
.fpp-appointment-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 24px 18px;border-bottom:1px solid #29333e}
.fpp-appointment-dialog-head span{display:block;color:#ff7629;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.fpp-appointment-dialog-head h2{margin:0;font-size:25px;line-height:1.2}
.fpp-appointment-dialog-close{width:40px;height:40px;border:1px solid #384554;border-radius:12px;background:#1a232c;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.fpp-appointment-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 24px 26px}
.fpp-appointment-dialog-grid>div{min-width:0;padding:14px 15px;border:1px solid #2e3945;border-radius:13px;background:#161e27}
.fpp-appointment-dialog-grid .wide{grid-column:1/-1}
.fpp-appointment-dialog-grid small{display:block;color:#8996a5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.fpp-appointment-dialog-grid strong,.fpp-appointment-dialog-grid p{display:block;margin:0;color:#f5f7fa;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:620px){.fpp-appointment-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:18px}.fpp-appointment-dialog-head{padding:20px 18px 15px}.fpp-appointment-dialog-grid{grid-template-columns:1fr;padding:16px 18px 22px}.fpp-appointment-dialog-grid .wide{grid-column:auto}}


/* FIVE 25.2.9 — passende agendategels, themakleuren en bewerken */
.fpp-calendar-day{min-width:0;overflow:hidden}
.fpp-calendar-event-button{box-sizing:border-box;max-width:100%;min-width:0;background:linear-gradient(145deg,#24282d,#1d2024);border-left-color:#f26b21;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.fpp-calendar-event-button time{color:#ff8b4a}
.fpp-calendar-event-button strong,.fpp-calendar-event-button small{max-width:100%;text-align:left}
.fpp-calendar-event-button:hover,.fpp-calendar-event-button:focus-visible{background:linear-gradient(145deg,#30271f,#24272b);outline-color:rgba(242,107,33,.58)}
.fpp-appointment-dialog{border-color:#394550;background:linear-gradient(165deg,#121a22,#0e151c)}
.fpp-appointment-dialog-head{border-bottom-color:#2c3742}
.fpp-appointment-dialog-head span{color:#ff7a32}
.fpp-appointment-dialog-close{border-color:#46515c;background:#18212a;color:#dfe6ed}
.fpp-appointment-dialog-close:hover{border-color:#f26b21;color:#ff9257}
.fpp-appointment-dialog-grid>div{border-color:#303c48;background:#17212a}
.fpp-appointment-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px}
.fpp-appointment-dialog-actions .fpp-btn{min-width:150px;text-align:center;justify-content:center}
.fpp-appointment-editor{border-color:#394550;background:linear-gradient(160deg,#121a22,#0f161d)}
.fpp-appointment-editor .fpp-eyebrow{color:#ff7a32}
@media(min-width:901px){
 .fpp-calendar-grid{align-items:stretch}
 .fpp-calendar-day{padding:8px}
 .fpp-calendar-event-button{padding:7px 8px;margin:4px 0 0}
 .fpp-calendar-event-button time{font-size:9px}
 .fpp-calendar-event-button strong{font-size:10px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .fpp-calendar-event-button small{font-size:8.5px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
}
@media(max-width:760px){
 .fpp-calendar-card{background:transparent;border:0;padding:0}
 .fpp-calendar-day{padding:12px;background:#121920;border-color:#303b46}
 .fpp-calendar-event-button{padding:13px 14px;border-radius:12px;border-left-width:4px;background:linear-gradient(145deg,#20262c,#181d22)}
 .fpp-calendar-event-button time{font-size:11px}
 .fpp-calendar-event-button strong{font-size:14px;line-height:1.35;margin-top:3px;white-space:normal}
 .fpp-calendar-event-button small{display:block;font-size:11px;color:#aeb7c1;white-space:normal;margin-top:5px}
 .fpp-appointment-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:22px}
 .fpp-appointment-dialog-head{position:sticky;top:0;z-index:2;padding:18px 16px 14px;background:rgba(17,24,32,.96);backdrop-filter:blur(16px)}
 .fpp-appointment-dialog-head h2{font-size:21px}
 .fpp-appointment-dialog-grid{gap:9px;padding:14px 14px 16px}
 .fpp-appointment-dialog-grid>div{padding:12px 13px;border-radius:12px}
 .fpp-appointment-dialog-actions{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(17,24,32,.96);border-top:1px solid #2b3540;backdrop-filter:blur(16px)}
 .fpp-appointment-dialog-actions .fpp-btn{min-width:0;width:100%;padding:12px 8px}
 .fpp-appointment-editor{margin-left:0;margin-right:0;border-radius:18px}
 .fpp-appointment-editor .fpp-card-head{padding-bottom:8px}
 .fpp-appointment-editor form{grid-template-columns:1fr}
 .fpp-appointment-editor .fpp-form-actions{display:grid;grid-template-columns:1fr;gap:9px}
 .fpp-appointment-editor .fpp-form-actions .fpp-btn{width:100%;justify-content:center;text-align:center}
}


/* FIVE 25.2.10 — agendablokken volledig passend in tegels en in FIVE-huisstijl */
.fpp-calendar-day{
  min-width:0;
  overflow:hidden;
}
.fpp-calendar-event,
.fpp-calendar-event-button{
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:58px;
  margin:6px 0 0;
  padding:9px 10px;
  overflow:hidden;
  border:1px solid rgba(228,86,19,.52);
  border-left:4px solid #e45613;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(228,86,19,.16),rgba(24,27,31,.98) 48%,#181b1f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.16);
  color:#fff;
}
.fpp-calendar-event-button time{
  width:100%;
  color:#ff8b4a;
  font-weight:900;
  text-align:left;
}
.fpp-calendar-event-button strong,
.fpp-calendar-event-button small{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fpp-calendar-event-button strong{color:#fff}
.fpp-calendar-event-button small{color:#b8bec6}
.fpp-calendar-event-button:hover,
.fpp-calendar-event-button:focus-visible{
  border-color:#f47a32;
  border-left-color:#ff7b32;
  background:linear-gradient(145deg,rgba(228,86,19,.25),#25211e 50%,#1d2024);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.24);
}
@media(min-width:901px){
  .fpp-calendar-day{padding:9px}
  .fpp-calendar-event-button{min-height:62px;padding:9px 10px}
  .fpp-calendar-event-button time{font-size:10px;line-height:1.15}
  .fpp-calendar-event-button strong{font-size:11px;line-height:1.25;margin-top:3px;white-space:nowrap}
  .fpp-calendar-event-button small{font-size:9px;line-height:1.25;margin-top:4px;white-space:nowrap}
}
@media(max-width:760px){
  .fpp-agenda-list article{
    border:1px solid rgba(228,86,19,.35);
    border-left:4px solid #e45613;
    border-radius:15px;
    background:linear-gradient(145deg,rgba(228,86,19,.11),#171b20 44%,#14181c);
    box-shadow:0 8px 22px rgba(0,0,0,.18);
    padding:15px;
  }
  .fpp-agenda-list time{color:#ff8b4a;font-weight:900}
  .fpp-agenda-list strong{color:#fff}
  .fpp-agenda-list small{color:#b9c0c8}
  .fpp-calendar-event-button{
    min-height:74px;
    border-radius:14px;
    padding:13px 14px;
  }
}

/* FIVE 25.2.11 — agenda medewerkerfilter strak uitlijnen */
.fpp-agenda-filter form{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.fpp-agenda-filter form>label{
  display:grid;
  gap:7px;
  margin:0;
  min-width:220px;
}
.fpp-agenda-filter form>label>span{
  display:block;
  line-height:1.2;
}
.fpp-agenda-filter select,
.fpp-agenda-filter .fpp-mini-btn{
  height:48px;
  min-height:48px;
  box-sizing:border-box;
  margin:0;
}
.fpp-agenda-filter .fpp-mini-btn{
  padding:0 18px;
  align-self:flex-end;
  white-space:nowrap;
}
@media(max-width:600px){
  .fpp-agenda-filter form{display:grid;grid-template-columns:1fr;gap:10px}
  .fpp-agenda-filter form>label{min-width:0;width:100%}
  .fpp-agenda-filter select,.fpp-agenda-filter .fpp-mini-btn{width:100%}
}

/* FIVE 25.2.13 — mobiele navigatie en professionele kennisbank */
@media(max-width:760px){
  html{overflow-x:hidden;background:#080808}
  body.fpp-body{overflow-x:hidden;background:#080808}
  .fpp-app,.fpp-main,.fpp-content{width:100%;max-width:100%;overflow-x:hidden}
  .fpp-side{width:min(82vw,310px);max-width:310px;background:linear-gradient(180deg,#0d0e10,#08090b);border-right:1px solid #292d33;box-shadow:24px 0 70px rgba(0,0,0,.68)}
  .fpp-menu-scrim{inset:0;background:rgba(3,5,8,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
  body.fpp-body.menu-open:after{display:none;content:none}
  body.fpp-body.menu-open .fpp-main{transform:none;filter:none}
  .fpp-mobile-close{background:#191c21;border:1px solid #333841;color:#fff}
}
.five-help-intro{display:grid;gap:20px;background:linear-gradient(145deg,rgba(228,86,19,.13),#13171c 45%,#101419);border-color:rgba(228,86,19,.34)}
.five-help-intro h2,.five-help-intro p{margin:0}.five-help-intro p{margin-top:8px;max-width:900px}
.five-help-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 18px}.five-help-toolbar input{flex:1;min-height:50px;border:1px solid #303945;border-radius:13px;background:#141a21;color:#fff;padding:0 16px;font:inherit}.five-help-toolbar input:focus{outline:2px solid rgba(228,86,19,.35);border-color:#e45613}.five-help-toolbar span{white-space:nowrap;color:#aeb7c1;font-size:13px}
.five-help-accordion{display:grid;gap:12px}.five-help-item{padding:0;margin:0;overflow:hidden}.five-help-item summary{list-style:none;display:grid;grid-template-columns:46px minmax(0,1fr) 32px;align-items:center;gap:14px;padding:19px 20px;cursor:pointer}.five-help-item summary::-webkit-details-marker{display:none}.five-help-item summary>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(228,86,19,.13);color:#ff8a49;font-weight:900}.five-help-item summary h2,.five-help-item summary p{margin:0}.five-help-item summary h2{font-size:18px}.five-help-item summary p{margin-top:5px;font-size:13px;line-height:1.5}.five-help-item summary>b{font-size:22px;color:#ff8545;transition:transform .2s ease}.five-help-item[open] summary>b{transform:rotate(45deg)}.five-help-body{padding:0 20px 20px 80px;border-top:1px solid #27313b}.five-help-body h3{margin:18px 0 7px}.five-help-body p{margin:0 0 16px;line-height:1.7}.five-help-rules ol{margin:16px 0 0;padding-left:22px;display:grid;gap:10px}.five-help-rules li{padding-left:5px;line-height:1.55}
@media(max-width:640px){.five-help-toolbar{display:grid}.five-help-toolbar span{justify-self:end}.five-help-item summary{grid-template-columns:38px minmax(0,1fr) 24px;padding:16px 14px;gap:10px}.five-help-item summary>span{width:36px;height:36px;border-radius:10px}.five-help-item summary h2{font-size:16px}.five-help-body{padding:0 14px 17px}.five-flow{overflow-x:auto;justify-content:flex-start;padding-bottom:5px}}


/* FIVE 25.2.14 — betrouwbare mobiele bediening en compacte gekoppelde agenda */
.fpp-menu{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative;z-index:1002}
.fpp-caldav-connected{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-color:#294235;background:linear-gradient(145deg,rgba(28,112,66,.13),#111820 48%)}
.fpp-caldav-connected>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.fpp-caldav-connected strong{font-size:15px;color:#f4f8f5}.fpp-caldav-connected small{grid-column:2;color:#aeb9b2;line-height:1.45}
.fpp-caldav-connected-dot{width:10px;height:10px;border-radius:50%;background:#35c875;box-shadow:0 0 0 5px rgba(53,200,117,.12)}
.fpp-caldav-connected details{min-width:210px}.fpp-caldav-connected summary{cursor:pointer;color:#ff8b4a;font-weight:800}
.fpp-caldav-connected details form{margin-top:14px;min-width:280px}
.fpp-hq-calendar-reset{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;align-items:end;margin-top:22px;padding:18px;border:1px solid #303b46;border-radius:16px;background:#121920}
.fpp-hq-calendar-reset p{margin:5px 0 0;color:#9da8b4}.fpp-hq-calendar-reset form{display:grid;grid-template-columns:1fr auto;gap:10px}.fpp-hq-calendar-reset select{min-height:44px;border:1px solid #394653;border-radius:10px;background:#0e151c;color:#fff;padding:0 12px}
@media(max-width:760px){
 .fpp-menu{min-width:54px;min-height:54px}
 .fpp-menu-scrim{touch-action:manipulation}
 .fpp-caldav-connected{display:block;padding:15px;margin-bottom:14px}
 .fpp-caldav-connected details{margin-top:12px;min-width:0}.fpp-caldav-connected details form{min-width:0}
 .fpp-hq-calendar-reset{grid-template-columns:1fr;padding:15px}.fpp-hq-calendar-reset form{grid-template-columns:1fr}.fpp-hq-calendar-reset .fpp-mini-btn{width:100%}
}

/* FIVE 25.2.15 — mobiele agenda direct zichtbaar en rustige kaartstijl */
.fpp-mobile-agenda{display:none}
@media(max-width:760px){
  .fpp-mobile-agenda{display:block;background:transparent;border:0;padding:0;overflow:visible}
  .fpp-mobile-agenda .fpp-card-head{display:flex;flex-direction:row;align-items:center;margin-bottom:12px;padding:0 2px}
  .fpp-mobile-agenda .fpp-card-head h2{margin:3px 0 2px}
  .fpp-mobile-agenda-nav{display:flex;gap:7px;flex:0 0 auto}
  .fpp-mobile-agenda-nav a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #353d46;border-radius:13px;background:#171c22;color:#fff;text-decoration:none;font-size:27px;line-height:1}
  .fpp-mobile-agenda-list{display:grid;gap:10px}
  .fpp-mobile-agenda-item{display:grid;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:82px;margin:0;padding:12px 13px;border:1px solid #343c45;border-left:1px solid #343c45;border-radius:15px;background:linear-gradient(145deg,#1b2128,#151a20);box-shadow:0 8px 22px rgba(0,0,0,.2);text-align:left}
  .fpp-mobile-agenda-item>time{display:grid;place-items:center;align-content:center;width:54px;height:56px;border-radius:12px;background:#242b33;color:#fff;text-align:center}
  .fpp-mobile-agenda-item>time b{font-size:20px;line-height:1;color:#fff}
  .fpp-mobile-agenda-item>time span{margin-top:4px;font-size:10px;text-transform:uppercase;color:#aeb8c2}
  .fpp-mobile-agenda-item>div{min-width:0}
  .fpp-mobile-agenda-item>div small{display:block;color:#ff9257;font-size:11px;font-style:normal;font-weight:900}
  .fpp-mobile-agenda-item>div strong{display:block;margin-top:4px;color:#fff;font-size:15px;white-space:normal}
  .fpp-mobile-agenda-item>div em{display:block;margin-top:4px;color:#aeb7c1;font-size:12px;font-style:normal;white-space:normal}
  .fpp-mobile-agenda-item>span{color:#8f99a5;font-size:25px}
  .fpp-calendar-card{display:none}
  .fpp-agenda-list article{border:1px solid #343c45;border-left:1px solid #343c45;background:linear-gradient(145deg,#1b2128,#151a20)}
  .fpp-caldav-connected{border:1px solid #31403a;background:#131b18}
}


/* FIVE OS 25.2.16 — HQ terug in navigatie, hulp compact en contextueel */
.fpp-context-help{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #30363d;border-radius:12px;background:#15191e;color:#dce2e8;font-size:18px;font-weight:900;line-height:1;transition:.18s ease}
.fpp-context-help:hover,.fpp-context-help:focus-visible{border-color:#e45613;background:#21150f;color:#fff;outline:none;box-shadow:0 0 0 3px rgba(228,86,19,.15)}
.fpp-side nav a[href*="/hq/"]{border:1px solid rgba(228,86,19,.24);background:linear-gradient(90deg,rgba(228,86,19,.12),rgba(228,86,19,.025))}
.fpp-side nav a[href*="/hq/"] i{color:#ff7a32}
@media(max-width:760px){
  .fpp-context-help{width:42px;height:42px;border-radius:13px;margin-left:auto}
  .fpp-top .fpp-user{margin-left:0}
  .fpp-side nav a[href*="/hq/"]{margin-top:4px}
}

/* FIVE 25.2.17 — compacte werkbalk, hulpknop en veilige agenda-acties */
.fpp-top{gap:14px}
.fpp-search{flex:0 1 440px;min-width:220px;max-width:440px;margin-right:auto}
.fpp-top-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.fpp-context-help{width:34px;height:34px;flex-basis:34px;border-radius:9px;font-size:15px}
.fpp-user{margin-left:0;flex:0 0 auto}
.fpp-appointment-delete-form{margin-top:18px;padding-top:18px;border-top:1px solid #2b3036;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fpp-appointment-delete-form small{color:#9da5af;max-width:620px;line-height:1.5}
.fpp-btn.danger{background:#281416;border:1px solid #6a2d32;color:#ff9ba2;box-shadow:none}
.fpp-btn.danger:hover{background:#35191c;border-color:#a4424a}
@media(max-width:1180px){.fpp-search{max-width:340px}.fpp-user>div:last-child{display:none}}
@media(max-width:900px){.fpp-search{max-width:280px}.fpp-owner-btn span{display:none}.fpp-owner-btn{min-width:40px;padding:0 11px}}
@media(max-width:760px){.fpp-top-actions{margin-left:auto}.fpp-context-help{width:36px;height:36px;flex-basis:36px;margin-left:0}.fpp-appointment-delete-form{display:grid}.fpp-appointment-delete-form .fpp-btn{width:100%}}


/* FIVE Performance OS 26.0 — uniforme acties en Apple Agenda beheer */
.fpp-btn,.fpp-mini-btn,.fpp-owner-btn,.fpp-copy-caldav,.fpp-caldav-install{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;
  border-radius:11px;font-weight:800;line-height:1.15;text-decoration:none;cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.fpp-btn:hover,.fpp-mini-btn:hover,.fpp-owner-btn:hover,.fpp-copy-caldav:hover,.fpp-caldav-install:hover{transform:translateY(-1px)}
.fpp-btn:focus-visible,.fpp-mini-btn:focus-visible,.fpp-owner-btn:focus-visible,.fpp-copy-caldav:focus-visible,.fpp-caldav-install:focus-visible{outline:3px solid rgba(228,86,19,.25);outline-offset:2px}
.fpp-btn.secondary,.fpp-btn.fpp-btn-secondary,.fpp-mini-btn{background:#171c22;border:1px solid #37404a;color:#f4f6f8;box-shadow:none}
.fpp-btn.secondary:hover,.fpp-btn.fpp-btn-secondary:hover,.fpp-mini-btn:hover{background:#20262d;border-color:#505b67}
.fpp-apple-calendar-card .fpp-card-head,.fpp-caldav-connected,.fpp-hq-calendar-reset{align-items:center}
.fpp-caldav-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.fpp-caldav-status-grid>div{padding:14px;border:1px solid #303942;border-radius:13px;background:#11171d}
.fpp-caldav-status-grid small{display:block;color:#98a4af;margin-bottom:5px}.fpp-caldav-status-grid strong{color:#f4f7f9}
@media(max-width:760px){
 .fpp-btn,.fpp-mini-btn,.fpp-owner-btn,.fpp-copy-caldav,.fpp-caldav-install{min-height:46px}
 .fpp-form-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .fpp-form-actions .fpp-btn,.fpp-form-actions button{width:100%}
 .fpp-caldav-status-grid{grid-template-columns:1fr 1fr}
}

/* FIVE 26.0.1 — rustig Apple Agenda-beheer in FIVE HQ */
.fpp-hq-apple-list{display:grid;gap:0;border:1px solid #2d3741;border-radius:14px;overflow:hidden;background:#0f151b}
.fpp-hq-apple-row{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(420px,1.65fr) auto;gap:20px;align-items:center;padding:17px 18px;border-bottom:1px solid #27313a}
.fpp-hq-apple-row:last-child{border-bottom:0}
.fpp-hq-apple-person strong,.fpp-hq-apple-person small{display:block}.fpp-hq-apple-person strong{color:#fff;font-size:15px}.fpp-hq-apple-person small{margin-top:4px;color:#99a4af}
.fpp-hq-apple-row dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.fpp-hq-apple-row dl div{min-width:0}.fpp-hq-apple-row dt{color:#8793a0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.fpp-hq-apple-row dd{margin:4px 0 0;color:#e7ebef;font-size:13px;white-space:normal}.fpp-hq-apple-row dd.is-ok{color:#7edba1}
.fpp-hq-apple-row form{margin:0}.fpp-hq-apple-row .fpp-mini-btn.danger{white-space:nowrap;background:#271b18;border-color:#7f3d2b;color:#ffd8ca}
.fpp-hq-access-simple .fpp-card-head{margin-bottom:0}
@media(max-width:900px){.fpp-hq-apple-row{grid-template-columns:1fr}.fpp-hq-apple-row dl{grid-template-columns:repeat(3,minmax(0,1fr))}.fpp-hq-apple-row form,.fpp-hq-apple-row .fpp-mini-btn{width:100%}}
@media(max-width:620px){.fpp-hq-apple-row dl{grid-template-columns:1fr;gap:10px}.fpp-hq-tabs a{font-size:11px}.fpp-hq-apple .fpp-card-head,.fpp-hq-access-simple .fpp-card-head{align-items:stretch}.fpp-hq-apple .fpp-card-head>a,.fpp-hq-access-simple .fpp-card-head>a{width:100%;justify-content:center}}


/* FIVE 26.0.2 — compacte Apple Agenda acties */
.fpp-hq-apple-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.fpp-hq-apple-actions form{margin:0}
@media (max-width:760px){.fpp-hq-apple-actions{width:100%;justify-content:stretch}.fpp-hq-apple-actions form{flex:1}.fpp-hq-apple-actions .fpp-mini-btn{width:100%}}

/* FIVE OS 26.0.3 — rustige documentkeuze en consistente uitlijning */
.fpp-document-choice{display:grid;grid-template-columns:auto minmax(250px,420px) auto;align-items:end;gap:10px;width:100%}
.fpp-document-choice label{display:none}
.fpp-document-choice select{min-height:48px;width:100%;border:1px solid #34404d;border-radius:11px;background:#101821;color:#f4f6f8;padding:0 42px 0 14px;font:inherit}
.fpp-document-choice .fpp-btn{min-height:48px;white-space:nowrap;margin:0}
@media(max-width:680px){.fpp-document-choice{grid-template-columns:1fr}.fpp-document-choice .fpp-btn,.fpp-document-choice select{width:100%}}

/* FIVE 29.3.4 — compacte registeracties en duidelijk rapportage-icoon */
.fpp-invoice-register .fpp-table th:last-child,
.fpp-invoice-register .fpp-table td:last-child{
  width:1%;
  min-width:205px;
}
.fpp-invoice-register .fpp-table td{
  padding-top:12px;
  padding-bottom:12px;
}
.fpp-invoice-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
  white-space:nowrap;
}
.fpp-invoice-row-actions form{
  display:inline-flex;
  margin:0;
}
.fpp-invoice-row-actions .fpp-mini-btn{
  min-height:36px;
  height:36px;
  padding:0 12px;
  border-radius:9px;
  font-size:12.5px;
  font-weight:800;
  line-height:1;
  box-shadow:none;
  white-space:nowrap;
}
.fpp-invoice-row-actions>a.fpp-mini-btn{
  min-width:76px;
}
.fpp-invoice-row-actions .fpp-mini-btn.danger{
  min-width:104px;
  background:#291917;
  border:1px solid #7a3a32;
  color:#ffc3ba;
  box-shadow:none;
}
.fpp-invoice-row-actions .fpp-mini-btn.danger:hover{
  background:#3a1d1a;
  border-color:#ef6a22;
  color:#fff;
}
.fpp-side nav a[href*="/reports/"] i{
  color:#aab2bd;
}
.fpp-side nav a[href*="/reports/"]:hover i,
.fpp-side nav a[href*="/reports/"].active i{
  color:#ff7a32;
}
@media(max-width:760px){
  .fpp-invoice-register .fpp-table th:last-child,
  .fpp-invoice-register .fpp-table td:last-child{min-width:198px}
  .fpp-invoice-row-actions .fpp-mini-btn{min-height:40px;height:40px}
}


/* 29.3.25 — gefaseerde consignatie-intake */
.fpp-consignment-stagebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:12px;border:1px solid #263441;border-radius:12px;background:#0d141a}
.fpp-consignment-stagebar span{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid #2d3a46;border-radius:9px;color:#8fa2b3;font-size:12px;font-weight:800}
.fpp-consignment-stagebar b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#1b2731;color:#c9d3dc;font-size:11px;flex:0 0 auto}
.fpp-consignment-stagebar span.active{border-color:#ef6a22;background:rgba(239,106,34,.08);color:#fff}.fpp-consignment-stagebar span.active b{background:#ef6a22;color:#fff}
.fpp-consignment-stagebar span.done{border-color:#255c45;background:rgba(31,170,105,.09);color:#78e0ad}.fpp-consignment-stagebar span.done b{background:#255c45;color:#9cf0c5}
.fpp-intake-customer-action{align-content:end}.fpp-intake-customer-action .fpp-mini-btn{width:max-content}
.fpp-intake-next{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-left:3px solid #ef6a22;background:rgba(239,106,34,.06);border-radius:8px}.fpp-intake-next span{color:#9eafbc;font-size:13px;line-height:1.5}
.fpp-consignment-progress{display:grid;gap:4px;min-width:155px}.fpp-consignment-progress span{display:flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:7px;border:1px solid #2d3a46;background:#111920;color:#8799a8;font-size:11px;font-weight:750;white-space:nowrap}.fpp-consignment-progress span.done{border-color:#255c45;background:rgba(31,170,105,.09);color:#78e0ad}.fpp-consignment-progress span.wait{border-color:#7a5726;background:rgba(224,153,46,.08);color:#e8bd70}
@media(max-width:900px){.fpp-consignment-stagebar{grid-template-columns:1fr}.fpp-consignment-stagebar span{min-height:36px}.fpp-consignment-progress{min-width:0}}

/* 29.3.25 — gefaseerde consignatie: overeenkomst en publicatie bewust los van voertuigopname */
.fpp-readonly-value{display:block;min-height:42px;padding:11px 12px;border:1px solid var(--fpp-border,#26333c);border-radius:7px;background:rgba(255,255,255,.025);font-weight:700}
.fpp-publish-separated{border-style:dashed}
.fpp-consignment-actions .action-publish{display:inline-flex;margin:0}
.fpp-consignment-actions .action-publish-btn{white-space:nowrap}


/* 29.3.26 — professionele responsive werkruimte voor consignatie en dossieracties */
.fpp-consignment-register{overflow:hidden;padding:0}
.fpp-consignment-register-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 22px 0}
.fpp-consignment-register-head h2{margin:0;font-size:20px}
.fpp-consignment-register-head p{margin:5px 0 0;max-width:760px;color:#9aa7b3;font-size:13px;line-height:1.5}
.fpp-consignment-filter{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.55fr) minmax(170px,.65fr) auto;gap:10px;align-items:end;margin:18px 22px 0;padding:14px;border:1px solid #27333e;border-radius:12px;background:#0d141a}
.fpp-consignment-filter input,.fpp-consignment-filter select,.fpp-consignment-filter .fpp-btn{width:100%;min-width:0;min-height:46px;margin:0}
.fpp-consignment-filter .fpp-btn{display:inline-flex;align-items:center;justify-content:center;padding-inline:18px}
.fpp-consignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 22px 22px}
.fpp-consignment-empty{grid-column:1/-1;min-height:160px;display:grid;place-items:center;align-content:center;text-align:center}
.fpp-consignment-card{min-width:0;display:flex;flex-direction:column;border:1px solid #2b3742;border-radius:15px;background:linear-gradient(160deg,#111820,#0d1319);box-shadow:0 10px 28px rgba(0,0,0,.13);overflow:hidden}
.fpp-consignment-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 18px 15px;border-bottom:1px solid #25303a}
.fpp-consignment-identity{min-width:0}
.fpp-consignment-kicker{display:block;margin-bottom:5px;color:#f36d23;font-size:10px;font-weight:900;letter-spacing:.13em}
.fpp-consignment-identity h3{margin:0;color:#f7f9fb;font-size:18px;line-height:1.28;overflow-wrap:anywhere}
.fpp-consignment-identity p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;color:#95a2ae;font-size:12px}
.fpp-consignment-identity p strong{color:#e8edf2;font-size:12px;letter-spacing:.04em}
.fpp-consignment-card-status{flex:0 0 auto;display:grid;justify-items:end;gap:8px;text-align:right}
.fpp-consignment-card-status .fpp-site-state{white-space:nowrap}
.fpp-consignment-card-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #25303a}
.fpp-consignment-card-meta>div{min-width:0;padding:13px 14px;border-right:1px solid #25303a}
.fpp-consignment-card-meta>div:last-child{border-right:0}
.fpp-consignment-card-meta span,.fpp-consignment-card-meta strong{display:block}
.fpp-consignment-card-meta span{color:#7f8d99;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.fpp-consignment-card-meta strong{margin-top:5px;color:#f4f7f9;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.fpp-consignment-card-meta .fpp-deal{display:inline-flex;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px}
.fpp-consignment-progress-block{padding:15px 18px 16px;border-bottom:1px solid #25303a;background:rgba(255,255,255,.012)}
.fpp-consignment-section-label{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.fpp-consignment-section-label strong{font-size:12px;color:#eef2f5}
.fpp-consignment-section-label span{color:#788793;font-size:10px}
.fpp-consignment-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;min-width:0}
.fpp-consignment-progress span{min-width:0;min-height:48px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;align-items:center;padding:7px 8px;border:1px solid #2d3a46;border-radius:9px;background:#10171d;color:#8799a8;font-size:10px;font-weight:800;white-space:normal}
.fpp-consignment-progress span b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1b2731;color:#c9d3dc;font-size:10px}
.fpp-consignment-progress span em{min-width:0;font-style:normal;line-height:1.25;overflow-wrap:anywhere}
.fpp-consignment-progress span.done{border-color:#255c45;background:rgba(31,170,105,.09);color:#78e0ad}
.fpp-consignment-progress span.done b{background:#255c45;color:#9cf0c5}
.fpp-consignment-progress span.wait{border-color:#7a5726;background:rgba(224,153,46,.08);color:#e8bd70}
.fpp-consignment-progress span.wait b{background:#5b421f;color:#f1cd8b}
.fpp-consignment-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:auto;padding:15px 18px 18px}
.fpp-consignment-card-actions form{display:block;margin:0;min-width:0}
.fpp-consignment-card-actions .fpp-btn,.fpp-consignment-card-actions form .fpp-btn,.fpp-action-state{width:100%;min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:9px;text-align:center;white-space:normal;line-height:1.25;font-size:12px;font-weight:800}
.fpp-action-state{border:1px dashed #4d4231;background:rgba(224,153,46,.06);color:#d9b776;cursor:default}
.fpp-consignment-card-actions .action-publish-btn{background:#e85d16;border-color:#f16b24;color:#fff}
.fpp-consignment-card-actions .action-delete{grid-column:auto}

/* Zelfde rustige actie-opmaak als de factuureditor: primaire handeling eerst, daarna secundair. */
.fpp-document-save-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px;padding:12px;border:1px solid #2d3944;border-radius:12px;background:#0f161d}
.fpp-document-save-actions .fpp-btn{min-height:46px;margin:0;justify-content:center}
.fpp-form-actions>a:not(.fpp-btn){display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border:1px solid #37404a;border-radius:9px;background:#171c22;color:#f4f6f8;font-weight:800;text-decoration:none}

/* Algemene viewport-veiligheid: geen afgeknepen kaarten of tabellen op tablets/telefoons. */
.fpp-main,.fpp-content,.fpp-card,.fpp-form-card,.fpp-page-head,.fpp-table-wrap{min-width:0}
.fpp-table-wrap{max-width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.fpp-table{max-width:none}
.fpp-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}

@media(max-width:1380px){
  .fpp-consignment-list{grid-template-columns:1fr}
  .fpp-consignment-card-meta{grid-template-columns:repeat(5,minmax(120px,1fr))}
}
@media(max-width:1100px){
  .fpp-consignment-filter{grid-template-columns:minmax(0,1fr) minmax(145px,.42fr);}
  .fpp-consignment-filter input{grid-column:1/-1}
  .fpp-consignment-filter .fpp-btn{min-width:0;grid-column:1/-1}
  .fpp-consignment-card-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fpp-consignment-card-meta>div{border-bottom:1px solid #25303a}
  .fpp-consignment-card-meta>div:nth-child(3n){border-right:0}
  .fpp-consignment-card-meta>div:nth-last-child(-n+2){border-bottom:0}
  .fpp-consignment-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .fpp-consignment-register-head{padding:17px 16px 0}
  .fpp-consignment-filter{margin:15px 16px 0;padding:12px}
  .fpp-consignment-list{padding:14px 16px 18px}
  .fpp-consignment-card-head{padding:16px}
  .fpp-consignment-progress-block{padding:14px 16px}
  .fpp-consignment-card-actions{padding:14px 16px 16px}
  .fpp-consignment-progress{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fpp-document-save-actions{display:grid;grid-template-columns:1fr 1fr}
  .fpp-document-save-actions .fpp-btn{width:100%}
}
@media(max-width:620px){
  .fpp-content{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .fpp-page-head{padding-bottom:15px}
  .fpp-head-actions{display:grid;grid-template-columns:1fr;width:100%}
  .fpp-head-actions .fpp-btn{width:100%;min-height:48px;justify-content:center}
  .fpp-consignment-register{margin-left:0;margin-right:0;border-radius:13px}
  .fpp-consignment-register-head{padding:16px 13px 0}
  .fpp-consignment-register-head h2{font-size:18px}
  .fpp-consignment-register-head p{font-size:12px}
  .fpp-consignment-filter{grid-template-columns:1fr;margin:13px 13px 0;padding:10px;gap:8px}
  .fpp-consignment-filter input,.fpp-consignment-filter select,.fpp-consignment-filter .fpp-btn{grid-column:1;min-height:48px;font-size:16px}
  .fpp-consignment-list{gap:11px;padding:12px 13px 15px}
  .fpp-consignment-card{border-radius:13px}
  .fpp-consignment-card-head{display:grid;grid-template-columns:1fr;padding:14px;gap:11px}
  .fpp-consignment-card-status{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}
  .fpp-consignment-card-meta{grid-template-columns:1fr 1fr}
  .fpp-consignment-card-meta>div{padding:11px 12px;border-right:1px solid #25303a;border-bottom:1px solid #25303a!important}
  .fpp-consignment-card-meta>div:nth-child(even){border-right:0}
  .fpp-consignment-card-meta>div:last-child{grid-column:1/-1;border-right:0;border-bottom:0!important}
  .fpp-consignment-progress-block{padding:13px 14px}
  .fpp-consignment-section-label{display:block}
  .fpp-consignment-section-label span{display:block;margin-top:3px}
  .fpp-consignment-progress{grid-template-columns:1fr 1fr;gap:6px}
  .fpp-consignment-progress span{min-height:44px}
  .fpp-consignment-progress span:last-child{grid-column:1/-1}
  .fpp-consignment-card-actions{grid-template-columns:1fr;padding:13px 14px 15px;gap:8px}
  .fpp-consignment-card-actions .fpp-btn,.fpp-consignment-card-actions form .fpp-btn,.fpp-action-state{min-height:48px;font-size:14px}
  .fpp-document-save-actions{grid-template-columns:1fr;padding:10px}
  .fpp-document-save-actions .fpp-btn{min-height:48px}
  .fpp-form-actions{gap:8px}
  .fpp-form-actions .fpp-btn,.fpp-form-actions>a{min-height:48px;font-size:14px}
}
@media(max-width:390px){
  .fpp-consignment-card-meta{grid-template-columns:1fr}
  .fpp-consignment-card-meta>div,.fpp-consignment-card-meta>div:nth-child(even){border-right:0}
  .fpp-consignment-card-meta>div:last-child{grid-column:auto}
  .fpp-consignment-progress{grid-template-columns:1fr}
  .fpp-consignment-progress span:last-child{grid-column:auto}
}
@media(hover:none) and (pointer:coarse){
  .fpp-btn,.fpp-mini-btn,.fpp-owner-btn,.fpp-consignment-card-actions .fpp-btn{min-height:46px}
  .fpp-vehicle-tabs a{min-height:42px;display:inline-flex;align-items:center}
}

/* 29.3.27 — directe, veilige vraagprijswijziging voor eigen voorraad en consignatie */
.fpp-mini-btn.price,.fpp-consignment-card-actions .action-price{border-color:#7b4a24;background:rgba(232,93,22,.10);color:#ffc089}
.fpp-mini-btn.price:hover,.fpp-consignment-card-actions .action-price:hover{border-color:#f16b24;background:rgba(232,93,22,.18);color:#fff}
.fpp-price-editor{scroll-margin-top:104px}
.fpp-price-editor>.fpp-card-head{margin-bottom:14px}
.fpp-price-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px}
.fpp-price-summary>div{min-width:0;padding:12px 13px;border:1px solid #2d3944;border-radius:10px;background:#0e151b}
.fpp-price-summary span,.fpp-price-summary strong{display:block}
.fpp-price-summary span{color:#85929e;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.fpp-price-summary strong{margin-top:5px;color:#f5f7f9;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.fpp-price-note{margin-bottom:14px}
.fpp-price-confirm{align-items:flex-start;padding:11px 12px;border:1px solid #6f552d;border-radius:10px;background:rgba(224,153,46,.07)}
.fpp-price-confirm input{margin-top:2px}
@media(max-width:760px){.fpp-price-summary{grid-template-columns:1fr}.fpp-price-editor{scroll-margin-top:88px}}


/* 30.0.0 — factuurmail & consignatie-afspraken */
.fpp-invoice-mail-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 4px;padding:16px 18px;border:1px solid #33404b;border-radius:12px;background:#0d151b}
.fpp-invoice-mail-action>div{min-width:0}.fpp-invoice-mail-action strong,.fpp-invoice-mail-action span{display:block}.fpp-invoice-mail-action strong{color:#fff;font-size:14px}.fpp-invoice-mail-action span{margin-top:4px;color:#98a4ae;font-size:12px;overflow-wrap:anywhere}
.fpp-invoice-mail-action.muted{opacity:.78}.fpp-invoice-mail-action form{margin:0;flex:0 0 auto}
.fpp-invoice-send-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.fpp-invoice-send-actions form{margin:0}
.fpp-invoice-contact-warning{margin:8px 0 0;color:#f0bf7a;font-size:12px;line-height:1.45}
@media(max-width:680px){.fpp-invoice-mail-action{align-items:stretch;flex-direction:column}.fpp-invoice-send-actions{width:100%;align-items:stretch;justify-content:stretch;flex-direction:column}.fpp-invoice-mail-action form,.fpp-invoice-mail-action .fpp-btn{width:100%}}