:root{--ink:#1c1c1a;--paper:#f7f5ef;--press:#0e7a82;--cyan:#1a8fa6;--magenta:#9c3b5c;--line:#d9d5c7;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,IBM Plex Sans,Segoe UI,system-ui,sans-serif}.wrap{max-width:640px;margin:0 auto;padding:32px 20px 64px}.wrap.wide{max-width:960px}h1{margin:0 0 4px;font-size:22px}h2{margin:24px 0 8px;font-size:17px}.sub{color:#6b6b62;margin:0 0 24px;font-size:14px}.card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;padding:20px}label{margin:14px 0 4px;font-size:13px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:14px}textarea{resize:vertical;min-height:70px}.row{gap:12px;display:flex}.row>*{flex:1}.check-row{align-items:center;gap:8px;margin:10px 0;display:flex}.check-row input{width:auto}.check-row label{margin:0;font-weight:400}.file-chosen{background:#f1efe6;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;font-size:13px;display:flex}.file-chosen span{overflow-wrap:anywhere;margin-right:10px}.file-chosen .linkbtn{flex-shrink:0}button,.btn{background:var(--press);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:18px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:default}button.secondary,.btn.secondary{color:var(--press);border:1px solid var(--press);background:0 0}button.danger{background:var(--danger)}.error{color:var(--danger);background:#fbe9e7;border:1px solid #f1c2bd;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.ok{color:#0f6b3a;background:#e6f4ed;border:1px solid #bfe3cd;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:#6b6b62;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.nieuw{color:#9a5b00;background:#fdecd2}.pill.verwerking{color:#1a5fa6;background:#dcebfb}.pill.afgewerkt{color:#0f6b3a;background:#e6f4ed}.topbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.topbar .brand{font-size:15px;font-weight:700}.linkbtn{color:var(--press);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:13px;text-decoration:underline}.linkbtn.danger{color:var(--danger);background:0 0}.linkbtn:disabled{opacity:.5;cursor:default}.muted{color:#8a8a80;font-size:13px}.nav-links{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.nav-links a,.nav-links button.linkbtn{font-size:13px}.order-list{flex-direction:column;display:flex}.order-row{border-bottom:1px solid var(--line);padding:16px 4px}.order-row:last-child{border-bottom:none}.order-top{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.order-meta{color:#8a8a80;font-size:12px}.order-meta .tickno{color:var(--ink);margin-right:10px;font-family:IBM Plex Mono,monospace;font-weight:700}.order-school{color:#6b6b62;margin-top:3px;font-size:13px}.order-school strong{color:var(--ink)}.order-title{margin:4px 0 10px;font-size:16px;font-weight:700}.chip-row{margin:0 0 8px}.chip{color:#45453e;white-space:nowrap;background:#f1efe6;border-radius:6px;margin:0 6px 6px 0;padding:3px 9px;font-size:12px;display:inline-block}.chip b{color:var(--ink);margin-right:4px;font-weight:600}.chip.finish{color:#1f5c4d;background:#e4f1ec}.order-note{color:#55554c;margin:0 0 10px;font-size:13px;font-style:italic}.order-actions{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;margin-top:2px;padding-top:10px;font-size:13px;display:flex}.order-actions>*{margin-top:6px;margin-right:20px}.order-actions label{align-items:center;font-weight:400;display:flex}.order-actions label input{width:auto;margin-right:6px}