*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{display:block;height:100%;min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.data-loss-warning-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.data-loss-warning-box{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-width:520px;padding:1.5rem 2rem}.data-loss-warning-box h2{color:#c00;font-size:1.35rem;margin:0 0 1rem}.data-loss-warning-box p{line-height:1.5;margin:0 0 .75rem}.data-loss-warning-box ol{margin:.5rem 0 1rem 1.5rem;padding:0}.data-loss-warning-box li{margin-bottom:.35rem}.data-loss-warning-box code{background:#f0f0f0;border-radius:4px;font-size:.9em;padding:.15rem .4rem}.data-loss-warning-doc{color:#555;font-size:.95rem}.data-loss-warning-retry{background:#0a0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.6rem 1.2rem}.data-loss-warning-retry:hover:not(:disabled){background:#080}.data-loss-warning-retry:disabled{cursor:not-allowed;opacity:.7}.layout{--navbar-height:88px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-top:calc(var(--navbar-height) + env(safe-area-inset-top, 0px))}.navbar{align-items:center;background:linear-gradient(135deg,#3fdfcf,#2fb8a8);box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;gap:1rem;left:0;min-height:var(--navbar-height);padding:calc(1rem + env(safe-area-inset-top, 0px)) 2rem 1rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}.navbar-brand{align-items:center;color:inherit;cursor:pointer;display:flex;flex:1 1;gap:1rem;text-decoration:none;transition:opacity .2s}.navbar-brand:hover{opacity:.9}.navbar-logo{height:40px;object-fit:contain;width:auto}.navbar-title{font-size:1.5rem;font-weight:600;margin:0}.navbar-search{flex:1 1;margin:0 2rem;max-width:500px}.navbar-search-box{align-items:center;background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;position:relative;transition:all .2s}.navbar-search-box:focus-within{background:#fff;border-color:#ffffff80;box-shadow:0 2px 8px #00000026}.navbar-search-icon{color:#666;font-size:1.2rem;left:1rem;pointer-events:none;position:absolute}.navbar-search-input{background:#0000;border:none;border-radius:8px;color:#333;flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:.75rem 1rem .75rem 3rem}.navbar-search-input::placeholder{color:#999}.navbar-user{gap:1rem;margin-left:auto}.navbar-user,.user-info{align-items:center;display:flex}.user-info{font-size:.9rem;gap:.5rem}.user-icon{font-size:1.2rem}.user-role{font-size:.8rem;opacity:.8}.logout-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}.navbar-search-clear{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;padding:.25rem;position:absolute;right:.75rem;transition:color .2s;width:24px}.navbar-search-clear:hover{color:#333}@media (max-width:768px){.navbar{align-items:center;flex-wrap:wrap;gap:.5rem}.navbar-brand{flex:1 1 auto;min-width:0}.navbar-title{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-search{flex:1 1 100%;margin:.25rem 0 0;max-width:none;order:10}.navbar-search-input{font-size:.9rem;padding:.5rem .75rem .5rem 2.5rem}.navbar-user{flex:0 0 auto;gap:.5rem}.user-info{display:none}}@media (max-width:420px){.layout{--navbar-height:126px}.navbar-title{display:none}}.layout-container{display:flex;flex:1 1;overflow-x:hidden;position:relative}.sidebar{background:#fff;box-shadow:2px 0 4px #0000001a;height:calc(100vh - var(--navbar-height) - env(safe-area-inset-top, 0px));left:0;overflow-y:auto;padding:2rem 0;position:fixed;top:calc(var(--navbar-height) + env(safe-area-inset-top, 0px));transition:transform .3s ease;width:250px;z-index:999}.sidebar-nav{display:flex;flex-direction:column}.nav-item{align-items:center;border-left:3px solid #0000;color:#333;display:flex;gap:1rem;padding:1rem 2rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:#f5f5f5;color:#3fdfcf}.nav-item.active{background:#f0fffe;border-left-color:#3fdfcf;color:#3fdfcf;font-weight:600}.nav-icon{font-size:1.25rem}.nav-badge{background:#dc2626;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;line-height:1.2;margin-left:auto;min-width:1.15rem;padding:.12rem .45rem;text-align:center}.main-content{flex:1 1;margin-left:250px;min-width:0;overflow-x:auto;overflow-y:auto;padding:1.5rem 2rem 2rem;width:calc(100% - 250px)}@media (max-width:768px){.layout{--navbar-height:132px;padding-top:calc(var(--navbar-height) + env(safe-area-inset-top, 0px))}.navbar{padding:calc(.75rem + env(safe-area-inset-top, 0px)) 1rem .75rem}.menu-toggle{display:block}.sidebar{height:calc(100vh - var(--navbar-height) - env(safe-area-inset-top, 0px));left:0;position:fixed;top:calc(var(--navbar-height) + env(safe-area-inset-top, 0px));transform:translateX(-100%);z-index:1000}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:1.25rem 1rem 1rem;width:100%}}.install-prompt{animation:slideUp .3s ease-out;bottom:1rem;left:50%;max-width:90%;position:fixed;transform:translateX(-50%);width:400px;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.install-prompt-content{align-items:center;background:#fff;border:2px solid #3fdfcf;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;gap:1rem;padding:1rem 1.5rem}.install-prompt-icon{align-items:center;background:#3fdfcf;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.install-prompt-text{flex:1 1}.install-prompt-text strong{color:#333;display:block;font-size:1rem;margin-bottom:.25rem}.install-prompt-text p{color:#666;font-size:.85rem;margin:0}.install-prompt-actions{align-items:center;display:flex;gap:.5rem}.btn-install{background:#3fdfcf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background .2s}.btn-install:hover{background:#2fb8a8}.btn-dismiss{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:color .2s}.btn-dismiss:hover{color:#666}@media (max-width:480px){.install-prompt{max-width:none;width:calc(100% - 2rem)}.install-prompt-content{flex-direction:column;text-align:center}.install-prompt-actions{justify-content:center;width:100%}.btn-install{flex:1 1}}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3fdfcf,#2fb8a8);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#333;font-size:1.8rem;margin:0 0 .5rem}.login-header p{color:#666;margin:0}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1.5rem;padding:1rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{align-items:center;display:flex;gap:.5rem}.input-icon{color:#3fdfcf}.form-group input{border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s}.btn-block{margin-top:.5rem;width:100%}.login-publiek-link{font-size:.9rem;margin-top:1.5rem;text-align:center}.login-publiek-link a{color:#0d6a7a;text-decoration:none}.login-publiek-link a:hover{text-decoration:underline}.dashboard{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:0 1rem}.dashboard-berekening-summary{align-items:center;cursor:pointer;display:flex;font-weight:600;list-style:none;min-height:44px}.dashboard-berekening-summary::-webkit-details-marker{display:none}.dashboard *{box-sizing:border-box}.page-title{margin-bottom:2rem}.dashboard .stats-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard .stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.dashboard .stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard .stat-card-mobile-only{display:none}@media (max-width:768px){.dashboard .stat-card-mobile-only{display:flex}}@media (min-width:769px){.dashboard .stat-card-mobile-only{display:none!important}}.dashboard .stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1.2rem;height:44px;justify-content:center;width:44px}.dashboard .stat-content h3{color:#666;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.dashboard .stat-value{color:#333;font-size:1.4rem;font-weight:700}.preset-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:200px;padding:.5rem 1rem}.loading{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.dashboard-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0 2rem;padding:1.5rem}.preset-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.preset-label{color:#333;font-size:.95rem;font-weight:600;margin-right:.5rem}.preset-buttons .btn-sm{border-radius:6px;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.preset-buttons .btn-sm:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.date-inputs{align-items:flex-end;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem}.dashboard-filters .filter-group{display:flex;flex-direction:column;gap:.35rem}.dashboard-filters label{color:#333;font-size:.9rem;font-weight:600}.dashboard-filters input[type=date]{border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-width:150px;padding:.5rem}.dashboard-cbm-info{align-items:center;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:1rem 1.25rem}.dashboard-cbm-label{color:#0f766e;font-size:.95rem}.dashboard-cbm-value{color:#0d9488;font-size:1.1rem}.dashboard-cbm-flow-section{margin-top:2rem}.dashboard-cbm-flow-intro{color:#555;margin:0 0 1rem}.dashboard-cbm-range-controls{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.dashboard-cbm-flow-cards{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.dashboard-cbm-flow-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem}.dashboard-cbm-flow-card-label{color:#64748b;font-size:.85rem}.dashboard-cbm-flow-card-value{color:#0f172a;font-size:1.15rem}.dashboard-cbm-flow-meta{color:#475569;display:flex;flex-wrap:wrap;font-size:.92rem;gap:1rem;margin-bottom:1rem}.dashboard-cbm-flow-risk{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;padding:.2rem .6rem}.dashboard-cbm-flow-risk-laag{background:#dcfce7;color:#166534}.dashboard-cbm-flow-risk-middel{background:#fef3c7;color:#92400e}.dashboard-cbm-flow-risk-hoog{background:#fee2e2;color:#991b1b}.dashboard-cbm-per-order-wrap{margin:1.25rem 0 1.75rem}.dashboard-cbm-per-order-title{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0 0 .35rem}.dashboard-cbm-per-order-hint{color:#64748b;font-size:.875rem;line-height:1.45;margin:0 0 .75rem}.dashboard-cbm-per-order-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;overscroll-behavior-x:contain}.dashboard-cbm-per-order-table.data-table{min-width:100%;width:-webkit-max-content;width:max-content}.dashboard-cbm-per-order-table td,.dashboard-cbm-per-order-table th{white-space:nowrap}.dashboard-cbm-per-order-cards{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.dashboard-cbm-order-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:.85rem 1rem}.dashboard-cbm-order-card-head{align-items:baseline;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:.35rem .75rem;justify-content:space-between;margin-bottom:.65rem;padding-bottom:.5rem}.dashboard-cbm-order-card-head .dashboard-cbm-order-link{font-size:1rem}.dashboard-cbm-order-card-eta{color:#64748b;font-size:.85rem}.dashboard-cbm-order-card-dl{grid-gap:.35rem .5rem;display:grid;font-size:.88rem;gap:.35rem .5rem;grid-template-columns:minmax(0,42%) minmax(0,58%);margin:0}.dashboard-cbm-order-card-dl dt{color:#64748b;font-weight:500;margin:0}.dashboard-cbm-order-card-dl dd{color:#1e293b;font-weight:600;margin:0;text-align:right;word-break:break-word}.dashboard-cbm-order-card-dl dd.is-negative{color:#b91c1c}@media (max-width:768px){.dashboard-cbm-per-order-table-wrap.dashboard-cbm-desktop-only{display:none}}@media (min-width:769px){.dashboard-cbm-per-order-cards{display:none}}.dashboard-cbm-per-order-table td.is-negative{color:#b91c1c;font-weight:600}.dashboard-cbm-order-link{color:#0d9488;font-weight:500;text-decoration:none}.dashboard-cbm-order-link:hover{text-decoration:underline}.dashboard-cbm-flow-insights{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1rem}.dashboard-cbm-flow-insight{background:#f8fafc;border-left:4px solid #14b8a6;border-radius:8px;color:#334155;font-size:.93rem;line-height:1.45;padding:.85rem 1rem}.dashboard-cbm-threshold-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem;padding:1rem}.dashboard-cbm-threshold-form{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.dashboard-cbm-threshold-form input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;min-width:180px;padding:.5rem}.dashboard-cbm-threshold-results{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.dashboard-cbm-threshold-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem}.dashboard-cbm-threshold-label{color:#64748b;font-size:.82rem}.dashboard-cbm-container-fit{border-width:2px}.dashboard-cbm-container-fit-yes{background:#ecfdf5;border-color:#10b981}.dashboard-cbm-container-fit-no{background:#fef2f2;border-color:#ef4444}.is-negative{color:#b91c1c}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;max-width:100%;min-width:0;padding:2rem}.section-title{border-bottom:2px solid #3fdfcf;color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem}@media (max-width:768px){.dashboard{padding:0 .6rem}.dashboard .page-title{font-size:1.4rem;margin-bottom:.75rem}.dashboard .stats-grid{gap:.35rem;grid-template-columns:repeat(2,1fr)}.dashboard .stat-card{border-radius:6px;gap:.35rem;min-height:0;padding:.4rem .5rem}.dashboard .stat-icon{border-radius:6px;flex-shrink:0;font-size:.8rem;height:26px;width:26px}.dashboard .stat-content{min-width:0}.dashboard .stat-content h3{font-size:.6rem;margin-bottom:.02rem}.dashboard .stat-value{font-size:.85rem}.dashboard-section{border-radius:10px;margin-bottom:1rem;padding:.85rem}.dashboard-cbm-flow-cards{gap:.5rem;grid-template-columns:repeat(2,1fr)}.dashboard-cbm-range-controls{align-items:stretch;flex-direction:column;gap:.75rem}.dashboard-cbm-flow-card{padding:.7rem .75rem}.dashboard-cbm-flow-card-value{font-size:.95rem}.dashboard-cbm-flow-meta{flex-direction:column;font-size:.85rem;gap:.35rem}.dashboard-cbm-flow-insights{gap:.5rem;grid-template-columns:1fr}.dashboard-cbm-flow-insight{font-size:.85rem;padding:.7rem .8rem}.dashboard-cbm-threshold-form{align-items:stretch;flex-direction:column;gap:.75rem}.dashboard-cbm-threshold-form input{min-width:100%;width:100%}.dashboard-cbm-threshold-results{gap:.5rem;grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem}.section-title span{display:block;margin-left:0!important;margin-top:.2rem}.chart-container{margin-left:-.5rem;margin-right:-.5rem;min-height:260px;padding:0 .25rem}.dashboard .recharts-default-tooltip{font-size:.8125rem}}.chart-container{margin-top:1rem;max-width:100%;min-width:0;overflow:visible;width:100%}.dashboard .recharts-tooltip-wrapper{box-sizing:border-box;max-width:min(100%,calc(100vw - .75rem));pointer-events:none;z-index:1000}.dashboard .recharts-default-tooltip{word-wrap:break-word;box-shadow:0 4px 20px #0000002e;max-width:min(22rem,calc(100vw - 1.5rem))!important;overflow:visible;overflow-wrap:anywhere;white-space:normal!important}.dashboard .recharts-default-tooltip .recharts-tooltip-label{white-space:normal;word-break:break-word}.vandaag-section{overflow:visible}.vandaag-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,320px) minmax(0,1fr)}@media (max-width:768px){.vandaag-grid{gap:1rem;grid-template-columns:1fr}.vandaag-orders-title,.vandaag-pie-title{font-size:.9rem;margin-bottom:.5rem}.vandaag-orders-wrap{display:flex;flex-direction:column;height:380px;max-height:380px;min-height:0}.vandaag-orders-list{gap:.35rem;min-height:100%;padding:.4rem}.vandaag-orders-scroll{-webkit-overflow-scrolling:touch;flex:1 1 auto;height:100%;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#aab5be #eef1f4;scrollbar-width:thin;touch-action:pan-y}.vandaag-orders-scroll::-webkit-scrollbar{width:8px}.vandaag-orders-scroll::-webkit-scrollbar-track{background:#eef1f4;border-radius:8px}.vandaag-orders-scroll::-webkit-scrollbar-thumb{background:#aab5be;border-radius:8px}.vandaag-order-header{padding:.5rem .75rem}.vandaag-order-detail{padding:0 .75rem .75rem}.dashboard-filters{margin:1rem 0 1.25rem;padding:1rem}.dashboard-cbm-info{font-size:.9rem;margin-bottom:1.25rem;padding:.6rem .85rem}.date-inputs{gap:.6rem;padding-top:.75rem}.dashboard-filters .filter-group label{font-size:.8rem}.dashboard-filters input[type=date]{font-size:.85rem;min-width:130px;padding:.4rem}.preset-label{font-size:.85rem}.preset-dropdown{font-size:.85rem;min-width:160px;padding:.4rem .75rem}.empty-state{font-size:.95rem;padding:2rem}}.vandaag-orders-wrap,.vandaag-pie-wrap{min-height:0;min-width:0}.vandaag-orders-title,.vandaag-pie-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 .75rem}.vandaag-orders-list{background:#fafafa;border:1px solid #ececec;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-height:100%;padding:.5rem}.vandaag-orders-scroll{-webkit-overflow-scrolling:touch;max-height:min(52vh,440px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y}.vandaag-order-item{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.vandaag-order-header{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;min-width:0;padding:.75rem 1rem;transition:background .2s}.vandaag-order-header:hover{background:#f0f4f8}.vandaag-order-id{font-weight:600;min-width:0;overflow-wrap:anywhere}.vandaag-order-meta{align-items:center;display:flex;flex-shrink:1;gap:.75rem;min-width:0}.vandaag-order-bron{color:#555;font-size:.85rem;max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vandaag-order-totaal{color:#0d9488;font-weight:600}.vandaag-order-detail{background:#fff;border-top:1px solid #e8e8e8;overflow-x:auto;padding:0 1rem 1rem}.vandaag-order-detail .data-table{font-size:.9rem}.vandaag-order-detail .data-table td,.vandaag-order-detail .data-table th{padding:.5rem .75rem}.empty-state.small{font-size:.9rem;padding:1rem}.herkomst-bronnen-dropdown{border-top:1px solid #e0e0e0;color:#555;font-size:.9rem;margin-top:1rem;padding-top:.75rem}.herkomst-bronnen-dropdown summary{align-items:center;background:#3fdfcf;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:.5rem .75rem;-webkit-user-select:none;user-select:none}.herkomst-bronnen-dropdown summary:hover{background:#2fd4c4}.herkomst-bronnen-dropdown summary::-webkit-details-marker{display:none}.herkomst-bronnen-dropdown summary:after{content:"▼";font-size:.7rem;opacity:.9;transition:transform .2s}.herkomst-bronnen-dropdown[open] summary:after{transform:rotate(180deg)}.herkomst-bronnen-lijst{list-style:none;margin:.75rem 0 0;padding:0 0 0 1.25rem}.herkomst-bronnen-lijst li{border-bottom:1px solid #f0f0f0;padding:.35rem 0}.herkomst-bronnen-lijst li:last-child{border-bottom:none}.herkomst-bron-item{word-break:break-word}.herkomst-two-charts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}@media (max-width:900px){.herkomst-two-charts{grid-template-columns:1fr}}@media (max-width:767px){.herkomst-two-charts{gap:1rem;margin-top:.75rem}.herkomst-pie-wrapper{overflow:visible;padding:.6rem}.herkomst-chart{overflow:visible}.herkomst-pie-title{font-size:.9rem;margin-bottom:.4rem}.herkomst-bronnen-dropdown{margin-top:.6rem;padding-top:.6rem}.herkomst-bronnen-dropdown summary{font-size:.85rem;padding:.5rem .65rem}.herkomst-bronnen-lijst{font-size:.85rem;margin-top:.4rem;max-height:160px;overflow-y:auto;padding-left:0}.herkomst-bronnen-lijst li{padding:.25rem 0}}.herkomst-chart,.herkomst-chart-col{min-width:0}.herkomst-pie-wrapper{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:1rem}.herkomst-pie-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.table-container{margin-top:1rem}.empty-state{font-style:italic}@media (max-width:768px){.vandaag-section .vandaag-orders-wrap{display:flex;flex-direction:column;min-height:0}.vandaag-section .vandaag-orders-scroll{-webkit-overflow-scrolling:touch;height:320px;max-height:320px;min-height:320px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.modal-content.modal-large{max-width:1400px}.modal-content.modal-retour{display:flex;flex-direction:column;max-height:min(96vh,1000px);max-width:min(96vw,1000px)}.modal-content.modal-retour .modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:.25rem}.modal-header{border-bottom:1px solid #e0e0e0;padding:1.5rem}.modal-header h2{font-size:1.5rem}.modal-close{align-items:center;display:flex;justify-content:center;transition:color .2s}.modal-body{padding:1.5rem}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:.5rem}.modal-content{border-radius:16px 16px 0 0;max-height:96vh;max-width:100%}.modal-header{align-items:flex-start;gap:.75rem;padding:1rem}.modal-header h2{font-size:1.1rem;line-height:1.3}.modal-body{-webkit-overflow-scrolling:touch;padding:1rem}.modal-content.modal-retour{border-radius:14px 14px 0 0;max-height:100dvh;max-width:100%}}.producten{margin:0 auto;max-width:100%;min-width:0;overflow-x:hidden;width:100%}.page-header{margin-bottom:1.5rem}.producten-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.search-container{margin-bottom:1.5rem}.search-box{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;max-width:500px;position:relative;transition:border-color .2s}.search-box:focus-within{border-color:#3fdfcf;box-shadow:0 2px 8px #3fdfcf33}.search-icon{color:#999;font-size:1.2rem;left:1rem;pointer-events:none;position:absolute}.search-input{border:none;border-radius:8px;flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:.75rem 1rem .75rem 3rem}.search-input::placeholder{color:#999}.search-clear{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;line-height:1;padding:.25rem;position:absolute;right:.75rem;transition:color .2s;width:24px}.search-clear:hover{color:#333}.search-results-info{color:#666;font-size:.9rem;font-style:italic;margin-top:.5rem}.header-actions{align-items:center}.producten-mobile-list{display:none;gap:.75rem;min-width:0}.product-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 2px 8px #0000000f;cursor:pointer;min-width:0;overflow:hidden;padding:.9rem;text-align:left;width:100%}.product-card.low{background:#fffdf5;border-color:#ffeeba}.product-card.uit{opacity:.78}.product-card-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.product-card-title{align-items:flex-start;display:flex;gap:.5rem;min-width:0}.product-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222;display:-webkit-box;font-weight:700;line-height:1.2;overflow:hidden}.product-card-alert{color:#ff6b6b;flex:0 0 auto;margin-top:.1rem}.product-card-total{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:.1rem}.product-card-total .muted{color:#777;font-size:.8rem}.product-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.product-card-meta .chip{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:999px;font-size:.8rem;overflow-wrap:anywhere;padding:.2rem .5rem;white-space:normal}.product-card-meta .chip-muted{opacity:.75}.product-card-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.product-card-stats .stat{align-items:baseline;background:#fbfbfb;border:1px solid #eee;border-radius:12px;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .55rem}.product-card-stats .stat span{color:#666;font-size:.8rem}.product-card-stats .stat strong{color:#222;font-size:.95rem}@media (max-width:900px){.page-header{align-items:stretch;flex-direction:column;gap:.75rem}.producten-header-actions{gap:.5rem;justify-content:stretch}.producten-header-actions .btn{width:100%}.producten-desktop-only-action{display:none}.producten-mobile-list{display:grid}.producten-desktop-table{display:none}}@media (max-width:1600px){.table-container{overflow-x:auto}}.producten .data-table{border-collapse:collapse;min-width:1200px;table-layout:auto;width:100%}.producten .data-table td,.producten .data-table th{font-size:.8rem;padding:.4rem .3rem;vertical-align:middle}.producten .data-table td{word-wrap:break-word;overflow:visible;white-space:normal}.producten .data-table td:first-child,.producten .data-table th:first-child{word-wrap:break-word;max-width:250px;min-width:150px;padding-left:.5rem;padding-right:.5rem;white-space:normal}.producten .data-table td:nth-child(2),.producten .data-table td:nth-child(3),.producten .data-table th:nth-child(2),.producten .data-table th:nth-child(3){word-wrap:break-word;font-size:.8rem;max-width:120px;min-width:80px;padding-left:.3rem;padding-right:.3rem;white-space:normal}.producten .data-table td:nth-child(4),.producten .data-table th:nth-child(4){font-size:.8rem;max-width:65px;min-width:50px;padding-left:.2rem;padding-right:.2rem}.producten .data-table td:nth-child(5),.producten .data-table th:nth-child(5){box-sizing:border-box;font-size:.8rem;max-width:70px!important;min-width:70px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:70px!important}.producten .data-table td:nth-child(6),.producten .data-table td:nth-child(7),.producten .data-table td:nth-child(8),.producten .data-table th:nth-child(6),.producten .data-table th:nth-child(7),.producten .data-table th:nth-child(8){box-sizing:border-box;font-size:.8rem;max-width:50px!important;min-width:50px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:50px!important}.producten .data-table td:nth-child(9),.producten .data-table th:nth-child(9){box-sizing:border-box;font-size:.8rem;max-width:55px!important;min-width:55px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:55px!important}.producten .data-table td:nth-child(10),.producten .data-table th:nth-child(10){box-sizing:border-box;font-size:.8rem;max-width:50px!important;min-width:50px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:50px!important}.producten .data-table td:nth-child(11),.producten .data-table th:nth-child(11){box-sizing:border-box;font-size:.8rem;max-width:55px!important;min-width:55px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:55px!important}.producten .data-table td:nth-child(12),.producten .data-table th:nth-child(12){box-sizing:border-box;font-size:.8rem;max-width:60px!important;min-width:60px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:60px!important}.producten .data-table td:nth-child(13),.producten .data-table th:nth-child(13){box-sizing:border-box;font-size:.8rem;max-width:70px!important;min-width:70px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:70px!important}.producten .data-table td:nth-child(14),.producten .data-table th:nth-child(14){word-wrap:break-word;font-size:.8rem;max-width:180px;min-width:120px;padding-left:.3rem;padding-right:.3rem;white-space:normal}.producten .data-table td:nth-child(15),.producten .data-table th:nth-child(15){box-sizing:border-box;max-width:80px!important;min-width:80px!important;padding-left:.2rem;padding-right:.2rem;text-align:center;width:80px!important}.producten .data-table thead{background:#f8f9fa}.producten .data-table th{word-wrap:break-word;background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-size:.75rem;font-weight:600;padding:.5rem .3rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:normal;z-index:10}.producten .data-table td{border-bottom:1px solid #e0e0e0;padding:.4rem .3rem}.producten .data-table tbody tr:hover{background:#f8f9fa}.product-row{transition:background-color .2s}.product-row:hover{background:#f0fffe!important;cursor:pointer}.producten .data-table tbody tr.low-stock{background:#fff3cd}.producten .data-table td.in-transit{color:#3fdfcf;font-weight:600}.producten .data-table td.in-production{color:#42a5f5;font-weight:600}.producten .data-table td.total-stock{background:#f0fffe;color:#333;font-weight:600}.product-name{align-items:center;display:flex;gap:.5rem}.alert-icon{color:#ff6b6b;font-size:1.2rem}.producten-subtabs{border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.25rem}.producten-subtab{align-items:center;background:#f5f5f5;border:1px solid #0000;border-radius:8px 8px 0 0;color:#444;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.35rem;padding:.5rem 1rem}.producten-subtab:hover{background:#eee}.producten-subtab.active{background:#fff;border-color:#e0e0e0 #e0e0e0 #fff;color:#111;font-weight:600;margin-bottom:-1px}.producten-prijsberekening-intro{margin-bottom:1rem}.producten-prijsberekening-intro p{line-height:1.5;margin:0 0 .5rem}.producten-prijsberekening-settings-card{background:#fafafa;border:1px solid #eee;border-radius:8px;margin-bottom:1.25rem;overflow:hidden}.producten-prijsberekening-params-toggle{align-items:center;background:#f0f4f4;border:none;border-bottom:1px solid #e8e8e8;color:#222;cursor:pointer;display:flex;font:inherit;font-size:1rem;font-weight:600;gap:.5rem;margin:0;padding:.75rem 1rem;text-align:left;width:100%}.producten-prijsberekening-params-toggle:hover{background:#e8f7f5}.producten-prijsberekening-params-toggle-icon{color:#3fdfcf;display:inline-flex;flex-shrink:0}.producten-prijsberekening-params-toggle-label{flex:0 0 auto}.producten-prijsberekening-params-toggle-hint{font-size:.9rem;font-weight:400}.producten-prijsberekening-settings{background:#fafafa;border:none;border-radius:0;margin-bottom:0;padding:1rem}.producten-prijsberekening-settings-title{font-size:1rem;margin:0 0 .75rem}.producten-prijsberekening-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.producten-prijsberekening-grid label{color:#333;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.35rem}.producten-prijsberekening-grid input,.producten-prijsberekening-grid select{border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-weight:400;padding:.5rem .6rem}.producten-prijsberekening-checkbox-label{align-items:flex-start;color:#333;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;grid-column:1/-1}.producten-prijsberekening-checkbox-label input[type=checkbox]{flex-shrink:0;margin-top:.2rem}.producten-prijsberekening-checkbox-label span{font-weight:600;line-height:1.35}.producten-prijsberekening-hint{font-size:.9rem;margin:.75rem 0 0}.producten-prijsberekening-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.producten-prijsberekening-filter-hint{margin-bottom:.75rem}.producten-prijsberekening-export-bar{align-items:center;background:#f0fffe;border:1px solid #c5ebe5;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:1rem;padding:.75rem}.producten-prijsberekening-table-wrap{overflow-x:auto}.producten .producten-prijsberekening-table.data-table{min-width:1280px;table-layout:auto}.producten .producten-prijsberekening-table.data-table td:first-child,.producten .producten-prijsberekening-table.data-table th:first-child{max-width:14rem!important;min-width:7rem!important;width:auto!important}.producten .producten-prijsberekening-table.data-table td:not(:first-child),.producten .producten-prijsberekening-table.data-table th:not(:first-child){max-width:none!important;width:auto!important}.producten .producten-prijsberekening-table.data-table td:nth-child(15),.producten .producten-prijsberekening-table.data-table th:nth-child(15){min-width:9rem!important;overflow:visible!important}.producten .producten-prijsberekening-table.data-table td:nth-child(16),.producten .producten-prijsberekening-table.data-table th:nth-child(16){min-width:7.5rem!important;white-space:nowrap!important}.producten-prijsberekening-naam{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.producten-prijsberekening-table td.producten-prijsberekening-kostprijs,.producten-prijsberekening-table th.producten-prijsberekening-kostprijs{background:#3fdfcf59;border-left:1px solid #3fdfcf73;border-right:1px solid #3fdfcf73;color:#111;font-weight:600}.producten-prijsberekening-table thead th.producten-prijsberekening-kostprijs{background:#3fdfcf80}.producten-prijsberekening-adv-basis{color:#777;font-size:.9em;text-decoration:line-through}.producten-prijsberekening-adv-incl-cell{vertical-align:middle}.producten-prijsberekening-adv-incl-inner{display:inline-block;white-space:nowrap}.producten-prijsberekening-corr-cell{padding:6px 8px!important;text-align:center;vertical-align:middle;white-space:nowrap}.producten-prijsberekening-corr{align-items:center;display:inline-flex;gap:6px;justify-content:center;margin:0 auto;min-width:7.5rem}.producten-prijsberekening-corr-btn{background:#fff;border:1px solid #b8e8e2;border-radius:8px;color:#111;cursor:pointer;flex:0 0 auto;font-size:1.1rem;font-weight:600;height:30px;line-height:1;padding:0;width:30px}.producten-prijsberekening-corr-btn:hover{background:#f0fffe;border-color:#3fdfcf}.producten-prijsberekening-corr-btn:active{transform:scale(.96)}.producten-prijsberekening-corr-val{font-feature-settings:"tnum";flex:0 0 auto;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:30px;min-width:2.25rem;text-align:center}.producten-prijsberekening-diff-pos{color:#0d6d3c;font-weight:600}.producten-prijsberekening-diff-neg{color:#b00020;font-weight:600}.product-detail{margin:0 auto;max-width:1100px;min-width:0;overflow-x:hidden;width:100%}.product-detail-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem;min-width:0}.product-detail-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.product-detail-title{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem;min-width:0}.product-detail-badge-low{background:#fff3cd;border:1px solid #ffeeba;border-radius:999px;color:#856404;font-size:.85rem;padding:.25rem .5rem;white-space:nowrap}.product-detail-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.25rem;min-width:0}.chip{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:999px;font-size:.85rem;overflow-wrap:anywhere;padding:.25rem .6rem;white-space:normal}.chip-muted{opacity:.75}.product-detail-sections{grid-gap:1rem;display:grid;gap:1rem;min-width:0}.card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000f;min-width:0;overflow:hidden;padding:1rem}.card h2{font-size:1.05rem;margin:0 0 .75rem}.accordion{padding:0}.accordion-summary{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;list-style:none;min-width:0;padding:1rem;-webkit-user-select:none;user-select:none}.accordion-summary::-webkit-details-marker{display:none}.accordion-summary-right{align-items:center;display:flex;gap:.5rem}.accordion-action{white-space:nowrap}.accordion-body{min-width:0;padding:0 1rem 1rem}.card-header-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.grid-2{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.kv{align-items:baseline;background:#fbfbfb;border:1px solid #eee;border-radius:10px;display:flex;gap:.5rem;justify-content:space-between;padding:.6rem .75rem}.kv span{color:#666;font-size:.9rem}.kv strong{color:#222;font-size:1rem}.product-detail-description{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.product-detail-description h3{color:#333;font-size:.95rem;margin:0 0 .5rem}.product-detail-description p{color:#444;line-height:1.4;margin:0;white-space:pre-wrap}.product-detail-more-btn{background:none;border:none;color:#2fb8a8;cursor:pointer;font-weight:600;margin-top:.75rem;padding:0}.tx-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.tx-item{background:#fff;border:1px solid #eee;border-radius:12px;min-width:0;overflow-wrap:anywhere;padding:.75rem}.tx-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.25rem}.tx-date{color:#666;font-size:.9rem}.tx-delta{color:#666;font-size:.95rem;font-weight:700}.tx-delta.pos{color:#28a745}.tx-delta.neg{color:#d9534f}.tx-mid{color:#222;margin-bottom:.25rem}.tx-field{color:#666;font-weight:400}.tx-bottom{color:#777;font-size:.85rem}.tx-empty{color:#666;padding:.5rem .25rem}.product-detail-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:12px;color:#721c24;margin-top:1rem;padding:1rem}.btn-danger-outline{border-color:#ff6b6b;color:#ff6b6b}.btn-danger-outline:hover{background:#ff6b6b14}.product-detail-seizoen-hint{color:#64748b;font-size:.85rem;line-height:1.35;margin:0 0 1rem}.product-detail-seizoen-chart-wrap{margin-bottom:1rem;min-height:240px;width:100%}.product-detail-seizoen-table-wrap{-webkit-overflow-scrolling:touch;margin-top:.25rem;max-width:100%;overflow-x:auto;width:100%}.product-detail-seizoen-table{border-collapse:collapse;font-size:.88rem;max-width:100%;min-width:0;table-layout:fixed;width:100%}.product-detail-seizoen-table thead{background:#f8f9fa}.product-detail-seizoen-table td,.product-detail-seizoen-table th{border-bottom:1px solid #e8e8e8;padding:.45rem .4rem;vertical-align:middle}.product-detail-seizoen-table th{color:#333;font-size:.8rem;font-weight:600;text-align:left}.product-detail-seizoen-table td.col-num,.product-detail-seizoen-table th.col-num{text-align:right}.product-detail-seizoen-table .col-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.product-detail-seizoen-table tbody tr:last-child td{border-bottom:none}.product-detail-seizoen-table td:first-child,.product-detail-seizoen-table th:first-child{width:44%;word-break:break-word}.product-detail-seizoen-table td:nth-child(2),.product-detail-seizoen-table td:nth-child(3),.product-detail-seizoen-table th:nth-child(2),.product-detail-seizoen-table th:nth-child(3){width:28%}.product-detail-seizoen-table tr.seizoen-row-current td{background:#3fdfcf24;font-weight:600}.bundel-count-badge{color:#2fb8a8;font-weight:600}.bundel-hint{font-size:.85rem;margin:0 0 .85rem}.bundel-inkoop-flags{background:#f7fbfa;border:1px solid #e0f0ed;border-radius:8px;display:flex;flex-direction:column;gap:.55rem;margin:0 0 1rem;padding:.75rem .85rem}.bundel-inkoop-flag{align-items:flex-start;cursor:pointer;display:flex;font-size:.9rem;gap:.55rem;line-height:1.35}.bundel-inkoop-flag input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:.2rem}.bundel-inkoop-flag input[type=checkbox]:disabled{cursor:not-allowed}.bundel-inkoop-flag input[type=checkbox]:disabled+span{opacity:.55}.bundel-inkoop-flag-hint{font-size:.82rem;font-weight:400}.bundel-table{border-collapse:collapse;font-size:.92rem;margin-bottom:1.1rem;width:100%}.bundel-table td,.bundel-table th{border-bottom:1px solid #eee;padding:.55rem .6rem;text-align:left;vertical-align:middle}.bundel-table th{background:#fafafa;color:#555;font-weight:600}.bundel-table .col-num{text-align:right;white-space:nowrap}@media (max-width:720px){.bundel-table,.bundel-table tbody,.bundel-table td,.bundel-table th,.bundel-table thead,.bundel-table tr{display:block;width:100%}.bundel-table thead{display:none}.bundel-table tbody{display:flex;flex-direction:column;gap:.6rem}.bundel-table tr{grid-gap:.4rem .75rem;align-items:center;background:#fff;border:1px solid #e9e9e9;border-radius:8px;display:grid;gap:.4rem .75rem;grid-template-areas:"naam      delete" "meta      meta" "locatie   voorraad" "aantal    aantal";grid-template-columns:1fr auto;padding:.65rem .8rem}.bundel-table td{border-bottom:none;font-size:.92rem;padding:0}.bundel-table td:first-of-type{font-weight:500;grid-area:naam}.bundel-table td:nth-of-type(2){color:#666;font-family:monospace;font-size:.8rem;grid-area:meta;word-break:break-all}.bundel-table td:nth-of-type(3){color:#555;font-size:.85rem;grid-area:locatie}.bundel-table td:nth-of-type(3):before{color:#888;content:"Locatie: "}.bundel-table td:nth-of-type(4){color:#555;font-size:.85rem;grid-area:voorraad;text-align:right}.bundel-table td:nth-of-type(4):before{color:#888;content:"Voorraad: "}.bundel-table td:nth-of-type(5){align-items:center;border-top:1px dashed #eee;display:flex;gap:.5rem;grid-area:aantal;padding-top:.3rem;text-align:left}.bundel-table td:nth-of-type(5):before{color:#555;content:"Aantal in bundel";flex:1 1;font-size:.85rem;font-weight:500}.bundel-table td:nth-of-type(6){grid-area:delete;text-align:right}.bundel-aantal-input{width:72px}}.bundel-aantal-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.3rem .4rem;text-align:right;width:64px}.bundel-aantal-input:focus{border-color:#3fdfcf;box-shadow:0 0 0 2px #3fdfcf2e;outline:none}.btn-small{font-size:.85rem;line-height:1;padding:.3rem .55rem}.link-button{background:none;border:none;color:#2fb8a8;cursor:pointer;font-weight:500;padding:0;text-align:left}.link-button:hover{text-decoration:underline}.bundel-add{border-top:1px dashed #e3e3e3;margin-top:.6rem;padding-top:.85rem}.bundel-add-label{color:#666;display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:.3rem;text-transform:uppercase}.bundel-add-input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:.55rem .7rem;width:100%}.bundel-add-input:focus{border-color:#3fdfcf;box-shadow:0 0 0 2px #3fdfcf2e;outline:none}.bundel-add-status{font-size:.85rem;margin-top:.4rem}.bundel-search-results{background:#fff;border:1px solid #eee;border-radius:6px;list-style:none;margin:.4rem 0 0;max-height:280px;overflow-y:auto;padding:0}.bundel-search-results li+li{border-top:1px solid #f0f0f0}.bundel-search-result-btn{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:.15rem;padding:.55rem .75rem;text-align:left;width:100%}.bundel-search-result-btn:hover:not(:disabled){background:#f4fdfb}.bundel-search-result-btn:disabled{cursor:not-allowed;opacity:.6}.bundel-search-name{font-weight:500}.bundel-search-meta{font-size:.8rem}@media (max-width:720px){.product-detail-header{align-items:stretch;flex-direction:column}.product-detail-header-actions{justify-content:stretch}.grid-2{grid-template-columns:1fr}.accordion-summary{align-items:flex-start;flex-wrap:wrap;padding:.9rem}.accordion-body{padding:0 .9rem .9rem}.accordion-summary-right{justify-content:flex-start;width:100%}}.leveranciers{margin:0 auto;max-width:1400px}.btn-icon.btn-danger{color:#ff6b6b}.btn-icon.btn-danger:hover{color:#ee5a5a}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.verkoopdata{margin:0 auto;max-width:100%;overflow-x:visible;padding:0 1rem;width:100%}.date-filter{align-items:flex-end;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.filter-group input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem}.filter-group input:focus{border-color:#3fdfcf;outline:none}.filter-presets{display:flex;flex-wrap:wrap;gap:.5rem}.info-box{margin-bottom:1rem;padding:1rem}.info-box p{color:#333}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.stat-value{font-size:2rem;margin:0}.stat-label{color:#999;margin:0}.section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;max-width:100%;overflow:visible;padding:2rem;width:100%}.section h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.section-hint{color:#666;font-size:.9rem;margin-bottom:1rem}.verkoop-per-dag-table td.expand-cell,.verkoop-per-dag-table th:first-child{max-width:40px;min-width:0;width:40px}.verkoop-per-dag-table .day-row.expanded,.verkoop-per-dag-table .day-row:hover{background:#e8f8f6}.verkoop-per-dag-table .expand-cell{padding-right:.25rem;vertical-align:middle}.verkoop-per-dag-table .day-detail-row{background:#f8fcfb}.verkoop-per-dag-table .day-detail-cell{border-bottom:1px solid #e0e0e0;padding:0;vertical-align:top}.day-detail-table-wrap{overflow-x:auto;padding:.75rem 1rem 1rem 2.5rem}.day-orders-table{font-size:.85rem;min-width:600px}.day-orders-table td,.day-orders-table th{padding:.4rem .6rem}.bron-badge{background:#e8f4f3;border-radius:6px;color:#0d6b5c;display:inline-block;font-size:.8rem;font-weight:500;padding:.2rem .5rem}.section .table-container{max-width:100%;width:100%}.table-container{width:100%}.verkoopdata .data-table{border-collapse:collapse;min-width:800px;table-layout:auto;width:100%}.verkoopdata .data-table thead{background:#f8f9fa}.verkoopdata .data-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-size:.9rem;font-weight:600;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.verkoopdata .data-table td{word-wrap:break-word;border-bottom:1px solid #e0e0e0;font-size:.9rem;padding:.75rem 1rem;white-space:normal}.verkoopdata .data-table tbody tr:hover{background:#f8f9fa}.verkoopdata .data-table td:first-child,.verkoopdata .data-table th:first-child{max-width:300px;min-width:200px}.verkoopdata .data-table td:nth-child(2),.verkoopdata .data-table th:nth-child(2){min-width:120px}.verkoopdata .data-table td:nth-child(3),.verkoopdata .data-table td:nth-child(4),.verkoopdata .data-table th:nth-child(3),.verkoopdata .data-table th:nth-child(4){min-width:120px;text-align:right;white-space:nowrap}.empty-state{border-radius:12px;box-shadow:0 2px 8px #0000001a}.import-results{background:#d1e7dd;border:1px solid #badbcc;border-radius:8px;color:#0f5132;margin-top:1rem;padding:1rem}@media (max-width:768px){.page-header{gap:1rem}.date-filter,.page-header{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:1fr}}.attributie-page{padding-bottom:2rem;padding-left:1rem;padding-right:1rem}.attributie-page .page-header{margin-bottom:1rem}.attributie-dashboard .dashboard-header{margin-bottom:1.5rem}.attributie-dashboard .dashboard-subtitle{color:#555;font-size:.95rem;margin:.35rem 0 0}.attributie-dashboard .btn-link{background:none;border:none;color:#0d9488;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.attributie-dashboard .btn-link:hover{color:#0f766e}.attributie-dashboard .diagnose-row{margin-top:.5rem}.attributie-dashboard .btn-diagnose-standalone{cursor:pointer}.attributie-dashboard .btn-diagnose-standalone:disabled{cursor:wait;opacity:.8}.attributie-dashboard .diagnose-result-block{background:#f1f5f9;background:var(--bg-muted,#f1f5f9);border-radius:6px;font-size:.9rem;margin-top:.5rem;padding:.5rem .75rem}.attributie-dashboard .diagnose-loading{color:#64748b;color:var(--text-muted,#64748b)}.attributie-dashboard .diagnose-result{display:block;font-size:.9rem}.attributie-dashboard .diagnose-line{display:block;margin-top:.35rem}.attributie-dashboard .diagnose-line:first-child{margin-top:0}.attributie-dashboard .diagnose-line-secondary{color:#475569;color:var(--text-muted,#475569)}.attributie-dashboard .diagnose-hint{cursor:help;opacity:.7}.attributie-dashboard .chart-tz-hint{color:#64748b;color:var(--text-muted,#64748b);font-size:.85em;font-weight:500}.attributie-dashboard .dashboard-row.dashboard-top{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.attributie-dashboard .dashboard-overview{min-width:0}.attributie-dashboard .dashboard-row.dashboard-row-per-bron{grid-gap:1.25rem;align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.attributie-dashboard .per-bron-half,.attributie-dashboard .visits-per-hour-chart{background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex-direction:column;min-height:160px;padding:1rem 1.1rem}.attributie-dashboard .per-bron-half{min-width:0}.attributie-dashboard .per-bron-half.configurator-in-dashboard-row .configurator-dashboard-meta{font-size:.88rem;margin-bottom:.35rem}.attributie-dashboard .per-bron-half.configurator-in-dashboard-row .configurator-table-scroll--in-dashboard{box-sizing:border-box;flex:1 1;max-height:min(42vh,340px);min-height:0;overflow:auto;padding-bottom:8px;scrollbar-gutter:stable;width:100%}.attributie-dashboard .per-bron-half.configurator-in-dashboard-row .table-wrap{margin:0;max-width:100%;width:100%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .table-wrap{max-width:100%;min-width:0;width:100%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table{min-width:0;table-layout:fixed;width:100%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table td,.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table th{font-size:.8rem;overflow:hidden;padding:.4rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table th:first-child{width:17%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table th:nth-child(2){width:10%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table th:nth-child(3){width:14%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table th:nth-child(4){width:20%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table th:nth-child(5){width:13%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table th:nth-child(6){width:26%}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table .visitor-id{font-family:ui-monospace,monospace;font-size:.78rem}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table .url-cell{max-width:none}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .configurator-events-table .url-cell a{color:#0d9488;color:var(--link-color,#0d9488);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attributie-dashboard .visits-per-hour-chart .chart-wrap{flex:1 1;max-height:220px;min-height:0;width:100%}@media (max-width:900px){.attributie-dashboard .dashboard-row.dashboard-row-per-bron,.attributie-dashboard .dashboard-row.dashboard-top{grid-template-columns:1fr}}@media (max-width:768px){.attributie-page{max-width:100vw;overflow-x:hidden;padding:env(safe-area-inset-top,0) .75rem 1.5rem}.attributie-page,.attributie-page *{box-sizing:border-box}.attributie-dashboard .dashboard-header .page-title{font-size:1.25rem}.attributie-dashboard .dashboard-subtitle{font-size:.85rem}.attributie-dashboard .diagnose-result{display:block;font-size:.8rem;margin-left:0;margin-top:.5rem}.attributie-page .dashboard-section{margin-bottom:1.5rem;max-width:100%;overflow-x:hidden;padding:1rem}.attributie-dashboard .dashboard-row.dashboard-row-per-bron,.attributie-dashboard .dashboard-row.dashboard-top{gap:1rem;margin-bottom:1.5rem}.date-filter-presets{align-items:stretch;flex-direction:column}.date-filter-presets .preset-buttons{justify-content:flex-start}.date-filter-presets .date-inputs{flex-wrap:wrap}.date-filter-presets .date-inputs input[type=date]{min-width:0}.date-filter-presets .btn-secondary{width:100%}.overview-cards{display:flex;flex-direction:row;gap:.5rem;margin-bottom:1rem}.overview-card{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:72px;min-width:0;padding:.75rem .35rem;text-align:center}.overview-card .card-value{font-size:1.25rem;line-height:1.2}.overview-card .card-label{font-size:.65rem;line-height:1.2;margin-top:.15rem;opacity:.95}.attributie-dashboard .orders-of-day-box{position:static}.attributie-page .section-title-row{align-items:flex-start;flex-direction:column}.attributie-page .section-title{font-size:1rem}.attributie-page .table-wrap{border-radius:6px;margin-left:0;margin-right:0;max-width:100%;overflow-x:hidden}.attributie-page .data-table{font-size:.8rem}.attributie-page .data-table thead th{font-size:.75rem;padding:.5rem}.attributie-page .data-table tbody td{padding:.5rem}.recente-bezoeken-scrollbox{-webkit-overflow-scrolling:touch;max-height:70vh;min-height:200px;overflow-x:hidden;padding:.5rem}.recente-bezoeken-grouped,.recente-bezoeken-scrollbox .table-wrap{max-width:100%;overflow-x:hidden}.recente-bezoeken-table{table-layout:fixed;width:100%}.recente-bezoeken-hint{display:none}.journey-lookup{align-items:stretch;flex-direction:column}.journey-lookup input{min-width:0}.attributie-page .configurator-table-scroll.configurator-table-scroll--in-dashboard .table-wrap{max-width:none;overflow-x:visible}.attributie-dashboard .per-bron-half.configurator-in-dashboard-row .configurator-table-scroll--in-dashboard{max-height:min(40vh,300px)}}.live-visitors-mobile{display:flex;flex-direction:column;gap:.75rem;width:100%}.live-visitor-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3fdfcf;border-radius:12px;box-shadow:0 1px 3px #0000000f;cursor:pointer;padding:.85rem 1rem;transition:background .15s}.live-visitor-card:active{background:#f8fafc}.live-visitor-card.live-row-cart{background:#3fdfcf1f;border-left-color:#3fdfcf}.live-visitor-card.live-row-cart:active{background:#3fdfcf33}.live-visitor-card.live-row-checkout{background:#2fb8a833;border-left-color:#2fb8a8;border-left-width:5px}.live-visitor-card.live-row-checkout:active{background:#0f766e38}.live-visitor-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.live-visitor-card-id{display:block;flex:1 1;min-width:0}.live-visitor-id-text{color:#334155;font-size:.95rem;font-weight:600;word-break:break-all}.live-visitor-flag{flex-shrink:0;font-size:1.1em}.live-visitor-ago{color:#64748b;flex-shrink:0;font-size:.8rem;white-space:nowrap}.live-visitor-card-page{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.2rem;margin-bottom:.45rem;padding-top:.45rem}.live-visitor-page-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.live-visitor-page-url{word-wrap:break-word;color:#334155;font-size:.9rem;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.live-visitor-card-duration{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:space-between;padding-top:.45rem}.live-visitor-duration-left{align-items:baseline;display:flex;flex:1 1;gap:.45rem;min-width:0}.live-visitor-duration-meta{align-items:center;display:flex;flex-shrink:0;gap:.4rem;justify-content:flex-end;margin-left:.35rem}.live-visitor-flag--footer{font-size:1.05em;line-height:1}.live-shop-badge--mobile-foot{font-size:.65rem;padding:.1rem .38rem}.live-visitor-duration-label{color:#64748b;font-size:.8rem;font-weight:500}.live-visitor-duration-value{font-feature-settings:"tnum";color:#0d9488;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:480px){.attributie-page{padding-left:.5rem;padding-right:.5rem}.attributie-page .dashboard-section,.herkomst-vandaag-attributie.herkomst-met-blokken{padding:.75rem}.herkomst-met-blokken .herkomst-blok-waarde{font-size:1.25rem}.order-of-day-header{flex-wrap:wrap;gap:.25rem}.order-of-day-detail{max-width:100%;overflow-x:hidden}.order-of-day-detail .data-table{display:block;font-size:.75rem}.order-of-day-detail .data-table thead{display:none}.order-of-day-detail .data-table tbody tr{border-bottom:1px solid #eee;display:block;padding:.4rem 0}.order-of-day-detail .data-table tbody td{display:block;padding:.15rem 0}.order-of-day-detail .data-table tbody td:first-child:before{color:#64748b;content:"Product: ";font-size:.7rem;font-weight:600}.order-of-day-detail .data-table tbody td:nth-child(2):before{color:#64748b;content:"Aantal: ";font-size:.7rem;font-weight:600}.order-of-day-detail .data-table tbody td:nth-child(3):before{color:#64748b;content:"Prijs: ";font-size:.7rem;font-weight:600}.order-of-day-detail .data-table tbody td:nth-child(4):before{color:#64748b;content:"Totaal: ";font-size:.7rem;font-weight:600}.order-of-day-detail .data-table tbody td:nth-child(5):before{color:#64748b;content:"Bron: ";font-size:.7rem;font-weight:600}.overview-card .card-value{font-size:1.1rem}.overview-card .card-label{font-size:.6rem}}.attributie-dashboard .orders-of-day-box{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.25rem;position:-webkit-sticky;position:sticky;top:1rem}.attributie-dashboard .orders-of-day-list{display:flex;flex-direction:column;gap:.75rem;max-height:420px;overflow-x:hidden;overflow-y:auto}.attributie-dashboard .order-of-day-item{border-bottom:1px solid #eee;font-size:.9rem;padding:.6rem 0}.attributie-dashboard .order-of-day-item:last-child{border-bottom:none}.attributie-dashboard .order-of-day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.attributie-dashboard .order-of-day-totaal{color:#0d9488;font-weight:600}.attributie-dashboard .order-of-day-products{color:#555;font-size:.85rem;margin:0;padding-left:1rem}.attributie-dashboard .order-of-day-products .more{font-style:italic}.attributie-dashboard .order-of-day-header{cursor:pointer}.attributie-dashboard .order-of-day-detail{background:#fff;border-top:1px solid #e8e8e8;margin-top:.25rem;overflow-x:auto;padding:.75rem 1rem 1rem}.attributie-dashboard .order-of-day-detail .data-table{font-size:.85rem}.attributie-dashboard .order-of-day-detail .data-table td,.attributie-dashboard .order-of-day-detail .data-table th{padding:.4rem .6rem}.recente-bezoeken-scrollbox{background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;max-height:420px;overflow-y:auto;padding:.5rem}.recente-bezoeken-scrollbox .table-wrap{margin:0}.attributie-intro{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.plugin-box{background:#f0fdfa;border:1px solid #3fdfcf;border-radius:8px}.plugin-steps{margin:.75rem 0 0 1.5rem;padding:0}.plugin-steps li{margin-bottom:.5rem}.attributie-page .dashboard-section{background:#fff;border:1px solid #e8ecf0;border-radius:10px;box-shadow:0 1px 3px #0000000a;margin-bottom:2rem;padding:1.25rem 1.5rem}.attributie-page .dashboard-section .section-title{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.attributie-page .section-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.attributie-page .section-title-row .section-title{margin:0}.attributie-page .btn-small{font-size:.85rem;padding:.35rem .75rem}.attributie-page .section-title-row .section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.attributie-page .api-koppeling-status{color:#555;font-size:.9rem;margin-top:.35rem}.attributie-page .api-koppeling-status .sep{color:#999;margin:0 .5rem}.attributie-page .api-koppeling-status .ok{color:#0d9488}.attributie-page .api-koppeling-status .muted{color:#888}.attributie-page .api-koppeling-status .api-koppeling-hint{color:#888;display:block;font-size:.85rem;margin-top:.25rem}.attributie-page .api-koppeling-status .sync-result{margin-left:.75rem}.attributie-page .api-koppeling-status .sync-result span.err,.attributie-page .api-koppeling-status .sync-result.err{color:#b91c1c}.attributie-page .api-koppeling-status .sync-result span.ok,.attributie-page .api-koppeling-status .sync-result.ok{color:#0d9488}.attributie-page .api-config-modal .api-config-block{border-bottom:1px solid #e5e5e5;margin-bottom:1.5rem;padding-bottom:1rem}.attributie-page .api-config-modal .api-config-saved-hint{color:#666;font-size:.85rem;margin:.5rem 0 .75rem}.attributie-page .api-config-modal .api-config-block:last-of-type{border-bottom:none}.attributie-page .api-config-modal .api-config-block h3{font-size:1rem;margin:0 0 .75rem}.attributie-page .api-config-modal .api-config-block label{display:block;font-size:.9rem;margin-top:.5rem}.attributie-page .api-config-modal .api-config-block input{margin-top:.25rem;max-width:400px;width:100%}.attributie-page .api-config-modal .api-config-block .btn-small{margin-top:.75rem}.snippet-box{background:#1e1e1e;border-radius:8px;color:#d4d4d4;margin:.5rem 0 1rem;overflow-x:auto;padding:1rem}.snippet-box pre{font-size:.85rem;margin:0 0 .75rem;white-space:pre-wrap;word-break:break-all}.snippet-box .btn{margin-top:.5rem}.attributie-page .hint{color:#555;font-size:.9rem;margin-top:.5rem}.attributie-page .hint code{background:#eee;border-radius:4px;padding:.1em .4em}.overview-cards{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}@media (min-width:900px){.overview-cards{flex-wrap:nowrap}.overview-card{flex:1 1;min-width:0}}.overview-card{border-radius:10px;color:#fff;min-width:140px;padding:1.25rem 1.75rem}.overview-card-1{background:linear-gradient(135deg,#3fdfcf,#2fb8a8)}.overview-card-2{background:linear-gradient(135deg,#6c5ce7,#5b4cdb)}.overview-card-3{background:linear-gradient(135deg,#e17055,#d63050)}.overview-card .card-value{display:block;font-size:1.75rem;font-weight:700}.overview-card .card-label{font-size:.9rem;opacity:.95}.attributie-page .configurator-table-scroll{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:inset 0 -1px 0 #0000000f;max-height:min(65vh,520px);overflow:auto;position:relative}.attributie-page .configurator-table-scroll .table-wrap{border:none;margin:0;max-width:none;overflow:visible}.attributie-page .configurator-table-scroll .configurator-events-table,.attributie-page .configurator-table-scroll .table-wrap{min-width:100%;width:-webkit-max-content;width:max-content}.attributie-page .configurator-events-table{font-size:.9rem}.attributie-page .configurator-events-table th{white-space:nowrap}.attributie-page .configurator-events-table .visitor-id{font-family:monospace;font-size:.85em}.attributie-page .configurator-events-table .url-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.attributie-page .configurator-events-table .url-cell a{color:#0d9488;color:var(--link-color,#0d9488)}.per-bron{margin-top:1rem}.per-bron h3{font-size:1rem;margin-bottom:.5rem}.per-bron-styled{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.per-bron-styled h3{color:#334155;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.per-bron-table{font-size:.9rem}.per-bron-table thead th{background:#e2e8f0;border-bottom:1px solid #cbd5e1;font-weight:600;padding:.6rem .85rem}.per-bron-table tbody td{border-bottom:1px solid #f1f5f9;padding:.55rem .85rem}.herkomst-vandaag-attributie{background:#f8fafb;border:1px solid #e8ecf0;border-radius:8px;margin-top:1.25rem;padding:1rem}.herkomst-vandaag-attributie.herkomst-met-blokken{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.herkomst-met-blokken .herkomst-pie-col h3{margin:0 0 .5rem}.herkomst-met-blokken .herkomst-blokken-col{display:flex;flex-direction:column;gap:1rem}.herkomst-met-blokken .herkomst-blok{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem}.herkomst-met-blokken .herkomst-blok-label{color:#64748b;display:block;font-size:.85rem;margin-bottom:.35rem}.herkomst-met-blokken .herkomst-blok-waarde{color:#0f172a;display:block;font-size:1.5rem;font-weight:700}.herkomst-blok-clickable{cursor:pointer;transition:background .2s,box-shadow .2s}.herkomst-blok-clickable:hover{background:#f8fafc!important;box-shadow:0 2px 6px #00000014}.herkomst-blok-clickable:active{background:#f1f5f9!important}.herkomst-blok-live{background:#f0fdfa!important;border-color:#3fdfcf!important;border-width:2px}.herkomst-blok-live .herkomst-blok-label{color:#0f766e}.herkomst-blok-live .herkomst-blok-waarde{color:#0d9488}.herkomst-blok-live:hover{background:#ccfbf1!important;box-shadow:0 2px 8px #3fdfcf4d}@media (max-width:700px){.herkomst-vandaag-attributie.herkomst-met-blokken{grid-template-columns:1fr}}@media (max-width:768px){.herkomst-vandaag-attributie{max-width:100%;overflow-x:hidden}.herkomst-pie-chart{max-width:100%}}.herkomst-vandaag-attributie h3{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.herkomst-pie-chart{max-width:100%;min-width:0}.journey-lookup{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.journey-lookup input{border:1px solid #ddd;border-radius:6px;min-width:180px;padding:.5rem}.journey-result{margin-top:1rem}.journey-result p{margin-bottom:.5rem}.attributie-page .date-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.attributie-page .date-filter label{margin-right:.25rem}.date-filter-presets{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem}.date-filter-presets .preset-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem}.date-filter-presets .preset-label{color:#333;font-size:.95rem;font-weight:600}.date-filter-presets .preset-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:200px;padding:.5rem 1rem}.date-filter-presets .btn-preset{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.35rem .6rem}.date-filter-presets .btn-preset:hover{background:#e5e5e5}.date-filter-presets .date-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.attributie-page .table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.attributie-page .data-table{border-collapse:collapse;font-size:.9rem;width:100%}.attributie-page .data-table thead th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#334155;font-weight:600;padding:.65rem .85rem;text-align:left;white-space:nowrap}.attributie-page .data-table tbody td{border-bottom:1px solid #f1f5f9;padding:.6rem .85rem;vertical-align:middle}.attributie-page .data-table tbody tr:last-child td{border-bottom:none}@media (min-width:769px){.attributie-page .live-visitors-table{min-width:62rem;table-layout:auto;width:100%}.attributie-page .live-visitors-table thead th{position:static;top:auto;z-index:auto}.attributie-page .live-visitors-table tbody td:first-child,.attributie-page .live-visitors-table thead th:first-child{min-width:9rem;width:11%}.attributie-page .live-visitors-table tbody td:nth-child(2),.attributie-page .live-visitors-table thead th:nth-child(2){min-width:4.25rem;text-align:center;width:5%}.attributie-page .live-visitors-table tbody td:nth-child(3),.attributie-page .live-visitors-table thead th:nth-child(3){min-width:6.75rem;width:8%}.attributie-page .live-visitors-table tbody td:nth-child(4),.attributie-page .live-visitors-table thead th:nth-child(4){min-width:11rem;width:17%}.attributie-page .live-visitors-table tbody td:nth-child(5),.attributie-page .live-visitors-table thead th:nth-child(5){min-width:7.5rem;width:10%}.attributie-page .live-visitors-table tbody td:nth-child(6),.attributie-page .live-visitors-table thead th:nth-child(6){min-width:9rem;width:11%}.attributie-page .live-visitors-table tbody td:nth-child(7),.attributie-page .live-visitors-table thead th:nth-child(7){min-width:7rem;width:9%}.attributie-page .live-visitors-table tbody td:nth-child(8),.attributie-page .live-visitors-table thead th:nth-child(8){min-width:4.75rem;width:6%}.attributie-page .live-visitors-table tbody td:nth-child(9),.attributie-page .live-visitors-table thead th:nth-child(9){min-width:6.5rem;white-space:normal;width:10%}.attributie-page .live-visitors-table tbody td:nth-child(10),.attributie-page .live-visitors-table thead th:nth-child(10){font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:6.25rem;width:7%}.attributie-page .live-visitors-table tbody td:nth-child(11),.attributie-page .live-visitors-table thead th:nth-child(11){min-width:3.75rem;text-align:center;width:5%}.attributie-page .live-visitors-table .url-cell{max-width:none}.attributie-page .live-visitors-table .url-cell .url-cell-value{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attributie-page .live-visitors-table .referrer-cell{max-width:none}}.live-shop-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.12rem .45rem;vertical-align:middle;white-space:nowrap}.live-shop-badge--woo{background:#e2e8f0;color:#1e3a5f}.live-shop-badge--shopify{background:#dcfce7;color:#14532d}.live-bezoekers .section-title .live-count{color:#666;color:var(--text-muted,#666);font-size:.95em;font-weight:500}.live-bezoekers .visitor-id .visitor-name{margin-right:.35em}.live-bezoekers .visitor-id .visitor-flag{font-size:1.1em;vertical-align:middle}.live-bezoekers .duration-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.live-bezoekers .referrer-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis}.live-bezoekers .visitor-id{font-size:.9rem}.live-bezoekers .url-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}@media (min-width:769px){.live-bezoekers .duration-cell .duration-cell-label,.live-bezoekers .url-cell .url-cell-label,.live-visitors-table tbody tr td.duration-cell .duration-cell-label-long,.live-visitors-table tbody tr td.duration-cell .duration-cell-label-short{display:none!important}}.attributie-page .locatie-cell,.live-bezoekers .locatie-cell{white-space:nowrap}.attributie-page .visitor-id{font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}.bot-badge{background:#fef3c7;border-radius:4px;color:#b45309;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.35rem;padding:.15rem .4rem;white-space:nowrap}.configurator-cell{display:flex;flex-direction:column;gap:.2rem}.configurator-badge{background:#d1fae5;border-radius:4px;color:#065f46;display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .4rem;white-space:nowrap}.configurator-detail{color:#64748b;color:var(--text-muted,#64748b);font-size:.75rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-detail .configurator-events-list{list-style:disc;margin:0 0 1rem;padding-left:1.25rem}.visitor-detail .configurator-events-list li{margin-bottom:.25rem}.visitor-detail .configurator-events-list .event-name{font-weight:600}.visitor-detail .configurator-events-list .event-time{color:#64748b;color:var(--text-muted,#64748b);font-size:.9em}.live-visitors-table tbody tr.clickable-row{cursor:pointer}.live-visitors-table tbody tr:not(.detail-row):hover{background:#f8f9fa}.live-visitors-table tbody tr.expanded{background:#f0f4f8}.live-visitors-table tbody tr.live-row-cart{background:#3fdfcf1c;box-shadow:inset 4px 0 0 #3fdfcfe6}.live-visitors-table tbody tr.live-row-cart:hover{background:#3fdfcf30}.live-visitors-table tbody tr.live-row-cart.expanded{background:#3fdfcf29}.live-visitors-table tbody tr.live-row-checkout{background:#2fb8a829;box-shadow:inset 4px 0 0 #2fb8a8}.live-visitors-table tbody tr.live-row-checkout:hover{background:#2fb8a83d}.live-visitors-table tbody tr.live-row-checkout.expanded{background:#0f766e24}.live-visitors-table .detail-row td{background:#fafbfc;border-bottom:1px solid #e0e0e0;padding:0;vertical-align:top}.visitor-detail{font-size:.9rem;padding:1rem 1rem 1rem 2.5rem;text-align:left}.visitor-detail h4{font-size:.95rem;margin:0 0 .75rem}.visitor-detail .loading-detail{color:#666;margin:0}.visitor-detail .session-block{margin-bottom:1rem}.visitor-detail .session-block:last-child{margin-bottom:0}.visitor-detail .session-header{color:#333;font-weight:600;margin-bottom:.35rem}.visitor-detail .session-pages{list-style:disc;margin:0;padding-left:1.25rem}.visitor-detail .session-pages li{margin-bottom:.2rem}.visitor-detail .page-time{color:#666;display:inline-block;margin-right:.5rem;width:4.5rem}.visitor-detail .page-path{font-family:ui-monospace,monospace;font-size:.85em}.recente-bezoeken-section .recente-bezoeken-table tbody tr.clickable-row{cursor:pointer}.recente-bezoeken-section .recente-bezoeken-table tbody tr:not(.detail-row):hover{background:#f8f9fa}.recente-bezoeken-section .recente-bezoeken-table tbody tr.expanded{background:#f0f4f8}.recente-bezoeken-section .recente-bezoeken-table .detail-row td{background:#fafbfc;border-bottom:1px solid #e0e0e0;padding:0;vertical-align:top}.recente-bezoeken-grouped .recente-group-row td{font-weight:500}.recente-bezoeken-grouped .recente-group-row .visitor-id{font-weight:600}.recente-bezoeken-table td.recente-col-shop,.recente-bezoeken-table th.recente-col-shop{text-align:center;vertical-align:middle;white-space:nowrap;width:5.5rem}.bezoek-detail-block{border-bottom:1px solid #eee;margin-bottom:1.25rem;padding-bottom:1rem}.bezoek-detail-block:last-of-type{border-bottom:none}.bezoek-detail-block h4{font-size:.95rem;margin:0 0 .5rem}.order-of-day-header.clickable{cursor:pointer}.order-of-day-header.clickable:hover{background:#f8fafc}.order-detail-modal .order-detail-totaal{margin:0 0 1rem}.order-detail-modal h4{margin:1rem 0 .5rem}.order-detail-modal h4:first-of-type{margin-top:0}.journey-bezoeken-list{font-size:.9rem;margin:.5rem 0 0;padding-left:1.25rem}.journey-bezoeken-list li{margin-bottom:.25rem;word-break:break-word}.attributie-tabel-section .attributie-tabel-meta-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem}.attributie-tabel-section .attributie-tabel-meta-summary{color:#0f766e;cursor:pointer;font-size:.9rem;font-weight:600;list-style:none;padding:.55rem .85rem;-webkit-user-select:none;user-select:none}.attributie-tabel-section .attributie-tabel-meta-summary::-webkit-details-marker{display:none}.attributie-tabel-section .attributie-tabel-meta-summary:before{content:"▶";display:inline-block;font-size:.65rem;margin-right:.45rem;transition:transform .12s ease;vertical-align:middle}.attributie-tabel-section .attributie-tabel-meta-details[open]>.attributie-tabel-meta-summary:before{transform:rotate(90deg)}.attributie-tabel-section .attributie-tabel-meta-body{border-top:1px solid #e2e8f0;padding:0 .85rem .85rem}.attributie-tabel-section .attributie-tabel-meta-body .hint{margin-bottom:.65rem;margin-top:.65rem}.attributie-tabel-section .attributie-tabel-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:8px;max-width:100%;overflow-x:auto}.attributie-tabel{background:#fff;border-collapse:collapse;font-size:.9rem;min-width:920px;table-layout:fixed;width:100%}.attributie-tabel.attributie-tabel-dual-metric{min-width:1180px}.attributie-tabel-dual-metric .attributie-col-eigen{background:rgba(13,148,136,.045)}.attributie-tabel-dual-metric .attributie-col-platform{background:#2563eb0d;border-left:1px solid #e2e8f0}.attributie-tabel-dual-metric thead .attributie-col-eigen,.attributie-tabel-dual-metric thead .attributie-col-platform{font-size:.8rem;line-height:1.25}.attributie-tabel.attributie-tabel-dual-metric thead th.col-num{padding-bottom:.45rem;padding-top:.4rem;vertical-align:bottom;white-space:normal}.attributie-tabel.attributie-tabel-dual-metric thead th.attributie-th-eigen{max-width:6.5rem;min-width:4.5rem}.attributie-th-metric{align-items:center;display:inline-flex;flex-direction:row;gap:.35rem;justify-content:flex-end;text-align:right}.attributie-th-metric-label{font-size:.76rem;font-weight:600;line-height:1.2;white-space:nowrap}.attributie-tabel-dual-metric thead .attributie-col-platform{max-width:4rem;min-width:2.85rem}.fourshine-mark{color:#0d9488;display:block;flex-shrink:0}.attributie-tabel thead{background:#e2e8f0}.attributie-tabel td,.attributie-tabel th{border-bottom:1px solid #e2e8f0;padding:.5rem .65rem;position:static;text-align:left}.attributie-tabel .col-bron{font-weight:600;min-width:13rem;overflow-wrap:normal;vertical-align:middle;white-space:nowrap;width:15rem;word-break:keep-all}.attributie-tabel .col-num{min-width:5rem;text-align:right;white-space:nowrap;width:6rem}.attributie-tabel tfoot.summary-row td{background:#f1f5f9;border-top:2px solid #e2e8f0;font-weight:600;padding:.65rem .85rem}.attributie-tabel tbody tr.attributie-data-row-odd>td{background-color:#fff}.attributie-tabel tbody tr.attributie-data-row-even>td{background-color:#f4f6f9}.attributie-tabel-dual-metric tbody tr.attributie-data-row-odd>td.attributie-col-eigen{background-color:#0d94880f}.attributie-tabel-dual-metric tbody tr.attributie-data-row-odd>td.attributie-col-platform{background-color:#2563eb0f}.attributie-tabel-dual-metric tbody tr.attributie-data-row-even>td.attributie-col-eigen{background-color:#0d94881a}.attributie-tabel-dual-metric tbody tr.attributie-data-row-even>td.attributie-col-platform{background-color:#2563eb1a}.attributie-tabel-section .hint{margin-bottom:.75rem}.attributie-modal-body form label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem;margin-top:.75rem}.attributie-modal-body form label:first-of-type{margin-top:0}.attributie-modal-body form input[type=date],.attributie-modal-body form input[type=number],.attributie-modal-body form input[type=text]{border:1px solid #ddd;border-radius:6px;font-size:1rem;max-width:280px;padding:.5rem .6rem;width:100%}.form-actions{gap:.75rem;margin-top:1.25rem}@media (max-width:768px){.attributie-tabel-section .attributie-tabel-wrap{margin-left:0;margin-right:0}.attributie-tabel{font-size:.85rem;min-width:700px}.attributie-tabel.attributie-tabel-dual-metric{min-width:1020px}.attributie-tabel td,.attributie-tabel th{padding:.4rem}.attributie-tabel .col-num{min-width:4rem;width:4rem}.attributie-tabel td.col-bron,.attributie-tabel th.col-bron{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recente-bezoeken-grouped .recente-group-row td{font-size:.85rem;padding:.6rem .5rem}}.bezoek-detail{padding:1rem 1rem 1rem 1.5rem}.bezoek-detail h4{margin:1rem 0 .5rem}.bezoek-detail h4:first-child{margin-top:0}.bezoek-data-list{grid-gap:.25rem 1.5rem;display:grid;font-size:.9rem;gap:.25rem 1.5rem;grid-template-columns:auto 1fr;margin:0 0 1rem}.bezoek-data-list dt{color:#555;font-weight:600}.bezoek-data-list dd{margin:0;word-break:break-word}.bezoek-data-list dd code{background:#eee;border-radius:4px;font-size:.85em;padding:.1rem .3rem}.bezoek-data-list .url-dd{max-width:100%;overflow-wrap:break-word}.attributie-modal-body{-webkit-overflow-scrolling:touch;max-height:70vh;overflow-y:auto}.attributie-modal-body.visitor-detail .session-block{margin-bottom:1rem}.attributie-modal-body .visitor-modal-name{margin:0 0 .75rem}.attributie-bron-with-expand{align-items:center;display:flex;flex-wrap:nowrap;gap:.35rem}.attributie-bron-with-expand>span:last-child{flex-shrink:0;white-space:nowrap}.attributie-campaign-expand-btn{background:#f8f9fa;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;flex-shrink:0;font-size:.7rem;height:1.75rem;line-height:1;padding:0;width:1.75rem}.attributie-campaign-expand-btn:hover{background:#e9ecef;border-color:#3fdfcf}.attributie-campaign-expand-placeholder{display:inline-block;flex-shrink:0;width:1.75rem}.attributie-campaign-detail-row td.attributie-campaign-detail-cell{background:#f6faf9;padding:.75rem .5rem 1rem;vertical-align:top}.campaign-detail-status{margin:.25rem 0}.campaign-detail-hint{font-size:.82rem;margin:0 0 .5rem}.attributie-shop-orders-bron-wrap{border-top:1px solid #dce8e5;margin-top:1.35rem;padding-top:1rem}.attributie-shop-orders-bron-title{color:#0f766e;font-size:.95rem;font-weight:600;margin:0 0 .35rem}.attributie-shop-orders-bron-hint{margin-bottom:.65rem}.attributie-shop-orders-bron-table{min-width:520px}.attributie-est-star{color:#888;font-size:.85em;font-weight:400}.attributie-metric-from-ads{color:#1a5f4a}.attributie-campaign-breakdown-wrap{overflow-x:auto}.attributie-campaign-breakdown-table{border-collapse:collapse;font-size:.88rem;min-width:720px;width:100%}.attributie-campaign-breakdown-table td,.attributie-campaign-breakdown-table th{border-bottom:1px solid #dde8e5;padding:.35rem .5rem;text-align:left}.attributie-campaign-breakdown-table td.col-num,.attributie-campaign-breakdown-table th.col-num{text-align:right}.attributie-campaign-breakdown-table thead th{background:#eef5f3;color:#444;font-weight:600}.woocommerce{margin:0 auto;max-width:1200px}.wc-sections{display:flex;flex-direction:column;gap:2rem}.wc-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.wc-section h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.section-description{line-height:1.6}.wc-credentials-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;line-height:1.5;margin-bottom:1.5rem;padding:1rem 1.25rem}.wc-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus{border-color:#3fdfcf;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.oaqz-key-row{align-items:stretch;display:flex;gap:.75rem}.oaqz-key-row input{flex:1 1;min-width:0}.oaqz-key-row .btn-oaqz-save{flex-shrink:0;white-space:nowrap}.form-hint{color:#999;font-size:.85rem;font-style:italic}.form-actions{margin-top:.5rem}.test-result{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:.75rem;margin-top:1rem;padding:1rem}.test-result.success{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.test-result.error{background:#f8d7da;border:1px solid #f5c2c7;color:#842029}.config-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.config-info h3{color:#333;margin-bottom:1rem}.config-info p{color:#666;margin-bottom:.5rem}.sync-actions{margin-bottom:1.5rem}.sync-status-info{font-size:.95rem}.sync-results{background:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.sync-results h3{color:#333;margin-bottom:1rem}.sync-stats{border-bottom:1px solid #ddd;display:flex;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem}.stat-value{font-size:1.5rem}.stat-success .stat-value{color:#28a745}.stat-error .stat-value{color:#dc3545}.sync-details{margin-top:1rem}.sync-details h4{color:#333;margin-bottom:.75rem}.sync-details ul{list-style:none;padding:0}.sync-details li{align-items:center;border-bottom:1px solid #eee;display:flex;gap:.5rem;padding:.5rem 0}.sync-details li.success{color:#28a745}.sync-details li.error{color:#dc3545}.more-results{color:#666;font-style:italic;margin-top:.5rem}.mappings-table{margin-top:1.5rem;overflow-x:auto}.wc-link{align-items:center;color:#667eea;display:inline-flex;gap:.25rem;text-decoration:none;transition:color .2s}.wc-link:hover{color:#2fb8a8;text-decoration:underline}.info-box{background:#fff3cd;border:1px solid #ffc107;color:#856404}.info-box svg{flex-shrink:0;font-size:2rem}.info-box h3{color:#856404;margin-bottom:.5rem}.info-box p{line-height:1.6;margin:0}@media (max-width:768px){.wc-section{padding:1.5rem}.sync-stats{gap:1rem}.form-actions,.sync-stats{flex-direction:column}}.attributie-koppeling .attributie-koppeling-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;margin-bottom:2rem;padding:1.25rem}.attributie-koppeling .section-title{font-size:1.15rem;margin:0 0 .75rem}.attributie-koppeling .plugin-box{background:#f0fdfa;border-color:#3fdfcf}.attributie-koppeling .shopify-box{background:#f0fdf4;border-color:#86efac}.attributie-koppeling .plugin-steps{margin:.75rem 0 0 1.5rem;padding:0}.attributie-koppeling .plugin-steps li{margin-bottom:.5rem}.attributie-koppeling .snippet-box{background:#1e1e1e;border-radius:8px;color:#d4d4d4;margin:.5rem 0 1rem;overflow-x:auto;padding:1rem}.attributie-koppeling .snippet-box pre{font-size:.85rem;margin:0 0 .75rem;white-space:pre-wrap;word-break:break-all}.attributie-koppeling .snippet-box .btn{margin-top:.5rem}.attributie-koppeling .hint{color:#555;font-size:.9rem;margin-top:.5rem}.attributie-koppeling .hint code{background:#eee;border-radius:4px;padding:.1em .4em}.attributie-koppeling .check-section{margin-top:1.5rem}.attributie-koppeling .check-steps{margin:.5rem 0 0 1rem;padding-left:1.25rem}.attributie-koppeling .check-steps li{margin-bottom:.75rem}.attributie-koppeling .check-steps ul{margin:.5rem 0 0 1rem;padding-left:1rem}.attributie-koppeling .check-steps kbd{background:#f0f0f0;border-radius:4px;font-size:.9em;padding:.15em .4em}.key-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.key-modal{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;max-width:480px;padding:1.5rem;width:90%}.key-modal h3{font-size:1.25rem;margin:0 0 .75rem}.key-modal p{color:#555;font-size:.95rem;margin:0 0 1rem}.key-modal-key-wrap{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.key-modal-input{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:ui-monospace,monospace;font-size:.95rem;padding:.6rem}.key-modal-hint{color:#666!important;font-size:.85rem!important;margin:0 0 1rem!important}.key-modal .btn{margin-right:.5rem}.api-koppeling{max-width:720px}.api-koppeling-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:1.5rem}.api-koppeling-title{align-items:center;display:flex;font-size:1.35rem;gap:.5rem;margin:0 0 .5rem}.api-koppeling-intro{color:#555;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.api-koppeling-section{background:#f8fafb;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.api-koppeling-section:last-child{margin-bottom:0}.api-koppeling-section h3{font-size:1.1rem;margin:0 0 .75rem}.api-koppeling-key-row,.api-koppeling-url-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.api-koppeling-key-display,.api-koppeling-url{background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:block;flex:1 1;font-size:.85rem;min-width:0;padding:.5rem .75rem;word-break:break-all}.api-koppeling-key-display{font-family:ui-monospace,monospace}.api-koppeling-warning{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.9rem;margin:.5rem 0 .75rem;padding:.5rem .75rem}.api-koppeling-hint{color:#64748b;font-size:.9rem;margin:.5rem 0 0}.api-koppeling-hint code{background:#e2e8f0;border-radius:4px;font-size:.85em;padding:.1em .35em}.api-koppeling .btn-sm{font-size:.85rem;padding:.4rem .75rem}.api-koppeling .spin{animation:api-koppeling-spin .8s linear infinite}@keyframes api-koppeling-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.paypal-mt940-page{max-width:720px}.paypal-mt940-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:1.5rem}.paypal-mt940-title{align-items:center;color:#0f766e;display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 .75rem}.paypal-mt940-intro{color:#444;font-size:.95rem;line-height:1.5;margin:0 0 1.25rem}.paypal-mt940-form{display:flex;flex-direction:column;gap:1rem}.paypal-mt940-label{color:#333;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.35rem}.paypal-mt940-label input[type=file]{font-size:.9rem}.paypal-mt940-label input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.5rem .65rem}.paypal-mt940-hint{color:#666;font-size:.8rem;font-weight:400}.paypal-mt940-submit{align-items:center;align-self:flex-start;display:inline-flex;gap:.5rem;margin-top:.25rem}.paypal-mt940-msg{align-items:flex-start;border-radius:6px;display:flex;font-size:.95rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.paypal-mt940-msg--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.paypal-mt940-success--woo-total{font-weight:500;margin-top:.5rem}.paypal-mt940-success--detail{color:#15803d;font-size:.9rem;margin-top:.35rem}.paypal-mt940-warnings{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-top:1.25rem;padding:1rem}.paypal-mt940-warnings h3{align-items:center;color:#92400e;display:flex;font-size:1rem;gap:.35rem;margin:0 0 .5rem}.paypal-mt940-warnings ul{color:#78350f;font-size:.9rem;margin:0;padding-left:1.25rem}.koppelingen-page{margin:0 auto;max-width:1200px}.koppelingen-header{margin-bottom:1.5rem}.koppelingen-header .page-subtitle{color:#555;font-size:1rem;margin:.25rem 0 0}.koppelingen-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:.25rem;margin-bottom:1.5rem;padding-bottom:0}.koppelingen-tabs .tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.25rem;transition:color .2s,border-color .2s}.koppelingen-tabs .tab-btn:hover{color:#2fb8a8}.koppelingen-tabs .tab-btn.active{border-bottom-color:#0d9488;color:#0d9488}.koppelingen-tabs .tab-icon{font-size:1.1rem}.koppelingen-content{min-height:400px}.koppelingen-content .woocommerce h1.page-title{margin-top:0}.ticket-reply-textarea{caret-shape:block;animation:ticket-reply-caret-blink 1.1s steps(2) infinite;caret-color:#00b8a9}.ticket-reply-textarea:focus{border-color:#00b8a9;box-shadow:0 0 0 3px #00b8a92e}@keyframes ticket-reply-caret-blink{0%,50%{caret-color:#00b8a9}50.01%,to{caret-color:#0000}}.parameters{margin:0 auto;max-width:1400px}.page-title{margin:0 0 .5rem}.page-subtitle{font-size:1rem}.parameters-container{display:flex;flex-direction:column;gap:2rem}.parameter-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.section-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.section-icon{color:#3fdfcf;font-size:1.5rem}.section-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.section-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.table-container{max-width:100%;scrollbar-gutter:stable}.parameters .parameter-section .table-container .data-table{min-width:100%;width:-webkit-max-content;width:max-content}.parameters-actions-col{background:linear-gradient(90deg,#fff0,#fff 12px,#fff);box-shadow:-6px 0 8px -4px #00000014;min-width:5.5rem;position:-webkit-sticky;position:sticky;right:0;white-space:nowrap;z-index:1}.data-table tbody tr:hover .parameters-actions-col,.data-table thead .parameters-actions-col{background:linear-gradient(90deg,#f8f9fa00,#f8f9fa 12px,#f8f9fa)}.parameter-waarde-textarea{border:1px solid #ddd;border-radius:6px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9rem;line-height:1.4;min-height:6rem;padding:.75rem;resize:vertical;width:100%}.parameter-waarde-textarea:focus{border-color:#3fdfcf;outline:none}.levertijd-badge{background:#3fdfcf;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.levertijd-badge.not-set{background:#e0e0e0;color:#666}.parameter-form{max-width:600px}.input-with-button{align-items:flex-start;display:flex;gap:1rem}.form-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:inherit;font-size:1rem;padding:.75rem}.form-input:focus{border-color:#3fdfcf;outline:none}.form-help{color:#666;font-size:.85rem;margin:.25rem 0 0}.current-value{background:#f0fffe;border-radius:6px;color:#333;font-size:.9rem;margin-top:.5rem;padding:.75rem}.current-value strong{color:#3fdfcf;font-size:1.1rem}.parameter-help{background:#f8f9fa;border-left:4px solid #3fdfcf;border-radius:8px;margin-top:1.5rem;padding:1rem}.parameter-help h4{color:#333;font-size:.9rem;margin:0 0 .5rem}.parameter-help ul{color:#666;font-size:.85rem;margin:.5rem 0 0;padding-left:1.5rem}.parameter-help li{margin:.25rem 0}.parameter-help strong{color:#3fdfcf;font-family:monospace}@media (max-width:768px){.input-with-button{flex-direction:column}.input-with-button .btn{width:100%}}.inkoopvoorstellen{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1600px;min-height:0}.inkoopvoorstellen-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.table-container{border-radius:8px;box-shadow:0 2px 6px #00000014;padding:.35rem}.inkoopvoorstellen .data-table{border-collapse:initial;border-spacing:.35rem 0;min-width:1312px;table-layout:fixed;width:100%}.inkoopvoorstellen .data-table thead{background:#f8f9fa}.inkoopvoorstellen .data-table th{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#333;font-size:.75rem;font-weight:600;padding:.3rem .25rem .3rem 0;text-align:left;white-space:nowrap}.inkoopvoorstellen .data-table th:first-child{min-width:120px;padding-left:.3rem;padding-right:0;width:120px}.inkoopvoorstellen .data-table th:nth-child(2){max-width:80px!important;min-width:80px!important;padding:.5rem 0 .5rem .3rem!important;text-align:left!important;width:80px!important}.inkoopvoorstellen .data-table th:nth-child(3){max-width:50px!important;min-width:50px!important;padding:.5rem 0 .5rem .3rem!important;width:50px!important}.inkoopvoorstellen .data-table th:nth-child(4){max-width:80px!important;min-width:80px!important;padding:.5rem 0 .5rem .3rem!important;width:80px!important}.inkoopvoorstellen .data-table th:nth-child(5){min-width:224px;padding-left:0;width:224px}.inkoopvoorstellen .data-table th:nth-child(6){min-width:96px;padding-left:0;width:96px}.inkoopvoorstellen .data-table th:nth-child(7){min-width:350px;padding-left:0;padding-right:.7rem;text-align:center;width:350px}.inkoopvoorstellen .data-table th:nth-child(8){background:#f8f9fa;min-width:160px;position:-webkit-sticky;position:sticky;right:0;width:200px;z-index:10}.inkoopvoorstellen .data-table td{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;font-size:.75rem;overflow:hidden;padding:.25rem .25rem .25rem 0;text-align:left;white-space:nowrap}.inkoopvoorstellen .data-table td:nth-child(3){max-width:50px!important;min-width:50px!important;overflow:hidden;padding:.5rem 0 .5rem .3rem!important;text-align:left;width:50px!important}.inkoopvoorstellen .data-table td:first-child{min-width:120px;padding-left:.3rem;padding-right:0;width:120px}.inkoopvoorstellen .data-table td:nth-child(2){text-align:left!important}.inkoopvoorstellen .data-table td:nth-child(2),.inkoopvoorstellen .data-table td:nth-child(4){max-width:80px!important;min-width:80px!important;overflow:hidden;padding:.5rem 0 .5rem .3rem!important;white-space:nowrap;width:80px!important}.inkoopvoorstellen .data-table td:nth-child(4){text-align:left}.inkoopvoorstellen .data-table td:nth-child(5){min-width:224px;overflow:hidden;padding-left:0;text-align:left;white-space:nowrap;width:224px}.inkoopvoorstellen .data-table td:nth-child(6){min-width:96px;overflow:hidden;padding-left:0;text-align:right;white-space:nowrap;width:96px}.inkoopvoorstellen .data-table td:nth-child(7){min-width:350px;overflow:visible;padding-left:0;padding-right:.7rem;text-align:center;white-space:nowrap!important;width:350px}.inkoopvoorstellen .data-table td:nth-child(8){background:#fff;min-width:200px;position:-webkit-sticky;position:sticky;right:0;width:200px;z-index:9}.inkoopvoorstellen .data-table td:nth-child(8) .action-buttons{position:relative}.inkoopvoorstellen .data-table td:nth-child(8) .btn-icon.btn-danger{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.inkoopvoorstellen .data-table tbody tr:hover,.inkoopvoorstellen .data-table tbody tr:hover td:nth-child(8){background:#f8f9fa}.status-badge{max-width:100%;overflow:visible;white-space:nowrap}.status-open{background:#fff3cd;color:#856404}.status-bevestigd{background:#cfe2ff;color:#084298}.status-geannuleerd{background:#f8d7da;color:#842029}.regel-row{grid-template-columns:minmax(120px,1.5fr) minmax(150px,2fr) minmax(80px,1fr) minmax(100px,1fr) minmax(140px,1.2fr) minmax(100px,1fr) 50px}@media (max-width:1200px){.regel-row{font-size:.85rem;gap:.5rem;grid-template-columns:minmax(100px,1fr) minmax(120px,1.5fr) minmax(70px,.8fr) minmax(90px,.9fr) minmax(120px,1fr) minmax(90px,.9fr) auto}.regel-row input,.regel-row select{font-size:.85rem;padding:.4rem}.detail-table{font-size:.85rem}.detail-table td,.detail-table th{padding:.5rem .4rem}}.page-header{align-items:flex-start;flex-shrink:0;margin-bottom:.5rem}.page-title{font-size:1.35rem;font-weight:700;margin:0 0 .2rem}.page-subtitle{color:#666;font-size:.8rem;margin:0}.header-actions{display:flex;gap:1rem}.tabs{border-bottom:2px solid #e0e0e0;flex-shrink:0;gap:.25rem;margin-bottom:.5rem}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.875rem;gap:.35rem;margin-bottom:-2px;padding:.4rem .75rem;transition:all .2s}.tab.active,.tab:hover{color:#3fdfcf}.tab.active{border-bottom-color:#3fdfcf;font-weight:600}.tab-badge{background:#3fdfcf;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .35rem}.proposals-container{display:flex;flex-direction:column;gap:.5rem}.view-inkooporders .page-header{margin-bottom:.25rem}.view-inkooporders .page-subtitle{display:none}.view-inkooporders .page-title{font-size:1.1rem;margin-bottom:0}.view-inkooporders .tabs{margin-bottom:.35rem}.view-inkooporders .inkoopvoorstellen-content{flex:0 0 auto;min-height:0;overflow:visible;padding-top:0}.view-inkooporders .inkooporders-tab{width:100%}.inkooporders-tab{gap:.35rem;margin-top:0;padding-top:0}.inkooporders-tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.inkooporders-tab .table-container{margin-top:0}.proposal-summary{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;display:flex;gap:1rem;padding:.4rem .75rem}.summary-item{align-items:center;display:flex;flex-direction:column}.summary-item strong{color:#3fdfcf;font-size:1.15rem}.summary-item span{color:#666;font-size:.75rem}.leverancier-group{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:.5rem .75rem}.leverancier-header{align-items:center;border-bottom:1px solid #3fdfcf;display:flex;justify-content:space-between;margin-bottom:.35rem;padding-bottom:.35rem}.leverancier-header h3{color:#333;font-size:1rem;margin:0}.leverancier-info{color:#666;display:flex;font-size:.75rem;gap:.75rem}.proposal-table{min-width:1400px;table-layout:auto}.proposal-table thead{background:#f8f9fa}.proposal-table{border-collapse:collapse;table-layout:fixed;width:100%}.proposal-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-size:.7rem;font-weight:600;overflow:hidden;padding:.25rem .3rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.proposal-table td{border-bottom:1px solid #e0e0e0;font-size:.72rem;overflow:hidden;padding:.18rem .3rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.proposal-table tbody tr:hover{background:#f0fffe}.status-badge.status-concept{background:#fff3cd;color:#856404}.status-badge.status-definitief{background:#d1e7dd;color:#0f5132}.status-badge.status-geconverteerd{background:#cfe2ff;color:#084298}.empty-state{font-size:.85rem;padding:1rem 1.5rem}.empty-state,.uitverkoop-summary{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014}.uitverkoop-summary{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.4rem .75rem}.uitverkoop-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;max-width:100%;overflow-x:auto;padding:.35rem .5rem;width:100%}.uitverkoop-table-container .proposal-table{font-size:.7rem;min-width:0;table-layout:fixed;width:100%}.uitverkoop-table-container .proposal-table td,.uitverkoop-table-container .proposal-table th{font-size:.7rem;overflow:hidden;padding:.2rem .3rem;text-overflow:ellipsis;white-space:nowrap}.uitverkoop-table-container .proposal-table td:first-child,.uitverkoop-table-container .proposal-table th:first-child{max-width:140px;min-width:0;width:12%}.uitverkoop-table-container .proposal-table td:nth-child(2),.uitverkoop-table-container .proposal-table th:nth-child(2){max-width:70px;min-width:0;width:6%}.uitverkoop-table-container .proposal-table td:nth-child(3),.uitverkoop-table-container .proposal-table th:nth-child(3){max-width:95px;min-width:0;width:10%}.uitverkoop-table-container .proposal-table td:nth-child(4),.uitverkoop-table-container .proposal-table td:nth-child(5),.uitverkoop-table-container .proposal-table td:nth-child(6),.uitverkoop-table-container .proposal-table th:nth-child(4),.uitverkoop-table-container .proposal-table th:nth-child(5),.uitverkoop-table-container .proposal-table th:nth-child(6){max-width:48px;min-width:0;text-align:right;width:5%}.uitverkoop-table-container .proposal-table td:nth-child(7),.uitverkoop-table-container .proposal-table th:nth-child(7){font-weight:600;max-width:42px;min-width:0;text-align:right;width:4%}.uitverkoop-table-container .proposal-table td:nth-child(8),.uitverkoop-table-container .proposal-table th:nth-child(8){max-width:48px;min-width:0;text-align:right;width:5%}.uitverkoop-table-container .proposal-table td:nth-child(10),.uitverkoop-table-container .proposal-table td:nth-child(9),.uitverkoop-table-container .proposal-table th:nth-child(10),.uitverkoop-table-container .proposal-table th:nth-child(9){max-width:52px;min-width:0;text-align:right;width:5%}.uitverkoop-table-container .proposal-table td:nth-child(11),.uitverkoop-table-container .proposal-table th:nth-child(11){max-width:58px;min-width:0;text-align:right;width:5%}.uitverkoop-table-container .proposal-table td:nth-child(12),.uitverkoop-table-container .proposal-table th:nth-child(12){max-width:78px;min-width:0;width:7%}.uitverkoop-table-container .proposal-table td:nth-child(13),.uitverkoop-table-container .proposal-table th:nth-child(13){max-width:85px;min-width:0;width:8%}.uitverkoop-table-container .proposal-table td:nth-child(14),.uitverkoop-table-container .proposal-table th:nth-child(14){max-width:120px;min-width:0;width:14%}.uitverkoop-table-container .proposal-table td:first-child{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uitverkoop-table-container .proposal-table .status-badge{font-size:.65rem;padding:.15rem .35rem}.uitverkoop-table-container .proposal-table tbody tr{line-height:1.25}.uitverkoop-table-container .proposal-table td:nth-child(13){line-height:1.2;white-space:normal}.uitverkoop-table-container .proposal-table td:nth-child(13) div{font-size:.7rem}.uitverkoop-table-container .uitverkoop-sortable-table .uitverkoop-th-sortable{overflow:hidden;padding-right:1.25rem;text-overflow:ellipsis;white-space:nowrap}.uitverkoop-table-container .uitverkoop-sortable-table .uitverkoop-th-sortable:hover{background:#e8f8f6}.uitverkoop-table-container .uitverkoop-sortable-table .uitverkoop-sort-icon{color:#3fdfcf;font-size:.65rem;margin-left:.15rem}.uitverkoop-table-container .uitverkoop-resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;width:6px}.uitverkoop-table-container .uitverkoop-resize-handle:hover{background:#3fdfcf40}.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:first-child,.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(10),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(11),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(12),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(13),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(14),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(2),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(3),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(4),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(5),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(6),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(7),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(8),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table td:nth-child(9),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:first-child,.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(10),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(11),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(12),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(13),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(14),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(2),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(3),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(4),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(5),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(6),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(7),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(8),.uitverkoop-table-container .proposal-table.uitverkoop-sortable-table th:nth-child(9){max-width:none;min-width:0;width:auto}.form-group{margin-bottom:1rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group textarea:focus{border-color:#3fdfcf;outline:none}.form-group small{color:#666;font-size:.85rem}.form-actions{margin-top:1.5rem;padding-top:1.5rem}@media (max-width:1200px){.proposal-table{font-size:.9rem}.proposal-table td,.proposal-table th{padding:.75rem .5rem}}.inkooporders-mobile-list,.proposal-mobile-list,.uitverkoop-mobile-list{display:none}.mobile-data-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:.8rem;padding:.9rem}.mobile-data-card-warning{background:#ffc10714;border:1px solid #ffc107b3}.mobile-data-card-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.mobile-data-card-top h4{color:#222;font-size:1rem;margin:0 0 .2rem}.mobile-data-card-top p{color:#666;font-size:.85rem;margin:0}.mobile-data-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-data-grid div{min-width:0}.mobile-data-grid span{color:#666;display:block;font-size:.78rem;margin-bottom:.15rem}.mobile-data-grid strong{color:#222;display:block;font-size:.95rem}.mobile-card-note{color:#666;font-size:.82rem;line-height:1.4}.mobile-uitverkoop-compact .mobile-data-card-top{margin-bottom:.5rem}.mobile-uitverkoop-compact .mobile-card-note,.mobile-uitverkoop-compact .mobile-data-grid{margin-bottom:.6rem}.mobile-uitverkoop-grid-compact{grid-gap:.5rem .5rem;display:grid;gap:.5rem .5rem;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.mobile-uitverkoop-grid-compact .mobile-uitverkoop-bestelmoment-cell{border-top:1px solid #eee;grid-column:1/-1;margin-top:.15rem;padding-top:.35rem}.mobile-uitverkoop-grid-compact div{align-items:center;display:flex;flex-direction:column;gap:.15rem;min-width:0}.mobile-uitverkoop-grid-compact span{color:#666;font-size:.7rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-uitverkoop-grid-compact strong{color:#222;font-size:1rem}.uitverkoop-mobile-sort-bar{display:none}.uitverkoop-mobile-sort-bar label.uitverkoop-mobile-sort-label{align-self:center;color:#555;flex:0 0 auto;font-size:.75rem;font-weight:600;margin:0}.uitverkoop-mobile-sort-bar select{background:#fff;border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:.85rem;min-width:0;padding:.45rem .5rem}.uitverkoop-mobile-sort-bar select:disabled{opacity:.55}.mobile-uitverkoop-actions{flex-wrap:nowrap;gap:.4rem}.mobile-uitverkoop-actions .btn-sm{flex:1 1;font-size:.8rem;min-width:0;padding:.4rem .5rem}.mobile-data-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}.mobile-action-buttons,.mobile-icon-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.mobile-inline-field{align-items:center;display:flex;gap:.5rem}.mobile-inline-field span{color:#666;font-size:.8rem}.mobile-inline-field input,.mobile-inline-field select{border:1px solid #dcdcdc;border-radius:8px;flex:1 1;font:inherit;min-width:0;padding:.55rem .65rem}.mobile-inline-field-block{align-items:stretch;flex-direction:column}.mobile-pill-value{background:#f5f7f8;border-radius:999px;color:#333;font-size:.88rem;padding:.45rem .7rem}.mobile-add-product-card h4{font-size:1rem;margin:0}.btn-link-inline{background:none;border:none;color:#0366d6;cursor:pointer;font:inherit;font-weight:600;padding:0;text-decoration:underline}.btn-link-inline:hover{color:#024c9b}@media (max-width:900px){.inkoopvoorstellen{max-width:100%}.page-header{align-items:stretch;flex-direction:column;gap:.75rem}.header-actions{width:100%}.header-actions .btn{justify-content:center;width:100%}.tabs{border-bottom:none;flex-wrap:wrap;gap:.5rem}.tab{background:#fff;border:1px solid #d9e2e5;border-radius:999px;margin-bottom:0;padding:.55rem .85rem}.tab.active{background:#f0fffe;border-color:#3fdfcf}.proposal-summary,.uitverkoop-summary{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item{align-items:flex-start;text-align:left}.inkooporders-tab-header,.leverancier-header{align-items:stretch;flex-direction:column;gap:.75rem}.inkooporders-tab-header .btn,.leverancier-header>div:last-child{width:100%}.leverancier-header>div:last-child{display:flex;flex-wrap:wrap}.leverancier-info{flex-wrap:wrap}.nieuw-voorstel-controls{flex-direction:column}.nieuw-voorstel-controls .btn,.nieuw-voorstel-controls select{min-width:0!important;width:100%}.leverancier-select-row{align-items:stretch!important;flex-direction:column;gap:.5rem}.leverancier-select-row .btn{justify-content:center;width:100%}}@media (max-width:768px){.inkooporders-desktop-table,.proposal-desktop-table,.uitverkoop-desktop-table{display:none}.inkooporders-mobile-list,.proposal-mobile-list,.uitverkoop-mobile-list{display:flex;flex-direction:column;gap:.75rem}.mobile-data-grid:not(.mobile-uitverkoop-grid-compact),.proposal-summary,.uitverkoop-summary{grid-template-columns:1fr}.uitverkoop-mobile-sort-bar{align-items:stretch;background:#f8fffe;border:1px solid #3fdfcf59;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.65rem .75rem}.mobile-data-card-actions,.mobile-inline-field,.mobile-inline-field input,.mobile-inline-field select{width:100%}.mobile-action-buttons{justify-content:flex-start;width:100%}.mobile-icon-actions{margin-left:auto}.proposal-grand-total-cbm{text-align:left!important}.empty-state{padding:1rem}}.order-detail-mobile-list{display:none}@media (max-width:900px){.detail-actions,.detail-actions-top,.form-actions{align-items:stretch;flex-direction:column}.detail-actions .btn,.detail-actions-top .btn,.form-actions .btn{justify-content:center;width:100%}.status-change-container{align-items:stretch;flex-direction:column}.status-select-prominent{min-width:0;width:100%}.detail-levertijden-grid,.levertijden-inline-fields{align-items:stretch!important;flex-direction:column}.detail-levertijden-grid .form-group,.levertijden-inline-fields .form-group{width:100%}.inkooporder-create-row{grid-template-columns:1fr!important}.inkooporder-create-row>*{width:100%}.inkooporder-create-row .btn-icon{justify-self:flex-end}.order-regels{padding:1rem}.regels-header{align-items:stretch;flex-direction:column;gap:.75rem}.regels-header .btn{justify-content:center;width:100%}}@media (max-width:768px){.order-detail-desktop-table{display:none}.order-detail-mobile-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.detail-section p{word-break:break-word}.order-regels,.regel-row,.status-change-container{padding:.85rem}}.inkooporders{margin:0 auto;max-width:1400px;padding:0}.inkooporders .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.inkooporders .table-container{margin-bottom:1rem}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.inkooporders .data-table{border-collapse:collapse;min-width:1200px;table-layout:auto;width:100%}.inkooporders .data-table thead{background:#f8f9fa}.inkooporders .data-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.inkooporders .data-table th:first-child{min-width:150px;padding-right:0}.inkooporders .data-table th:nth-child(2){min-width:50px;padding-left:0;padding-right:0;width:50px}.inkooporders .data-table th:nth-child(3){min-width:120px;padding-left:.5rem}.inkooporders .data-table th:nth-child(4){min-width:100px}.inkooporders .data-table th:nth-child(5){min-width:150px}.inkooporders .data-table th:nth-child(6){min-width:180px}.inkooporders .data-table th:nth-child(7){min-width:100px}.inkooporders .data-table th:nth-child(8){min-width:120px}.inkooporders .data-table th:nth-child(9){background:#f8f9fa;min-width:200px;position:-webkit-sticky;position:sticky;right:0;z-index:10}.inkooporders .data-table td:first-child{padding-right:0}.inkooporders .data-table td:nth-child(2){padding-left:0;padding-right:.25rem;text-align:center;width:50px}.inkooporders .data-table td:nth-child(3){padding-left:.5rem}.inkooporders .data-table td:nth-child(9){background:#fff;position:-webkit-sticky;position:sticky;right:0;z-index:9}.inkooporders .data-table tbody tr:hover td:nth-child(9){background:#f8f9fa}.inkooporders .data-table td{border-bottom:1px solid #e0e0e0;padding:1rem;white-space:nowrap}.inkooporders .data-table tbody tr:hover{background:#f8f9fa}.status-badge{border-radius:20px;font-weight:600}.status-concept{background:#e8f7ff;color:#0366d6}.status-in-productie{background:#fff3e0;color:#e65100}.status-onderweg{background:#e0f2ff;color:#01579b}.status-geleverd{background:#d1e7dd;color:#0f5132}.delivered-row{background:#f3fff7}.delivered-row:hover{background:#e8ffef}.status-select{background:#fff;border:1px solid #d0d7de;border-radius:6px;font-size:.9rem;padding:.35rem .5rem}.status-change-container{align-items:center;background:linear-gradient(135deg,#f0fffe,#e8f7ff);border:2px solid #3fdfcf;border-radius:8px;box-shadow:0 2px 8px #3fdfcf26;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.status-change-label{color:#0366d6;font-size:1rem;font-weight:700;margin:0}.status-select-prominent{background:#fff;border:2px solid #3fdfcf;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:.6rem 1rem;transition:all .2s ease}.status-select-prominent:hover{border-color:#2fb8a8;box-shadow:0 2px 6px #3fdfcf33}.status-select-prominent:focus{border-color:#3fdfcf;box-shadow:0 0 0 3px #3fdfcf33;outline:none}.action-buttons{align-items:center;flex-wrap:nowrap;justify-content:flex-start;min-width:-webkit-fit-content;min-width:fit-content}.btn-icon{align-items:center;color:#3fdfcf;display:inline-flex;justify-content:center;min-height:32px;min-width:32px;transition:color .2s}.btn-icon:hover{color:#2fb8a8}.btn-icon.btn-success{color:#28a745}.btn-icon.btn-success:hover{color:#218838}.btn-icon.btn-danger{color:#ff6b6b!important;display:inline-flex!important;opacity:1!important;visibility:visible!important}.btn-icon.btn-danger:hover{color:#ee5a5a!important;opacity:.8!important}.btn-icon.btn-danger:active{color:#c55!important}.empty-state{color:#999}.form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3fdfcf;outline:none}.order-regels{background:#f8f9fa;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.regels-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.regels-header h3{font-size:1.1rem;margin:0}.regel-row{grid-gap:.75rem;align-items:start;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:grid;gap:.75rem;grid-template-columns:minmax(150px,2fr) minmax(80px,1fr) minmax(100px,1fr) minmax(140px,1.2fr) minmax(100px,1fr) 50px;margin-bottom:.75rem;padding:.75rem}.regel-row input,.regel-row select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.5rem;width:100%}.regel-row>div{display:flex;flex-direction:column;gap:.25rem}.regel-row>div input{width:100%}.regel-row .regel-totaal{align-items:center;color:#3fdfcf;display:flex;font-size:.95rem;font-weight:600;justify-content:flex-end;padding:.5rem}.regel-row button:last-child{align-self:center;flex-shrink:0;grid-column:-1;justify-self:center}.regel-totaal{color:#3fdfcf;font-weight:600}.order-totaal{border-top:2px solid #ddd;font-size:1.2rem;margin-top:1rem;padding-top:1rem;text-align:right}.form-actions{border-top:1px solid #e0e0e0;padding-top:1rem}.order-detail{display:flex;flex-direction:column;gap:1.5rem}.detail-section h3{color:#333;margin-bottom:1rem}.detail-section p{margin-bottom:.5rem}.detail-table{border-collapse:collapse;font-size:.9rem;margin-top:1rem;width:100%}.detail-table td,.detail-table th{border-bottom:1px solid #e0e0e0;padding:.6rem .5rem;text-align:left;white-space:nowrap}.detail-table th{background:#f8f9fa;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.detail-table td{vertical-align:middle}.detail-table td:nth-child(3),.detail-table td:nth-child(4),.detail-table td:nth-child(5),.detail-table td:nth-child(6),.detail-table td:nth-child(7),.detail-table th:nth-child(3),.detail-table th:nth-child(4),.detail-table th:nth-child(5),.detail-table th:nth-child(6),.detail-table th:nth-child(7){text-align:right}.detail-table thead{background:#f8f9fa}.detail-table tfoot{background:#f8f9fa;font-weight:600}.detail-table tfoot td{padding-bottom:.75rem;padding-top:.75rem}.detail-section{width:100%}.detail-actions{display:flex;gap:1rem;margin-top:1rem}.btn-sm{font-size:.9rem;padding:.5rem 1rem}@media (max-width:1200px){.regel-row{font-size:.85rem;gap:.5rem;grid-template-columns:minmax(120px,1.5fr) minmax(70px,.8fr) minmax(90px,.9fr) minmax(120px,1fr) minmax(90px,.9fr) auto}.regel-row input,.regel-row select{font-size:.85rem;padding:.4rem}.detail-table{font-size:.85rem}.detail-table td,.detail-table th{padding:.5rem .4rem}}@media (max-width:768px){.regel-row{gap:.75rem;grid-template-columns:1fr}.regel-row>div{width:100%}.detail-table{display:block;overflow-x:auto;white-space:nowrap}}.barcode-scanner-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.barcode-scanner{background:#fff;border-radius:12px;max-width:100%;padding:1rem;width:400px}.barcode-scanner h3{font-size:1.25rem;margin:0 0 1rem;text-align:center}.barcode-scanner-video{background:#000;border-radius:8px;min-height:200px;overflow:hidden}.barcode-scanner-video video{display:block;height:auto;width:100%}.barcode-scanner-error,.barcode-scanner-status{font-size:.9rem;margin:.75rem 0;text-align:center}.barcode-scanner-error{color:#c00}.barcode-scanner-status{color:#666}.barcode-scanner-close{background:#3fdfcf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;width:100%}.magazijn{margin:0 auto;max-width:600px;min-height:100%;padding:1rem}.magazijn-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.magazijn-header-content{flex:1 1;min-width:0}.magazijn-header h1{color:#333;font-size:1.75rem;margin:0 0 .25rem}.magazijn-subtitle{color:#666;font-size:.95rem;margin:0}.magazijn-import-btn-desktop{flex-shrink:0}@media (max-width:768px){.magazijn-import-btn-desktop{display:none}.magazijn-header{justify-content:center}.magazijn-header-content{text-align:center}}.magazijn-search-row{align-items:stretch;display:flex;gap:.5rem;margin-bottom:1rem}.magazijn-search{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex:1 1;min-height:52px;padding:0 1rem;position:relative;transition:border-color .2s,box-shadow .2s}.magazijn-search:focus-within{border-color:#3fdfcf;box-shadow:0 0 0 3px #3fdfcf33}.magazijn-search-icon{color:#999;flex-shrink:0;font-size:1.4rem;margin-right:.75rem}.magazijn-search-input{border:none;flex:1 1;font-size:1.1rem;min-width:0;outline:none;padding:.75rem 0}.magazijn-search-input::placeholder{color:#999}.magazijn-scan-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#3fdfcf;cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;transition:border-color .2s,background .2s;width:52px}.magazijn-scan-btn:active,.magazijn-scan-btn:hover{background:#f0fffe;border-color:#3fdfcf}.magazijn-import-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem}.magazijn-import-btn:hover{background:#eee}.magazijn-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.magazijn-tab-btn{background:#f7f9fb;border:2px solid #dfe4ea;border-radius:999px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.85rem 1rem;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.magazijn-tab-badge{align-items:center;background:#e53935;border-radius:999px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-flex;font-size:.72rem;font-weight:700;height:1.35rem;justify-content:center;line-height:1;min-width:1.35rem;padding:0 .35rem}.magazijn-tab-btn.active{background:#3fdfcf;border-color:#3fdfcf;box-shadow:0 6px 14px #3fdfcf40;color:#0b3b35}.magazijn-tab-btn:active{transform:translateY(1px)}@media (max-width:480px){.magazijn-tab-btn{font-size:.98rem;padding:.9rem .75rem}}.magazijn-import-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.magazijn-picklijst-section{background:#f8faf9;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:2rem;padding:1.25rem}.magazijn-section-title{color:#333;font-size:1.2rem;margin:0 0 .5rem}.magazijn-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.magazijn-title-actions{align-items:center;display:flex;gap:.5rem;margin-left:auto}.mag-hero-scan{border-radius:12px;border-width:2px;height:48px;width:68px}.magazijn-section-count{color:#666;font-size:.95rem;font-weight:400}.magazijn-section-desc{color:#666;font-size:.95rem;margin:0 0 1rem}.picklijst-orders{list-style:none;margin:0 0 1rem;padding:0}.picklijst-order-row{align-items:center;border-bottom:1px solid #eee;display:flex;gap:.75rem;padding:.6rem 0}.picklijst-order-row:last-child{border-bottom:none}.picklijst-order-row input[type=checkbox]{cursor:pointer;height:20px;width:20px}.picklijst-order-row label{cursor:pointer;flex:1 1;font-size:.95rem}.picklijst-order-regels{color:#666;font-weight:400}.picklijst-order-datetime{font-feature-settings:"tnum";color:#6b7280;font-variant-numeric:tabular-nums;font-weight:400;white-space:nowrap}.picklijst-order-shopify-badge{background:#96bf48;border-radius:3px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-left:.25rem;padding:.1rem .35rem;vertical-align:middle}.picklijst-orders-section-heading{border-top:2px solid #e0e0e0;list-style:none;margin-top:.5rem;padding:.6rem 0 .25rem}.picklijst-orders-section-heading-text{color:#b33;font-size:.9rem;font-weight:700}.picklijst-order-row-geen-voorraad{background:#fef8f8;opacity:.9}.picklijst-maak-btn{align-items:center;background:#3fdfcf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem}.picklijst-maak-btn:disabled{cursor:not-allowed;opacity:.5}.picklijst-maak-btn:not(:disabled):hover{background:#35c9bb}.picklijst-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1rem}.picklijst-header{align-items:stretch;border-bottom:1px solid #eee;color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.picklijst-header-top{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;width:100%}.picklijst-header-meta{flex:1 1;line-height:1.35;min-width:0}.picklijst-header-advies{color:#2c3e50;flex-shrink:0;font-size:.85rem;font-weight:600;line-height:1.35;max-width:48%;text-align:right}.picklijst-header-advies--placeholder{color:#888;font-size:.8rem;font-weight:500}.picklijst-done-btn{align-items:center;background:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.5rem 1rem}.picklijst-done-btn:hover{background:#27ae60}.picklijst-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.picklijst-pakbon-btn{align-items:center;background:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.5rem 1rem}.picklijst-pakbon-btn:hover{background:#0f766e}.picklijst-pakbon-btn-inline{font-size:.85rem;padding:.4rem .75rem}.picklijst-order-card-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.picklijst-order-card-pakbon-row{align-items:center;display:inline-flex;gap:.35rem}.picklijst-order-card-pakbon-row .picklijst-order-shopify-badge{margin-left:0}.picklijst-verzend-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1rem}.picklijst-verzend-btn:hover{background:#2980b9}.picklijst-item-done{background:#e8f8f5}.picklijst-scan-progress{font-weight:600;min-width:4rem}.picklijst-items{list-style:none;margin:0;padding:0}.labels-stepper{align-items:center;display:flex;gap:.5rem}.labels-stepper-btn{align-items:center;background:#f0f0f0;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;padding:0;transition:background .2s,border-color .2s;width:44px}.labels-stepper-btn:hover{background:#e8e8e8;border-color:#3fdfcf;color:#3fdfcf}.labels-stepper-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:1rem;min-width:0;padding:.5rem;text-align:center}.picklijst-item{grid-gap:.75rem;align-items:start;border-bottom:1px solid #f0f0f0;display:grid;font-size:.95rem;gap:.75rem;grid-template-columns:2rem 5rem 1fr auto auto auto;padding:.6rem 0}.picklijst-item:last-child{border-bottom:none}.picklijst-num{color:#3fdfcf;font-weight:700}.picklijst-locatie{color:#333;font-weight:600}.picklijst-locatie-cell{align-items:center;display:flex;gap:.25rem;min-width:0}.picklijst-locatie-label{color:#666;flex-shrink:0;font-weight:600}.picklijst-locatie-value{background:none;border:none;color:#333;cursor:default;font-weight:600;font:inherit;margin:0;min-width:0;padding:0;text-align:left}.picklijst-locatie-value-clickable{cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px}.picklijst-locatie-value-clickable:hover{color:#0a7c6e}.picklijst-locatie-modal-body{padding:.5rem 0}.picklijst-locatie-modal-product{color:#333;font-size:1rem;margin:0 0 1.25rem}.picklijst-locatie-modal-sku{color:#666;font-size:.9rem;font-weight:400}.picklijst-locatie-modal-input{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:1.1rem;margin-top:.35rem;padding:.75rem 1rem;width:100%}.picklijst-locatie-modal-input:focus{border-color:#3fdfcf;box-shadow:0 0 0 3px #3fdfcf33;outline:none}.picklijst-naam-block{display:flex;flex-direction:column;gap:.15rem}.picklijst-naam{font-weight:500}.picklijst-ean{color:#555;font-family:monospace;font-size:.85rem}.picklijst-totaal-voorraad{color:#0a7c42;font-size:.95rem;font-weight:600;margin-top:.2rem}.picklijst-totaal-voorraad strong{color:#066b34;font-size:1.05rem}.picklijst-totaal-voorraad--negatief{color:#92400e}.picklijst-totaal-voorraad--negatief strong{color:#78350f}.picklijst-backorder-hint{color:#b45309;font-size:.85rem;font-weight:500}.picklijst-item-woo-backorder{background:#fffbeb}.picklijst-meta{color:#666;font-size:.85rem}.picklijst-product-options{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.picklijst-option{background:#f5f5f5;border-radius:4px;color:#555;font-size:.8rem;padding:.15rem .4rem}.picklijst-voorraad{color:#0a7c42;font-weight:500}.picklijst-section-heading{border-top:2px solid #e0e0e0;grid-column:1/-1;list-style:none;margin-top:.5rem;padding:.6rem 0 .25rem}.picklijst-section-heading-text{color:#b33;font-size:.9rem;font-weight:700}.picklijst-item-geen-voorraad{background:#fef8f8;opacity:.85}.picklijst-aantal{color:#3fdfcf;font-weight:600}.picklijst-handmatig-btn{background:#0000;border:1px solid #e74c3c;border-radius:6px;color:#c0392b;cursor:pointer;font-size:.75rem;font-weight:500;padding:.35rem .6rem;white-space:nowrap}.picklijst-handmatig-btn:hover{background:#fdf2f2;border-color:#c0392b}@media (max-width:600px){.picklijst-item{gap:.35rem .5rem;grid-template-columns:2rem minmax(0,1fr) auto;grid-template-rows:auto auto auto auto}.picklijst-num{align-self:start;grid-row:1/-1;padding-top:.15rem}.picklijst-locatie,.picklijst-locatie-cell{grid-column:2;grid-row:1}.picklijst-naam-block{grid-column:2;grid-row:2;min-width:0}.picklijst-ean{font-size:.8rem}.picklijst-aantal{align-self:start;grid-column:3;grid-row:1/span 2;padding-top:.15rem}.picklijst-meta{display:none}.picklijst-handmatig-btn{font-size:.8rem;grid-column:2/-1;grid-row:3;justify-self:start;padding:.5rem .75rem}}.magazijn-loading{color:#666;padding:1rem;text-align:center}.magazijn-results{list-style:none;margin:0;padding:0}.magazijn-result-item{background:#fff;border:1px solid #e8e8e8;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:.5rem;min-height:64px;padding:1rem 1.25rem;transition:background .2s,border-color .2s}.magazijn-result-item:active{background:#f5f5f5}@media (hover:hover){.magazijn-result-item:hover{background:#f8fffe;border-color:#3fdfcf}}.magazijn-result-naam{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem}.magazijn-result-meta{color:#666;font-size:.85rem;margin-bottom:.25rem}.magazijn-result-meta span{margin-right:1rem}.magazijn-result-locatie{align-items:center;color:#3fdfcf;display:flex;font-size:.9rem;gap:.35rem}.magazijn-result-locatie svg{flex-shrink:0}.magazijn-empty{color:#999;font-size:1rem;padding:2rem 1rem;text-align:center}.magazijn-empty.magazijn-error{color:#c0392b}.magazijn-refresh-btn,.magazijn-refresh-link{background:none;border:none;color:#3fdfcf;cursor:pointer;font-size:inherit;padding:.1em .2em;text-decoration:underline}.magazijn-refresh-btn:hover,.magazijn-refresh-link:hover{color:#2db8aa}.magazijn-refresh-btn{font-size:.9rem;margin-bottom:.75rem;padding:.35rem .75rem;text-decoration:none}.magazijn-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.picklijst-orders-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.picklijst-mode-toggle{align-items:center;color:#555;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem}.picklijst-mode-toggle input{cursor:pointer;height:18px;width:18px}.picklijst-mode-toggle-hint{color:#94a3b8;font-size:.78rem;font-weight:400;margin-left:.15rem}.picklijst-samenvatting-alles{background:linear-gradient(180deg,#f0fdf9,#f8faf9);border:1px solid #c5ebe4;border-radius:10px;margin-bottom:1rem;padding:1rem 1rem .85rem}.picklijst-samenvatting-alles--alleen-bulk{margin-bottom:.5rem}.picklijst-samenvatting-titel{color:#0f172a;font-size:1rem;font-weight:700;margin:0 0 .35rem}.picklijst-samenvatting-uitleg{color:#475569;font-size:.88rem;line-height:1.45;margin:0 0 .75rem}.picklijst-samenvatting-lijst{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;max-height:min(50vh,28rem);overflow-y:auto;padding:0}.picklijst-samenvatting-regel{grid-gap:.45rem .6rem;align-items:start;background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:grid;font-size:.88rem;gap:.45rem .6rem;grid-template-columns:3.5rem minmax(0,1fr) minmax(0,7.5rem) 2.75rem;padding:.5rem .55rem}.picklijst-samenvatting-regel--geen-voorraad{background:#fff5f5;border-color:#fecaca}.picklijst-sam-loc{font-feature-settings:"tnum";color:#0d9488;font-variant-numeric:tabular-nums;font-weight:600}.picklijst-sam-naam{color:#1e293b;min-width:0;overflow-wrap:anywhere;word-break:break-word}.picklijst-sam-bundel{background:#e0f2fe;border-radius:4px;color:#0369a1;display:inline-block;font-size:.68rem;font-weight:600;margin-left:.35rem;padding:.08rem .35rem;vertical-align:middle}.picklijst-sam-sku{color:#64748b;font-size:.78rem;min-width:0;overflow-wrap:anywhere;word-break:break-all}.picklijst-sam-aantal{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.picklijst-samenvatting-bulk-actie{border-top:1px dashed #bae6d8;margin-top:.85rem;padding-top:.65rem}.picklijst-samenvatting-leeg{margin:0 0 1rem}@media (max-width:560px){.picklijst-samenvatting-regel{grid-template-areas:"loc qty" "naam naam" "sku sku";grid-template-columns:minmax(0,1fr) auto}.picklijst-sam-loc{grid-area:loc}.picklijst-sam-aantal{grid-area:qty;text-align:right}.picklijst-sam-naam{grid-area:naam}.picklijst-sam-sku{grid-area:sku}}.picklijst-orders-per-stuk{margin-bottom:0}.picklijst-order-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.picklijst-order-card:last-child{margin-bottom:0}.picklijst-order-card-info{flex:1 1;font-size:.95rem;min-width:0}.picklijst-start-btn{align-items:center;background:#3fdfcf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;white-space:nowrap}.picklijst-start-btn:hover{background:#35c9bb}@media (max-width:640px){.picklijst-order-card{align-items:stretch;flex-direction:column;gap:.75rem}.picklijst-order-card-info{padding-right:0}.picklijst-order-card-actions{align-items:flex-end;align-self:flex-end;flex-direction:column;gap:.5rem;max-width:100%;width:100%}.picklijst-order-card-pakbon-row{justify-content:flex-end}.picklijst-order-card-actions .picklijst-start-btn{max-width:100%;width:auto}}.magazijn-detail{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:1.25rem}.magazijn-back{background:none;border:none;color:#3fdfcf;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;min-height:44px;padding:.5rem 0}.magazijn-back:active{opacity:.8}.magazijn-detail-product h2{color:#333;font-size:1.25rem;margin:0 0 .5rem}.magazijn-detail-meta{color:#666;font-size:.9rem;margin-bottom:1.5rem}.magazijn-detail-meta span{margin-right:1rem}.magazijn-detail-voorraad{color:#1a7f37;font-weight:500}.magazijn-locatie-form label{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.magazijn-locatie-form label svg{color:#3fdfcf}.magazijn-locatie-input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1.15rem;margin-bottom:1rem;min-height:52px;padding:.875rem 1rem;transition:border-color .2s;width:100%}.magazijn-locatie-input:focus{border-color:#3fdfcf;outline:none}.magazijn-save-btn{align-items:center;background:#3fdfcf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:52px;padding:1rem 1.5rem;transition:background .2s,opacity .2s;width:100%}.magazijn-save-btn:disabled{cursor:not-allowed;opacity:.7}.magazijn-save-btn:not(:disabled):active{background:#35c9bb}@media (hover:hover){.magazijn-save-btn:not(:disabled):hover{background:#35c9bb}}.picklijst-item-bundel{background:#f6fbfc;border-left:3px solid #3fdfcf;padding-left:.5rem}.picklijst-bundel-badge{background:#3fdfcf;border-radius:4px;color:#fff;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.picklijst-bundel-x{color:#2fb8a8;font-weight:700;margin-left:.3rem}.picklijst-bundel-children{background:#fff;border:1px dashed #cfeeea;border-radius:6px;grid-column:1/-1;list-style:none;margin:.5rem 0 0;padding:.4rem .5rem}.picklijst-bundel-child{grid-gap:.6rem;align-items:center;border-bottom:1px solid #f0f7f6;display:grid;font-size:.92rem;gap:.6rem;grid-template-columns:5rem 1fr auto auto;padding:.45rem .4rem}.picklijst-bundel-child:last-child{border-bottom:none}.picklijst-bundel-child-done{background:#f0fbf7;color:#075a3a}.picklijst-bundel-child-geen-voorraad{background:#fef8f8}.picklijst-bundel-child-locatie{color:#333;font-weight:600;white-space:nowrap}.picklijst-bundel-child-naam{min-width:0}.picklijst-bundel-child-perparent{color:#2fb8a8;font-size:.85rem;font-weight:600}.picklijst-bundel-child-ean{color:#555;font-family:monospace;font-size:.8rem}.picklijst-bundel-child-voorraad{color:#555;font-size:.85rem}.picklijst-bundel-child-progress{color:#3fdfcf;font-weight:600;white-space:nowrap}.picklijst-handmatig-btn-small{font-size:.7rem;padding:.2rem .5rem}@media (max-width:600px){.picklijst-bundel-child{gap:.25rem .5rem;grid-template-columns:1fr auto;grid-template-rows:auto auto}.picklijst-bundel-child-locatie{grid-column:1/-1}.picklijst-bundel-child-naam{grid-column:1/2}.picklijst-bundel-child-progress{align-self:center;grid-column:2/3}}.magazijn-retouren{display:flex;flex-direction:column;gap:1rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.retouren-toolbar{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.retouren-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.retouren-verversen-met-badge{align-items:center;display:inline-flex;gap:.35rem}.retouren-toolbar-open-badge{flex-shrink:0}.retouren-filters select{border:1px solid #ddd;border-radius:6px;font-size:1rem;min-height:44px;padding:.5rem .65rem}.retouren-empty{background:#fafafa;border:1px dashed #ddd;border-radius:8px;color:#666;padding:2rem;text-align:center}.retouren-kaarten{margin-top:.25rem}.retour-order-card{overflow-x:hidden}.retour-order-card .picklijst-order-card-info{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.retour-card-meta{color:#555;font-size:.88rem;font-weight:500}.retour-card-klant{color:#333;font-size:.9rem;margin-top:.35rem;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.retour-card-email{color:#666;display:inline-block;font-size:.85rem;max-width:100%;overflow-wrap:anywhere;vertical-align:top;word-break:break-all}.retour-card-regel2{align-items:center;display:flex;flex-wrap:wrap;font-size:.86rem;gap:.35rem;margin-top:.4rem}.retour-card-datum{color:#666}.retour-order-card-actions{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-end}@media (max-width:640px){.retour-order-card .picklijst-order-card-actions.retour-order-card-actions{align-items:center;align-self:flex-end;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;max-width:100%;width:auto}.retour-order-card .picklijst-start-btn,.retour-order-card .retour-card-btn-details{flex:0 1 auto;min-width:0;white-space:nowrap}}.retour-order-card--afgerond{opacity:.92}.retour-order-card--afgerond .retour-order-card-actions{align-items:flex-start}.retouren-table-wrap{background:#fff;border:1px solid #eee;border-radius:8px;overflow-x:auto}.retouren-table{border-collapse:collapse;font-size:.92rem;width:100%}.retouren-table td,.retouren-table th{border-bottom:1px solid #f0f0f0;padding:.65rem .8rem;text-align:left}.retouren-table thead th{background:#f7f7f7;color:#444;font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.retouren-table tbody tr:hover{background:#fafafa}.retour-nummer{font-family:monospace;font-weight:600}.retour-klant-naam{font-weight:500}.retour-klant-email{color:#777;font-size:.82rem;overflow-wrap:anywhere;word-break:break-all}.retour-items-count{text-align:center}.retour-datum{color:#666;font-size:.85rem;white-space:nowrap}.retour-actions{text-align:right;white-space:nowrap}.btn-sm{font-size:.82rem;padding:.3rem .6rem}.retour-status-badge{background:#eee;border-radius:12px;color:#555;display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .55rem}.retour-status-badge.status-aangemeld{background:#fff5d6;color:#8a6500}.retour-status-badge.status-ontvangen{background:#e6f4ff;color:#0a5fa3}.retour-status-badge.status-terugbetaald{background:#e7f7e9;color:#1f7a2c}.retour-status-badge.status-geweigerd{background:#fde7e7;color:#a02323}.retour-modal-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto}.retour-modal-hint{background:#f5f7fa;border:1px solid #e8ebf0;border-radius:8px;color:#555;font-size:.86rem;line-height:1.45;margin:0;padding:.65rem .85rem}.retour-lookup-row{grid-gap:.75rem;align-items:end;display:grid;gap:.75rem;grid-template-columns:1fr 1.5fr auto}.retour-lookup-actions{align-items:flex-end;display:flex}.retour-lookup-btn{min-height:44px;padding-left:1.1rem;padding-right:1.1rem;width:100%}.retour-lookup-row .form-group input{font-size:1rem;min-height:44px}.retour-lookup-row .form-group{margin:0}.retour-lookup-row label{color:#555;display:block;font-size:.82rem;margin-bottom:.25rem}.retour-lookup-row input{border:1px solid #ddd;border-radius:6px;padding:.55rem .75rem;width:100%}.retour-error{background:#fde7e7;border-radius:6px;color:#a02323;font-size:.9rem;padding:.6rem .8rem}.retour-order-info{background:#fafafa;border:1px solid #eee;border-radius:8px;display:flex;flex-direction:column;gap:.8rem;padding:1rem}.retour-order-meta{display:flex;flex-direction:column;font-size:.92rem;gap:.25rem}.retour-order-betaling,.retour-order-datum,.retour-order-klant{color:#555;font-size:.85rem}.retour-items-table{background:#fff;border:1px solid #eee;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.retour-items-table td,.retour-items-table th{border-bottom:1px solid #f3f3f3;font-size:.9rem;padding:.5rem .7rem;text-align:left;vertical-align:middle}.retour-items-table thead th{background:#f7f7f7;color:#555;font-size:.8rem;font-weight:600;text-transform:uppercase}.retour-item-sku{color:#777;font-family:monospace;font-size:.82rem}.retour-item-aantal{text-align:center}.retour-item-input{align-items:center;display:flex;gap:.3rem;white-space:nowrap}.retour-aantal-input,.retour-item-input input{border:1px solid #ddd;border-radius:4px;font-size:1rem;min-height:44px;min-width:44px;padding:.3rem .35rem;text-align:center;width:56px}.retour-items-table-wrap{-webkit-overflow-scrolling:touch;border-radius:6px;margin:0 -.15rem;overflow-x:auto}.retour-totaal-row .retour-totaal-label{text-align:right;vertical-align:middle}.retour-totaal-bdr{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.retour-stepper-btn{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#444;cursor:pointer;display:inline-flex;height:44px;justify-content:center;min-height:44px;min-width:44px;width:44px}.retour-stepper-btn:hover:not(:disabled){background:#e8e8e8}.retour-stepper-btn:disabled{cursor:not-allowed;opacity:.4}.retour-form-fields{display:flex;flex-direction:column;gap:.7rem}.retour-form-fields .form-group{margin:0}.retour-form-fields label{color:#555;display:block;font-size:.82rem;margin-bottom:.25rem}.retour-form-fields select,.retour-form-fields textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.92rem;padding:.5rem .7rem;width:100%}.retour-detail-body{display:flex;flex-direction:column;gap:1rem}.retour-detail-meta{display:flex;flex-direction:column;font-size:.92rem;gap:.4rem}.retour-detail-actions{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;padding-bottom:max(.5rem,env(safe-area-inset-bottom));padding-top:.8rem}.retour-btn-details{min-height:44px;padding:.5rem 1rem}.retour-modal-footer{background:#fff;border-top:1px solid #e8e8e8;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.65rem;justify-content:stretch;margin-top:.5rem;padding:.9rem 0 max(.5rem,env(safe-area-inset-bottom))}.retour-modal-footer .btn{flex:1 1 auto;font-size:1rem;min-height:48px;min-width:42%}@media (max-width:720px){.retouren-toolbar{align-items:stretch;flex-direction:column}.retouren-toolbar .btn-primary{align-items:center;display:inline-flex;justify-content:center;min-height:48px;width:100%}.retouren-filters{width:100%}.retouren-filters select{flex:1 1 120px;min-width:0}.retouren-table-wrap{background:#0000;border:none}.retouren-table thead{display:none}.retouren-table tbody{display:flex;flex-direction:column;gap:.75rem}.retouren-table tr{background:#fff;border:1px solid #e9e9e9;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:block;padding:.75rem .9rem}.retouren-table td{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:row;flex-wrap:wrap;font-size:.95rem;gap:.35rem .5rem;justify-content:space-between;padding:.5rem 0}.retouren-table tr td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.6rem}.retouren-table td:before{color:#888;content:attr(data-label);font-size:.68rem;font-weight:700;letter-spacing:.04em;margin-bottom:.1rem;text-transform:uppercase;width:100%}.retouren-table .retour-actions,.retouren-table .retour-items-count{text-align:right}.retour-lookup-row{grid-template-columns:1fr}.retour-lookup-actions{display:block}.retour-lookup-btn{margin-top:.2rem}.retour-modal-hint{font-size:.8rem}}@media (max-width:640px){.retour-items-table-wrap{margin:0;overflow:visible}.retour-items-table--detail,.retour-items-table--nieuw{min-width:0}.retour-items-table--detail thead,.retour-items-table--nieuw thead{display:none}.retour-items-table--detail tbody,.retour-items-table--nieuw tbody{display:block}.retour-items-table--detail tr,.retour-items-table--nieuw tr{background:#fff;border:1px solid #ebebeb;border-radius:10px;display:block;margin-bottom:.65rem;padding:.6rem .75rem}.retour-items-table--detail td,.retour-items-table--nieuw td{border:none;display:block;padding:.35rem 0}.retour-items-table--detail td:before,.retour-items-table--nieuw td:before{color:#999;content:attr(data-label);display:block;font-size:.65rem;font-weight:700;letter-spacing:.04em;margin-bottom:.15rem;text-transform:uppercase}.retour-items-table--detail tfoot,.retour-items-table--nieuw tfoot{display:block}.retour-items-table--detail tfoot tr,.retour-items-table--nieuw tfoot tr{align-items:center;background:#f0f4f8;border:1px solid #e0e6ed;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.4rem;padding:.75rem .9rem}.retour-items-table--detail tfoot td,.retour-items-table--nieuw tfoot td{border:none;display:inline-block;padding:0;width:auto}.retour-items-table--nieuw tfoot .retour-totaal-label{flex:1 1 auto}.retour-items-table--nieuw tfoot .retour-totaal-bdr,.retour-items-table--nieuw tfoot .retour-totaal-label{text-align:left}.retour-items-table--nieuw tfoot .retour-totaal-bdr{font-size:1.1rem}.retour-item-input{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.retour-item-input:before{width:100%}}.retour-actions-btns{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.retour-btn-ontvangst{font-size:.88rem;min-height:40px}.retour-ontvangst-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto}.retour-ontvangst-instructie{color:#444;font-size:.88rem;line-height:1.45;margin:0}.retour-ontvangst-conditie{display:flex;flex-wrap:wrap;gap:.65rem}.retour-conditie-btn{align-items:center;background:#fafafa;border:2px solid #d8d8d8;border-radius:10px;color:#333;cursor:pointer;display:inline-flex;flex:1 1 140px;font-size:1rem;font-weight:600;gap:.4rem;justify-content:center;min-height:48px}.retour-conditie-btn.active{background:#e8f2fc;border-color:#0a5fa3;color:#0a3d6b}.retour-conditie-btn:disabled{cursor:not-allowed;opacity:.5}.retour-ontvangst-scanrow{align-items:stretch;display:flex;flex-wrap:wrap;gap:.5rem}.retour-ontvangst-input{border:1px solid #ccc;border-radius:8px;flex:1 1 160px;font-size:1rem;min-height:48px;min-width:0;padding:.55rem .75rem}.retour-ontvangst-cam{align-items:center;display:inline-flex;font-size:1.25rem;justify-content:center;min-height:48px;min-width:48px}.retour-ontvangst-feedback.ok{background:#e7f7e9;border-radius:8px;color:#1a5a22;font-size:.92rem;padding:.55rem .75rem}.retour-ontvangst-feedback.err{margin:0}.retour-ontvangst-regels{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.retour-ontvangst-regel{background:#fcfcfc;border:1px solid #e5e5e5;border-radius:10px;padding:.7rem .85rem}.retour-ontvangst-regel-top{align-items:baseline;display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:.35rem}.retour-ontvangst-waarschuwing{color:#b45f00;font-size:.8rem;font-weight:500}.retour-ontvangst-regel-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.82rem;gap:.5rem 1rem;margin:.3rem 0 .45rem}.retour-ontvangst-progress{background:#e8e8e8;border-radius:4px;height:6px;margin-bottom:.4rem;overflow:hidden}.retour-ontvangst-progress-bar{background:linear-gradient(90deg,#0a5fa3,#3a9fd9);border-radius:4px;height:100%;transition:width .25s ease}.retour-ontvangst-regel-stats{font-feature-settings:"tnum";color:#555;font-size:.84rem;font-variant-numeric:tabular-nums}.retour-ontvangst-vink{align-items:flex-start;background:#f3f6fa;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:.88rem;gap:.55rem;line-height:1.4;margin-top:.65rem;padding:.5rem .55rem;-webkit-user-select:none;user-select:none}.retour-ontvangst-vink input{accent-color:#0a5fa3;cursor:pointer;flex-shrink:0;margin-top:.1rem;min-height:20px;min-width:20px}.retour-ontvangst-vink.disabled,.retour-ontvangst-vink:has(input:disabled){cursor:not-allowed;opacity:.6}.retour-ontvangst-vink.loading{opacity:.65;pointer-events:none}.retour-ontvangst-footer-btns{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem}@media (max-width:720px){.retour-actions-btns{align-items:stretch;flex-direction:column}.retour-btn-details,.retour-btn-ontvangst{justify-content:center;width:100%}.retour-ontvangst-scanrow .btn-primary{flex:1 1 100%}}.retour-publiek-page{align-items:flex-start;background:linear-gradient(135deg,#1a5f7a,#159895);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1.5rem 1rem 2.5rem}html.inkoop-retour-embed,html.inkoop-retour-embed #root,html.inkoop-retour-embed body{background:#0000;height:auto;min-height:0}html.inkoop-retour-embed,html.inkoop-retour-embed body{overflow:hidden}html.inkoop-retour-embed #root{overflow:visible}.retour-publiek-page--embed{align-items:stretch;background:#f0f4f4;min-height:0;padding:.5rem .25rem 1rem}.retour-publiek-page--embed .retour-publiek-card{box-shadow:0 2px 12px #00000014}.retour-publiek-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f;max-width:720px;padding:1.5rem 1.25rem;width:100%}.retour-publiek-card--thx{text-align:center}.retour-publiek-thx-lead{color:#333;font-size:1.1rem;margin-top:.5rem}.retour-publiek-thx-addr{color:#1a1a1a;font-size:1rem;font-style:normal;line-height:1.5;margin:.5rem auto 0;max-width:18em;text-align:left}.retour-publiek-thx-rnummer{color:#333;font-size:.95rem;margin:1rem 0 .25rem}.retour-publiek-thx-opmerking{color:#374151;font-size:.92rem;line-height:1.55;margin:1rem auto 0;max-width:36rem;text-align:left}.retour-publiek-hint{color:#666;font-size:.95rem;line-height:1.45;margin:1rem 0 1.5rem}.retour-publiek-header h1{color:#1a1a1a;font-size:1.5rem;margin:0 0 .5rem}.retour-publiek-header p{color:#555;font-size:.95rem;line-height:1.4;margin:0 0 1rem}.retour-publiek-fout{background:#fee;border:1px solid #fcc;border-radius:8px;color:#b22;font-size:.95rem;margin-bottom:1rem;padding:.75rem 1rem}.retour-publiek-zoek{display:flex;flex-direction:column;gap:1rem}.retour-publiek-field input,.retour-publiek-field select,.retour-publiek-field textarea{background:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font:inherit;max-width:100%;padding:.65rem .75rem;width:100%}.retour-publiek-order-meta{color:#333;margin:0 0 .75rem}.retour-publiek-tabel{margin:0 -.5rem 1.25rem;overflow-x:auto;padding:0 .5rem}.retour-publiek-tabel table{border-collapse:collapse;font-size:.9rem;width:100%}.retour-publiek-tabel td,.retour-publiek-tabel th{border-bottom:1px solid #eee;padding:.5rem .35rem;text-align:left;vertical-align:middle}.retour-publiek-tabel th{color:#555;font-size:.8rem;font-weight:600;text-transform:none}.retour-publiek-sku{color:#888;font-size:.8rem;margin-top:.2rem}.retour-publiek-stepper{align-items:center;display:inline-flex;gap:.2rem}.retour-publiek-stepper button{align-items:center;background:#f8f8f8;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;width:2rem}.retour-publiek-stepper button:disabled{cursor:not-allowed;opacity:.35}.retour-publiek-stap-input{border:1px solid #ccc;border-radius:6px;font:inherit;padding:.3rem .2rem;text-align:center;width:2.25rem}.retour-publiek-som{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.retour-publiek-total-label{color:#333;text-align:right}.retour-publiek-form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.retour-publiek-ico{margin-left:.35rem;vertical-align:-.1em}.retour-publiek-actions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem auto 0;max-width:20rem}@media (min-width:500px){.retour-publiek-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none}}.migratie{margin:0 auto;max-width:1200px;padding:2rem}.migratie-info{margin-bottom:2rem}.info-box{background:#f8f9fa;border-left:4px solid #3fdfcf;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.warning-box{background:#fff3cd;border-left:4px solid #f44}.success-box{background:#d1e7dd;border-left:4px solid #28a745}.info-icon{color:#3fdfcf;flex-shrink:0;font-size:1.5rem}.info-box h3{color:#333;margin-top:0}.info-box ul{margin:1rem 0 0;padding-left:1.5rem}.info-box li{margin:.5rem 0}.results-section,.status-section,.upload-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.results-section h2,.status-section h2,.upload-section h2{border-bottom:2px solid #3fdfcf;color:#333;margin-top:0;padding-bottom:.5rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.status-card{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.status-label{color:#666;font-size:.9rem;margin-bottom:.5rem;text-transform:capitalize}.status-value{color:#3fdfcf;font-size:2rem;font-weight:700}.upload-box{margin-top:1rem}.file-label{align-items:center;background:#f8f9fa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:inline-block;display:flex;gap:.5rem;padding:1rem 2rem;transition:all .3s}.file-label:hover{background:#e9ecef;border-color:#3fdfcf}.upload-icon{color:#3fdfcf;font-size:1.5rem}.file-info{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem}.file-info p{color:#666;margin:.5rem 0}.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.result-card{background:#f8f9fa;border-left:4px solid #3fdfcf;border-radius:8px;padding:1.5rem}.result-card h3{color:#333;margin-top:0;text-transform:capitalize}.result-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#666}.stat-value{color:#333;font-weight:700}.stat-value.success{color:#28a745}.stat-value.error{color:#dc3545}.refresh-section{margin-top:2rem;text-align:center}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gebruikers{margin:0 auto;max-width:1400px;padding:2rem}.page-header{justify-content:space-between;margin-bottom:2rem}.page-header,.page-title{align-items:center;display:flex}.page-title{color:#333;font-size:2rem;gap:.5rem;margin:0}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa}.data-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #e0e0e0;padding:1rem}.data-table tbody tr:hover{background:#f8f9fa}.empty-state{color:#666;padding:3rem;text-align:center}.role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.role-badge.admin{background:#e3f2fd;color:#1976d2}.role-badge.user{background:#f5f5f5;color:#666}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#d1e7dd;color:#0f5132}.status-badge.inactive{background:#f8d7da;color:#842029}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s}.btn-icon:hover{background:#f0f0f0;color:#333}.btn-icon.btn-danger:hover{background:#fee;color:#c33}.user-form{gap:1.5rem;padding:1rem 0}.form-group,.user-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-weight:600}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus{border-color:#3fdfcf;outline:none}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{color:#333;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem}.modal-close:hover{color:#333}.App{min-height:100vh}
/*# sourceMappingURL=main.afe758a8.css.map*/