*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;padding:0;background:#f1f3f5;color:#222}.page{max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#f1f3f5 0%,#eaf3ed 100%)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #dee2e6;border-radius:1rem;box-shadow:0 10px 35px rgba(0,0,0,.08);padding:2rem}.brand-mark{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;color:#006633;margin-bottom:1rem}.brand-dot{width:2.15rem;height:2.15rem;border-radius:999px;background:#006633;color:#faf3eb;display:grid;place-items:center;font-weight:800}.topbar{background:#fff;border-bottom:1px solid #dee2e6}.topbar-inner{max-width:1200px;margin:0 auto;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav a,.logout-link{color:#343a40;text-decoration:none;border-radius:999px;padding:.42rem .9rem;font-size:.9rem}.nav a:hover,.nav a.active{background:#e9f5ee;color:#006633}.logout-link{border:1px solid #dee2e6;background:#f8f9fa}.logout-link:hover{background:#e9ecef}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.page-header h1{margin:0 0 .35rem;font-size:2rem}.subtle{color:#667085;margin:0}.card{background:#fff;border:1px solid #dee2e6;border-radius:.85rem;box-shadow:0 4px 10px rgba(0,0,0,.04);padding:1rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric{background:#fff;border:1px solid #dee2e6;border-radius:.85rem;padding:1rem}.metric-label{color:#667085;font-size:.85rem}.metric-value{font-size:1.55rem;font-weight:800;margin-top:.25rem}.table-wrap{background:#fff;border-radius:.85rem;box-shadow:0 4px 10px rgba(0,0,0,.04);border:1px solid #dee2e6;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{background:#f8f9fa}th,td{padding:.75rem .85rem;border-bottom:1px solid #e9ecef;text-align:left;vertical-align:middle}th{font-weight:700;color:#495057;font-size:.84rem}tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.76rem;background:#e9ecef}.badge-ok{background:#d3f9d8;color:#2b8a3e}.badge-warn{background:#fff3bf;color:#8a6d00}.message{margin-bottom:1rem;padding:.75rem 1rem;border-radius:.65rem;background:#e3fafc;border:1px solid #99e9f2;color:#0b7285}.error{margin-bottom:1rem;padding:.75rem 1rem;border-radius:.65rem;background:#fff5f5;border:1px solid #ffc9c9;color:#c92a2a}.form-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.field{display:block;margin:.85rem 0;font-weight:700}.field span{display:block;margin-bottom:.35rem}input,select{width:100%;padding:.72rem .8rem;border:1px solid #ced4da;border-radius:.55rem;background:#fff;font:inherit}input:focus,select:focus{outline:2px solid rgba(0,102,51,.18);border-color:#006633}.btn{border:none;border-radius:999px;padding:.62rem 1.2rem;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;font-weight:700}.btn-primary{background:#006633;color:#fff}.btn-primary:hover{background:#005229}.btn-secondary{background:#f8f9fa;color:#343a40;border:1px solid #ced4da}.btn-secondary:hover{background:#e9ecef}.qr-box{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.qr-box img{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:.6rem;max-width:220px}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.55rem;padding:.65rem;word-break:break-all}.text-muted{color:#868e96;font-size:.85rem}.footer-note{margin-top:1rem;color:#868e96;font-size:.85rem}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header,.topbar-inner{display:block}.nav{margin-top:.8rem}.form-row{display:block}}@media(max-width:520px){.grid{grid-template-columns:1fr}.page{padding:1rem}.auth-card{padding:1.25rem}}
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stack-form{margin-top:.75rem}.check-row{display:inline-flex;align-items:center;gap:.45rem;margin:.5rem 0 1rem;font-weight:700}.check-row input{width:auto}.inline-details{position:relative}.inline-details summary{list-style:none}.inline-details summary::-webkit-details-marker{display:none}.edit-user-form{min-width:320px;margin-top:.75rem;background:#fff;border:1px solid #dee2e6;border-radius:.85rem;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}.reset-twofa-form{margin-top:.65rem}@media(max-width:900px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.edit-user-form{min-width:0}}

/* Store cards */
.header-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.page-header-actions{align-items:center}.toolbar-card{padding:.85rem 1rem}.store-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto;gap:1rem;align-items:end}.compact-field{margin:0}.status-field{max-width:220px}.result-count{font-weight:800;color:#006633;white-space:nowrap;padding:.72rem 0}.store-card-list{display:grid;gap:.85rem;position:relative}.store-card-list.is-loading{opacity:.55}.store-card{background:#fff;border:1px solid #dee2e6;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.04);padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.store-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.store-card h2{margin:.15rem 0 0;font-size:1.08rem;line-height:1.25}.store-code{font-size:.78rem;color:#667085;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.store-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem 1rem}.store-card-grid div{min-width:0}.store-card-grid span{display:block;color:#667085;font-size:.78rem;margin-bottom:.12rem}.store-card-grid strong{display:block;font-size:.9rem;font-weight:700;color:#212529;word-break:break-word}.store-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;min-width:140px}.inline-form{margin:0}.btn-small{width:100%;padding:.5rem .85rem;font-size:.84rem}.btn-danger-soft{background:#fff5f5;color:#c92a2a;border:1px solid #ffc9c9}.btn-danger-soft:hover{background:#ffe3e3}.badge-muted{background:#f1f3f5;color:#868e96}.empty-state{background:#fff;border:1px dashed #ced4da;border-radius:1rem;text-align:center;padding:2rem}.empty-state h2{margin:0 0 .3rem}.empty-state p{margin:0;color:#667085}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-backdrop.is-open{display:flex}.modal-card{width:min(820px,100%);max-height:min(90vh,900px);overflow:auto;background:#fff;border-radius:1rem;box-shadow:0 20px 70px rgba(0,0,0,.22);border:1px solid #dee2e6}.modal-card-small{width:min(520px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{border:none;background:#f1f3f5;border-radius:999px;width:2rem;height:2rem;font-size:1.35rem;line-height:1;cursor:pointer;color:#495057}.modal-close:hover{background:#e9ecef}.modal-body{padding:1.25rem}.modal-intro{margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.store-toolbar{grid-template-columns:1fr 170px}.result-count{grid-column:1/-1;padding:0}.store-card{grid-template-columns:1fr}.store-card-actions{flex-direction:row;min-width:0}.store-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header-actions{align-items:flex-start}}@media(max-width:640px){.page-header-actions{display:block}.header-actions{margin-top:1rem}.header-actions .btn{width:100%}.store-toolbar{grid-template-columns:1fr}.status-field{max-width:none}.store-card{border-radius:.85rem;padding:.9rem}.store-card-title-row{align-items:flex-start}.store-card-grid{grid-template-columns:1fr}.store-card-actions{display:grid;grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:1rem 1rem 0 0;max-height:92vh}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.store-card h2{font-size:1rem}}@media(max-width:420px){.store-card-actions{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr}}

/* Account dropdown and mobile navigation fixes */
.account-menu{position:relative;flex:0 0 auto}.account-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;border:1px solid #dee2e6;background:#f8f9fa;border-radius:999px;padding:.32rem .45rem .32rem .35rem;color:#343a40;font-weight:700}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:#e9ecef}.account-avatar{width:1.95rem;height:1.95rem;border-radius:999px;background:#006633;color:#faf3eb;display:grid;place-items:center;font-size:.82rem;font-weight:900}.account-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{position:absolute;right:0;top:calc(100% + .55rem);width:260px;background:#fff;border:1px solid #dee2e6;border-radius:1rem;box-shadow:0 18px 55px rgba(0,0,0,.14);padding:.5rem;z-index:50}.account-dropdown:before{content:"";position:absolute;top:-7px;right:1.4rem;width:12px;height:12px;background:#fff;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6;transform:rotate(45deg)}.account-dropdown-header{padding:.65rem .75rem .75rem;border-bottom:1px solid #e9ecef;margin-bottom:.35rem}.account-dropdown-header strong{display:block;color:#212529}.account-dropdown-header span{display:block;color:#667085;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown a{display:flex;text-decoration:none;color:#343a40;border-radius:.7rem;padding:.62rem .75rem;font-weight:700;font-size:.9rem}.account-dropdown a:hover,.account-dropdown a.active{background:#e9f5ee;color:#006633}
.product-card-list.is-loading{opacity:.55}.product-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){.topbar-inner{display:flex;flex-wrap:wrap;align-items:center}.brand-mark{margin-bottom:0}.nav{order:3;width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:.35rem 0 .1rem;margin-top:.55rem;scrollbar-width:thin}.nav a{white-space:nowrap;flex:0 0 auto}.account-menu{margin-left:auto}.account-name{display:none}.account-dropdown{right:0;width:min(300px,calc(100vw - 2rem))}.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.product-card-grid{grid-template-columns:1fr}.account-menu{width:auto}.account-menu summary{padding:.28rem}.account-dropdown{position:fixed;right:1rem;top:4.25rem;width:calc(100vw - 2rem);max-width:340px}.account-dropdown:before{display:none}}


