:root{--bg:#f5f7fb;--panel:#ffffff;--text:#172033;--muted:#667085;--border:#e7ebf3;--brand:#1c3faa;--brand2:#5b7cfa;--good:#0f9f6e;--warn:#f59e0b;--bad:#d92d20;--dark:#0e1726}
*{box-sizing:border-box} body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,#0d1b2a,#101828);color:white;padding:22px 18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.brand-logo{width:54px;height:54px;border-radius:16px;object-fit:contain;background:#fff;padding:5px;box-shadow:0 12px 30px rgba(2,68,139,.28)}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand2),#38bdf8);display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px rgba(91,124,250,.28)}.brand small{color:#b8c0d4}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;margin:18px 10px 8px}.sidebar .nav-link{color:#d0d5dd;border-radius:12px;padding:9px 12px;margin:2px 0;display:flex;align-items:center;gap:8px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.11);color:#fff}.main{margin-left:280px;min-height:100vh}.topbar{height:72px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.content{padding:28px}.page-title{font-size:28px;font-weight:800;margin:0}.page-subtitle{color:var(--muted);margin-top:4px}.card{border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(16,24,40,.05);background:var(--panel)}.card-header{background:transparent;border-bottom:1px solid var(--border);font-weight:750}.metric{padding:20px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f9fbff);height:100%}.metric-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.metric-value{font-size:28px;font-weight:850;margin:5px 0}.metric-foot{color:var(--muted);font-size:12px}.badge-soft{border-radius:999px;padding:6px 10px;font-weight:700}.badge-ok{background:#dcfae6;color:#067647}.badge-warn{background:#fef0c7;color:#b54708}.badge-risk{background:#fee4e2;color:#b42318}.badge-info{background:#e0f2fe;color:#026aa2}.table{vertical-align:middle}.table thead th{font-size:12px;color:#667085;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.table td,.table th{padding:13px 14px}.btn{border-radius:11px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0}.form-control,.form-select{border-radius:12px;border-color:#d0d5dd}.helptext,.small-muted{color:var(--muted);font-size:12px}.workflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.workflow-step{padding:12px;border:1px solid var(--border);border-radius:16px;background:#fff}.workflow-step .n{width:26px;height:26px;border-radius:999px;background:#eef4ff;color:#3538cd;display:grid;place-items:center;font-weight:900;margin-bottom:7px}.pdf-frame{height:720px;width:100%;border:1px solid var(--border);border-radius:16px;background:#f8fafc}.ocr-grid{display:grid;grid-template-columns:1fr 120px 120px;gap:8px;align-items:center}.alert{border-radius:16px}.list-group-item{border-color:var(--border)}@media(max-width:992px){.sidebar{position:static;width:100%;height:auto}.main{margin-left:0}.workflow{grid-template-columns:1fr 1fr}.topbar{position:static}}
.invoice-selector-wrap{position:relative; width:100%; max-height:650px; overflow:auto; border:1px solid #dee2e6; border-radius:.5rem; background:#f8f9fa; cursor:crosshair;}
.invoice-selector-wrap img{display:block; width:100%; height:auto; user-select:none;}
#selectionBox{position:absolute; display:none; border:2px solid #0d6efd; background:rgba(13,110,253,.12); pointer-events:none;}
.pdf-frame{width:100%; min-height:620px; border:1px solid #dee2e6; border-radius:.5rem;}
.invoice-label-preview-wrap{position:relative;width:100%;max-height:720px;overflow:auto;border:1px solid #dee2e6;border-radius:.5rem;background:#f8f9fa;}
.invoice-label-preview-wrap img{display:block;width:100%;height:auto;}
.approval-card{overflow:hidden;}
.approval-preview-wrap{width:100%;max-height:260px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#f8fafc;display:flex;align-items:flex-start;justify-content:center;}
.approval-preview-wrap img{width:100%;height:auto;display:block;}
.approval-no-preview{height:220px;width:100%;display:grid;place-items:center;color:var(--muted);font-weight:700;}
.workflow-step.active{border-color:var(--brand2);box-shadow:0 10px 26px rgba(91,124,250,.16);background:linear-gradient(180deg,#ffffff,#eef4ff)}
.workflow-step.active .n{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
.pdf-select-wrap{position:relative;width:100%;max-height:650px;overflow:auto;border:1px solid #dee2e6;border-radius:.5rem;background:#f8f9fa;cursor:crosshair;}
.pdf-select-wrap img{display:block;width:100%;height:auto;user-select:none;}
.selection-box{position:absolute;display:none;border:2px solid #0d6efd;background:rgba(13,110,253,.12);pointer-events:none;}

.guide-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#fff,#eef7ff);padding:24px;box-shadow:0 10px 30px rgba(16,24,40,.05)}
.guide-hero h2{font-weight:850;margin:4px 0 6px}.guide-hero p{color:var(--muted);max-width:760px;margin:0}.guide-hero img{width:130px;max-width:28%;border-radius:20px;background:#fff;padding:8px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#026aa2;font-weight:800}.user-steps{display:grid;gap:12px}.user-step{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid var(--border);border-radius:18px;background:#fff}.user-step h5{font-weight:800;margin-bottom:4px}.user-step p{color:var(--muted);margin-bottom:10px}.step-no{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-weight:900}.quick-start{border:1px dashed #b9d3ff;background:#f4f8ff;border-radius:18px;padding:16px}.logo-inline{height:42px;width:auto;border-radius:10px;background:#fff;padding:3px}
@media(max-width:576px){.guide-hero{align-items:flex-start}.guide-hero img{display:none}.user-step{grid-template-columns:1fr}.step-no{margin-bottom:4px}}


/* 2026-05-10: compacte 100%-weergave + logo zichtbaar */
:root{--sidebar-w:240px;}
body{font-size:13px;overflow-x:hidden;}
.sidebar{width:var(--sidebar-w);padding:14px 14px;}
.main{margin-left:var(--sidebar-w);}
.brand{align-items:center;gap:10px;margin-bottom:14px;min-width:0;}
.brand-logo{width:70px;height:70px;min-width:70px;border-radius:14px;object-fit:contain;object-position:center;background:#fff;padding:6px;}
.brand>div{min-width:0;}
.brand .fw-bold{white-space:normal;line-height:1.05;font-size:13px;}
.brand small{display:block;line-height:1.2;font-size:11px;}
.nav-section{margin:12px 8px 6px;font-size:10px;}
.sidebar .nav-link{padding:7px 9px;border-radius:10px;font-size:12px;line-height:1.25;}
.topbar{height:58px;padding:0 18px;}
.content{padding:16px;}
.page-title{font-size:23px;line-height:1.1;}
.page-subtitle{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:820px;}
.metric{padding:13px 14px;border-radius:16px;}
.metric-value{font-size:22px;margin:2px 0;}
.metric-foot{font-size:11px;}
.card{border-radius:16px;}
.table td,.table th{padding:9px 10px;}
.workflow{grid-template-columns:repeat(7,minmax(118px,1fr));gap:8px;}
.workflow-step{padding:10px;min-height:96px;}
.workflow-step .n{width:23px;height:23px;font-size:12px;margin-bottom:5px;}
.workflow-step p{font-size:11px;line-height:1.2;min-height:26px;}
.badge-soft{padding:4px 8px;}
@media(max-width:1500px){.workflow{grid-template-columns:repeat(4,minmax(128px,1fr));}.page-subtitle{max-width:640px;}}
@media(max-width:1200px){:root{--sidebar-w:220px}.topbar{height:auto;min-height:58px;align-items:flex-start;padding:12px 16px;gap:12px}.content{padding:14px}.workflow{grid-template-columns:repeat(3,minmax(130px,1fr));}.page-subtitle{white-space:normal;max-width:none}.topbar .d-flex{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:992px){.sidebar{position:static;width:100%;}.main{margin-left:0}.brand-logo{width:58px;height:58px}.workflow{grid-template-columns:repeat(2,minmax(0,1fr));}.topbar{position:static}}

.process-wizard{border:1px solid #bfdbfe;background:linear-gradient(135deg,#fff,#f0f7ff);border-radius:18px;padding:14px;}
.process-wizard h5{font-weight:850;margin:0 0 6px;}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;}
.process-step{border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px;min-height:82px;}
.process-step.done{border-color:#a7f3d0;background:#ecfdf3;}
.process-step.active{border-color:#5b7cfa;box-shadow:0 10px 22px rgba(91,124,250,.14);}
.process-step strong{display:block;font-size:13px;}
.process-step span{display:block;color:var(--muted);font-size:11px;line-height:1.25;margin-top:3px;}
.wizard-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:2000;display:none;align-items:center;justify-content:center;padding:18px;}
.wizard-modal{width:min(560px,100%);background:#fff;border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.35);border:1px solid var(--border);padding:22px;}
.wizard-modal h4{font-weight:850;margin-bottom:8px;}.wizard-modal p{color:var(--muted)}
.wizard-modal .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}.wizard-modal .form-check{margin-top:10px;}
@media(max-width:900px){.process-steps{grid-template-columns:1fr 1fr}}
@media(max-width:576px){.process-steps{grid-template-columns:1fr}.wizard-modal .actions .btn{width:100%}}

/* Centrale workflow-dashboardlaag */
.workflow-hero-dark{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(103,232,249,.18);border-radius:24px;background:linear-gradient(135deg,#081525,#0f2a44);padding:24px;box-shadow:0 18px 50px rgba(8,21,37,.25);color:#fff}.workflow-hero-dark h2{font-weight:850;margin:.2rem 0}.workflow-hero-dark p{color:#b9d5e8;margin:0;max-width:840px}.workflow-hero-dark img{width:110px;max-width:26%;border-radius:20px;background:#fff;padding:8px}.dashboard-dark{background:linear-gradient(180deg,#081525,#0d2238);border-radius:26px;border:1px solid rgba(103,232,249,.16);box-shadow:0 22px 70px rgba(8,21,37,.28)}.dark-metric{background:rgba(12,39,63,.9);border:1px solid rgba(103,232,249,.14);border-radius:18px;padding:16px}.cyan{color:#67e8f9}.search-dark .form-control{min-width:min(420px,70vw);background:#0b1f34;color:#fff;border-color:rgba(103,232,249,.25)}.search-dark .form-control::placeholder{color:#88a8bd}.company-flow-list{display:grid;gap:12px}.company-flow-card{background:rgba(255,255,255,.055);border:1px solid rgba(148,204,222,.16);border-radius:20px;padding:16px;color:#fff}.company-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.company-flow-head h5{font-weight:800;margin:0}.phase-count-grid{display:grid;grid-template-columns:repeat(8,minmax(86px,1fr));gap:9px}.phase-count{background:rgba(6,20,36,.72);border:1px solid rgba(103,232,249,.13);border-radius:14px;padding:10px}.phase-count span{display:block;color:#a9c4d7;font-size:11px}.phase-count b{display:block;color:#67e8f9;font-size:22px;line-height:1}.company-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,#fff,#eef7ff);padding:20px}.company-detail-hero h1{font-weight:850;margin:0}.phase-stepper{display:flex;flex-wrap:wrap;gap:8px}.phase-step{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:8px 11px;background:#fff;color:var(--muted);font-weight:750}.phase-step.done{background:#ecfdf3;border-color:#a7f3d0;color:#067647}.phase-step.active{background:#eef4ff;border-color:#5b7cfa;color:#3538cd;box-shadow:0 8px 22px rgba(91,124,250,.16)}.phase-step.todo{opacity:.76}.phase-stepper.compact .phase-step{font-size:12px;padding:6px 8px}.invoice-flow-list{display:grid;gap:0}.invoice-flow-row{padding:14px 16px;border-bottom:1px solid var(--border)}.invoice-flow-row:last-child{border-bottom:0}.phase-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.admin-override{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:12px}.workflow-control-card{border-color:#bfdbfe;box-shadow:0 16px 44px rgba(29,78,216,.08)}
@media(max-width:1200px){.phase-count-grid{grid-template-columns:repeat(4,minmax(86px,1fr));}.workflow-hero-dark img{display:none}}@media(max-width:700px){.phase-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.company-flow-head,.company-detail-hero{display:block}.search-dark{width:100%}.search-dark .form-control{min-width:0;width:100%}}

/* Dashboard privacy-toggle en factuurbedragen */
.privacy-hidden .sensitive-value{display:inline-block;min-width:4.5rem;background:rgba(148,163,184,.35)!important;color:#cbd5e1!important;text-shadow:none!important;border-radius:8px;padding:0 .35rem;user-select:none;pointer-events:none;transition:background .15s ease;}
.privacy-hidden h5.sensitive-value,.privacy-hidden div.sensitive-value{display:block;width:max-content;max-width:100%;}
.privacy-hidden .sensitive-value::selection{background:transparent;color:transparent;}
.phase-count small{display:block;color:#a9c4d7;font-size:11px;line-height:1.2;margin-top:2px;}

.sandbox-warning{position:sticky;top:0;z-index:1030;background:#ffdf3a;color:#111;border-bottom:2px solid #9a7b00;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.sandbox-warning b{font-weight:900;letter-spacing:.01em}

/* CSV factuurimport als echte pop-up/iframe-wizard */
.invoice-csv-modal-content{height:min(92vh,980px);overflow:hidden}.invoice-csv-import-frame{width:100%;height:calc(min(92vh,980px) - 78px);border:0;background:var(--bg);display:block}.popup-page{background:var(--bg);min-height:100vh}.popup-main{min-height:100vh}.popup-topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px}.popup-content{padding:20px}.popup-page .page-title{font-size:22px}.popup-page .card{box-shadow:0 8px 24px rgba(16,24,40,.05)}@media(max-width:992px){.invoice-csv-modal-content{height:100vh}.invoice-csv-import-frame{height:calc(100vh - 78px)}.popup-content{padding:14px}.popup-topbar{padding:12px 14px}}

.menu-alert{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;border-radius:999px;background:#ffc107;color:#212529;font-size:.8rem;font-weight:800;margin-left:.4rem;box-shadow:0 0 0 2px rgba(255,255,255,.15)}
.admin-settings-hotspot{position:absolute;left:.75rem;bottom:.75rem;width:1.85rem;height:1.85rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:rgba(255,255,255,.18);text-decoration:none;background:rgba(255,255,255,.04);transition:all .15s ease-in-out}
.admin-settings-hotspot:hover,.admin-settings-hotspot:focus{color:#fff;background:rgba(255,255,255,.18);outline:2px solid rgba(255,255,255,.35)}

/* Bedrijfsfilter, hulp en portal */
.topbar-tools{min-width:0}.company-filter-select{width:auto;min-width:190px}.help-button{width:2rem;height:2rem;border-radius:999px;font-weight:900;padding:0}.help-list{padding-left:1.1rem}.help-list li{margin-bottom:.55rem}.portal-link-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.portal-access-table{max-height:620px;overflow:auto}.portal-access-table th:first-child{position:sticky;left:0;background:#fff;z-index:2;min-width:210px}.portal-access-table td{min-width:150px}.portal-check{display:block;font-size:11px;color:var(--muted);margin:1px 0;white-space:nowrap}.portal-check input{margin-right:4px}.invoice-snippet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invoice-snippet-card{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.invoice-snippet-card .cap{padding:9px 11px;border-bottom:1px solid var(--border);font-weight:800;display:flex;justify-content:space-between;gap:8px}.invoice-snippet-card img{width:100%;display:block;background:#f8fafc}.ocr-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;background:#f8fafc;border-radius:8px;padding:2px 6px}.payout-status-mini{line-height:1.25}.filter-strip{border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px;box-shadow:0 8px 22px rgba(16,24,40,.04)}@media(max-width:700px){.invoice-snippet-grid{grid-template-columns:1fr}.company-filter-select{min-width:130px;max-width:44vw}.topbar-tools .badge-soft{display:none}}

/* Goedkeuring/OCR-pagina */
.approval-snippet-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.approval-snippet-grid .invoice-snippet-card img{max-height:170px;object-fit:cover;object-position:top left;}
.approval-ocr-table{max-height:230px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:#fff;}
.approval-ocr-form{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff;}
@media(max-width:700px){.approval-snippet-grid{grid-template-columns:1fr}.approval-snippet-grid .invoice-snippet-card img{max-height:none}}

/* 2026-06-25: mooie menu-hover en administratieve tabellen */
.sidebar .nav-link{position:relative;overflow:hidden;transition:transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease;}
.sidebar .nav-link::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:999px;background:linear-gradient(180deg,#67e8f9,#5b7cfa);opacity:0;transform:scaleY(.25);transition:opacity .16s ease,transform .16s ease;}
.sidebar .nav-link:hover,.sidebar .nav-link:focus{background:linear-gradient(90deg,rgba(103,232,249,.18),rgba(91,124,250,.12));color:#fff;transform:translateX(4px);box-shadow:inset 0 0 0 1px rgba(103,232,249,.18),0 8px 22px rgba(0,0,0,.18);outline:none;}
.sidebar .nav-link:hover::before,.sidebar .nav-link:focus::before{opacity:1;transform:scaleY(1);}
.table-dark-transparent{--bs-table-bg:transparent;--bs-table-color:#d8ebf7;--bs-table-border-color:rgba(148,204,222,.12);--bs-table-striped-bg:rgba(255,255,255,.04);--bs-table-striped-color:#d8ebf7;--bs-table-hover-bg:rgba(103,232,249,.08);--bs-table-hover-color:#ffffff;color:#d8ebf7;background:transparent;}
.table-dark-transparent>:not(caption)>*>*{background-color:transparent!important;color:#d8ebf7!important;border-color:rgba(148,204,222,.12)!important;}
.table-dark-transparent thead th{color:#bfeafe!important;border-color:rgba(148,204,222,.22)!important;font-weight:850;}
.table-dark-transparent td,.table-dark-transparent th{color:#d8ebf7!important;text-shadow:none;}
.table-dark-transparent td b,.table-dark-transparent td strong{color:#ffffff!important;}
.table-dark-transparent a{color:#67e8f9!important;}
.company-flow-card .table-responsive{background:rgba(7,22,39,.45);border:1px solid rgba(148,204,222,.12);border-radius:14px;overflow:auto;}
.invoice-filter-table td{white-space:nowrap;}
.invoice-filter-table td:nth-child(2),.invoice-filter-table td:nth-child(3),.invoice-filter-table td:nth-child(4){white-space:normal;min-width:150px;}

/* 2026-06-26: snelkijkgids, GZ2/FF1-overzicht en bedrijfsupload */
.quick-card{border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#f8fafc);height:100%;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.quick-card b{display:block;margin-bottom:6px;color:#0f172a}.quick-card p{margin:0;color:#64748b}.onboarding-modal .modal-content{border-radius:22px}.onboarding-modal .modal-header{border-bottom:1px solid rgba(15,23,42,.08)}
.gz2-chart{display:flex;gap:18px;align-items:flex-end;overflow-x:auto;min-height:260px;padding:18px 8px 4px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff)}
.gz2-chart-group{min-width:126px;display:flex;flex-direction:column;align-items:center;gap:8px}.gz2-bars{height:190px;width:120px;display:flex;align-items:flex-end;justify-content:center;gap:6px;border-bottom:2px solid rgba(15,23,42,.18);position:relative}.gz2-bars:before{content:'schaalbreuk / log';position:absolute;top:-14px;left:0;right:0;text-align:center;font-size:10px;color:#64748b}
.gz2-bar-wrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:24px}.gz2-bar-wrap small{font-size:9px;color:#64748b;writing-mode:vertical-rl;transform:rotate(180deg);height:46px;white-space:nowrap}.gz2-bar{width:18px;min-height:6px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#2563eb,#60a5fa);position:relative}.gz2-bar.factoringfee{background:linear-gradient(180deg,#9333ea,#c084fc)}.gz2-bar.reserve{background:linear-gradient(180deg,#d97706,#fbbf24)}.gz2-bar.net_amount{background:linear-gradient(180deg,#059669,#34d399)}.break-mark{position:absolute;top:5px;left:0;right:0;text-align:center;color:#fff;font-weight:800;font-size:13px;line-height:1}.gz2-chart-label{font-size:11px;max-width:118px;text-align:center;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gz2-overview-table td{vertical-align:middle}.link-wire,.match-explain{display:flex;align-items:center;gap:6px;margin-top:6px;color:#64748b;font-size:11px}.link-wire i,.match-explain i{display:block;height:2px;min-width:42px;background:linear-gradient(90deg,#2563eb,#9333ea);position:relative}.link-wire i:after,.match-explain i:after{content:'›';position:absolute;right:-3px;top:-9px;color:#9333ea;font-size:18px}.match-explain{font-size:18px;justify-content:center;padding:18px;border-radius:16px;background:#f8fafc}.match-explain i{min-width:160px;height:3px}.metric-card{height:100%;border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.metric-card span{display:block;color:#64748b;font-size:12px}.metric-card b{font-size:22px;color:#0f172a}


.current-step-hint{margin:0 0 16px 0;padding:12px 14px;border:1px solid #d8e6ff;background:#f4f8ff;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 8px 22px rgba(30,80,160,.06)}
.current-step-hint span{color:#5b6780;font-size:.93rem}
.access-matrix thead th{position:sticky;top:0;background:#fff;z-index:2}
.report-bars{min-height:220px;display:flex;align-items:flex-end;gap:18px;overflow-x:auto;padding:12px 4px 4px}
.report-bar-group{min-width:92px;text-align:center}
.report-bars-inner{height:170px;display:flex;align-items:flex-end;justify-content:center;gap:8px;border-bottom:1px solid #d4dae8}
.report-bar{width:18px;border-radius:10px 10px 2px 2px;background:linear-gradient(180deg,#2f6de0,#77a9ff)}
.report-bar.costs{background:linear-gradient(180deg,#8e3cec,#c28cff)}
.report-bar.net{background:linear-gradient(180deg,#09976d,#34c89a)}
.report-label{font-size:.78rem;color:#596377;margin-top:6px;white-space:nowrap}

/* 2026-06-27: mobiele web-app / PWA voor volledige factuurflow */
.mobile-app-wrap{max-width:1180px;margin:0 auto;padding-bottom:78px}.mobile-hero{padding:18px;display:flex;gap:18px;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ffffff,#eef6ff)}.mobile-hero h2{font-weight:900;margin:.2rem 0}.mobile-hero p{color:var(--muted);margin:0;max-width:760px}.mobile-install-note{border:1px dashed #9ab8ff;background:#fff;border-radius:16px;padding:12px;max-width:260px;color:#334155}.mobile-filter{padding:14px}.mobile-phase-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity}.mobile-phase-pill{min-width:138px;border:1px solid var(--border);background:#fff;border-radius:18px;padding:11px 12px;text-decoration:none;color:var(--text);box-shadow:0 8px 22px rgba(16,24,40,.05);scroll-snap-align:start}.mobile-phase-pill span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-phase-pill b{font-size:22px}.mobile-phase-pill.active{border-color:#5b7cfa;background:linear-gradient(180deg,#fff,#eef4ff);box-shadow:0 12px 28px rgba(91,124,250,.14)}.mobile-total{height:100%;border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px;box-shadow:0 8px 22px rgba(16,24,40,.04)}.mobile-total span,.mobile-key-values span,.mobile-invoice-amounts span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.mobile-total b{display:block;font-size:18px;white-space:nowrap}.mobile-invoice-list{display:grid;gap:12px}.mobile-invoice-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:20px;background:#fff;padding:14px;box-shadow:0 10px 28px rgba(16,24,40,.06);transition:transform .14s ease,box-shadow .14s ease}.mobile-invoice-card:hover,.mobile-invoice-card:focus{transform:translateY(-2px);box-shadow:0 16px 38px rgba(16,24,40,.1);color:var(--text)}.mobile-invoice-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mobile-invoice-no{font-weight:900;font-size:17px}.mobile-invoice-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.mobile-invoice-amounts div{border:1px solid #eef2f7;border-radius:14px;background:#f8fafc;padding:9px}.mobile-invoice-amounts b{display:block;font-size:13px;white-space:nowrap}.mobile-card-progress{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:8px 0}.mobile-card-progress i{display:block;height:7px;border-radius:999px;background:#e5e7eb}.mobile-card-progress i.done{background:#86efac}.mobile-card-progress i.active{background:#5b7cfa}.mobile-card-footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px}.mobile-card-footer span{font-weight:800;color:#1d4ed8}.mobile-card-footer em{font-style:normal;border-radius:999px;background:#eef4ff;color:#1d4ed8;padding:3px 8px}.mobile-card-footer em.warn{background:#fef0c7;color:#b54708}.mobile-bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:1050;width:min(560px,calc(100vw - 20px));background:rgba(15,23,42,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;box-shadow:0 18px 60px rgba(15,23,42,.28)}.mobile-bottom-nav a{color:#cbd5e1;text-align:center;text-decoration:none;font-weight:800;font-size:12px;border-radius:18px;padding:9px 5px}.mobile-bottom-nav a.active,.mobile-bottom-nav a:hover{color:#fff;background:linear-gradient(135deg,#1c3faa,#5b7cfa)}.mobile-sticky-header{position:sticky;top:68px;z-index:8;background:rgba(245,247,251,.94);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:18px;margin-bottom:12px;padding:10px;display:flex;align-items:center;gap:12px}.mobile-stepper{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;padding:10px;overflow-x:auto}.mobile-step{text-align:center;border:1px solid var(--border);border-radius:14px;padding:8px 5px;min-width:76px;background:#fff}.mobile-step span{width:24px;height:24px;border-radius:999px;background:#e2e8f0;display:grid;place-items:center;margin:0 auto 5px;font-weight:900;font-size:12px}.mobile-step small{font-size:10px;line-height:1.1;display:block;color:var(--muted)}.mobile-step.done{background:#ecfdf3;border-color:#bbf7d0}.mobile-step.done span{background:#16a34a;color:#fff}.mobile-step.active{background:#eef4ff;border-color:#5b7cfa;box-shadow:0 8px 20px rgba(91,124,250,.14)}.mobile-step.active span{background:#5b7cfa;color:#fff}.mobile-pdf-preview{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;background:#f8fafc;border-radius:14px}.mobile-key-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-key-values div{border:1px solid #eef2f7;border-radius:14px;background:#f8fafc;padding:10px;min-width:0}.mobile-key-values b{display:block;overflow-wrap:anywhere}.mobile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-inline-form{display:grid;grid-template-columns:1fr auto;gap:8px}.mobile-accordion .accordion-item{border-color:var(--border);border-radius:16px!important;overflow:hidden;margin-bottom:10px}.mobile-accordion .accordion-button{font-weight:850}.mobile-phase-help{border-radius:16px}
@media(max-width:992px){.mobile-hero{display:block}.mobile-install-note{margin-top:12px;max-width:none}.mobile-app-wrap{padding-bottom:88px}.mobile-sticky-header{top:0}.mobile-pdf-preview{max-height:54vh}.mobile-action-grid{grid-template-columns:1fr}.mobile-inline-form{grid-template-columns:1fr}.mobile-stepper{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82px}.mobile-key-values{grid-template-columns:1fr 1fr}.mobile-invoice-amounts{grid-template-columns:1fr 1fr}.mobile-invoice-amounts div:last-child{grid-column:span 2}.topbar{padding-bottom:10px}.content{padding:12px 10px 92px}.sidebar .nav{max-height:38vh;overflow:auto}}
@media(max-width:576px){body{font-size:14px}.mobile-invoice-top{display:block}.mobile-invoice-top .badge-soft{display:inline-block;margin-top:8px}.mobile-key-values{grid-template-columns:1fr}.mobile-total{padding:10px}.mobile-total b{font-size:14px}.mobile-phase-pill{min-width:122px}.mobile-bottom-nav{bottom:8px;border-radius:20px}.mobile-bottom-nav a{font-size:11px}.mobile-hero h2{font-size:1.35rem}.mobile-pdf-card .card-body{padding:6px!important}.mobile-filter .btn{min-height:44px}}

/* 2026-06-27: mobiele branding, pincode en app-store voorbereiding */
.mobile-brand-area{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mobile-brand-logo{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:7px;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 24px rgba(15,23,42,.08)}.mobile-security-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mobile-pin-wrap{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:20px}.mobile-pin-card{width:min(460px,100%);border:1px solid var(--border);border-radius:24px;background:#fff;padding:24px;box-shadow:0 22px 70px rgba(15,23,42,.12)}.mobile-pin-logo{width:86px;height:86px;object-fit:contain;border-radius:20px;background:#fff;border:1px solid var(--border);padding:8px;margin-bottom:12px}.mobile-pin-input{font-size:22px;letter-spacing:.25em;text-align:center;font-weight:900}.mobile-ff1-split{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:12px}.mobile-batch-list{display:grid;gap:8px}.mobile-batch-row{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:14px;background:#fff;padding:10px 12px}.mobile-batch-row:hover,.mobile-batch-row:focus{background:#f8fafc;color:var(--text)}.public-info-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eef6ff);display:grid;place-items:center;padding:24px}.public-info-card{width:min(860px,100%);background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 22px 70px rgba(15,23,42,.12);padding:28px}.public-info-logo{width:92px;height:92px;object-fit:contain;border-radius:20px;background:#fff;border:1px solid var(--border);padding:8px}.public-info-body{white-space:pre-line;color:#334155;line-height:1.6}.public-info-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:576px){.mobile-brand-logo{width:58px;height:58px}.mobile-pin-card{padding:18px}.mobile-batch-row{display:block}.public-info-card{padding:20px}.public-info-logo{width:74px;height:74px}}
.mobile-pin-brand{display:flex;align-items:center;gap:14px}.mobile-pin-brand img{width:76px;height:76px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid var(--border);padding:7px}.public-info-card>img{width:92px;height:92px;object-fit:contain;border-radius:20px;background:#fff;border:1px solid var(--border);padding:8px;margin-bottom:12px}
@media(max-width:576px){.mobile-pin-brand{display:block}.mobile-pin-brand img{margin-bottom:10px}}

/* 2026-06-27: professionele mobiele app-afwerking, toegankelijkheid en veilige touch targets */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:4000;background:#fff;color:#1c3faa;border:2px solid #1c3faa;border-radius:10px;padding:10px 14px;font-weight:900;text-decoration:none}.skip-link:focus{left:12px}.mobile-app-wrap{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.mobile-bottom-nav{padding-bottom:calc(7px + env(safe-area-inset-bottom))}.mobile-action-grid .btn,.mobile-inline-form .btn,.mobile-filter .btn,.mobile-bottom-nav a{min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-select-card:focus-within{outline:3px solid rgba(91,124,250,.28);outline-offset:2px}.mobile-feature-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-feature-link{display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px;min-height:58px}.mobile-feature-link:hover,.mobile-feature-link:focus{color:var(--text);border-color:#5b7cfa;box-shadow:0 10px 24px rgba(91,124,250,.12)}.mobile-feature-link b{display:block;font-size:13px}.mobile-feature-link small{display:block;color:var(--muted);line-height:1.2}.mobile-store-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mobile-store-check .check-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px}.mobile-store-check .check-card b{display:block}.mobile-store-check .ok{color:#15803d}.mobile-store-check .todo{color:#b45309}.mobile-payout-snapshot{border:1px solid var(--border);border-radius:18px;background:#fff;overflow:hidden}.mobile-payout-snapshot .snapshot-head{background:#f8fafc;border-bottom:1px solid var(--border);padding:12px 14px;font-weight:900}.mobile-payout-snapshot .snapshot-row{padding:10px 14px;border-bottom:1px solid #eef2f7;display:grid;grid-template-columns:1fr auto;gap:10px}.mobile-payout-snapshot .snapshot-row:last-child{border-bottom:none}.mobile-readiness-list li{margin-bottom:8px}@media(max-width:700px){.mobile-feature-directory,.mobile-store-check{grid-template-columns:1fr}.mobile-payout-snapshot .snapshot-row{display:block}.mobile-payout-snapshot .snapshot-row strong{display:block;margin-top:4px}}

/* 2026-06-28: APK quiz-flow voor fasecontrole, FF1-controle en betaalbatch */
.mobile-quiz-phase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mobile-quiz-phase-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:14px;box-shadow:0 10px 26px rgba(16,24,40,.05);min-height:180px;display:flex;flex-direction:column}.mobile-quiz-phase-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.mobile-quiz-phase-card b{font-size:30px;line-height:1.1}.mobile-quiz-phase-card small{display:block;color:var(--muted);min-height:48px}.mobile-quiz-wrap .mobile-hero h2{font-size:1.7rem}.mobile-quiz-progress{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(18px,1fr);gap:5px;overflow:hidden}.mobile-quiz-progress i{height:8px;border-radius:999px;background:#e2e8f0}.mobile-quiz-progress i.active{background:#1c3faa}.mobile-visual-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mobile-visual-field{border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(180deg,#fff,#eff6ff);padding:12px;min-height:112px}.mobile-visual-field span{display:block;color:#1d4ed8;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:900}.mobile-visual-field b{display:block;font-size:16px;overflow-wrap:anywhere}.mobile-visual-field small{display:block;color:var(--muted);margin-top:6px}.mobile-ff1-preview-list{display:grid;gap:8px}.mobile-ff1-preview-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;background:#f8fafc;padding:10px}.mobile-ff1-pdf-pair,.mobile-payout-pdf-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-ff1-pdf-pair>div,.mobile-payout-pdf-pair>div{border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:10px}.mobile-ff1-pdf-pair span,.mobile-payout-pdf-pair span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:900;margin-bottom:6px}.mobile-ff1-pdf-pair img,.mobile-payout-pdf-pair img{width:100%;height:230px;object-fit:contain;background:#fff;border-radius:12px;border:1px solid #eef2f7}.mobile-pdf-placeholder{min-height:230px;display:grid;place-items:center;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:14px}.mobile-company-summary{display:grid;gap:8px}.mobile-company-summary-row{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px}.mobile-company-summary-row b,.mobile-company-summary-row span,.mobile-company-summary-row strong{display:block}.mobile-company-summary-row span{color:var(--muted)}.mobile-company-summary-row strong{font-size:16px;color:#166534}.mobile-quiz-note{font-size:13px}
@media(max-width:992px){.mobile-quiz-phase-grid,.mobile-visual-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-ff1-pdf-pair,.mobile-payout-pdf-pair{grid-template-columns:1fr}.mobile-ff1-pdf-pair img,.mobile-payout-pdf-pair img,.mobile-pdf-placeholder{height:200px}}
@media(max-width:576px){.mobile-quiz-phase-grid,.mobile-visual-fields{grid-template-columns:1fr}.mobile-quiz-phase-card{min-height:0}.mobile-ff1-preview-row{display:block}.mobile-ff1-preview-row .btn{margin-top:8px;width:100%}.mobile-ff1-pdf-pair img,.mobile-payout-pdf-pair img,.mobile-pdf-placeholder{height:170px}}
/* APK/mobile shell: toon alleen de mobiele kernflow, niet het desktop-menu. */
body.mobile-shell .sidebar{display:none!important}
body.mobile-shell .main{margin-left:0!important;width:100%!important}
body.mobile-shell .topbar{display:none!important}
body.mobile-shell .content{padding-top:12px}
.mobile-pdf-fullpage{display:block;width:100%;height:auto;max-height:calc(100vh - 190px);object-fit:contain;background:#fff;border:1px solid #eef2f7;border-radius:14px}
.mobile-pdf-viewer-page .mobile-pdf-card{min-height:65vh}.mobile-quiz-progress i.done{background:#16a34a}.mobile-debtor-list{display:grid;gap:8px;max-height:52vh;overflow:auto;padding:2px}.mobile-debtor-row{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:14px;background:#fff;padding:10px;cursor:pointer}.mobile-debtor-row span{display:block}.mobile-debtor-row b{display:block}.mobile-debtor-row small{display:block;color:var(--muted)}.mobile-lean-actions .mobile-feature-link span:first-child{font-weight:900;color:#1c3faa;font-size:18px;min-width:22px;text-align:center}.mobile-pdf-card .card-header .btn{white-space:nowrap}
@media(max-width:576px){.mobile-pdf-fullpage{max-height:calc(100vh - 230px)}.mobile-pdf-viewer-page .mobile-pdf-card{min-height:55vh}}

/* 2026-07-04: Tinder-achtige APK swipecontrole en Fase 6 betaalflow */
.mobile-swipe-card{position:relative;transition:transform .18s ease, box-shadow .18s ease;touch-action:pan-y;user-select:none}
.mobile-swipe-card.is-swiping{box-shadow:0 18px 44px rgba(15,23,42,.16);cursor:grabbing}
.mobile-swipe-help{border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#475569;font-weight:800;text-align:center;padding:9px 12px}
.mobile-swipe-actions .btn{font-weight:900;letter-spacing:.01em}
.mobile-visual-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mobile-visual-image-card{position:relative;overflow:hidden;border:1px solid #dbeafe;border-radius:16px;min-height:150px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.mobile-visual-image-card img{width:100%;height:150px;object-fit:cover;object-position:top left;filter:saturate(.9);opacity:.74;background:#fff}
.mobile-visual-image-overlay{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.88));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.mobile-visual-image-overlay span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#bfdbfe}
.mobile-visual-image-overlay b{display:block;font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.mobile-visual-image-overlay small{display:block;font-size:11px;color:#e2e8f0;line-height:1.25;margin-top:3px}
@media(max-width:992px){.mobile-visual-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:576px){.mobile-visual-image-grid{grid-template-columns:1fr}.mobile-visual-image-card,.mobile-visual-image-card img{min-height:132px;height:132px}.mobile-swipe-help{font-size:12px}}

/* Compacte snippets op factuurdetail: toon zoveel mogelijk beeld zonder grote kaarten. */
.invoice-detail-snippet-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.invoice-detail-snippet-grid .invoice-snippet-card .cap{padding:6px 8px;font-size:12px;}
.invoice-detail-snippet-grid .invoice-snippet-card img{max-height:145px;object-fit:contain;object-position:center;background:#f8fafc;}
@media(max-width:1200px){.invoice-detail-snippet-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.invoice-detail-snippet-grid{grid-template-columns:1fr}.invoice-detail-snippet-grid .invoice-snippet-card img{max-height:180px;}}

/* 2026-07-04: APK-v2 professionele mobiele kernflow met logo en vijf faseknoppen */
.mobile-pro-home{max-width:1120px}.mobile-pro-hero{background:radial-gradient(circle at 12% 0%,#ffffff 0,#ffffff 32%,#eef6ff 100%);border:1px solid #dbeafe}.mobile-pro-logo{width:82px;height:82px;border-radius:22px;box-shadow:0 18px 45px rgba(28,63,170,.18)}.mobile-pro-status{box-shadow:inset 0 0 0 1px rgba(28,63,170,.08);background:linear-gradient(180deg,#fff,#f8fbff)}.mobile-command-center{border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f8fbff)}.mobile-command-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.mobile-command-head h3{font-weight:900;margin:0 0 4px}.mobile-command-head p{color:var(--muted);margin:0;max-width:780px}.mobile-core-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mobile-core-flow-card{position:relative;min-height:190px;text-decoration:none;color:var(--text);border:1px solid #dbeafe;border-radius:22px;background:#fff;padding:16px;box-shadow:0 14px 36px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:4px;overflow:hidden}.mobile-core-flow-card:before{content:"";position:absolute;inset:auto -20px -34px auto;width:108px;height:108px;border-radius:50%;background:rgba(91,124,250,.10)}.mobile-core-flow-card:hover,.mobile-core-flow-card:focus{color:var(--text);transform:translateY(-2px);border-color:#5b7cfa;box-shadow:0 20px 46px rgba(28,63,170,.14)}.mobile-core-flow-card .flow-icon{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#1c3faa,#5b7cfa);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 10px 24px rgba(28,63,170,.24)}.mobile-core-flow-card small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#1d4ed8;font-weight:900;margin-top:6px}.mobile-core-flow-card b{font-size:16px;line-height:1.15;min-height:38px}.mobile-core-flow-card strong{font-size:38px;line-height:1;font-weight:950;color:#0f172a;margin-top:auto}.mobile-core-flow-card em{font-style:normal;color:var(--muted);font-size:12px;line-height:1.25;min-height:30px}.mobile-core-flow-card-success{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}.mobile-core-flow-card-success .flow-icon{background:linear-gradient(135deg,#047857,#0f9f6e)}.mobile-pro-invoice-card{border-radius:22px}.mobile-secondary-tools{background:#fff;border-style:dashed}.mobile-bottom-nav-5{grid-template-columns:repeat(5,1fr);width:min(640px,calc(100vw - 20px))}.mobile-bottom-nav-5 a{font-size:11px;padding:9px 4px}
@media(max-width:1100px){.mobile-core-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-core-flow-card{min-height:170px}}
@media(max-width:720px){.mobile-command-head{display:block}.mobile-command-head .btn{margin-top:10px;width:100%}.mobile-core-flow-grid{grid-template-columns:1fr}.mobile-core-flow-card{min-height:136px}.mobile-core-flow-card b{min-height:0}.mobile-core-flow-card strong{font-size:30px}.mobile-pro-logo{width:64px;height:64px}.mobile-bottom-nav-5 a{font-size:10.5px}}
.mobile-ff1-mini-preview img,.mobile-ff1-mini-preview .mobile-pdf-placeholder{height:150px}.mobile-ff1-mini-preview{margin-top:8px}
@media(max-width:576px){.mobile-ff1-mini-preview img,.mobile-ff1-mini-preview .mobile-pdf-placeholder{height:132px}}

/* 2026-07-04 update: schermen afgestemd op aangeleverde professionele app-mockups */
body.mobile-shell{background:radial-gradient(circle at 50% -10%,#ffffff 0,#f7fbff 40%,#f4f7fb 100%)}
body.mobile-shell .content{padding:14px 12px 108px!important}.mobile-figma-shell{max-width:640px;margin:0 auto;color:#08275d}.mobile-screen-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 6px 16px}.mobile-brandmark{display:flex;align-items:center;gap:12px;font-weight:900;font-size:23px;color:#062052;letter-spacing:-.04em}.mobile-brandmark img{width:66px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(14,63,170,.13))}.mobile-user-chip{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #cfd8e7;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(15,23,42,.06);text-decoration:none;color:#08275d;font-size:22px}.mobile-welcome-block{padding:0 6px 12px}.mobile-welcome-block h1{margin:0;font-weight:950;letter-spacing:-.055em;color:#08275d;font-size:30px;line-height:1.08}.mobile-welcome-block p{margin:6px 0 18px;color:#64748b;font-size:16px}.mobile-blue-cta{display:flex;align-items:center;gap:18px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0768ff 0,#0443b8 100%);border-radius:22px;padding:24px 22px;box-shadow:0 20px 42px rgba(0,90,220,.23), inset 0 0 0 1px rgba(255,255,255,.12)}.mobile-blue-cta:hover,.mobile-blue-cta:focus{color:#fff;transform:translateY(-1px)}.mobile-blue-cta .mobile-cta-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:32px}.mobile-blue-cta b{display:block;font-size:28px;line-height:1.05;letter-spacing:-.04em}.mobile-blue-cta small{display:block;font-size:16px;color:#e8f1ff;margin-top:6px}.mobile-blue-cta i{margin-left:auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(0,35,110,.22);font-style:normal;font-size:38px;line-height:1}.mobile-workflow-card{background:rgba(255,255,255,.94);border:1px solid #e5edf7;border-radius:22px;padding:18px 16px;box-shadow:0 14px 34px rgba(15,23,42,.08);margin:8px 6px 18px}.mobile-section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#08275d}.mobile-section-line b{font-weight:850}.mobile-section-line span{color:#7b879d}.mobile-stepper{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.mobile-stepper:before{content:"";position:absolute;left:10%;right:10%;top:19px;height:4px;border-radius:999px;background:#dfe5ee}.mobile-step{position:relative;z-index:1;text-align:center;display:grid;gap:8px;justify-items:center;color:#46546d;font-size:13px}.mobile-step i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d8dee7;color:#5d6a7f;font-style:normal;font-weight:900}.mobile-step.is-blue i{background:#0967ea;color:#fff;box-shadow:0 8px 20px rgba(9,103,234,.25)}.mobile-step.is-green i{background:#24a355;color:#fff;box-shadow:0 8px 20px rgba(36,163,85,.22)}.mobile-step span{white-space:nowrap}.mobile-action-stack{display:grid;gap:14px;margin:0 0 18px}.mobile-phase-card{position:relative;display:grid;grid-template-columns:7px 76px 1fr 56px 24px;gap:12px;align-items:center;min-height:112px;text-decoration:none;color:#0a2557;background:rgba(255,255,255,.96);border:1px solid #e6edf6;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.08);overflow:hidden;padding:14px 16px 14px 0}.mobile-phase-card:hover,.mobile-phase-card:focus{color:#0a2557;transform:translateY(-1px);box-shadow:0 18px 42px rgba(9,103,234,.13)}.mobile-phase-card .phase-accent{height:100%;width:7px;background:#0768ff;border-radius:0 99px 99px 0}.mobile-phase-card.is-green .phase-accent{background:#22a455}.mobile-phase-card .phase-icon{width:66px;height:66px;border-radius:18px;background:#eaf3ff;display:grid;place-items:center;font-size:34px;color:#075bce}.mobile-phase-card.is-green .phase-icon{background:#e9f8ef;color:#188146}.phase-row{display:flex;align-items:center;gap:10px;min-width:0}.phase-row i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0967ea;color:#fff;font-style:normal;font-weight:900;flex:0 0 auto}.mobile-phase-card.is-green .phase-row i{background:#24a355}.phase-row b{display:block;font-size:22px;line-height:1.12;font-weight:950;letter-spacing:-.04em;white-space:normal}.phase-copy small{display:block;color:#0868ff;font-weight:800;margin-top:3px;font-size:15px}.mobile-phase-card.is-green .phase-copy small{color:#17894b}.phase-copy em{display:block;color:#667085;font-style:normal;font-size:15px;margin-top:3px}.mobile-phase-card>strong{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eaf3ff;color:#0868ff;font-size:23px}.mobile-phase-card.is-green>strong{background:#e8f7ef;color:#188146}.phase-arrow{font-size:42px;line-height:1;color:#062052}.mobile-advanced-panel{margin:10px 0 0}.mobile-advanced-panel>summary{cursor:pointer;list-style:none;background:#fff;border:1px solid #e5edf7;border-radius:16px;padding:12px 15px;font-weight:850;color:#08275d;box-shadow:0 8px 22px rgba(15,23,42,.05)}.mobile-advanced-panel>summary::-webkit-details-marker{display:none}.mobile-bottom-nav-4{grid-template-columns:repeat(4,1fr);width:min(620px,calc(100vw - 20px));padding:0 8px 6px}.mobile-bottom-nav-4 a{display:grid!important;gap:2px;justify-items:center;font-size:12px!important;line-height:1.15;padding:9px 4px!important}.mobile-bottom-nav-4 a span{font-size:24px;line-height:1}.mobile-bottom-nav-4 a.active span{color:#0868ff}.mobile-bottom-nav-4:before{content:"";position:absolute;top:0;left:18px;width:96px;height:5px;border-radius:999px;background:#0868ff;opacity:.95}.mobile-bottom-nav-4 a.active{font-weight:850}
.mobile-page-title{padding:2px 6px 16px}.mobile-page-title h1{font-size:32px;line-height:1.05;font-weight:950;letter-spacing:-.055em;color:#08275d;margin:0}.mobile-page-title p{color:#64748b;margin:8px 0 0;font-size:16px}.mobile-mini-back{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#08275d;font-size:28px}.mobile-match-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#ecfff2,#e8f8ee);border:1px solid #c7efd4;border-radius:18px;padding:16px;margin:0 6px 20px;color:#166534;box-shadow:0 10px 24px rgba(22,101,52,.08)}.mobile-match-banner i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#23a455;color:#fff;font-style:normal;font-size:26px;font-weight:900}.mobile-match-banner b{display:block;font-size:18px}.mobile-match-banner small{display:block;color:#45635a}.mobile-ff1-focus{margin:0 6px 18px;padding:18px;border-radius:22px;background:#fff;border:1px solid #dbeafe;box-shadow:0 12px 30px rgba(15,23,42,.07)}.mobile-doc-panel{position:relative;border:1.5px solid #bfdbfe;border-radius:18px;padding:28px 18px 18px;background:linear-gradient(180deg,#fff,#fbfdff);margin-bottom:16px}.mobile-doc-panel.is-ff1{border-color:#bae7c4;background:linear-gradient(180deg,#fff,#f7fff9)}.mobile-doc-label{position:absolute;top:-14px;left:18px;background:#e8f1ff;color:#075bce;border-radius:10px;padding:7px 14px;font-weight:900}.mobile-doc-panel.is-ff1 .mobile-doc-label{background:#dff5e8;color:#166534}.mobile-doc-title{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:950;letter-spacing:-.045em;color:#08275d}.mobile-doc-panel.is-ff1 .mobile-doc-title{color:#166534}.mobile-doc-title mark{background:#e9f3ff;border:1px solid #7db1ff;color:inherit;border-radius:10px;padding:0 6px}.mobile-doc-panel.is-ff1 mark{background:#e5f7ec;border-color:#8bd59e}.mobile-doc-grid{display:grid;gap:8px;margin-top:16px}.mobile-doc-grid div{display:flex;justify-content:space-between;gap:14px;color:#41506a}.mobile-doc-grid b{color:#08275d}.mobile-doc-connector{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#0868ff;color:#fff;margin:-7px auto 9px;font-size:24px;box-shadow:0 12px 26px rgba(8,104,255,.25);position:relative;z-index:2}.mobile-action-list{display:grid;gap:10px;margin-top:14px}.mobile-action-list .btn{border-radius:15px;padding:13px 16px;font-weight:850}.mobile-payment-summary-card{background:#fff;border:1px solid #e5edf7;border-radius:22px;margin:0 6px 14px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.08)}.mobile-payment-summary-card h2{font-size:20px;font-weight:900;color:#08275d;margin:0}.mobile-payment-summary-card .concept-pill{background:#e9f3ff;color:#0768ff;border-radius:999px;padding:7px 12px;font-weight:850}.mobile-total-amount{display:block;font-size:40px;font-weight:950;color:#08275d;letter-spacing:-.06em;margin-top:18px}.mobile-payment-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid #e5edf7;border-radius:18px;margin:0 6px 18px;padding:16px 10px;box-shadow:0 8px 22px rgba(15,23,42,.06)}.mobile-pay-step{text-align:center;position:relative;color:#516176;font-weight:700}.mobile-pay-step:not(:last-child):after{content:"";position:absolute;top:18px;left:60%;right:-40%;height:3px;background:#dbe5ef}.mobile-pay-step i{position:relative;z-index:1;margin:0 auto 8px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dfe6ee;color:#536274;font-style:normal;font-weight:900}.mobile-pay-step.done i{background:#24a355;color:#fff}.mobile-pay-step.active i{background:#0868ff;color:#fff}.mobile-payment-actions{display:grid;gap:12px;margin:12px 6px 18px}.mobile-payment-action{display:flex;align-items:center;gap:14px;text-decoration:none;color:#08275d;background:#fff;border:1px solid #e5edf7;border-radius:17px;padding:14px 16px;box-shadow:0 8px 22px rgba(15,23,42,.06)}.mobile-payment-action.primary{background:linear-gradient(135deg,#0768ff,#0443b8);color:#fff;border-color:#0768ff}.mobile-payment-action span:first-child{width:50px;height:50px;border-radius:16px;background:#eaf3ff;display:grid;place-items:center;font-size:26px}.mobile-payment-action.primary span:first-child{background:rgba(255,255,255,.18)}.mobile-payment-action b{display:block;font-size:18px}.mobile-payment-action small{display:block;color:#67758a}.mobile-payment-action.primary small{color:#e5efff}.mobile-payment-action i{margin-left:auto;font-style:normal;font-size:32px}.mobile-lock-panel{display:flex;gap:14px;align-items:center;background:#edfff4;border:1px solid #b8efcf;border-radius:18px;margin:0 6px 18px;padding:14px;color:#166534}.mobile-lock-panel b{display:block}.mobile-lock-panel span:last-child{margin-left:auto;background:#d7f7e3;border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px}.mobile-selection-list{margin:0 6px 18px}.mobile-selection-list .list-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f6}.mobile-selection-list .list-row:last-child{border-bottom:0}.mobile-selection-list .row-icon{width:42px;height:42px;border-radius:12px;background:#eaf3ff;display:grid;place-items:center;color:#0868ff;font-size:22px}.mobile-selection-list b{display:block;color:#08275d}.mobile-selection-list small{display:block;color:#64748b}.mobile-selection-list strong{color:#08275d}.mobile-selection-list a{text-decoration:none;color:#0868ff;font-weight:800;display:block;text-align:center;padding-top:8px}
@media(max-width:640px){.mobile-brandmark{font-size:22px}.mobile-welcome-block h1{font-size:29px}.mobile-blue-cta{padding:21px 18px}.mobile-blue-cta b{font-size:25px}.mobile-phase-card{grid-template-columns:6px 66px 1fr 50px 18px;gap:10px;min-height:104px;padding-right:12px}.mobile-phase-card .phase-icon{width:58px;height:58px;font-size:29px}.phase-row b{font-size:19px}.phase-row i{width:32px;height:32px}.phase-copy small,.phase-copy em{font-size:13px}.mobile-phase-card>strong{width:48px;height:48px;font-size:20px}.phase-arrow{font-size:34px}.mobile-step{font-size:11px}.mobile-step i{width:34px;height:34px}.mobile-stepper:before{top:17px}.mobile-doc-title{font-size:24px}.mobile-total-amount{font-size:36px}.mobile-pay-step{font-size:12px}}


/* 2026-07-04: tablet/full-width polish voor een echte app-ervaring.
   De mobiele mockup was op grote tablets te smal gecentreerd. Deze override laat de app
   de beschikbare schermruimte professioneel benutten zonder overdreven uitrekken. */
body.mobile-shell .content{
  width:100%!important;
  max-width:none!important;
  padding-left:clamp(12px,2.6vw,36px)!important;
  padding-right:clamp(12px,2.6vw,36px)!important;
}
.mobile-figma-shell{
  width:min(100%,1280px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(min-width:760px) and (max-width:899px){
  .mobile-figma-shell{width:calc(100vw - 44px)!important;}
  .mobile-action-stack{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:900px){
  .mobile-figma-shell.mobile-home-screen{
    width:min(100%,1240px)!important;
    display:grid;
    grid-template-columns:minmax(340px,.86fr) minmax(520px,1.35fr);
    gap:22px;
    align-items:start;
  }
  .mobile-home-screen .mobile-screen-topbar{grid-column:1 / -1;}
  .mobile-home-screen .mobile-welcome-block{grid-column:1;}
  .mobile-home-screen .mobile-workflow-card{grid-column:2;grid-row:2;margin:0 0 18px;}
  .mobile-home-screen .mobile-action-stack{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));}
  .mobile-home-screen .mobile-advanced-panel{grid-column:1 / -1;}
  .mobile-blue-cta{min-height:168px;}
  .mobile-phase-card{min-height:128px;}
  .mobile-ff1-screen,.mobile-payout-screen,.mobile-detail,.mobile-quiz-wrap,.mobile-pdf-viewer-page,.mobile-pin-page{
    width:min(100%,1180px)!important;
    max-width:none!important;
  }
  .mobile-ff1-focus{
    display:grid;
    grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);
    gap:18px;
    align-items:stretch;
  }
  .mobile-doc-connector{align-self:center;margin:0 auto;}
  .mobile-payment-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mobile-selection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mobile-bottom-nav-4{width:min(780px,calc(100vw - 56px))!important;}
  .mobile-bottom-nav-5{width:min(860px,calc(100vw - 56px))!important;}
}
@media(min-width:1180px){
  .mobile-home-screen .mobile-action-stack{grid-template-columns:repeat(3,minmax(0,1fr));}
  .mobile-phase-card{grid-template-columns:7px 82px 1fr 64px 30px;}
  .phase-row b{font-size:24px;}
}

/* 2026-07-05: harde tablet-layoutfix voor Samsung tablet/WebView/PWA fallback.
   Doel: geen lege hero/vertical centering meer; content begint direct onder header. */
html, body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100%;
}
body.mobile-shell{
  min-height:100dvh;
  overflow-x:hidden;
  background:radial-gradient(circle at 50% -8%,#ffffff 0,#f7fbff 34%,#f4f7fb 100%);
}
body.mobile-shell .app-shell,
body.mobile-shell .main{
  min-height:100dvh!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  margin-left:0!important;
}
body.mobile-shell .sidebar,
body.mobile-shell .topbar{
  display:none!important;
}
body.mobile-shell .content{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:none!important;
  min-height:auto!important;
  display:block!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  padding-top:clamp(8px,1.4vw,18px)!important;
  padding-left:clamp(12px,2.4vw,34px)!important;
  padding-right:clamp(12px,2.4vw,34px)!important;
  padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
}
body.mobile-shell .mobile-app-wrap,
body.mobile-shell .mobile-figma-shell{
  margin-top:0!important;
  padding-top:0!important;
  transform:none!important;
  align-self:stretch!important;
}
body.mobile-shell .mobile-home-screen{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-items:start!important;
  justify-content:stretch!important;
}
body.mobile-shell .mobile-screen-topbar{
  min-height:64px!important;
  max-height:80px!important;
  padding:6px 6px 10px!important;
  margin:0!important;
  align-items:center!important;
}
body.mobile-shell .mobile-brandmark img{
  width:58px!important;
  height:46px!important;
}
body.mobile-shell .mobile-welcome-block{
  margin:0!important;
  padding:0 6px 6px!important;
}
body.mobile-shell .mobile-welcome-block h1{
  margin:0!important;
}
.mobile-server-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:8px 0 0;
  padding:6px 10px;
  border-radius:999px;
  background:#eef4ff;
  color:#2554c7;
  font-size:12px;
  font-weight:800;
}
body.mobile-shell .mobile-blue-cta{
  margin-top:10px!important;
  min-height:96px!important;
}
body.mobile-shell .mobile-workflow-card,
body.mobile-shell .mobile-action-stack,
body.mobile-shell .mobile-advanced-panel,
body.mobile-shell .mobile-secondary-tools{
  margin-top:0!important;
}
body.mobile-shell .mobile-action-stack{
  align-items:stretch!important;
}
body.mobile-shell .mobile-bottom-nav{
  bottom:max(10px,env(safe-area-inset-bottom))!important;
}
@media(min-width:760px){
  body.mobile-shell .mobile-action-stack{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}
@media(min-width:900px){
  body.mobile-shell .mobile-figma-shell.mobile-home-screen{
    width:min(100%,1280px)!important;
    max-width:none!important;
    grid-template-columns:minmax(320px,.78fr) minmax(0,1.42fr)!important;
    gap:16px 20px!important;
  }
  body.mobile-shell .mobile-home-screen .mobile-screen-topbar{
    grid-column:1 / -1!important;
  }
  body.mobile-shell .mobile-home-screen .mobile-welcome-block{
    grid-column:1!important;
    grid-row:2!important;
  }
  body.mobile-shell .mobile-home-screen .mobile-workflow-card{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
  }
  body.mobile-shell .mobile-home-screen .mobile-action-stack{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.mobile-shell .mobile-home-screen .mobile-advanced-panel,
  body.mobile-shell .mobile-home-screen .mobile-secondary-tools{
    grid-column:1 / -1!important;
  }
  body.mobile-shell .mobile-phase-card{
    min-height:126px!important;
  }
}
@media(min-width:1180px){
  body.mobile-shell .mobile-home-screen .mobile-action-stack{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}