.app{--accent: #0078d4;--accent-hover: #106ebe;--accent-pressed: #005a9e;--ink: #242424;--ink-soft: #605e5c;--stroke: #d1d1d1;--stroke-strong: #8a8886;--surface: #ffffff;--surface-alt: #faf9f8;--err: #a4262c;--warn: #8a6d00;--ok: #0e700e;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:14px;line-height:1.4;color:var(--ink);max-width:1200px;margin:0 auto;padding:16px}.app h2{font-size:16px;font-weight:600;margin:0 0 12px}.app .card{background:var(--surface);border:1px solid var(--stroke);border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 2px #0000000f,0 0 1px #00000014}.app .row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.app .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.app label{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:4px}.radio-row{margin-top:8px}.radio-row label{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:400;color:var(--ink)}.radio-row input[type=radio]{width:auto;height:auto}.app input[type=text],.app input[type=number],.app input[type=date],.app input:not([type]),.app select{width:100%;box-sizing:border-box;height:32px;padding:6px 10px;border:1px solid var(--stroke-strong);border-radius:4px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);outline:none}.app input:focus,.app select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.app input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;vertical-align:middle}.app button{height:32px;padding:0 16px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.app button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.app button:active:not(:disabled){background:var(--accent-pressed);border-color:var(--accent-pressed)}.app button.secondary{background:var(--surface);color:var(--ink);border-color:var(--stroke-strong)}.app button.secondary:hover:not(:disabled){background:var(--surface-alt)}.app button:disabled{opacity:.5;cursor:not-allowed}.app table{width:100%;border-collapse:collapse;font-size:14px}.app th{text-align:left;padding:8px 10px;font-weight:600;color:var(--ink-soft);border-bottom:1px solid var(--stroke);white-space:nowrap}.app td{padding:10px;border-bottom:1px solid #f0f0f0;vertical-align:top}.app tbody tr:hover{background:var(--surface-alt)}.app th:nth-child(2),.app td:nth-child(2){width:100%}.app th:nth-child(1),.app td:nth-child(1),.app th:nth-child(3),.app td:nth-child(3),.app th:nth-child(4),.app td:nth-child(4),.app th:nth-child(5),.app td:nth-child(5),.app th:nth-child(6),.app td:nth-child(6){width:1%;white-space:nowrap}.app .startdatum{min-width:150px}.app table.org-gegevens th:nth-child(1),.app table.org-gegevens td:nth-child(1){width:100%;white-space:normal}.app table.org-gegevens th:nth-child(2),.app table.org-gegevens td:nth-child(2),.app table.org-gegevens th:nth-child(3),.app table.org-gegevens td:nth-child(3){width:320px;white-space:nowrap}.app table.org-gegevens th:nth-child(4),.app table.org-gegevens td:nth-child(4){width:180px;white-space:nowrap}.app table.org-gegevens td:nth-child(2) select,.app table.org-gegevens td:nth-child(2) input,.app table.org-gegevens td:nth-child(3) select,.app table.org-gegevens td:nth-child(3) input{min-width:300px}.app table.org-gegevens td:nth-child(4) input{min-width:160px}.app .tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#eef1f5;color:var(--ink-soft)}.app .tag.tag-err{background:#fde7e9;color:var(--err)}.app .row.org-filters{align-items:center;margin:8px 0}.app .row.org-filters.sectors{gap:8px}.app input.org-search{width:260px}.app .org-filters .inline,.app .chip{display:inline-flex;align-items:center;gap:4px;font-weight:400;color:var(--ink)}.app .org-filters .inline{font-size:13px}.app .chip{font-size:12px;padding:3px 8px;border:1px solid var(--stroke);border-radius:12px;background:var(--surface-alt);cursor:pointer}.app .issue{font-size:13px}.app .issue.error{color:var(--err)}.app .issue.warning{color:var(--warn)}.app .muted{color:var(--ink-soft);font-size:12px}.app .ok{color:var(--ok);font-weight:600}.app details.groups{margin:0 0 8px}.app details.groups summary{cursor:pointer}.app details.groups p{margin:6px 0 0}.app details.created-orders{margin:0 0 16px;padding:12px 16px;background:var(--surface-alt);border:1px solid #e6e6e6;border-radius:8px}.app details.created-orders summary{cursor:pointer;font-weight:600}.app details.created-orders .cart{margin-top:8px}.app details.created-orders p{margin:8px 0 0}.app .open-link{background:none;border:0;padding:0;font:inherit;color:var(--brand, #0067b8);text-decoration:underline;cursor:pointer;white-space:nowrap;align-self:center}.app .open-link:hover{background:none}.app .open-link.small{font-size:12px}.app .stepper{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 16px}.app .stepper .step{display:flex;align-items:center;gap:8px;flex:1;padding:10px 14px;border:1px solid var(--stroke);border-radius:8px;background:var(--surface);color:var(--ink-soft);font-weight:600;font-size:13px}.app .stepper .step.reachable{cursor:pointer}.app .stepper .step.active{border-color:var(--accent);color:var(--ink)}.app .stepper .step.done{color:var(--ink)}.app .stepper .step-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#eef1f5;color:var(--ink-soft);font-size:12px}.app .stepper .step.active .step-no{background:var(--accent);color:#fff}.app .stepper .step.done .step-no{background:var(--ok);color:#fff}.app .layout2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.app .cart-card{position:sticky;top:16px}@media (max-width: 900px){.app .layout2{grid-template-columns:1fr}}.app .cart{list-style:none;padding:0;margin:0}.app .cart-item{display:flex;gap:8px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f0f0}.app .cart-body{flex:1;min-width:0}.app .cart-name{font-weight:600}.app .cart-total{font-weight:600;margin:12px 0 0}.app .link-btn{background:none;border:0;color:var(--ink-soft);font-size:18px;line-height:1;padding:0 4px;cursor:pointer;height:auto}.app .link-btn:hover{color:var(--err);background:none}.app .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;margin-top:5px;display:inline-block}.app .dot-ok{background:var(--ok)}.app .dot-warn{background:#d39b00}.app .dot-err{background:var(--err)}.app .status{padding:10px 14px;border-radius:6px;font-weight:600;font-size:14px;margin:12px 0}.app .status-ok{background:#e6f4ea;color:var(--ok)}.app .status-err{background:#fde7e9;color:var(--err)}.app .row-disabled{opacity:.55}.app .row-disabled td{background:var(--surface-alt)}.app .review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}@media (max-width: 700px){.app .review{grid-template-columns:1fr}}.app .review h3{font-size:14px;margin:0 0 8px}.app .kv{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:14px}.app .kv dt{color:var(--ink-soft)}.app .kv dd{margin:0}.app .stepnav{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.app .stepnav .secondary{margin-right:auto}
