*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f6f8;color:#1f2937}a{color:#2d4fa1;text-decoration:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;margin-bottom:28px}.brand span,.auth-brand{letter-spacing:.18em;color:#dcaf7b;font-weight:800}.brand strong{font-size:14px;margin-top:4px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{color:#cbd5e1;padding:11px 12px;border-radius:9px}.sidebar nav a.active,.sidebar nav a:hover{background:#253047;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:8px;color:#cbd5e1}.sidebar-bottom a{color:#fff}.content{padding:28px 34px}.top{margin-bottom:22px}.top h1{margin:0;font-size:28px}.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:20px}.stat,.panel,.auth-card{background:#fff;border:1px solid #e3e7ed;border-radius:14px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.stat{padding:20px}.stat strong{display:block;font-size:30px}.stat span{font-size:13px;color:#6b7280}.stat.warning strong{color:#d97706}.panel{padding:20px}.panel h2{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f4;font-size:14px}th{font-size:12px;text-transform:uppercase;color:#6b7280}small,.muted{color:#6b7280}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.form-panel{align-self:start;position:sticky;top:20px}label{display:grid;gap:6px;font-size:13px;font-weight:600;margin-bottom:13px}input,textarea,select{width:100%;padding:10px 11px;border:1px solid #d7dce4;border-radius:9px;font:inherit;background:#fff}textarea{min-height:80px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center}.check input{width:auto}.btn{display:inline-block;border:1px solid #d7dce4;background:#fff;padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:700;color:#1f2937}.btn.primary{background:#2d4fa1;border-color:#2d4fa1;color:#fff}.btn.full{width:100%;text-align:center}.btn.link{border:0;background:transparent;color:#6b7280}.search{display:flex;gap:8px}.flash{padding:12px 14px;border-radius:9px;margin:0 0 16px}.flash.success{background:#e7f5ec;color:#17603a}.flash.error{background:#fde9e7;color:#992f25}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);padding:30px}.auth-card.wide{width:min(820px,100%)}.auth-card h1{margin:8px 0}.auth-card h2{font-size:17px;margin-top:24px;border-bottom:1px solid #edf0f4;padding-bottom:8px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px}.badge.green{background:#e7f5ec;color:#17603a}.badge.orange{background:#fff1da;color:#8a5700}.badge.red{background:#fde9e7;color:#992f25}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar-bottom{margin-top:18px}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.form-panel{position:static}.content{padding:20px}}@media(max-width:600px){.sidebar nav{grid-template-columns:1fr 1fr}.stats,.grid2{grid-template-columns:1fr}.content{padding:15px}.panel{padding:14px}}
.stats.six{grid-template-columns:repeat(3,minmax(150px,1fr))}.stat.danger strong{color:#b91c1c}.subform{border-top:1px solid #edf0f4;margin-top:18px;padding-top:8px}.subform h3{margin-bottom:4px}.customer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.customer-head h2{margin:8px 0 4px}.subscription-block{margin-bottom:18px}.renew-box{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:10px;padding:12px 14px;margin:16px 0}.renew-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.renew-form select,.renew-form input{width:auto;min-width:150px}.period-list{display:grid;gap:12px}.period-card{border:1px solid #e5eaf0;border-radius:12px;padding:15px;background:#fbfcfd}.period-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check-row{display:flex;gap:20px;flex-wrap:wrap}.check-row label{margin-bottom:10px}.actions{white-space:nowrap}@media(max-width:1050px){.stats.six{grid-template-columns:repeat(2,1fr)}.period-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.stats.six,.period-grid{grid-template-columns:1fr}.customer-head,.renew-box{align-items:flex-start;flex-direction:column}.renew-form{width:100%}.renew-form select,.renew-form input,.renew-form button{width:100%}}
.filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px}.filterbar input{flex:1 1 220px}.filterbar select{min-width:150px}.inline-form{display:inline;margin-left:6px}.link-button{border:0;background:none;padding:0;color:#2d4fa1;cursor:pointer;font:inherit;text-decoration:underline}.danger-text{color:#b33b2e}.btn.danger{background:#fff;border-color:#d95c4a;color:#b33b2e}.button-row{display:flex;gap:8px;flex-wrap:wrap}.row-muted{opacity:.62}

/* Klantenoverzicht v5 */
.customer-status-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px}.status-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e7ed;border-radius:14px;padding:17px 18px;color:#1f2937;box-shadow:0 4px 18px rgba(15,23,42,.04);transition:transform .15s ease,box-shadow .15s ease}.status-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.08)}.status-card strong{display:block;font-size:25px;line-height:1.05}.status-card span:not(.status-icon){display:block;margin-top:4px;font-size:13px;color:#667085}.status-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:13px}.status-green .status-icon{background:#dff5e8;color:#17965b}.status-yellow .status-icon{background:#fff0c7;color:#d89400}.status-red .status-icon{background:#fde2e0;color:#d94b43}.status-gray .status-icon{background:#e7e9ed;color:#69707c}.modern-filterbar{padding-bottom:16px;border-bottom:1px solid #edf0f4}.customers-table td{vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}.badge.gray{background:#eceef1;color:#596170}.badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.actions-cell{width:54px;text-align:right;overflow:visible}.action-menu{position:relative;display:inline-block}.action-menu summary{list-style:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f4f6f8;color:#344054;font-weight:800;cursor:pointer;user-select:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu[open] summary{background:#e8edf3}.action-menu-pop{position:absolute;z-index:30;right:0;top:43px;min-width:178px;background:#fff;border:1px solid #e1e5eb;border-radius:11px;box-shadow:0 14px 32px rgba(15,23,42,.16);padding:7px}.action-menu-pop a,.menu-action{display:block;width:100%;border:0;background:transparent;padding:10px 11px;border-radius:8px;text-align:left;font:inherit;font-size:13px;color:#344054;cursor:pointer;text-decoration:none}.action-menu-pop a:hover,.menu-action:hover{background:#f5f7fa}.action-menu-pop form{margin:0}.warning-action{color:#b76a00}.danger-action{color:#c5352f}.action-menu-pop form:last-child{border-top:1px solid #edf0f4;margin-top:4px;padding-top:4px}
@media(max-width:1050px){.customer-status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.customer-status-grid{grid-template-columns:1fr}.action-menu-pop{right:auto;left:-140px}}

/* Klantenoverzicht v6 - cacheveilige en robuuste weergave */
.customer-status-grid>a.status-card{display:flex!important;text-decoration:none!important}
.customer-status-grid .status-card div{min-width:0}
.customer-status-grid .status-card strong,.customer-status-grid .status-card span{line-height:1.2}
.action-menu>summary::marker{display:none;content:""}
.action-menu>summary{font-size:0}
.action-menu>summary::after{content:"•••";font-size:15px;letter-spacing:1px;line-height:1}
.actions-cell{position:relative}
@media(max-width:1250px){.split{grid-template-columns:minmax(0,1fr) 330px}.customers-table th,.customers-table td{padding-left:8px;padding-right:8px}}

