:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#172033;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.top{display:flex;align-items:center;gap:18px;background:#111827;color:#fff;padding:10px 18px;position:sticky;top:0;z-index:20}.brand{color:#fff;text-decoration:none;font-size:18px;white-space:nowrap}.brand b{font-weight:800}.brand span{font-size:11px;color:#9ca3af;margin-left:8px}.top nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}.top nav a,.user a{color:#dbeafe;text-decoration:none;padding:7px 9px;border-radius:7px}.top nav a:hover,.user a:hover{background:#243047}.user{font-size:12px;color:#cbd5e1;white-space:nowrap}.page{max-width:1500px;margin:0 auto;padding:18px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}h1{margin:0;font-size:25px}.sub{color:#64748b;margin-top:3px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:#fff;border:1px solid #dbe3ed;border-radius:12px;padding:15px;box-shadow:0 1px 2px #00000008}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.stat{font-size:30px;font-weight:800}.muted{color:#64748b}.danger{color:#b91c1c}.ok{color:#047857}.warn{color:#a16207}.pill{display:inline-block;padding:3px 7px;border-radius:999px;background:#e5e7eb;font-size:12px}.pill.ACTIVE,.pill.FINISHED{background:#dcfce7;color:#166534}.pill.DNF,.pill.DQ,.pill.DNS{background:#fee2e2;color:#991b1b}.btn,button{display:inline-block;border:0;border-radius:8px;background:#1d4ed8;color:#fff;padding:9px 12px;font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary,button.secondary{background:#e2e8f0;color:#172033}.btn.danger,button.danger{background:#b91c1c}.btn.small,button.small{padding:5px 8px;font-size:12px}.actions{display:flex;gap:7px;flex-wrap:wrap}.formrow{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-bottom:10px}.field{grid-column:span 4}.field.w6{grid-column:span 6}.field.w8{grid-column:span 8}.field.w12{grid-column:span 12}label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:4px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit}textarea{min-height:80px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 9px;border-bottom:1px solid #e5e7eb;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;position:sticky;top:0}.flash{padding:10px 12px;border-radius:8px;margin-bottom:12px}.flash.ok{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.flash.warn{background:#fef3c7;color:#92400e}.split-console{display:grid;grid-template-columns:360px 1fr;gap:14px}.bibbox input{font-size:40px;font-weight:800;text-align:center;padding:18px}.bibbox button{width:100%;font-size:18px;margin-top:8px}.recent-row{font-size:16px}.recent-row strong{font-size:20px}.record-good{color:#047857;font-weight:800}.record-bad{color:#b91c1c;font-weight:800}.statusbar{display:flex;gap:8px;flex-wrap:wrap}.statusbar form{display:inline}.incident-open{border-left:5px solid #dc2626}.incident-closed{opacity:.65}.loginwrap,.installwrap{max-width:760px;margin:50px auto;padding:0 16px}.loginbox,.installbox{background:#fff;border:1px solid #dbe3ed;border-radius:14px;padding:24px}.loginbox h1,.installbox h1{margin-top:0}.help{font-size:12px;color:#64748b;margin-top:5px}.inline{display:flex;gap:8px;align-items:center}.nowrap{white-space:nowrap}@media(max-width:900px){.top{align-items:flex-start;flex-wrap:wrap}.top nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.user{margin-left:auto}.page{padding:10px}.span3,.span4,.span5,.span6,.span7,.span8{grid-column:span 12}.split-console{grid-template-columns:1fr}.field,.field.w6,.field.w8{grid-column:span 12}h1{font-size:21px}}.edit-card{border:2px solid #2563eb;box-shadow:0 0 0 3px #dbeafe}.deleted{opacity:.55;background:#f8fafc}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.timeline{margin-top:12px;border-top:1px solid #e5e7eb;padding-top:8px}.timeline-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:5px 0;border-bottom:1px dashed #e5e7eb;font-size:12px}.timeline-row .muted{margin-left:auto}.btn.tiny,button.tiny{padding:1px 6px;font-size:11px;border-radius:5px}form.inline{display:inline-flex;gap:5px;align-items:center}form.inline select{width:auto;min-width:90px}form.inline input{width:auto;min-width:90px}.actions h2{align-self:center}@media(max-width:900px){form.inline{flex-wrap:wrap}.timeline-row .muted{margin-left:0;width:100%}}
