:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132139;background:#f4f6fa;font-synthesis:none;--navy:#101d32;--red:#d72235;--line:#dce2eb}*{box-sizing:border-box}body{margin:0}header{background:var(--navy);color:white;display:flex;align-items:center;gap:20px;padding:20px 5%;min-height:90px}.brand{display:flex;gap:18px;align-items:center;color:white;text-decoration:none;font-size:36px;font-weight:800;letter-spacing:-2px}.brand span{font-size:17px;letter-spacing:0}.brand small{display:block;font-size:11px;color:#aebbd0;font-weight:500;margin-top:4px}#identity{margin-left:auto;font-size:13px}header button{color:white;border-color:#526078;background:transparent}main{max-width:1440px;margin:auto;padding:26px 5%}nav{display:flex;gap:8px;overflow:auto;padding:0 0 22px;border-bottom:1px solid var(--line)}nav button{white-space:nowrap;border:0;background:transparent;color:#5d687a}nav .selected{background:var(--navy);color:white}button{font:inherit;font-size:14px;font-weight:600;padding:11px 16px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:white;color:var(--navy)}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--red);color:white;border-color:var(--red)}h1{font-size:32px;letter-spacing:-.7px;margin:10px 0}h2{font-size:20px;margin:0 0 18px}h3{font-size:16px;margin:0 0 12px}p{color:#5c697d;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:#66758b}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 18px}.heading p{margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.card,.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.card strong{display:block;font-size:30px;margin:15px 0 8px;letter-spacing:-.8px}.card small{color:#69778c}.card.accent{border-top:4px solid var(--red)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:white}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#edf1f6;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:15px;white-space:nowrap}td{padding:16px 15px;border-top:1px solid #edf0f5;vertical-align:top;min-width:100px}td small{display:block;color:#718098;margin-top:5px}td button{font-size:12px;padding:8px;margin:3px}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#eef2f7;font-size:11px;font-weight:700;white-space:nowrap}.good{background:#e7f5ee;color:#176641}.warning{background:#fff1d8;color:#895b03}.danger{background:#fce8ec;color:#ae1e32}.muted{color:#718098}.empty{padding:40px;text-align:center;color:#718098;background:white;border:1px dashed var(--line);border-radius:10px}.login{max-width:460px;margin:6vh auto}.login h1{font-size:36px}.login form{margin-top:26px}label{display:block;font-size:13px;font-weight:650;margin-bottom:17px}input,select,textarea{display:block;width:100%;font:inherit;font-weight:400;padding:12px;border:1px solid #bcc8d8;border-radius:7px;background:white;margin-top:7px;min-height:44px;color:var(--navy)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #9cb9e1;outline-offset:2px}textarea{min-height:80px}dialog{border:0;border-radius:14px;padding:26px;width:min(540px,94vw);max-height:90vh;box-shadow:0 25px 90px #101d3240}dialog::backdrop{background:#101d3280}.dialog-title,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-title{margin-bottom:20px}.dialog-title h2{margin:0}.dialog-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px}.dialog-title button{border:0}#form-error{color:#ae1e32;font-size:14px}#message{position:fixed;top:12px;left:50%;transform:translateX(-50%);background:#e7f5ee;color:#176641;border:1px solid #8bc5a7;padding:16px 22px;border-radius:9px;z-index:5;max-width:90vw;box-shadow:0 5px 30px #101d3220}footer{font-size:12px;color:#738096;text-align:center;padding:30px 20px}.notification{padding:14px 0;border-top:1px solid var(--line)}.notification button{margin-top:8px}.link{color:#bc1d30;font-weight:650}.reviewed td{background:#fffbe8}[hidden]{display:none!important}@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.heading{align-items:flex-start}.heading h1{font-size:28px}main{padding:18px 4%}}@media(max-width:520px){header{padding:16px 4%;gap:10px}.brand{font-size:28px;gap:10px}.brand span{font-size:13px}#identity{font-size:11px;max-width:90px}header button{padding:9px}.heading{display:block;padding-top:24px}.heading button{margin-top:18px;width:100%}.cards{grid-template-columns:1fr;gap:12px}.card{padding:20px}.card strong{font-size:28px}.panel{padding:18px}h1{font-size:27px}nav{gap:2px}nav button{padding:11px 12px}dialog{padding:20px}td,th{padding:12px}.login{margin:25px auto}.toolbar button{flex:1}footer{font-size:11px}}
.notifications{margin-top:22px}input,select,textarea{font-size:16px}@media(max-width:520px){button{min-height:44px}}
/* FlujoCQ uses the shared CQ palette; theme preference remains on this device. */
:root{background:#FFF8EE;--surface:#fffdfa;--text:#132139;--secondary:#5c697d;--line:#e3dbcf;--tablehead:#f4ede3;--input:#ffffff;--highlight:#fff9e7}
body{background:#FFF8EE;color:var(--text)}.card,.panel,.table-wrap,.empty,dialog{background:var(--surface);color:var(--text)}h1,h2,h3{color:var(--text)}button{background:var(--surface);color:var(--text)}button.primary{background:#D72235;color:white}header button{background:transparent;color:white}p,.muted,.card small,.empty{color:var(--secondary)}input,select,textarea{background:var(--input);color:var(--text);border-color:var(--line)}th{background:var(--tablehead)}td{border-color:var(--line)}.reviewed td{background:var(--highlight)}td small{color:var(--secondary)}nav button{color:var(--secondary)}nav .selected{background:var(--navy);color:white}.environment{font-size:12px;padding:10px 14px;background:var(--tablehead);border-radius:6px;margin:0 0 18px;border-left:3px solid #D72235}.section-space{margin-top:26px}.receipt{display:block;margin:4px 0;max-width:170px;overflow-wrap:anywhere}.filters{display:flex;gap:12px;align-items:end;margin-bottom:20px;flex-wrap:wrap}.filters label{margin:0;flex:1;min-width:150px}.filters button{min-height:44px}.filters input,.filters select{margin-bottom:0}.audit-detail{max-width:440px;overflow-wrap:anywhere}#fields>input,#fields>select{margin:5px 0 18px}#fields>label{margin:0}.available{padding:12px;background:var(--tablehead);border-radius:6px;font-size:13px}.heading .toolbar{margin:0;flex-shrink:0}#convert-request{margin-bottom:18px;border-color:#D72235;color:#b31b2c}#theme{white-space:nowrap}
:root[data-theme=dark]{color-scheme:dark;--surface:#17263c;--text:#eaf0f8;--secondary:#b4c2d7;--line:#34445e;--tablehead:#20324c;--input:#122138;--highlight:#28362f}
[data-theme=dark] body{background:#0b1628}[data-theme=dark] header{background:#0b1628;border-bottom:1px solid var(--line)}[data-theme=dark] .eyebrow{color:#a9bad3}[data-theme=dark] .badge{background:#2a3c56;color:#d9e5f7}[data-theme=dark] .good{background:#173e30;color:#a0e6bd}[data-theme=dark] .warning{background:#493820;color:#ffe0a1}[data-theme=dark] .danger{background:#552331;color:#ffbdca}[data-theme=dark] .link,[data-theme=dark] #convert-request{color:#ff96a5}[data-theme=dark] #form-error{color:#ffadb9}[data-theme=dark] nav .selected{background:#334964}[data-theme=dark] .table-wrap:focus{outline-color:#879bb9}
@media(max-width:700px){.heading{display:block}.heading .toolbar{margin-top:16px}.heading .toolbar #refresh{flex:0}.filters{display:block}.filters label{margin-bottom:12px}.filters button{width:100%}header{flex-wrap:wrap}.brand{margin-right:auto}#identity{margin-left:0}#theme{font-size:12px;padding:9px}.heading #new-request{margin:0;width:auto;flex:1}}
@media(max-width:520px){header .brand{flex:1;margin-right:0}header #identity{order:4;max-width:none;width:100%;text-align:right}header #theme,header #logout{flex:0 0 auto}.heading .toolbar{align-items:stretch}}
@media(max-width:520px){.heading .toolbar button{margin:0;width:auto}}

.ticket-preview{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:1rem 0}.ticket-fields{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ticket-fields label{display:flex;flex-direction:column;gap:.4rem}.ticket-fields input[type=checkbox]{width:auto;align-self:flex-start}.ticket-fields .toolbar{grid-column:1/-1}