:root{--bg:#f5f6f8;--card:#fff;--ink:#15181d;--muted:#667085;--line:#e4e7ec;--brand:#e4572e;--brand2:#1d3557;--ok:#12805c;--warn:#b54708;--bad:#c01048}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}a{color:var(--brand2)}header.top{z-index:5;background:var(--brand2);color:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}header.top .brand{color:#fff;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}header.top .brand img{background:#fff;border-radius:6px;width:auto;height:30px;padding:2px}header.top nav{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}header.top nav a,header.top nav button{color:#fff;cursor:pointer;font-size:15px;font:inherit;background:0 0;border:0;padding:4px 0;text-decoration:none}main{max-width:960px;margin:0 auto;padding:16px 14px 60px}h1{margin:8px 0 14px;font-size:22px}h2{margin:18px 0 10px;font-size:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:14px}.narrow{max-width:420px;margin:0 auto}label{color:var(--muted);margin:10px 0 4px;font-size:14px;display:block}input,textarea,select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:11px 12px}textarea{min-height:80px}.row{gap:10px;display:flex}.row>*{flex:1}.btn{background:var(--brand);color:#fff;font:inherit;cursor:pointer;text-align:center;border:0;border-radius:10px;padding:11px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn.block{width:100%;margin-top:14px}.btn.sec{color:var(--brand2);border:1px solid var(--line);background:#fff}.btn.sm{padding:7px 10px;font-size:14px}.btn.ok{background:var(--ok)}.btn.bad{background:var(--bad)}.btn:disabled{opacity:.6;cursor:default}.err{color:var(--bad);margin-top:10px}.okmsg{color:var(--ok);margin-top:10px}.muted{color:var(--muted);font-size:14px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:7px 12px;font-size:14px;text-decoration:none}.tabs a.on{background:var(--brand2);color:#fff;border-color:var(--brand2)}.job{align-items:flex-start;gap:12px;display:flex}.thumb{object-fit:contain;border:1px solid var(--line);width:84px;height:84px;color:var(--muted);background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/14px 14px;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.job .info{flex:1;min-width:0}.job .info b{word-break:break-word}.pill{background:#eef2f6;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.pill.pending{color:var(--warn);background:#fef0c7}.pill.approved{color:#1849a9;background:#d1e9ff}.pill.sent{color:#6941c6;background:#e9d7fe}.pill.printed{color:var(--ok);background:#d1fadf}.pill.rejected,.pill.failed{color:var(--bad);background:#fee4e2}.actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.actions form{display:inline}.edit{flex-wrap:wrap;align-items:end;gap:6px;margin-top:8px;display:flex}.edit input{width:80px;padding:7px}.status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.stat b{font-size:18px;display:block}.snap{border:1px solid var(--line);border-radius:10px;width:100%;margin-top:10px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px;font-size:14px}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:#98a2b3}.dot.badc{background:var(--bad)}