/* Route planning */
.week-nav{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.week-picker{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap}.day-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:1rem}.day-column{background:#f8f9fa;border:1px solid #dee2e6;border-radius:1rem;padding:.85rem;min-height:180px}.day-heading{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start;margin-bottom:.8rem}.day-heading h2{font-size:1rem;margin:0}.day-date{display:block;font-size:.8rem;color:#667085;font-weight:700}.route-card{background:#fff;border:1px solid #dee2e6;border-radius:.9rem;padding:.85rem;margin-bottom:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.04)}.route-card-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;margin-bottom:.7rem}.route-code{font-weight:900;font-size:1.05rem;color:#006633}.route-meta{font-size:.82rem;color:#667085;margin-top:.15rem}.route-store-list{margin:.6rem 0 0;padding-left:1.05rem;color:#343a40;font-size:.9rem}.route-store-list li{margin:.2rem 0}.route-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .55rem;font-size:.74rem;font-weight:800}.status-concept{background:#f1f3f5;color:#495057}.status-gepland{background:#e7f5ff;color:#1864ab}.status-onderweg{background:#fff3bf;color:#8a6d00}.status-afgerond{background:#d3f9d8;color:#2b8a3e}.status-geannuleerd{background:#fff5f5;color:#c92a2a}.route-edit-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1rem}.map-card{padding:0;overflow:hidden}.route-map{height:620px;min-height:420px;background:#e9ecef}.route-side{display:grid;gap:1rem;align-content:start}.route-store-card{background:#fff;border:1px solid #dee2e6;border-radius:1rem;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,.04)}.route-store-card h3{margin:0 0 .35rem;font-size:1.02rem}.route-store-address{color:#667085;font-size:.88rem;margin:0 0 .75rem}.route-products{margin:.65rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem}.route-products li{display:flex;justify-content:space-between;gap:.75rem;background:#f8f9fa;border-radius:.55rem;padding:.45rem .55rem;font-size:.86rem}.map-popup h3{margin:.1rem 0 .4rem;font-size:1rem}.map-popup p{margin:.15rem 0 .65rem;color:#667085}.store-no-coords{border-left:4px solid #ffc107}.product-pick-list{display:grid;gap:.55rem;max-height:48vh;overflow:auto;padding-right:.25rem}.product-pick-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:.75rem;align-items:center;border:1px solid #e9ecef;border-radius:.75rem;padding:.65rem}.product-pick-row strong{display:block;font-size:.9rem}.product-pick-row span{display:block;color:#667085;font-size:.78rem;margin-top:.12rem}.product-pick-row input{padding:.55rem}.legend{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.legend-item{display:inline-flex;align-items:center;gap:.35rem;color:#667085;font-size:.82rem}.legend-dot{width:.75rem;height:.75rem;border-radius:999px;background:#868e96}.legend-dot.green{background:#2b8a3e}.legend-dot.orange{background:#f08c00}.legend-dot.red{background:#c92a2a}.legend-dot.grey{background:#868e96}.legend-dot.blue{background:#1971c2}.route-empty{color:#667085;font-size:.9rem;margin:.5rem 0 0}.select-small{max-width:190px}.route-create-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end}
@media(max-width:1100px){.day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-edit-grid{grid-template-columns:1fr}.route-map{height:520px}}
@media(max-width:700px){.day-grid{grid-template-columns:1fr}.route-create-form{grid-template-columns:1fr}.route-map{height:440px}.route-card-head{display:block}.select-small{max-width:none}.route-actions .btn{width:100%}.product-pick-row{grid-template-columns:1fr}.route-edit-grid{gap:.75rem}}

/* Route medewerkerflow */
.my-route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.my-route-card,.route-work-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.my-route-card-head,.route-work-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.route-stat-row{display:flex;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#475569;font-size:14px}.route-store-preview{margin:10px 0 0;padding-left:20px;color:#475569}.route-store-preview li{margin:4px 0}.empty-state-card{text-align:center;padding:28px}.packing-card{margin-bottom:18px}.packing-total-list{display:grid;gap:8px}.packing-total-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #eef0f2;border-radius:14px;padding:12px;background:#fbfdff}.packing-total-row span{display:block;color:#64748b;font-size:13px;margin-top:3px}.route-work-list{display:grid;gap:14px}.route-work-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}.route-work-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#111827;color:#fff;font-weight:800}.route-work-content{min-width:0}.route-work-content h3{margin:0 0 4px}.route-work-actions{margin-top:12px}.compact-products{margin-top:12px}.compact-products li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef0f2;padding:8px 0;font-size:14px}.compact-products li:first-child{border-top:0}.compact-products strong{white-space:nowrap}.btn[disabled]{opacity:.5;cursor:not-allowed}@media(max-width:700px){.route-work-card{grid-template-columns:1fr}.route-work-number{width:34px;height:34px}.my-route-card-head,.route-work-head{display:grid}.route-stat-row{display:grid}.route-work-actions .btn{width:100%;justify-content:center}}@media print{.topbar,.no-print,.account-menu{display:none!important}.page{max-width:100%;padding:0}.card{box-shadow:none;border:0}.packing-card{display:block!important}.route-work-card{break-inside:avoid}.btn{display:none!important}}

.production-route-list{display:grid;gap:16px}.production-route-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.production-route-card.is-ready{border-color:#f59e0b}.production-route-card.is-complete{border-color:#16a34a}.production-route-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.production-route-head h3{margin:0 0 4px}.production-route-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) minmax(260px,.8fr);gap:16px;align-items:start}.production-route-grid h4{margin:0 0 10px;font-size:15px}.production-product-list{display:grid;gap:8px}.production-product-row{display:flex;justify-content:space-between;gap:12px;border:1px solid #eef0f2;border-radius:12px;padding:9px 10px}.production-product-row span{display:block;color:#6b7280;font-size:12px;margin-top:2px}.production-product-row strong:last-child{white-space:nowrap}.production-store-list{margin:0;padding-left:18px;color:#374151;display:grid;gap:5px}.production-check{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:14px;padding:10px;margin-bottom:10px;background:#f9fafb}.production-check input{margin-top:3px;width:18px;height:18px}.production-check strong{display:block}.production-check span{display:block;color:#6b7280;font-size:12px;margin-top:2px}.production-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:1000px){.production-route-grid{grid-template-columns:1fr}}@media(max-width:640px){.production-route-card{padding:13px}.production-route-head{display:block}.production-route-head .status-pill{margin-top:8px;display:inline-flex}.production-product-row{align-items:flex-start}}
.packing-check-card{margin-bottom:18px}.packing-check-card.is-blocked{border-color:#d1d5db;background:#f9fafb}.packing-check-card.is-confirmed{border-color:#16a34a;background:#f0fdf4}.packing-check-content{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.packing-check-content h2{margin:0 0 6px}.packing-check-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.route-locked-section{background:#f9fafb}.route-work-card.is-locked{background:#f3f4f6;border-color:#d1d5db;box-shadow:none;filter:grayscale(1);opacity:.76}.route-work-card.is-locked .route-work-number{background:#9ca3af}.route-work-card.is-locked h3,.route-work-card.is-locked .route-products{color:#6b7280}.status-locked{background:#e5e7eb;color:#4b5563}@media(max-width:700px){.packing-check-content{display:grid}.packing-check-actions{justify-content:stretch}.packing-check-actions .btn{width:100%;justify-content:center}}

/* Navigatie dropdowns */
.nav{align-items:center}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;color:#343a40;text-decoration:none;border-radius:999px;padding:.42rem .9rem;font-size:.9rem;font-weight:700;cursor:pointer;user-select:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:hover,.nav-dropdown[open] summary{background:#e9f5ee;color:#006633}.nav-dropdown-menu{position:absolute;top:calc(100% + .55rem);left:0;min-width:210px;background:#fff;border:1px solid #dee2e6;border-radius:1rem;box-shadow:0 18px 55px rgba(0,0,0,.14);padding:.45rem;z-index:60}.nav-dropdown-menu:before{content:"";position:absolute;top:-7px;left:1.35rem;width:12px;height:12px;background:#fff;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6;transform:rotate(45deg)}.nav .nav-dropdown-menu a{display:flex;width:100%;border-radius:.7rem;padding:.62rem .75rem;font-weight:700}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#e9f5ee;color:#006633}

/* Routes week inclusief weekend */
.day-grid-seven{grid-template-columns:repeat(7,minmax(0,1fr))}.day-column-weekend{background:#fffaf0;border-color:#ffe8a3}
@media(max-width:1300px){.day-grid-seven{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.day-grid-seven{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.day-grid-seven{grid-template-columns:1fr}}

/* Dashboard routes */
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.dashboard-metric-card{min-height:118px}.dashboard-metric-card .subtle{margin-top:.35rem;font-size:.82rem}.dashboard-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.dashboard-day-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:13px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.dashboard-day-card.is-weekend{background:#fffaf0;border-color:#ffe8a3}.dashboard-day-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}.dashboard-day-head strong{font-size:15px}.dashboard-day-head span{color:#64748b;font-size:13px;font-weight:700}.dashboard-day-card dl{display:grid;gap:7px;margin:0}.dashboard-day-card dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eef0f2;padding-top:7px}.dashboard-day-card dt{color:#64748b;font-size:12px}.dashboard-day-card dd{margin:0;font-weight:900}.dashboard-route-list{display:grid;gap:10px}.dashboard-route-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid #eef0f2;border-radius:14px;padding:12px;background:#fbfdff}.dashboard-route-row span:not(.status-pill){display:block;color:#64748b;font-size:13px;margin-top:3px}
@media(max-width:1100px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-day-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.nav-dropdown{flex:0 0 auto}.nav-dropdown-menu{position:fixed;left:1rem;right:1rem;top:4.4rem;width:auto;min-width:0}.nav-dropdown-menu:before{display:none}.dashboard-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-day-grid{grid-template-columns:1fr}.dashboard-route-row{display:block}.dashboard-route-row .status-pill{margin-top:8px}}


/* Routes weekoverzicht onder elkaar */
.route-week-list.day-grid-seven{
    display:grid;
    grid-template-columns:1fr !important;
    gap:1rem;
}
.route-week-list .day-column{
    min-height:0;
    padding:1rem;
}
.route-week-list .day-heading{
    margin-bottom:1rem;
    padding-bottom:.75rem;
    border-bottom:1px solid #e5e7eb;
}
.route-week-list .route-card{
    margin-bottom:.85rem;
}
.route-week-list .route-card:last-child{
    margin-bottom:0;
}
.route-week-list .route-card-head{
    align-items:center;
}
.route-week-list .route-store-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:.35rem .9rem;
    padding-left:1.1rem;
}
@media(min-width:900px){
    .route-week-list .day-column{
        padding:1.15rem;
    }
    .route-week-list .route-card{
        display:grid;
        grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr) auto;
        gap:1rem;
        align-items:start;
    }
    .route-week-list .route-card-head{
        margin-bottom:0;
    }
    .route-week-list .route-store-list{
        margin:0;
    }
    .route-week-list .route-empty{
        margin:0;
    }
    .route-week-list .route-actions{
        margin-top:0;
        justify-content:flex-end;
        min-width:190px;
    }
}
@media(max-width:899px){
    .route-week-list .route-card-head{
        align-items:flex-start;
    }
}

/* Driver route check en overdue status */
.status-overdue{background:#fee2e2;color:#991b1b}.my-route-card.is-overdue,.dashboard-task-row.is-overdue,.production-route-card.is-overdue{border-color:#fecaca;background:#fff1f2}.my-route-card.is-overdue .route-code,.dashboard-task-row.is-overdue strong{color:#991b1b}.btn.is-disabled{opacity:.48;pointer-events:none;cursor:not-allowed}.delivery-card.is-locked{background:#f9fafb;border-color:#d1d5db}.driver-store-pack-list{display:grid;gap:18px}.driver-store-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.driver-store-card.is-complete{border-color:#16a34a;background:#f0fdf4}.driver-store-card.has-difference{border-color:#f59e0b}.store-pack-header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:14px}.delivery-product-list{display:grid;gap:10px}.delivery-product-row{display:grid;grid-template-columns:minmax(0,1.2fr) 90px minmax(270px,.9fr) minmax(180px,.7fr);gap:12px;align-items:center;border:1px solid #eef0f2;border-radius:15px;background:#fff;padding:12px}.delivery-product-row.is-complete{border-color:#bbf7d0;background:#f7fef9}.delivery-product-row.has-difference{border-color:#fed7aa;background:#fff7ed}.delivery-product-main strong{display:block}.delivery-product-main span,.delivery-planned span{display:block;color:#64748b;font-size:12px;margin-top:3px}.delivery-planned strong{display:block;font-size:18px}.delivery-controls{display:grid;grid-template-columns:42px 42px minmax(80px,1fr);gap:8px;align-items:center}.delivery-choice{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid #d1d5db;background:#fff;font-weight:900;font-size:18px;cursor:pointer}.delivery-choice.is-active{background:#dcfce7;border-color:#16a34a;color:#166534}.delivery-choice-cross.is-active{background:#fee2e2;border-color:#dc2626;color:#991b1b}.delivery-qty-input{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:12px;padding:8px 10px;font-weight:800}.delivery-note input{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:12px;padding:8px 10px}.driver-check-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}.production-check-status{display:grid;gap:5px;border:1px solid #eef0f2;border-radius:14px;padding:10px;margin-bottom:10px;background:#fbfdff}.production-check-status small{display:block;color:#64748b}.production-route-card.is-overdue{border-color:#fecaca;background:#fff1f2}@media(max-width:1000px){.delivery-product-row{grid-template-columns:1fr 86px}.delivery-controls,.delivery-note{grid-column:1 / -1}.store-pack-header{grid-template-columns:38px minmax(0,1fr)}}@media(max-width:640px){.driver-store-card{padding:13px}.delivery-product-row{grid-template-columns:1fr}.delivery-controls{grid-template-columns:42px 42px 1fr}.driver-check-actions .btn{width:100%;justify-content:center}}


/* Fix productie, wagencontrole en aflevering schermen */
.route-check-page,
.driver-check-page,
.delivery-card,
.signature-card{
    overflow:visible;
}
.route-check-list,
.driver-store-pack-list,
.delivery-product-list{
    display:grid;
    gap:14px;
}
.route-check-row,
.qty-check-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(240px,340px);
    gap:16px;
    align-items:center;
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    padding:14px;
}
.route-check-row.is-complete,
.qty-check-row.is-complete{
    border-color:#bbf7d0;
    background:#f0fdf4;
}
.route-check-row.has-difference,
.qty-check-row.has-difference{
    border-color:#fed7aa;
    background:#fff7ed;
}
.route-check-row strong,
.qty-check-row strong{
    display:block;
}
.route-check-row span,
.qty-check-row span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-top:3px;
}
.qty-check-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    align-items:end;
}
.qty-check-fields label{
    display:grid;
    gap:5px;
}
.qty-check-fields input{
    width:100%;
    min-height:42px;
    border:1px solid #d1d5db;
    border-radius:12px;
    padding:8px 10px;
    font-weight:800;
    background:#fff;
}
.route-check-footer,
.driver-check-actions,
.delivery-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}
.driver-store-card,
.delivery-card{
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#fff;
    padding:16px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.driver-store-card.is-complete,
.delivery-product-row.is-complete{
    border-color:#bbf7d0;
    background:#f0fdf4;
}
.driver-store-card.has-difference,
.delivery-product-row.has-difference{
    border-color:#fed7aa;
    background:#fff7ed;
}
.store-pack-header{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
    margin-bottom:14px;
}
.route-order-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-weight:800;
    font-size:14px;
}
.delivery-product-row{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) 92px minmax(260px,.9fr) minmax(180px,.7fr);
    gap:12px;
    align-items:center;
    border:1px solid #eef0f2;
    border-radius:15px;
    background:#fff;
    padding:12px;
}
.delivery-product-main strong{
    display:block;
}
.delivery-product-main span,
.delivery-planned span,
.delivery-note-field span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-top:3px;
}
.delivery-planned strong{
    display:block;
    font-size:18px;
}
.delivery-controls{
    display:grid;
    grid-template-columns:42px 42px minmax(90px,1fr);
    gap:8px;
    align-items:center;
}
.delivery-choice{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:12px;
    border:1px solid #d1d5db;
    background:#fff;
    font-weight:900;
    font-size:18px;
    cursor:pointer;
}
.delivery-choice.is-active{
    background:#dcfce7;
    border-color:#16a34a;
    color:#166534;
}
.delivery-choice-cross.is-active{
    background:#fee2e2;
    border-color:#dc2626;
    color:#991b1b;
}
.delivery-qty-input,
.delivery-controls input,
.delivery-note input,
.delivery-note-field input{
    width:100%;
    min-height:42px;
    border:1px solid #d1d5db;
    border-radius:12px;
    padding:8px 10px;
    background:#fff;
}
.delivery-qty-input,
.delivery-controls input{
    font-weight:800;
}
.signature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:16px;
}
.signature-pad-box,
.signature-preview-box{
    border:2px solid #d1d5db;
    border-radius:16px;
    background:#fff;
    padding:12px;
}
.signature-pad-head{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    margin-bottom:8px;
}
.signature-pad{
    width:100%;
    height:190px;
    border:2px dashed #94a3b8;
    border-radius:14px;
    background:#fff;
    display:block;
    touch-action:none;
}
.signature-preview-box img{
    display:block;
    max-width:100%;
    min-height:120px;
    border:1px solid #d1d5db;
    border-radius:12px;
    background:#fff;
    padding:8px;
}
@media(max-width:1000px){
    .delivery-product-row{grid-template-columns:1fr 90px;}
    .delivery-controls,.delivery-note,.delivery-note-field{grid-column:1 / -1;}
    .store-pack-header{grid-template-columns:38px minmax(0,1fr);}
}
@media(max-width:700px){
    .route-check-row,.qty-check-row{grid-template-columns:1fr;}
    .qty-check-fields{grid-template-columns:1fr 1fr;}
    .delivery-product-row{grid-template-columns:1fr;}
    .delivery-controls{grid-template-columns:42px 42px 1fr;}
    .route-check-footer .btn,
    .driver-check-actions .btn,
    .delivery-actions .btn{width:100%;justify-content:center;}
}