/* Klantenoverzicht v7 - volledige lay-outherwerking */
.customer-overview{max-width:1600px;margin:0 auto}.customer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.customer-kpi{position:relative;display:flex;align-items:center;gap:14px;min-height:88px;padding:16px 18px;background:#fff;border:1px solid #e2e7ee;border-radius:14px;color:#1f2937;box-shadow:0 3px 14px rgba(15,23,42,.035);overflow:hidden}.customer-kpi:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd5e1}.customer-kpi:hover,.customer-kpi.is-active{border-color:#cbd3df;box-shadow:0 8px 24px rgba(15,23,42,.07)}.customer-kpi.is-active{transform:translateY(-1px)}.kpi-symbol{width:42px;height:42px;border-radius:12px;background:#eef2f6;position:relative;flex:0 0 auto}.kpi-symbol:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#64748b}.kpi-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.kpi-copy strong{font-size:26px;line-height:1;color:#182230}.kpi-copy small{font-size:13px;line-height:1.25;color:#667085}.kpi-green:after{background:#2e9e6b}.kpi-green .kpi-symbol{background:#e2f5e9}.kpi-green .kpi-symbol:before{background:#2e9e6b}.kpi-amber:after{background:#e5a23a}.kpi-amber .kpi-symbol{background:#fff2d8}.kpi-amber .kpi-symbol:before{background:#e5a23a}.kpi-red:after{background:#d95c4a}.kpi-red .kpi-symbol{background:#fde8e5}.kpi-red .kpi-symbol:before{background:#d95c4a}.kpi-gray:after{background:#8c96a6}.kpi-gray .kpi-symbol{background:#eceff3}.kpi-gray .kpi-symbol:before{background:#8c96a6}
.customer-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.customer-list-panel,.customer-form-panel{padding:0;overflow:visible}.customer-list-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 14px}.customer-list-head h2{margin:0 0 3px;font-size:20px}.customer-list-head p{margin:0;color:#7a8494;font-size:13px}.customer-mobile-add{display:none}.customer-filters{padding:0 22px 18px;border-bottom:1px solid #e9edf2}.filter-search{position:relative;margin-bottom:10px}.filter-search span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:22px;color:#98a2b3;line-height:1}.filter-search input{height:43px;padding-left:41px;border-radius:10px}.filter-selects{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) minmax(170px,1.15fr) auto auto;gap:9px}.filter-selects select,.filter-selects .btn{height:40px;margin:0}.btn.subtle{background:#f7f8fa;border-color:#e5e8ed;color:#667085}.customer-table-wrap{overflow:visible}.customer-table{table-layout:auto}.customer-table th{padding:13px 14px;background:#fafbfc;border-bottom:1px solid #e7ebf0;color:#667085;font-size:11px;letter-spacing:.03em;white-space:nowrap}.customer-table td{padding:15px 14px;border-bottom:1px solid #edf0f4;vertical-align:middle}.customer-table tbody tr:hover{background:#fbfcfe}.customer-table tr.is-muted{opacity:.62}.company-cell,.subscription-cell,.date-cell{display:grid;gap:3px}.company-cell strong,.subscription-cell strong,.date-cell strong{font-size:14px;color:#202939}.company-cell small,.subscription-cell small,.date-cell small{font-size:12px;color:#7a8494}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:650;line-height:1.15;white-space:nowrap}.status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.pill-green{background:#e5f5eb;color:#24784e}.pill-amber{background:#fff1d8;color:#93600d}.pill-red{background:#fde9e7;color:#a33a30}.pill-gray{background:#eceff3;color:#606a78}.neutral-text{color:#98a2b3}.actions-heading{text-align:right!important}.customer-actions{width:70px;text-align:right;position:relative}.customer-action-menu{position:relative;display:inline-block}.customer-action-menu summary{list-style:none;width:36px;height:36px;border:1px solid #e4e8ee;border-radius:9px;background:#f8fafc;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}.customer-action-menu summary::-webkit-details-marker{display:none}.customer-action-menu summary span{width:3px;height:3px;border-radius:50%;background:#344054}.customer-action-menu[open] summary{background:#eef2f6;border-color:#d7dde5}.customer-action-popover{position:absolute;z-index:80;right:0;top:42px;width:178px;padding:7px;background:#fff;border:1px solid #e2e7ed;border-radius:11px;box-shadow:0 16px 36px rgba(15,23,42,.16);text-align:left}.customer-action-popover a,.customer-action-popover button{display:block;width:100%;border:0;background:transparent;border-radius:7px;padding:9px 10px;color:#344054;text-align:left;font:inherit;font-size:13px;cursor:pointer}.customer-action-popover a:hover,.customer-action-popover button:hover{background:#f5f7fa}.customer-action-popover form{margin:0}.customer-action-popover .action-warning{color:#a86507}.customer-action-popover .action-danger{color:#bd3c32;border-top:1px solid #edf0f4;border-radius:0;margin-top:4px;padding-top:10px}.empty-state{text-align:center!important;padding:48px 18px!important;color:#7a8494}.customer-form-panel{position:sticky;top:18px}.customer-form-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid #edf0f4}.customer-form-head .eyebrow{display:block;margin-bottom:4px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#b77a28}.customer-form-head h2{margin:0;font-size:19px}.close-edit{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f4f6f8;color:#667085;font-size:20px}.customer-form{padding:18px 22px 22px}.customer-form label{font-size:12.5px;color:#344054;margin-bottom:12px}.customer-form label>span{color:#d04d3f}.customer-form input,.customer-form textarea,.customer-form select{border-radius:9px;background:#fff}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;margin:2px 0 12px!important;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.switch-row>span:first-child{display:grid;gap:2px;color:#344054}.switch-row small{font-weight:400;color:#7a8494}.switch{position:relative;width:43px;height:24px;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{display:block;width:43px;height:24px;border-radius:999px;background:#cbd2dc;transition:.2s}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:.2s}.switch input:checked+i{background:#2e9e6b}.switch input:checked+i:after{transform:translateX(19px)}.form-divider{display:flex;align-items:center;gap:10px;margin:17px 0 13px;color:#7a8494;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.form-divider:before,.form-divider:after{content:"";height:1px;background:#e8ecf1;flex:1}.customer-save{height:43px;margin-top:3px}.customer-form-panel .btn.primary{background:#b98236;border-color:#b98236}.customer-form-panel .btn.primary:hover{background:#a8742f}
@media(max-width:1280px){.customer-layout{grid-template-columns:minmax(0,1fr) 350px}.filter-selects{grid-template-columns:1fr 1fr}.filter-selects .btn{width:100%}.customer-table th,.customer-table td{padding-left:10px;padding-right:10px}}
@media(max-width:1050px){.customer-kpis{grid-template-columns:repeat(2,1fr)}.customer-layout{grid-template-columns:1fr}.customer-form-panel{position:static}.customer-mobile-add{display:inline-block}}
@media(max-width:760px){.customer-kpis{grid-template-columns:1fr 1fr}.filter-selects{grid-template-columns:1fr}.customer-table thead{display:none}.customer-table,.customer-table tbody,.customer-table tr,.customer-table td{display:block;width:100%}.customer-table tr{position:relative;padding:12px 54px 12px 12px;border-bottom:1px solid #e7ebf0}.customer-table td{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border:0;text-align:right}.customer-table td:before{content:attr(data-label);font-size:11px;font-weight:800;text-transform:uppercase;color:#8a94a3;text-align:left}.customer-table td:first-child{display:block;text-align:left;padding-bottom:10px}.customer-table td:first-child:before{display:none}.customer-actions{position:absolute!important;right:10px;top:10px;width:auto!important}.customer-actions:before{display:none}.customer-action-popover{right:0}.form-grid-two{grid-template-columns:1fr}}
@media(max-width:480px){.customer-kpis{grid-template-columns:1fr}.customer-list-head,.customer-filters,.customer-form-head,.customer-form{padding-left:16px;padding-right:16px}}

/* Klantenmodule v11 */
.customers-page,.customer-detail-page{display:flex;flex-direction:column;gap:18px}.customer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.customer-kpi{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:#fff;color:inherit;text-decoration:none;min-height:82px}.customer-kpi:hover,.customer-kpi.is-active{box-shadow:0 8px 24px rgba(15,23,42,.08);transform:translateY(-1px)}.customer-kpi .kpi-symbol{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.customer-kpi strong{display:block;font-size:25px;line-height:1}.customer-kpi small{display:block;margin-top:7px;color:#667085}.kpi-green .kpi-symbol{background:#2e9e6b}.kpi-amber .kpi-symbol{background:#e8a33d}.kpi-red .kpi-symbol{background:#d95c4a}.kpi-gray .kpi-symbol{background:#8a919f}.customer-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.customer-list-panel,.customer-form-panel{padding:0;overflow:visible}.customer-list-head,.customer-form-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #e7e9ef}.customer-list-head h2,.customer-form-head h2{margin:0}.customer-list-head p{margin:4px 0 0;color:#72798b}.customer-filters{padding:16px 22px;border-bottom:1px solid #e7e9ef}.filter-search input{width:100%;min-height:42px}.filter-selects{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.filter-selects select{min-width:155px}.customer-table-wrap{overflow-x:auto}.customer-table{width:100%;border-collapse:collapse}.customer-table th{padding:12px 14px;text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a8191;background:#fafbfc;border-bottom:1px solid #e7e9ef;white-space:nowrap}.customer-table td{padding:14px;border-bottom:1px solid #edf0f4;vertical-align:middle}.customer-table tr:last-child td{border-bottom:0}.company-cell,.subscription-cell,.date-cell{display:flex;flex-direction:column;gap:3px}.company-cell strong{font-size:14px}.company-cell small,.table-sub{display:block;color:#767d8e;font-size:12px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-green{color:#176b48;background:#e5f5ed}.pill-amber{color:#8a5a12;background:#fff3df}.pill-red{color:#99382c;background:#fde9e6}.pill-gray{color:#5f6674;background:#eceef2}.customer-action-menu{position:relative}.customer-action-menu summary{list-style:none;cursor:pointer;width:34px;height:34px;border:1px solid #dfe3ea;border-radius:9px;display:grid;place-items:center;font-weight:800;letter-spacing:2px;background:#fff}.customer-action-menu summary::-webkit-details-marker{display:none}.customer-action-popover{position:absolute;right:0;top:40px;z-index:30;width:180px;background:#fff;border:1px solid #e1e5eb;border-radius:11px;box-shadow:0 14px 35px rgba(15,23,42,.16);padding:6px}.customer-action-popover a,.customer-action-popover button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 10px;border-radius:7px;color:#252b3a;text-decoration:none;font:inherit;cursor:pointer}.customer-action-popover a:hover,.customer-action-popover button:hover{background:#f5f6f8}.customer-action-popover .action-danger{color:#b13f32}.customer-form-panel{position:sticky;top:18px}.customer-form{padding:18px 22px}.customer-form label{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;font-size:12px;font-weight:650;color:#596173}.customer-form input,.customer-form textarea,.customer-form select,.customer-filters input,.customer-filters select{border:1px solid #dfe3ea;border-radius:9px;padding:10px 11px;font:inherit;background:#fff;color:#202534}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:#7b8290;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.form-divider:before,.form-divider:after{content:"";height:1px;background:#e5e8ee;flex:1}.switch-row{flex-direction:row!important;align-items:center;justify-content:space-between}.switch{position:relative;width:42px;height:24px}.switch input{position:absolute;opacity:0}.switch i{position:absolute;inset:0;border-radius:999px;background:#c8cdd6;transition:.2s}.switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.switch input:checked+i{background:#2e9e6b}.switch input:checked+i:after{transform:translateX(18px)}.close-edit{font-size:24px;line-height:1;color:#6d7482;text-decoration:none}.detail-toolbar{display:flex;justify-content:space-between;align-items:center}.back-link{text-decoration:none;color:#4c5870}.detail-hero{display:flex;justify-content:space-between;align-items:center}.detail-hero h2{margin:4px 0}.detail-hero p{margin:0;color:#737b8d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #edf0f4}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:#747c8d}.detail-list dd{margin:0}.subscription-detail{padding:22px}.section-heading{display:flex;justify-content:space-between}.section-heading h3{margin:4px 0}.section-heading p{margin:0;color:#737b8d}.renew-inline{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;margin:18px 0;background:#f7f8fa;border-radius:11px}.renew-inline label{display:flex;flex-direction:column;gap:5px}.period-stack{display:flex;flex-direction:column;gap:12px}.period-editor{border:1px solid #e1e5eb;border-radius:12px;padding:16px}.period-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.period-editor label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#626a7a}.period-editor input,.period-editor textarea,.period-editor select{border:1px solid #dfe3ea;border-radius:8px;padding:9px;font:inherit}.check-row,.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.check-row .check{flex-direction:row;align-items:center}.empty-state{text-align:center;color:#777f90;padding:35px!important}.customer-mobile-add{display:none}
@media(max-width:1100px){.customer-layout{grid-template-columns:1fr}.customer-form-panel{position:static}.customer-mobile-add{display:inline-flex}.customer-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.customer-kpis{grid-template-columns:1fr 1fr}.customer-table thead{display:none}.customer-table,.customer-table tbody,.customer-table tr,.customer-table td{display:block;width:100%}.customer-table tr{padding:12px 14px;border-bottom:1px solid #e7e9ef}.customer-table td{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border:0}.customer-table td:before{content:attr(data-label);font-size:11px;color:#7b8290;text-transform:uppercase}.customer-table td:first-child:before,.customer-table td:last-child:before{display:none}.customer-table td:first-child{display:block}.customer-table td:last-child{justify-content:flex-end}.form-grid-two,.detail-grid,.period-grid{grid-template-columns:1fr}.filter-selects>*{flex:1 1 150px}.detail-list>div{grid-template-columns:1fr;gap:4px}}

/* Klantenmodule v12 - mobiel actiemenu buiten tabelkader */
@media (max-width:760px){
  .customer-list-panel,
  .customer-table-wrap,
  .customer-table,
  .customer-table tbody,
  .customer-table tr,
  .customer-actions,
  .customer-action-menu{overflow:visible!important}

  .customer-action-menu[open]::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:998;
    background:rgba(15,23,42,.18);
  }

  .customer-action-menu[open] summary{
    position:relative;
    z-index:1000;
  }

  .customer-action-popover{
    position:fixed!important;
    z-index:1001!important;
    left:16px!important;
    right:16px!important;
    top:auto!important;
    bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    min-width:0!important;
    max-height:min(70vh,430px);
    overflow-y:auto;
    padding:10px;
    border-radius:16px;
    box-shadow:0 22px 60px rgba(15,23,42,.28);
  }

  .customer-action-popover a,
  .customer-action-popover button{
    padding:14px 13px;
    font-size:16px;
  }
}

/* Klantenmodule v13 - actiemenu niet afsnijden op desktop */
.customer-list-panel,
.customer-table-wrap,
.customer-table,
.customer-table tbody,
.customer-table tr,
.customer-table td:last-child,
.customer-action-menu {
  overflow: visible !important;
}

.customer-table-wrap {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.customer-action-menu[open] {
  position: relative;
  z-index: 200;
}

.customer-action-menu[open] .customer-action-popover {
  z-index: 500 !important;
}

/* Extra ruimte onder de laatste rij wanneer het menu daar geopend wordt. */
.customer-table tbody tr:last-child:has(.customer-action-menu[open]) td {
  padding-bottom: 190px;
}

@media (max-width:760px) {
  .customer-table tbody tr:last-child:has(.customer-action-menu[open]) td {
    padding-bottom: 7px;
  }
}

/* v15 - mobiel actiemenu: overlay mag tikken niet blokkeren */
@media (max-width:760px) {
  .customer-action-menu[open]::before {
    pointer-events: none !important;
  }

  .customer-action-menu[open],
  .customer-action-menu[open] .customer-action-popover,
  .customer-action-menu[open] .customer-action-popover a,
  .customer-action-menu[open] .customer-action-popover button,
  .customer-action-menu[open] .customer-action-popover form {
    pointer-events: auto !important;
  }

  .customer-action-popover {
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    isolation: isolate;
  }

  .customer-action-popover a,
  .customer-action-popover button {
    position: relative;
    z-index: 2;
    min-height: 50px;
    display: flex !important;
    align-items: center;
  }
}

/* v16 - mobiele lay-out voor Instellingen en Abonnementstypes */
@media (max-width: 900px) {
  .layout,
  .content,
  .split,
  .split > *,
  .panel,
  .form-panel,
  .table-wrap {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .split {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    width: 100% !important;
  }

  .split > .panel,
  .split > .form-panel {
    width: 100% !important;
    position: static !important;
    inset: auto !important;
  }

  .table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }

  .split table {
    min-width: 640px;
  }

  .form-panel form,
  .form-panel label,
  .form-panel input,
  .form-panel select,
  .form-panel textarea,
  .form-panel button {
    max-width: 100% !important;
  }
}

@media (max-width: 600px) {
  .content {
    width: 100% !important;
    padding: 18px 14px 32px !important;
    overflow-x: hidden !important;
  }

  .top {
    margin-bottom: 16px;
  }

  .top h1 {
    font-size: 30px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .panel,
  .form-panel {
    border-radius: 16px;
    padding: 18px !important;
    overflow: hidden;
  }

  .panel h2,
  .form-panel h2 {
    font-size: 24px;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  .panel-head {
    align-items: flex-start;
  }

  .grid2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  .form-panel label {
    display: grid !important;
    width: 100% !important;
    margin-bottom: 16px;
  }

  .form-panel input,
  .form-panel select,
  .form-panel textarea {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 16px;
    padding: 12px 13px;
  }

  .form-panel textarea {
    min-height: 110px;
  }

  .form-panel .btn.full {
    min-height: 48px;
  }

  .check {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
  }

  .check input {
    flex: 0 0 auto;
    width: 22px !important;
    height: 22px;
  }

  /* Instellingen: tabel blijft binnen haar eigen kaart en kan horizontaal schuiven. */
  .split > .panel:first-child .table-wrap,
  .split > .panel:first-child > table {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  /* Voorkomt dat brede tabelinhoud het formulier naar rechts duwt. */
  .split > .panel:first-child {
    contain: inline-size;
  }

  /* De zijbalk blijft compact boven de pagina. */
  .sidebar {
    padding: 18px 16px 20px;
  }

  .brand {
    margin-bottom: 18px;
  }

  .sidebar nav {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px;
  }

  .sidebar nav a {
    min-width: 0;
    padding: 10px 9px;
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  .sidebar-bottom {
    margin-top: 16px;
  }
}

/* v25: automatische jaarprijsberekening */
.price-preview {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 14px;
  margin:10px 0 14px;
  border:1px solid var(--line, #e3e5ec);
  border-radius:10px;
  background:#f7f8fa;
}
.price-preview span { color:var(--muted, #6b7183); font-size:13px; }
.price-preview strong { font-size:18px; white-space:nowrap; }
#variable-price-fields[style*="none"] { display:none !important; }
@media (max-width: 700px) {
  .price-preview { align-items:flex-start; flex-direction:column; gap:4px; }
}

/* v26: abonnementstype wijzigen bij klant */
.choice-card-group{display:grid;gap:10px;margin:4px 0 16px}
.choice-card{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;border:1px solid var(--line,#e3e5ec);border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer}
.choice-card:hover{border-color:#c5c9d5;background:#fafbfc}
.choice-card input{margin-top:3px;flex:0 0 auto}
.choice-card span{display:flex;flex-direction:column;gap:3px}
.choice-card strong{font-size:13.5px;color:var(--ink,#1e2436)}
.choice-card small{font-size:12px;line-height:1.45;color:var(--muted,#6b7183);font-weight:400}
.price-preview.compact{margin:0;align-self:end;min-height:58px}
@media(max-width:700px){.choice-card{padding:11px 12px}.price-preview.compact{align-self:stretch}}

/* v27 - herwerkte klantbewerking met tabs */
.customer-layout.is-editing{grid-template-columns:minmax(0,1fr) minmax(460px,520px)}
.customer-edit-panel{max-height:calc(100vh - 36px);display:flex;flex-direction:column}
.customer-edit-panel .customer-form{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.customer-form-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 14px;border-bottom:1px solid #e7e9ef;background:#fafbfc}
.customer-form-tab{border:0;background:transparent;border-radius:8px;padding:9px 6px;font:inherit;font-size:11.5px;font-weight:700;color:#70798a;cursor:pointer;white-space:nowrap}
.customer-form-tab:hover{background:#f0f2f6;color:#2b3343}
.customer-form-tab.is-active{background:#fff;color:#2d4fa1;box-shadow:0 1px 4px rgba(15,23,42,.1)}
.customer-form-tabpanels{padding:20px 22px 8px;overflow-y:auto;min-height:0}
.customer-form-tabpanel{display:none}
.customer-form-tabpanel.is-active{display:block}
.tab-section-head{margin-bottom:18px}
.tab-section-head h3{margin:0 0 4px;font-size:17px;color:#1e2436}
.tab-section-head p{margin:0;color:#727b8c;font-size:12.5px;line-height:1.45}
.subscription-price-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.8fr);gap:12px;align-items:end}
.price-summary-card{display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:12px 14px;border:1px solid #dfe3ea;border-radius:11px;background:#f8f9fb}
.price-summary-card span{font-size:11px;color:#737c8d}
.price-summary-card strong{font-size:21px;color:#1e2436;margin-top:2px}
.price-summary-card small{font-size:10.5px;color:#89909d}
.field-label{display:block;margin:16px 0 8px;font-size:12px;font-weight:700;color:#596173}
.plan-change-notice{margin:14px 0 0;padding:11px 13px;border-radius:10px;background:#fff5df;border:1px solid #f0d9a5;color:#805813}
.plan-change-notice strong{display:block;font-size:12.5px}
.plan-change-notice p{margin:2px 0 0;font-size:11.5px}
.choice-card-group{grid-template-columns:1fr 1fr;gap:10px}
.choice-card{min-width:0;height:100%}
.choice-card span{min-width:0}
.choice-card small{overflow-wrap:anywhere}
.activation-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding:13px;border:1px solid #dfe3ea;border-radius:10px;background:#fafbfc}
.activation-check input{width:18px;height:18px;flex:0 0 auto}
.billing-summary{margin-top:18px;padding:15px;border:1px solid #e1e5eb;border-radius:12px;background:#f8f9fb}
.billing-summary>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12.5px}
.billing-summary>div+div{border-top:1px solid #e6e9ee}
.billing-summary .billing-total{margin-top:3px;padding-top:11px;font-size:14px}
.billing-summary .billing-total strong{font-size:17px}
.billing-summary>small{display:block;margin-top:8px;color:#818999;font-size:10.5px}
.empty-inline{padding:16px;border:1px dashed #d8dde5;border-radius:10px;color:#727b8c;font-size:12.5px;text-align:center}
.customer-form-footer{flex:0 0 auto;padding:12px 22px 18px;border-top:1px solid #e7e9ef;background:#fff}
.customer-form-footer .btn{margin:0}
@media(max-width:1250px){.customer-layout.is-editing{grid-template-columns:1fr}.customer-edit-panel{max-height:none}.customer-edit-panel .customer-form{overflow:visible}.customer-form-tabpanels{overflow:visible}}
@media(max-width:700px){.customer-form-tabs{grid-template-columns:repeat(2,1fr)}.customer-form-tab{font-size:12px}.customer-form-tabpanels{padding:18px 16px 6px}.customer-form-footer{padding:12px 16px 18px}.subscription-price-row{grid-template-columns:1fr}.choice-card-group{grid-template-columns:1fr}.customer-edit-panel{border-radius:14px}.price-summary-card{min-height:auto}}

/* v28 - layoutfix keuzekaarten abonnement wijzigen */
.plan-change-options{
  width:100%;
  min-width:0;
}
.plan-change-options .choice-card-group{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  width:100%;
  margin:6px 0 16px;
}
.plan-change-options .choice-card{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:12px;
  width:100%;
  min-width:0;
  height:auto;
  padding:14px 15px;
  overflow:hidden;
}
.plan-change-options .choice-card input{
  width:17px;
  height:17px;
  margin:2px 0 0;
}
.plan-change-options .choice-card span{
  display:block;
  width:100%;
  min-width:0;
}
.plan-change-options .choice-card strong{
  display:block;
  margin:0 0 4px;
  font-size:13.5px;
  line-height:1.3;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.plan-change-options .choice-card small{
  display:block;
  font-size:12px;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
}
.plan-change-options .choice-card:has(input:checked){
  border-color:#2d4fa1;
  background:#f3f6ff;
  box-shadow:0 0 0 1px rgba(45,79,161,.08);
}
.plan-change-options .choice-card:has(input:checked) strong{
  color:#2d4fa1;
}
@media(max-width:700px){
  .plan-change-options .choice-card{padding:13px 14px}
}

/* v29 accountmanager archief & bonuslogboek */
.record-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.record-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line,#dfe4ec);border-radius:10px;color:var(--ink,#1f2937);text-decoration:none;background:#fff;font-weight:650}
.record-tab span{min-width:22px;padding:2px 7px;border-radius:999px;background:#eef1f6;text-align:center;font-size:12px}
.record-tab.active{background:#2f50a2;color:#fff;border-color:#2f50a2}.record-tab.active span{background:rgba(255,255,255,.2)}
.row-editor{position:relative}.row-editor summary{list-style:none;cursor:pointer}.row-editor summary::-webkit-details-marker{display:none}
.row-editor[open] .stack-form{display:grid;gap:9px;min-width:280px;margin-top:8px;padding:14px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(20,30,50,.12)}
.stack-form label{display:grid;gap:5px;font-size:12px;font-weight:650}.stack-form textarea{min-height:70px}
.mt-8{margin-top:8px}.btn.small{padding:7px 10px;font-size:12px}.btn.subtle{background:#f4f6f9}.btn.danger{background:#fff0ef;color:#a5362b;border-color:#f0cbc7}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;background:#eef1f6}.status-open{background:#fff1d7;color:#8a5a00}.status-klaar{background:#e8edff;color:#294da5}.status-uitbetaald,.status-paid{background:#e2f3e9;color:#17633e}.status-niet_van_toepassing,.status-reversed{background:#eceef2;color:#626a78}
.bonus-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.bonus-payment-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:18px 0 26px}.bonus-payment-form label{display:grid;gap:6px;font-size:13px;font-weight:650}.log-title{margin-top:24px}.is-reversed{opacity:.62;text-decoration:none}.is-reversed td:nth-child(2){text-decoration:line-through}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:16px}.pagination a{padding:7px 10px;border:1px solid #dfe4ec;border-radius:8px;text-decoration:none}.pagination a.active{background:#2f50a2;color:#fff}.empty-state{padding:20px;color:#697386;text-align:center}
@media(max-width:900px){.bonus-payment-form{grid-template-columns:1fr 1fr}.bonus-payment-form .btn{grid-column:1/-1}.bonus-stats{grid-template-columns:1fr}.record-tabs{display:grid;grid-template-columns:1fr 1fr}.row-editor[open] .stack-form{min-width:0;width:min(82vw,340px)}}
@media(max-width:560px){.record-tabs{grid-template-columns:1fr}.bonus-payment-form{grid-template-columns:1fr}.table-wrap{overflow-x:auto}.row-editor[open] .stack-form{position:fixed;left:16px;right:16px;bottom:18px;width:auto;z-index:1002;max-height:72vh;overflow:auto}}

/* v30 - Nova-logo en managementdashboard */
.brand-logo{display:block;margin:0 6px 30px;padding:0;text-decoration:none}.brand-logo img{display:block;width:178px;max-width:100%;height:auto;filter:brightness(0) invert(1);opacity:.96}.auth-logo{display:block;width:min(260px,78%);height:auto;margin:0 auto 26px}.auth-card{text-align:left}.auth-card>p{color:#6b7280}.auth-card h1{text-align:center}.auth-card>p{text-align:center;margin-bottom:24px}
.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:-8px 0 18px}.dashboard-head h2{margin:0 0 4px;font-size:22px}.dashboard-head p{margin:0;color:#70798b}.dashboard-actions{display:flex;gap:9px;flex-wrap:wrap}.dashboard-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin-bottom:14px}.dash-kpi{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e3e7ed;border-radius:13px;padding:16px;color:#1f2937;box-shadow:0 3px 14px rgba(15,23,42,.035);min-width:0}.dash-kpi:hover{border-color:#cbd3df;transform:translateY(-1px)}.dash-kpi>div{min-width:0;display:grid;gap:2px}.dash-kpi small{font-size:11px;color:#687386}.dash-kpi strong{font-size:22px;line-height:1.15;white-space:nowrap}.dash-kpi em{font-size:11px;font-style:normal;color:#7a8393;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:20px;font-weight:800}.dash-icon.green{background:#e4f1e7;color:#47765a}.dash-icon.gold{background:#fbefdd;color:#a5670d}.dash-icon.red{background:#fde7e5;color:#a23d35}.dashboard-middle{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:12px;margin-bottom:12px}.dash-card{background:#fff;border:1px solid #e3e7ed;border-radius:13px;box-shadow:0 3px 14px rgba(15,23,42,.035);min-width:0;overflow:hidden}.dash-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #edf0f4}.dash-card-title h3{margin:0;font-size:14px}.dash-card-title a,.dash-card-title span{font-size:11px;color:#557461}.status-list,.metric-list,.today-list{padding:8px 16px 13px}.status-list a,.metric-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #eef1f4;color:#283244}.status-list a:last-child,.metric-list>div:last-child{border-bottom:0}.status-list strong,.metric-list strong{font-size:13px}.metric-list>div{grid-template-columns:1fr auto}.dot{width:9px;height:9px;border-radius:50%}.dot.green{background:#589167}.dot.gold{background:#dea328}.dot.red{background:#d96259}.dot.grey{background:#9aa3ae}.today-list{display:grid;gap:8px}.today-list a{display:block;padding:9px 10px;border-radius:9px;background:#f7f9fb;color:#364153;font-size:12px}.today-list b{color:#2d4fa1}.dashboard-lists{display:grid;grid-template-columns:1.15fr 1.15fr 1fr .72fr;gap:12px;margin-bottom:12px}.compact-table{padding:4px 0}.compact-table>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #eef1f4;color:#253044}.compact-table>a:last-child{border-bottom:0}.compact-table span{display:grid;min-width:0}.compact-table strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.compact-table small,.compact-table time{font-size:10px;color:#737d8e}.compact-table b{font-size:11px;white-space:nowrap}.compact-table.one-line>a{grid-template-columns:1fr auto}.mini-badge{font-style:normal;font-size:10px;padding:4px 7px;border-radius:999px;white-space:nowrap}.mini-badge.gold{background:#fff0d7;color:#8a5700}.mini-badge.red{background:#fde6e3;color:#97392f}.quick-links{display:grid;gap:8px;padding:13px}.quick-links a{border:1px solid #ead3ad;border-radius:8px;padding:9px 10px;color:#a56b16;background:#fffbf4;font-size:11px;font-weight:700}.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bar-chart{height:220px;padding:20px 18px 14px;display:flex;align-items:flex-end;gap:12px}.bar-chart-column{height:100%;flex:1;display:grid;grid-template-rows:20px minmax(0,1fr) 16px;align-items:end;justify-items:center;gap:4px;min-width:0}.bar-chart-value{align-self:end;position:relative;z-index:2;font-size:11px;line-height:1;font-weight:800;color:#4f596a}.bar-chart-bar{align-self:end;width:68%;background:#77927c;border-radius:5px 5px 0 0;min-height:4px;max-height:100%;position:relative;z-index:1}.bar-chart-column small{font-size:10px;color:#6f7888;line-height:16px}.bar-chart-column .bar-chart-bar[style*="height:3%"]{opacity:.55}.plan-bars{padding:16px;display:grid;gap:13px}.plan-bars>div>span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.plan-bars em{font-style:normal;color:#6f7888}.plan-bars i{display:block;height:9px;background:#edf1f2;border-radius:999px;overflow:hidden}.plan-bars u{display:block;height:100%;background:#7c927f;border-radius:999px;text-decoration:none}
@media(max-width:1450px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-middle{grid-template-columns:1fr 1fr}.dashboard-lists{grid-template-columns:1fr 1fr}.quick-card{grid-column:span 1}}
@media(max-width:900px){.brand-logo{margin-bottom:18px}.brand-logo img{width:165px}.dashboard-head{flex-direction:column}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-middle,.dashboard-lists,.dashboard-charts{grid-template-columns:1fr}.quick-card{grid-column:auto}}
@media(max-width:600px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-head h2{font-size:20px}.dashboard-actions{width:100%}.dashboard-actions .btn{flex:1;text-align:center}.dash-kpi{padding:14px}.dashboard-middle,.dashboard-lists,.dashboard-charts{gap:10px}.compact-table>a{grid-template-columns:1fr auto}.compact-table>a>b{grid-column:2}.brand-logo img{width:155px}.auth-card{padding:25px 20px}.auth-logo{width:220px}}

/* v31 - Werklijst */
.worklist-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.worklist-head h2{margin:0 0 5px;font-size:24px}.worklist-head p{margin:0;color:var(--muted,#6b7183);max-width:720px}.worklist-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.worklist-kpis a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:#fff;border:1px solid #e3e7ee;border-radius:14px;text-decoration:none;color:#1e2436}.worklist-kpis a:hover{border-color:#c58a2b;box-shadow:0 6px 18px rgba(31,36,54,.06)}.worklist-kpis small{font-size:12px;color:#6b7183}.worklist-kpis strong{font-size:28px;line-height:1}.worklist-kpis span{font-size:12px;color:#8a90a0}.worklist-card{padding:0;overflow:hidden}.worklist-filters{display:grid;grid-template-columns:minmax(240px,1fr) 190px 190px auto auto;gap:10px;padding:16px;border-bottom:1px solid #e6e9ef}.worklist-filters input,.worklist-filters select{width:100%;min-height:42px;border:1px solid #d9dee8;border-radius:10px;padding:0 12px;background:#fff;font:inherit}.worklist-table-wrap{overflow-x:auto}.worklist-table{width:100%;border-collapse:collapse;min-width:850px}.worklist-table th{padding:12px 16px;text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#72798b;background:#f8f9fb;border-bottom:1px solid #e5e8ee}.worklist-table td{padding:14px 16px;border-bottom:1px solid #edf0f4;vertical-align:middle}.worklist-table tr:last-child td{border-bottom:0}.worklist-table td:nth-child(2) strong{display:block}.worklist-table td:nth-child(2) small{display:block;margin-top:3px;color:#747b8c}.priority-badge,.task-type{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;white-space:nowrap}.priority-badge.hoog{background:#fde8e6;color:#9e3f34}.priority-badge.midden{background:#fff0d5;color:#8a5b12}.priority-badge.laag{background:#e9f2ec;color:#356b4b}.task-type{background:#eef1f6;color:#50586a;font-weight:600}.btn.small{padding:7px 10px;font-size:12px;white-space:nowrap}.worklist-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 20px;color:#737a8b}.worklist-empty strong{color:#1e2436;font-size:18px}
@media(max-width:1050px){.worklist-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.worklist-filters{grid-template-columns:1fr 1fr}.worklist-filters input{grid-column:1/-1}}
@media(max-width:640px){.worklist-head{flex-direction:column}.worklist-kpis{grid-template-columns:1fr 1fr}.worklist-filters{grid-template-columns:1fr}.worklist-filters input{grid-column:auto}.worklist-table{min-width:0}.worklist-table thead{display:none}.worklist-table,.worklist-table tbody,.worklist-table tr,.worklist-table td{display:block;width:100%}.worklist-table tr{padding:14px 16px;border-bottom:1px solid #e8ebf0}.worklist-table td{padding:4px 0;border:0}.worklist-table td:last-child{padding-top:12px}.worklist-table td:last-child .btn{width:100%;text-align:center}.worklist-table td:nth-child(4),.worklist-table td:nth-child(5){display:inline-block;width:auto;margin-right:14px;color:#5e6678}.worklist-table td:nth-child(4):before{content:'Datum: ';font-size:12px;color:#8a90a0}.worklist-table td:nth-child(5):before{content:'Bedrag: ';font-size:12px;color:#8a90a0}}

/* Accountmanagerportaal 1.1.0 */
.portal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.portal-head h2{margin:0 0 4px}.portal-head p{margin:0;color:var(--muted,#6b7280)}.portal-kpis{grid-template-columns:repeat(5,minmax(150px,1fr))}.portal-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.portal-grid>section:first-child{grid-row:span 2}.portal-history{display:grid;gap:0}.portal-history>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line,#e5e7eb)}.portal-history span{display:flex;flex-direction:column;gap:3px}.portal-history span:last-child{text-align:right}.portal-history small{color:var(--muted,#6b7280)}.portal-customer-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:18px;align-items:start}.portal-search{display:flex;gap:8px;margin-bottom:14px}.portal-search input{flex:1}.portal-customer-detail{margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}.detail-grid>div{padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;gap:5px}.detail-grid small{color:var(--muted,#6b7280)}.portal-install{max-width:820px}.install-confirm{max-width:420px;margin-top:18px}.portal-install code{background:#f3f4f6;padding:2px 6px;border-radius:5px}
@media(max-width:1100px){.portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid,.portal-customer-layout{grid-template-columns:1fr}.portal-grid>section:first-child{grid-row:auto}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.portal-head{align-items:flex-start;flex-direction:column}.portal-kpis{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.portal-history>div{align-items:flex-start}.portal-customer-layout .form-panel{position:static}.portal-search{flex-direction:column}}

/* Accountmanagerportaal 1.2.0 */
.portal-hero{padding:4px 0}.portal-eyebrow{display:block;margin-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b07a28}.portal-performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.portal-performance-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;background:#fff;border:1px solid #e3e7ed;border-radius:14px;color:#1e2436;box-shadow:0 3px 14px rgba(15,23,42,.035);overflow:hidden}.portal-performance-card:hover{border-color:#d4bc92}.portal-performance-card small{font-size:12px;color:#6b7183}.portal-performance-card strong{margin:7px 0 3px;font-size:25px;line-height:1.1;white-space:nowrap}.portal-performance-card em{font-size:11px;font-style:normal;color:#7a8393;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-performance-icon{position:absolute;right:15px;top:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f2f5f2;font-size:16px}.portal-performance-card.portal-highlight{background:linear-gradient(135deg,#fffaf1,#fff);border-color:#ead7b6}.portal-dashboard-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;margin-bottom:18px}.portal-bonus-card,.portal-activity-card{min-width:0}.portal-bonus-count{display:flex;align-items:baseline;gap:7px;margin:18px 0 10px}.portal-bonus-count strong{font-size:34px}.portal-bonus-count span{color:#6b7183}.portal-progress{height:12px;border-radius:999px;background:#edf1ee;overflow:hidden}.portal-progress i{display:block;height:100%;min-width:0;background:linear-gradient(90deg,#79907d,#b58a43);border-radius:999px;transition:width .25s ease}.portal-bonus-message{margin:12px 0 17px;color:#616979;font-size:13px}.portal-bonus-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.portal-bonus-summary span{padding:11px;background:#f7f9f7;border-radius:10px;display:flex;flex-direction:column;gap:3px}.portal-bonus-summary small{color:#727a89;font-size:11px}.portal-bonus-summary b{font-size:13px}.portal-activity-list{display:grid}.portal-activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0f4}.portal-activity-item:last-child{border-bottom:0}.portal-activity-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}.portal-activity-item strong{font-size:13px}.portal-activity-item small{font-size:11px;color:#737b8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-activity-item>b{font-size:12px;white-space:nowrap}.portal-activity-dot{width:10px;height:10px;border-radius:50%}.portal-activity-dot.customer{background:#6f9077}.portal-activity-dot.commission{background:#d09a3d}.portal-activity-dot.bonus{background:#7669a6}.portal-main-grid{align-items:start}.portal-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.portal-status.active{background:#e7f2e9;color:#386b49}.portal-status.inactive{background:#eceef2;color:#626a78}
@media(max-width:1350px){.portal-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.portal-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){.portal-performance-grid{grid-template-columns:1fr}.portal-bonus-summary{grid-template-columns:1fr}.portal-activity-item{grid-template-columns:auto minmax(0,1fr)}.portal-activity-item>b{grid-column:2}.portal-performance-card strong{font-size:23px}}

/* Accountmanagerportaal 1.2.1 */
.portal-customer-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,auto) auto;gap:10px;align-items:end;margin:14px 0 18px}.portal-customer-toolbar input,.portal-customer-toolbar select{min-width:0}.portal-customers-table td{vertical-align:middle}.portal-row-actions{display:flex;gap:10px;justify-content:flex-end;white-space:nowrap}.portal-row-actions a{font-weight:650;text-decoration:none}.portal-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.portal-status.actief{background:#e3f2e9;color:#23613e}.portal-status.verloopt{background:#fff2d8;color:#8b5e08}.portal-status.verlopen{background:#fde7e4;color:#9b3325}.portal-status.inactief{background:#eceef1;color:#626875}.portal-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-edit-countdown{font-variant-numeric:tabular-nums}.portal-commission-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.portal-commission-kpis a{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--border,#e3e5ec);border-radius:14px;background:#fff;text-decoration:none;color:inherit}.portal-commission-kpis small{color:var(--muted,#6b7183)}.portal-commission-kpis strong{font-size:25px}.portal-commission-status{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.portal-commission-status.open{background:#fff2d8;color:#8b5e08}.portal-commission-status.klaar{background:#e6eefb;color:#31588e}.portal-commission-status.uitbetaald{background:#e3f2e9;color:#23613e}.portal-commission-status.niet_van_toepassing{background:#eceef1;color:#626875}.portal-pagination{display:flex;gap:6px;justify-content:center;margin-top:18px;flex-wrap:wrap}.portal-pagination a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border,#e3e5ec);border-radius:8px;text-decoration:none;color:inherit}.portal-pagination a.active{background:#1e2436;color:#fff;border-color:#1e2436}
@media(max-width:760px){.portal-customer-toolbar{grid-template-columns:1fr}.portal-customer-layout{display:block}.portal-customer-list-card{margin-bottom:16px}.portal-commission-kpis{grid-template-columns:1fr}.portal-row-actions{justify-content:flex-start}.portal-customers-table thead{display:none}.portal-customers-table,.portal-customers-table tbody,.portal-customers-table tr,.portal-customers-table td{display:block;width:100%}.portal-customers-table tr{padding:14px 0;border-bottom:1px solid var(--border,#e3e5ec)}.portal-customers-table td{border:0;padding:5px 12px}.portal-customers-table td:last-child{padding-top:10px}}

/* Accountmanager conceptworkflow 1.2.2 */
.badge.warn { display:inline-flex; align-items:center; padding:4px 9px; border-radius:999px; background:#fff4d6; color:#8a5b00; font-size:12px; font-weight:700; }
.action-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:20px; }
.btn.danger { background:#b42318; border-color:#b42318; color:#fff; }
.btn.danger:hover { background:#912018; border-color:#912018; }
@media (max-width: 760px) { .action-row form, .action-row .btn { width:100%; } }

/* v1.2.9 - persoonlijke doelstellingen */
.goals-dashboard-card{margin:18px 0}.goal-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.goal-progress-list{display:grid;gap:14px}.goal-progress-item{border:1px solid var(--line,#e3e5ec);border-radius:14px;padding:16px;background:#fff}.goal-progress-item>div:first-child{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.goal-progress-item span{color:var(--muted,#6b7183);font-size:13px}.goal-progress-item strong{font-size:18px;text-align:right}.goal-progress-item strong small{font-size:12px;color:var(--muted,#6b7183);font-weight:500}.goal-progress-item footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:var(--muted,#6b7183)}.goal-progress-item footer b{color:var(--ink,#1e2436)}.goals-page-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}.goal-year-picker{max-width:180px;margin-bottom:14px}.goal-form{display:grid;gap:14px}.install-box{max-width:720px}.install-box form{max-width:420px;display:grid;gap:12px}
@media(max-width:900px){.goals-page-grid,.goal-progress-grid{grid-template-columns:1fr}.goal-progress-item>div:first-child{align-items:center}}

/* v1.3.0 Verdienpotentieel & forecast */
.forecast-year-form label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted,#6b7280)}
.forecast-year-form select{min-width:100px}
.forecast-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.forecast-kpi-grid article{background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:5px;min-width:0}
.forecast-kpi-grid small{color:var(--muted,#6b7280);font-size:12px}
.forecast-kpi-grid strong{font-size:24px;line-height:1.15;overflow-wrap:anywhere}
.forecast-kpi-grid span{font-size:12px;color:var(--muted,#6b7280)}
.forecast-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:start}
.earnings-simulator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.earnings-simulator label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted,#6b7280)}
.simulation-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.simulation-result>div{background:#f6f8f7;border:1px solid #e3e9e5;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.simulation-result small{color:var(--muted,#6b7280)}
.simulation-result strong{font-size:20px;overflow-wrap:anywhere}
.simulation-result .total{background:#edf5ef;border-color:#cfe1d4;grid-column:1/-1}
.simulation-result .total strong{font-size:25px;color:#2d6842}
.muted-note,.forecast-disclaimer{font-size:12px;color:var(--muted,#6b7280);margin:12px 0 0}
.goal-progress-list.compact .goal-progress-item{padding:12px 0}
@media(max-width:1000px){.forecast-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-layout{grid-template-columns:1fr}}
@media(max-width:640px){.forecast-kpi-grid{grid-template-columns:1fr}.earnings-simulator{grid-template-columns:1fr}.simulation-result{grid-template-columns:1fr}.simulation-result .total{grid-column:auto}.forecast-year-form{width:100%}.forecast-year-form label{justify-content:space-between;width:100%}}

/* v1.3.1 Persoonlijke referral */
.referral-hero{display:flex;justify-content:space-between;align-items:center;gap:24px}.referral-hero h2{margin:5px 0}.referral-hero p{max-width:690px;color:#687084}.referral-code-card{min-width:270px;background:#f6f8fb;border:1px solid #e0e5ec;border-radius:14px;padding:18px;display:grid;gap:8px}.referral-code-card small{color:#697184}.referral-code-card strong{font-size:25px;letter-spacing:.08em;color:#1e2436}.referral-code-card .btn{justify-self:start}.referral-link-panel{margin-top:18px}.copy-row{display:flex;gap:10px}.copy-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.referral-steps{display:grid;gap:10px;padding-left:22px;color:#596174}.referral-public-body{background:#f4f6f8}.referral-public-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.referral-public-card{max-width:760px}.referral-public-logo{text-align:center;margin-bottom:18px}.referral-public-logo img{max-width:230px;max-height:80px}.referral-public-form{margin-top:22px}.referral-success{text-align:center;padding:30px 10px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:760px){.referral-hero{align-items:stretch;flex-direction:column}.referral-code-card{min-width:0}.copy-row{flex-direction:column}.referral-public-wrap{padding:14px}}

/* 1.4.1: compacte en consistente versiekaart in de zijbalk */
.sidebar-bottom {
  gap: 14px;
}
.sidebar-version {
  display: grid;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(255,255,255,.045);
  color: #cbd5e1;
  min-width: 0;
}
.sidebar-version-product {
  display: block;
  color: #f8fafc;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 750;
  overflow-wrap: break-word;
}
.sidebar-version-meta {
  display: grid;
  gap: 6px;
}
.sidebar-version-meta > span {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  font-size: 11px;
  line-height: 1.3;
}
.sidebar-version-meta b {
  color: #94a3b8;
  font-weight: 600;
}
.sidebar-version-meta em {
  color: #e2e8f0;
  font-style: normal;
  font-weight: 650;
  text-align: right;
  white-space: nowrap;
}
.sidebar-user {
  display: grid;
  gap: 7px;
}
.sidebar-user small {
  display: block;
  color: #7f8899;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.sidebar-user a {
  width: fit-content;
  font-weight: 700;
}
@media (max-width: 900px) {
  .sidebar-version {
    max-width: 320px;
  }
}

/* v1.5.2 – Leads layout refresh */
.leads-page{display:flex;flex-direction:column;gap:18px}.lead-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.lead-kpi{display:flex;align-items:center;gap:10px;min-height:76px;padding:14px 15px;background:#fff;border:1px solid #e3e7ee;border-radius:13px;color:#20283a;text-decoration:none;transition:.18s}.lead-kpi:hover,.lead-kpi.is-active{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.07)}.lead-kpi-dot{width:11px;height:11px;border-radius:50%;background:#7d8aa0;flex:0 0 auto}.lead-kpi span:last-child{display:flex;flex-direction:column;gap:4px}.lead-kpi small{color:#70788a;font-size:11px;font-weight:700}.lead-kpi strong{font-size:24px;line-height:1}.lead-kpi-nieuw .lead-kpi-dot{background:#3d78d8}.lead-kpi-gecontacteerd .lead-kpi-dot{background:#e0a638}.lead-kpi-demo .lead-kpi-dot{background:#8c5ac7}.lead-kpi-offerte .lead-kpi-dot{background:#ec8b2d}.lead-kpi-gewonnen .lead-kpi-dot{background:#4fa968}.lead-kpi-verloren .lead-kpi-dot{background:#d85c57}.leads-panel{padding:0;overflow:hidden}.leads-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid #e7eaf0}.leads-panel-head h2{margin:3px 0 5px}.leads-panel-head p{margin:0;color:#747c8d}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b67b2f}.lead-total{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f0f3f7;color:#556071;font-size:12px;font-weight:700}.lead-filterbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(170px,.8fr) minmax(170px,.8fr) auto auto;gap:9px;padding:16px 22px;border-bottom:1px solid #e7eaf0;background:#fbfcfd}.accountmanager-filterbar{grid-template-columns:minmax(260px,1fr) 190px auto auto}.lead-filterbar input,.lead-filterbar select,.lead-filterbar .btn{height:42px;margin:0}.lead-search{position:relative}.lead-search span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8b94a4;font-size:20px}.lead-search input{padding-left:39px}.btn.subtle{background:#f5f7fa;border-color:#e1e5eb;color:#667085}.lead-table-wrap{overflow-x:auto}.lead-table{min-width:980px}.lead-table th{padding:12px 14px;background:#f8f9fb;font-size:11px;letter-spacing:.05em;white-space:nowrap}.lead-table td{padding:15px 14px;vertical-align:middle}.lead-company,.lead-action-cell{display:flex;flex-direction:column;gap:3px}.lead-company strong{font-size:14px}.lead-company small,.lead-action-cell small{font-size:12px;color:#747c8d}.manager-chip{display:inline-flex;align-items:center;border-radius:999px;background:#eef2f6;padding:5px 9px;font-size:12px;font-weight:700;color:#4e596b}.lead-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.lead-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-nieuw{background:#e9f1ff;color:#3269b8}.status-gecontacteerd{background:#fff3da;color:#9b6811}.status-demo{background:#f1eafd;color:#7548a6}.status-offerte{background:#fff0e2;color:#b66a1b}.status-gewonnen{background:#e7f5eb;color:#24764b}.status-verloren{background:#fdebea;color:#a13d38}.amount-col{text-align:right!important;white-space:nowrap}.lead-layout-modern{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.lead-card-list{display:flex;flex-direction:column}.lead-row-card{display:grid;grid-template-columns:minmax(210px,1.15fr) minmax(430px,2fr) auto;gap:18px;align-items:center;padding:16px 22px;border-bottom:1px solid #edf0f4}.lead-row-card:last-child{border-bottom:0}.lead-row-card:hover{background:#fbfcfe}.lead-row-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lead-row-meta{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));gap:14px}.lead-row-meta>div{display:flex;flex-direction:column;gap:3px}.lead-row-meta small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#8a92a1}.lead-row-meta strong{font-size:13px}.lead-row-meta span{font-size:12px;color:#747c8d}.lead-row-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.lead-row-actions form{margin:0}.lead-form-panel{padding:0;position:sticky;top:18px}.lead-form-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #e7eaf0}.lead-form-head h2{margin:4px 0 0}.lead-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:18px 22px 22px}.lead-form-grid .full{grid-column:1/-1}.lead-form-grid label{font-size:12px;color:#596173}.lead-form-grid .checkline{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 0}.lead-form-grid .checkline input{width:auto}.lead-form-grid .form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.btn.danger{background:#fff;border-color:#e4b5af;color:#ad3d34}.empty-state{display:flex;flex-direction:column;align-items:center;gap:5px}.empty-state strong{color:#20283a;font-size:17px}.empty-state span{color:#747c8d}
@media(max-width:1200px){.lead-kpis{grid-template-columns:repeat(3,1fr)}.lead-layout-modern{grid-template-columns:1fr}.lead-form-panel{position:static}.lead-row-card{grid-template-columns:1fr}.lead-row-meta{grid-template-columns:repeat(4,1fr)}.lead-row-actions{justify-content:flex-start}.lead-filterbar{grid-template-columns:1fr 1fr 1fr auto auto}}
@media(max-width:760px){.lead-kpis{grid-template-columns:1fr 1fr}.lead-filterbar,.accountmanager-filterbar{grid-template-columns:1fr}.leads-panel-head{flex-direction:column}.lead-row-meta{grid-template-columns:1fr 1fr}.lead-form-grid{grid-template-columns:1fr}.lead-form-grid .full{grid-column:auto}.lead-table{min-width:840px}}
@media(max-width:520px){.lead-kpis{grid-template-columns:1fr}.lead-row-meta{grid-template-columns:1fr}.lead-row-main{flex-direction:column}.lead-row-actions{flex-direction:column;align-items:stretch}.lead-row-actions .btn,.lead-row-actions form,.lead-row-actions button{width:100%;text-align:center}}
/* Rapporten & Export 1.5.0 */
.report-shell{display:grid;gap:18px;min-width:0}.report-presets{display:flex;gap:10px;flex-wrap:wrap}.report-presets a{background:#fff;border:1px solid #e4e7e5;border-radius:999px;padding:9px 14px;text-decoration:none;color:#33413a;font-size:13px;font-weight:700}.report-presets a:hover{border-color:#79897c;background:#f5f7f5}.report-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}.report-tabs a{white-space:nowrap;padding:10px 14px;border-radius:10px;text-decoration:none;color:#66706a;font-weight:700;border:1px solid transparent}.report-tabs a.active{background:#79897c;color:#fff}.report-filter{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px;align-items:end}.report-filter label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#58645e}.report-filter input,.report-filter select{width:100%}.report-filter-actions{display:flex;gap:8px;align-items:center}.report-summary{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.report-summary .card{padding:16px;display:grid;gap:6px}.report-summary span{font-size:12px;color:#747d78}.report-summary strong{font-size:22px;color:#202923}.report-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.report-toolbar h2{margin:0}.report-toolbar small{color:#737c77}.report-export-buttons{display:flex;gap:8px;flex-wrap:wrap}.report-table-wrap{padding:0;overflow:auto;max-width:100%}.report-table{width:100%;border-collapse:collapse;min-width:1050px}.report-table th{position:sticky;top:0;background:#f3f5f3;color:#4d5952;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.035em;padding:12px;border-bottom:1px solid #dfe4e0;white-space:nowrap}.report-table td{padding:12px;border-bottom:1px solid #edf0ee;white-space:nowrap;font-size:13px}.report-table tbody tr:hover{background:#fafbfa}.report-table .empty{text-align:center;padding:35px;color:#7a837e}.sidebar nav a[href="reports.php"]{position:relative}
@media(max-width:1100px){.report-filter{grid-template-columns:repeat(2,minmax(150px,1fr))}.report-summary{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:700px){.report-filter{grid-template-columns:1fr}.report-summary{grid-template-columns:1fr 1fr}.report-toolbar{align-items:flex-start;flex-direction:column}.report-export-buttons{width:100%}.report-export-buttons .btn{flex:1;text-align:center}.report-tabs{margin-inline:-4px}.report-presets{display:grid;grid-template-columns:1fr 1fr}.report-presets a{text-align:center}.report-summary strong{font-size:18px}}
@media(max-width:430px){.report-summary,.report-presets{grid-template-columns:1fr}.report-export-buttons{display:grid;grid-template-columns:1fr}.report-export-buttons .btn{width:100%}}