/* Dashboard en factureren herstel */
.dashboard-metrics,
.invoice-metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:0 0 18px;
}
.invoice-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
.dashboard-metric-card{
    min-height:118px;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.dashboard-metric-card .metric-label{
    color:#64748b;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.dashboard-metric-card .metric-value{
    font-size:34px;
    line-height:1;
    font-weight:900;
    margin-top:8px;
    color:#0f172a;
}
.dashboard-week-card{margin-bottom:18px;}
.dashboard-day-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px;
}
.dashboard-day-card{
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    padding:13px;
    box-shadow:0 6px 18px rgba(15,23,42,.04);
}
.dashboard-day-card.is-weekend{
    background:#fffaf0;
    border-color:#fde68a;
}
.dashboard-day-head{
    display:flex;
    justify-content:space-between;
    gap:8px;
    align-items:flex-start;
    margin-bottom:10px;
}
.dashboard-day-head strong{display:block;font-size:15px;color:#0f172a;}
.dashboard-day-head span{display:block;color:#64748b;font-size:13px;font-weight:700;margin-top:2px;}
.dashboard-day-card dl{display:grid;gap:7px;margin:0;}
.dashboard-day-card dl div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid #eef0f2;
    padding-top:7px;
}
.dashboard-day-card dt{color:#64748b;font-size:12px;}
.dashboard-day-card dd{margin:0;font-weight:900;color:#0f172a;}
.dashboard-work-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:18px;
}
.dashboard-task-list{display:grid;gap:10px;}
.dashboard-task-row{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:12px;
    background:#fbfdff;
}
.dashboard-task-row.is-overdue{
    border-color:#fecaca;
    background:#fff1f2;
}
.dashboard-task-row.is-overdue strong{color:#991b1b;}
.dashboard-task-main strong{display:block;color:#0f172a;}
.dashboard-task-main span{display:block;color:#64748b;font-size:13px;margin-top:3px;}
.dashboard-task-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.admin-dashboard-card{margin-top:18px;}
.invoice-filter-card{margin-bottom:18px;}
.invoice-filter-form{
    display:flex;
    gap:12px;
    align-items:end;
    flex-wrap:wrap;
}
.invoice-filter-form .field{min-width:190px;margin:0;}
.invoice-list{display:grid;gap:14px;}
.invoice-card{
    display:grid;
    gap:14px;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.invoice-card.is-open{border-color:#fed7aa;}
.invoice-card.is-invoiced{border-color:#bbf7d0;background:#f7fef9;}
.invoice-card-main{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
}
.invoice-card-main h2{margin:0 0 4px;font-size:20px;color:#0f172a;}
.invoice-card-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.invoice-card-stats div{
    border:1px solid #eef0f2;
    border-radius:14px;
    padding:10px 12px;
    background:#fbfdff;
}
.invoice-card-stats strong{display:block;font-size:18px;color:#0f172a;}
.invoice-card-stats span{display:block;color:#64748b;font-size:12px;margin-top:2px;}
.invoice-card-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}
.invoice-card-actions .inline-form{margin:0;}
.store-report-list{display:grid;gap:12px;margin-top:16px;}
.store-report-row{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:12px;
    background:#fbfdff;
}
.store-report-row-completed{
    border-color:#bbf7d0;
    background:#f0fdf4;
}
.store-report-row h3{margin:0 0 4px;font-size:16px;}
.store-report-status{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.store-report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.store-report-group-title{
    margin:10px 0 0;
    font-size:16px;
    color:#0f172a;
}
.store-report-group-title-completed{color:#166534;}
.admin-route-card{display:grid;gap:14px;}
.admin-route-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
}
.admin-route-head h2{margin:0 0 4px;}
.admin-route-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.admin-route-stats div{
    border:1px solid #eef0f2;
    border-radius:14px;
    padding:10px 12px;
    background:#fbfdff;
}
.admin-route-stats strong{display:block;font-size:20px;}
.admin-route-stats span{display:block;color:#64748b;font-size:12px;}
.admin-route-progress .progress-line{
    height:10px;
    border-radius:999px;
    background:#e5e7eb;
    overflow:hidden;
}
.admin-route-progress .progress-line span{
    display:block;
    height:100%;
    border-radius:999px;
    background:#16a34a;
}
.status-overdue{
    background:#fee2e2;
    color:#991b1b;
}
.status-gepland{
    background:#dbeafe;
    color:#1e40af;
}
.status-onderweg{
    background:#fef3c7;
    color:#92400e;
}
.status-afgerond{
    background:#dcfce7;
    color:#166534;
}
.status-geannuleerd,
.status-concept{
    background:#f1f5f9;
    color:#475569;
}
@media(max-width:1100px){
    .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
    .dashboard-day-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
    .dashboard-work-grid{grid-template-columns:1fr;}
}
@media(max-width:800px){
    .dashboard-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .invoice-card-main,
    .store-report-row,
    .admin-route-head{
        display:grid;
    }
    .invoice-card-actions,
    .store-report-actions{
        justify-content:flex-start;
    }
}
@media(max-width:640px){
    .dashboard-metrics,
    .invoice-metrics,
    .dashboard-day-grid,
    .invoice-card-stats,
    .admin-route-stats{
        grid-template-columns:1fr;
    }
    .dashboard-task-row{
        display:grid;
    }
    .dashboard-task-actions{
        justify-content:flex-start;
    }
    .invoice-filter-form .field,
    .invoice-filter-form .btn,
    .invoice-card-actions .btn,
    .invoice-card-actions .inline-form,
    .invoice-card-actions .inline-form .btn{
        width:100%;
    }
}


/* Globale toast meldingen */
.app-toast-container{
    position:fixed;
    left:18px;
    bottom:18px;
    z-index:9999;
    display:grid;
    gap:10px;
    width:min(420px,calc(100vw - 36px));
    pointer-events:none;
}
.app-toast{
    pointer-events:auto;
    border-radius:14px;
    padding:12px 14px;
    box-shadow:0 18px 45px rgba(15,23,42,.22);
    background:#111827;
    color:#fff;
    font-size:14px;
    line-height:1.35;
    border:1px solid rgba(255,255,255,.14);
    animation:appToastIn .18s ease-out;
}
.app-toast.error{background:#991b1b}
.app-toast.success{background:#047857}
.app-toast.warning{background:#92400e}
.app-toast.is-hiding{opacity:0;transform:translateY(8px);transition:.2s ease}
@keyframes appToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.delivery-planned small{
    display:block;
    margin-top:3px;
    color:#b45309;
    font-size:12px;
    font-weight:700;
}
.delivery-product-row.has-difference .delivery-planned small{color:#b45309}

.remember-login-row{display:flex;align-items:flex-start;gap:10px;margin:8px 0 18px;color:#374151;font-size:14px;line-height:1.35}.remember-login-row input{width:18px;height:18px;margin-top:1px;accent-color:#006633}.remember-login-row span{display:grid;gap:2px}.remember-login-row small{color:#6b7280;font-size:12px}


/* Productie overzicht gecombineerd */
.production-title-with-icon{display:flex;gap:12px;align-items:flex-start}.production-kind-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#f1f5f9;font-size:23px;flex:0 0 auto}.production-route-grid-wide{grid-template-columns:260px minmax(0,1.15fr) minmax(230px,.75fr)}.production-action-panel{order:0}.production-materials-block{margin-top:16px;border-top:1px solid #eef0f2;padding-top:14px}.production-materials-block h4{margin:0 0 10px}.production-material-list{display:flex;gap:8px;flex-wrap:wrap}.production-material-chip{border:1px solid #dbe3ea;background:#f8fafc;border-radius:999px;padding:8px 12px;display:inline-flex;gap:10px;align-items:center;cursor:pointer}.production-material-chip:hover{background:#eef6ff;border-color:#bfdbfe}.production-material-chip strong{font-size:15px}.tracking-inline-form{display:grid;gap:8px;border:1px solid #eef0f2;border-radius:14px;padding:10px;background:#fbfdff;margin-bottom:10px}.tracking-inline-form .field{margin:0}.production-route-card.is-overdue{border-color:#fecaca;background:#fff1f2}.production-route-card.is-complete{border-color:#bbf7d0;background:#f0fdf4}@media(max-width:1000px){.production-route-grid-wide{grid-template-columns:1fr}.production-action-panel{order:-1}}

/* Productieplanning */
.day-list{display:grid;gap:16px}.day-row-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.day-heading-wide{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.production-plan-card{border:1px solid #eef0f2;border-radius:16px;padding:14px;background:#fbfdff;margin-top:12px}.production-plan-main{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.compact-production-products{margin-top:10px}.production-plan-edit-form{display:grid;gap:16px}.form-grid{display:grid;gap:14px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.product-search-panel{border:1px solid #eef0f2;background:#fbfdff;border-radius:16px;padding:14px}.product-pick-list-large{max-height:58vh;overflow:auto;border:1px solid #eef0f2;border-radius:16px;padding:8px;background:#fff}.sticky-form-actions{position:sticky;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);padding:12px;border-top:1px solid #e5e7eb;margin:0 -18px -18px}.form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:850px){.form-grid-3{grid-template-columns:1fr}.production-plan-main{display:block}.production-plan-main .status-pill{margin-top:8px}.sticky-form-actions .btn{width:100%;justify-content:center}}

/* Productie grondstoffen modal */
.production-material-group-list{display:grid;gap:14px;margin-top:14px}.production-material-group{border:1px solid #dbe3ea;border-radius:16px;background:#fff;padding:14px}.production-material-group-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #eef0f2;padding-bottom:10px;margin-bottom:10px}.production-material-group-head strong{font-size:16px}.production-material-group-head span{display:block;color:#64748b;font-size:13px;margin-top:3px}.production-material-group-products{display:grid;gap:8px}.production-material-group-product{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f8fafc;border-radius:12px;padding:10px 12px}.production-material-group-product strong{font-size:15px}.production-material-group-product span{color:#64748b;font-size:13px}.production-material-chip{appearance:none}.delivery-address-box{display:grid;gap:4px;margin-top:10px;padding:12px;border:1px solid #dbe3ea;border-radius:14px;background:#f8fafc;color:#334155}.delivery-address-box span{font-size:14px}.delivery-address-box em{font-size:13px;color:#b45309;font-style:normal}.delivery-address-box.is-warning{border-color:#fed7aa;background:#fff7ed}.production-plan-note{margin-top:12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;padding:10px 12px;display:grid;gap:4px}.production-plan-note strong{font-size:13px;color:#475569}.production-plan-note span{font-size:14px;color:#334155}@media(max-width:700px){.production-material-group-head,.production-material-group-product{display:grid}.production-material-group-head{text-align:left}}

/* Dashboard planning update */
.dashboard-today-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.dashboard-metric-card{border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.dashboard-slider-card{overflow:hidden}.dashboard-day-slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;margin:0 -2px}.dashboard-day-slider .dashboard-day-card{min-width:280px;scroll-snap-align:start}.dashboard-day-card.is-today{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.dashboard-day-card.is-weekend{background:#f8fafc}.dashboard-production-grid{align-items:start}.dashboard-job-row{grid-template-columns:auto minmax(0,1fr) auto}.dashboard-job-icon{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;font-size:20px;flex:0 0 auto}.dashboard-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.dashboard-task-row .dashboard-job-icon + .dashboard-task-main{min-width:0}.dashboard-task-row.is-overdue{background:#fff1f2;border-color:#fecdd3}.dashboard-task-main{display:grid;gap:3px}.dashboard-task-main span{color:#6b7280;font-size:13px}.dashboard-task-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.status-overdue{background:#fee2e2;color:#991b1b}.status-gepland{background:#dbeafe;color:#1d4ed8}.status-afgerond{background:#dcfce7;color:#166534}@media(max-width:1100px){.dashboard-today-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.dashboard-today-metrics{grid-template-columns:1fr}.dashboard-task-row,.dashboard-job-row{grid-template-columns:1fr}.dashboard-job-icon{display:none}.dashboard-task-actions{justify-content:flex-start}.dashboard-day-slider .dashboard-day-card{min-width:245px}}

/* Dashboard slider en productie acties patch */
.dashboard-day-slider{
    overflow-x:hidden;
    scroll-behavior:auto;
    scrollbar-width:none;
}
.dashboard-day-slider::-webkit-scrollbar{display:none;}
.dashboard-day-slider .dashboard-day-card{flex:0 0 280px;}
.dashboard-underway-row .dashboard-task-main strong{font-size:16px;}
.dashboard-underway-row .dashboard-task-main span{font-weight:700;color:#475569;}
.production-actions{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;justify-items:stretch;margin-top:12px;}
.production-actions .btn{width:100%;justify-content:center;text-align:center;}
.production-action-panel{min-width:0;}
@media(max-width:700px){.dashboard-day-slider .dashboard-day-card{flex-basis:245px;}}


/* Dashboard handmatige 14 dagen slider */
.dashboard-slider-card{overflow:hidden;}
.dashboard-day-slider{
    overflow-x:auto !important;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    scrollbar-color:#94a3b8 #eef2f7;
    padding-bottom:14px !important;
}
.dashboard-day-slider::-webkit-scrollbar{display:block !important;height:10px;}
.dashboard-day-slider::-webkit-scrollbar-track{background:#eef2f7;border-radius:999px;}
.dashboard-day-slider::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px;}
.dashboard-day-slider::-webkit-scrollbar-thumb:hover{background:#64748b;}
.dashboard-day-card.is-overdue,
.dashboard-day-card.is-past{background:#fff1f2;border-color:#fecdd3;}

/* Retouren: alleen aangepaste regels rood, nulregels neutraal */
.return-product-row.is-complete:not(.has-difference){background:#fff;border-color:#e5e7eb;}
.return-product-row.has-difference{background:#fff1f2;border-color:#fecdd3;}


.info-card {
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 14px;
    padding: 12px 14px;
    background: #f9fafb;
    margin: 12px 0;
}

.info-card p {
    margin: 4px 0 0;
}


.invoice-mail-form {
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.packing-slip-note-field {
    min-width: 260px;
}

.packing-slip-note-field textarea {
    min-height: 44px;
}


.invoice-mail-form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mail-note-details {
    position: relative;
}

.mail-note-details summary {
    list-style: none;
    cursor: pointer;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    background: #ffffff;
    line-height: 1.2;
}

.mail-note-details summary::-webkit-details-marker {
    display: none;
}

.mail-note-details[open] summary {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #f9fafb;
}

.mail-note-field {
    display: block;
    position: absolute;
    z-index: 20;
    top: calc(100% + 8px);
    right: 0;
    width: min(360px, 80vw);
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .14);
    padding: 14px;
}

.mail-note-field span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 800;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mail-note-field textarea {
    width: 100%;
    min-height: 92px;
    resize: vertical;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    padding: 10px 12px;
    font: inherit;
    color: #111827;
    background: #ffffff;
}

.mail-note-field textarea:focus {
    outline: none;
    border-color: #9ca3af;
    box-shadow: 0 0 0 3px rgba(156, 163, 175, .18);
}


.mail-send-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.modal-actions-split {
    align-items: center;
}

.modal-actions-split .mail-send-group {
    margin-left: auto;
}

.mail-note-details {
    position: relative;
}

.mail-note-details summary {
    list-style: none;
    cursor: pointer;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    background: #ffffff;
    line-height: 1.2;
    white-space: nowrap;
}

.mail-note-details summary::-webkit-details-marker {
    display: none;
}

.mail-note-details[open] summary {
    background: #f9fafb;
    border-color: #9ca3af;
}

.mail-note-field {
    display: block;
    position: absolute;
    z-index: 40;
    top: calc(100% + 8px);
    right: 0;
    width: min(360px, 82vw);
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .14);
    padding: 14px;
    text-align: left;
}

.mail-note-field span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 800;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mail-note-field textarea {
    width: 100%;
    min-height: 92px;
    resize: vertical;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    padding: 10px 12px;
    font: inherit;
    color: #111827;
    background: #ffffff;
}

.mail-note-field textarea:focus {
    outline: none;
    border-color: #9ca3af;
    box-shadow: 0 0 0 3px rgba(156, 163, 175, .18);
}

@media (max-width: 720px) {
    .modal-actions-split .mail-send-group {
        margin-left: 0;
        width: 100%;
    }

    .mail-send-group {
        width: 100%;
    }

    .mail-note-field {
        right: auto;
        left: 0;
    }
}


.mail-preview-field textarea {
    width: 100%;
    min-height: 260px;
    resize: vertical;
    border: 1px solid #d1d5db;
    border-radius: 16px;
    padding: 14px 16px;
    font: inherit;
    line-height: 1.55;
    color: #111827;
    background: #ffffff;
    box-sizing: border-box;
}

.mail-preview-field textarea:focus {
    outline: none;
    border-color: #9ca3af;
    box-shadow: 0 0 0 3px rgba(156, 163, 175, .18);
}

.invoice-mail-editor {
    position: relative;
    display: inline-block;
}

.invoice-mail-editor > summary {
    list-style: none;
    cursor: pointer;
}

.invoice-mail-editor > summary::-webkit-details-marker {
    display: none;
}

.invoice-mail-editor > summary.disabled {
    pointer-events: none;
    opacity: .55;
}

.invoice-mail-editor-panel {
    position: absolute;
    z-index: 60;
    right: 0;
    top: calc(100% + 10px);
    width: min(620px, 88vw);
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
    padding: 18px;
    text-align: left;
}

.invoice-mail-editor-panel .mail-preview-field textarea {
    min-height: 310px;
}

@media (max-width: 720px) {
    .invoice-mail-editor-panel {
        left: 0;
        right: auto;
        width: min(92vw, 620px);
    }
}


.mail-preview-field textarea:disabled,
.mail-preview-field textarea.is-disabled {
    background: #f3f4f6;
    color: #6b7280;
    cursor: not-allowed;
}


/* Winkel overslaan */
.route-work-card.is-skipped{
    border-color:#ffd8a8;
    background:#fff9f0;
}
.skip-reason-box{
    margin:.75rem 0;
    padding:.75rem .85rem;
    border:1px solid #ffd8a8;
    border-radius:.85rem;
    background:#fff4e6;
    color:#7a3b00;
    font-size:.9rem;
    line-height:1.45;
}
.skip-store-modal{
    max-width:560px;
}
.skip-store-modal textarea{
    width:100%;
    min-height:130px;
    border:1px solid #ced4da;
    border-radius:.85rem;
    padding:.85rem 1rem;
    font:inherit;
    resize:vertical;
}


/* Samenvatting mail keuze modal */
.modal-backdrop[hidden]{
    display:none !important;
}
.modal-backdrop.is-open{
    display:flex !important;
}
.modal-card-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:1rem;
    padding:1rem 1.25rem;
    border-bottom:1px solid #e9ecef;
}
.modal-card-header h2{
    margin:0;
    font-size:1.25rem;
}
.summary-mail-modal{
    max-width:760px;
}
.summary-mail-field{
    display:block;
    width:100%;
    margin-top:18px;
}
.summary-mail-field > span{
    display:block;
    margin-bottom:8px;
    color:#334155;
    font-size:13px;
    font-weight:900;
}
.summary-mail-textarea,
#customerMailBodyModal{
    display:block;
    width:100% !important;
    min-height:300px;
    border:1px solid #cbd5e1 !important;
    border-radius:18px !important;
    padding:16px 18px !important;
    background:#ffffff !important;
    color:#0f172a !important;
    font-family:inherit !important;
    font-size:15px !important;
    line-height:1.6 !important;
    resize:vertical;
    box-sizing:border-box;
    box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.summary-mail-textarea:focus,
#customerMailBodyModal:focus{
    outline:none !important;
    border-color:#64748b !important;
    box-shadow:0 0 0 4px rgba(100,116,139,.18), 0 10px 24px rgba(15,23,42,.06);
}
@media(max-width:700px){
    .summary-mail-modal{
        width:100%;
        max-width:100%;
    }
    .summary-mail-textarea,
    #customerMailBodyModal{
        min-height:220px;
        border-radius:14px !important;
    }
}


/* Winkelbezoek progressbar */
.visit-progress-card{margin:0 0 18px;padding:18px}.visit-progress{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.visit-progress-step{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:#64748b;font-weight:700}.visit-progress-circle{width:38px;height:38px;border-radius:999px;border:2px solid #cbd5e1;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:900}.visit-progress-label{font-size:13px}.visit-progress-line{height:2px;border-top:2px dashed #cbd5e1;min-width:48px}.visit-progress-step.is-active .visit-progress-circle{border-color:#006633;color:#006633;background:#f0fdf4}.visit-progress-step.is-complete{color:#006633}.visit-progress-step.is-complete .visit-progress-circle{border-color:#006633;background:#006633;color:#fff}.visit-progress-line.is-complete{border-top-color:#006633}.visit-progress-step a{color:inherit;text-decoration:none}.visit-progress-step a:hover{text-decoration:underline}@media(max-width:700px){.visit-progress{grid-template-columns:1fr;gap:8px}.visit-progress-line{height:18px;min-width:0;width:2px;border-top:0;border-left:2px dashed #cbd5e1;justify-self:center}.visit-progress-line.is-complete{border-left-color:#006633}}



/* Retouren pagina, breder retourveld */
.return-controls{min-width:180px}
.return-controls .delivery-qty-field{min-width:160px}
.return-controls .return-qty-input{width:100%;min-width:130px;text-align:right}
@media(max-width:700px){.return-controls,.return-controls .delivery-qty-field,.return-controls .return-qty-input{min-width:100%}}



/* Product toevoegen modal op afhandeling */
.delivery-extra-box-modal-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px}
.product-add-modal{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto}
.product-modal-search{margin:16px 0}
.product-modal-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;align-items:start}
.product-modal-list{display:grid;gap:8px;max-height:460px;overflow:auto;padding-right:4px}
.product-modal-item{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px 14px;text-align:left;cursor:pointer}
.product-modal-item:hover,.product-modal-item.is-selected{border-color:#006633;background:#f0fdf4}
.product-modal-item strong{display:block;color:#111827}
.product-modal-item span{display:block;color:#64748b;font-size:13px;margin-top:3px}
.product-modal-selection{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#f8fafc;position:sticky;top:0}
.selected-product-name{font-weight:800;color:#006633;min-height:24px}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
body.modal-open{overflow:hidden}
@media(max-width:800px){.delivery-extra-box-modal-trigger{display:block}.delivery-extra-box-modal-trigger .btn{margin-top:12px;width:100%}.product-modal-layout{grid-template-columns:1fr}.product-modal-selection{position:static}.product-modal-list{max-height:320px}}



/* Modal zichtbaarheid herstel */
.app-modal-backdrop[hidden]{display:none!important}
.app-modal-backdrop:not([hidden]){position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.58);padding:24px}
.app-modal{background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.35);max-width:calc(100vw - 32px)}
.modal-close-btn{border:0;background:#f1f5f9;border-radius:999px;width:38px;height:38px;font-size:24px;line-height:1;cursor:pointer}
.app-modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}



.product-modal-empty{border:1px dashed #cbd5e1;border-radius:14px;padding:16px;text-align:center;color:#64748b;background:#f8fafc}
.product-modal-empty[hidden]{display:none!important}



.summary-mail-field input[type=email]{width:100%;font-size:16px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.summary-mail-field small{display:block;margin-top:6px}



/* Logboek */
.logbook-grid{display:grid;gap:16px}.logbook-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.logbook-stat-card span{display:block;color:#64748b;font-size:13px;margin-bottom:6px}.logbook-stat-card strong{font-size:28px;color:#111827}.logbook-card{margin-bottom:18px}.logbook-timeline{display:grid;gap:12px}.logbook-timeline-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff}.logbook-timeline-row.is-done{border-color:#bbf7d0;background:#f7fef9}.logbook-timeline-dot{width:14px;height:14px;border-radius:999px;background:#cbd5e1;margin-top:6px}.logbook-timeline-row.is-done .logbook-timeline-dot{background:#006633}.logbook-timeline-row h3{margin:0 0 4px}.logbook-timeline-row p{margin:0 0 4px}.logbook-store-list{display:grid;gap:14px}.logbook-store-card{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.logbook-store-card.is-complete{border-color:#bbf7d0;background:#f7fef9}.logbook-store-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.logbook-store-number{display:inline-flex;width:28px;height:28px;border-radius:999px;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:800;margin-bottom:8px}.logbook-store-head h3{margin:0 0 4px}.logbook-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.logbook-step{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f8fafc}.logbook-step.is-done{border-color:#bbf7d0;background:#ecfdf5}.logbook-step strong,.logbook-step span,.logbook-step small{display:block}.logbook-step span{margin-top:5px;color:#334155}.logbook-step small{margin-top:4px;color:#64748b}.logbook-table th,.logbook-table td{white-space:nowrap}.logbook-warning-text{color:#b45309;font-weight:800}.table-responsive{overflow-x:auto}



/* Logboek zoekfunctie */
.logbook-search-card{margin-bottom:18px}.logbook-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.logbook-search-form input[type=search]{width:100%;font-size:16px;padding:13px 14px;border:1px solid #cbd5e1;border-radius:12px}.logbook-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.logbook-result-list{display:grid;gap:10px}.logbook-result-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff;color:inherit;text-decoration:none}.logbook-result-card:hover{border-color:#006633;background:#f0fdf4}.logbook-result-card strong,.logbook-result-card span,.logbook-result-card small{display:block}.logbook-result-card span,.logbook-result-card small{color:#64748b;margin-top:3px}.logbook-result-meta{text-align:right;min-width:110px}@media(max-width:700px){.logbook-search-form{grid-template-columns:1fr}.logbook-result-card{display:block}.logbook-result-meta{text-align:left;margin-top:10px}}



/* Logboek zoeken in navigatie */
.topbar-logbook-search{display:flex;align-items:center;gap:6px;margin-left:auto;max-width:360px;flex:1}
.topbar-logbook-search input{width:100%;min-width:180px;border:1px solid #d1d5db;border-radius:999px;padding:9px 13px;font-size:14px;background:#fff}
.topbar-logbook-search button{border:0;border-radius:999px;background:#006633;color:#fff;padding:9px 14px;font-weight:700;cursor:pointer}
.topbar-logbook-search button:hover{filter:brightness(.95)}
@media(max-width:980px){.topbar-logbook-search{order:3;width:100%;max-width:none;margin-left:0;margin-top:10px}.topbar-logbook-search input{min-width:0}}


/* Logboek zoek suggesties */
.logbook-suggest-field{
    position:relative;
}
.logbook-suggest-dropdown{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 8px);
    z-index:60;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.12);
    border-radius:16px;
    background:#ffffff;
    box-shadow:0 18px 50px rgba(15,23,42,.18);
}
.topbar-logbook-search .logbook-suggest-dropdown{
    top:calc(100% + 10px);
    min-width:320px;
}
.logbook-suggest-item{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:12px 14px;
    color:#0f172a;
    text-decoration:none;
    border-bottom:1px solid rgba(148,163,184,.22);
}
.logbook-suggest-item:last-child{
    border-bottom:0;
}
.logbook-suggest-item:hover,
.logbook-suggest-item:focus{
    background:#f8fafc;
}
.logbook-suggest-type{
    flex:0 0 auto;
    min-width:56px;
    padding:3px 8px;
    border-radius:999px;
    background:#e8f5e9;
    color:#006633;
    font-size:11px;
    font-weight:900;
    text-align:center;
}
.logbook-suggest-body{
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:2px;
}
.logbook-suggest-body strong{
    overflow:hidden;
    color:#0f172a;
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.logbook-suggest-body small,
.logbook-suggest-empty{
    color:#64748b;
    font-size:12px;
}
.logbook-suggest-empty{
    padding:13px 14px;
}

/* Winkel logboek */
.store-logbook-info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
    gap:14px;
}
.store-logbook-info-grid > div{
    padding:14px 16px;
    border:1px solid rgba(148,163,184,.24);
    border-radius:16px;
    background:#f8fafc;
}
.store-logbook-info-grid span{
    display:block;
    margin-bottom:4px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
}
.store-logbook-info-grid strong{
    color:#0f172a;
    font-size:14px;
}
.store-logbook-products{
    margin-top:18px;
    border:1px solid rgba(148,163,184,.24);
    border-radius:16px;
    background:#ffffff;
}
.store-logbook-products summary{
    cursor:pointer;
    padding:14px 16px;
    color:#0f172a;
    font-weight:900;
}
.store-logbook-products .table-responsive{
    padding:0 16px 16px;
}
.logbook-table tfoot th{
    border-top:2px solid rgba(15,23,42,.14);
    background:#f8fafc;
    font-weight:900;
}
@media(max-width:760px){
    .topbar-logbook-search .logbook-suggest-dropdown{
        min-width:0;
    }
}