/* LM Staffing Command Center — champagne gold on dark navy */
*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#c9a227;--gold-hi:#f4d03f;--navy:#1a1a2e;--panel:#16213e;--line:#0f3460;--ink:#eee;--mut:#8b93a7}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--navy);color:var(--ink);min-height:100vh}
header.top{background:linear-gradient(135deg,var(--gold),var(--gold-hi));color:#1a1a2e;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
header.top h1{font-size:1.25rem}
header.top p{opacity:.75;font-size:.8rem}
header.top .who{font-size:.8rem;font-weight:600}
nav.bar{background:#101528;border-bottom:1px solid var(--line);padding:.5rem 1rem;display:flex;gap:.4rem;flex-wrap:wrap;position:sticky;top:0;z-index:50}
nav.bar a{color:var(--ink);text-decoration:none;padding:.45rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;border:1px solid transparent}
nav.bar a:hover{border-color:var(--line);background:var(--panel)}
nav.bar a.active{background:var(--gold);color:#1a1a2e}
nav.bar .spacer{flex:1}
nav.bar button{background:none;border:1px solid var(--line);color:var(--ink);padding:.45rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}
nav.bar button:hover{background:#2a1f1f;color:#ff8f8f;border-color:#5a2a2a}
main{padding:1.5rem;max-width:1200px;margin:0 auto}
h2.sec{color:var(--gold-hi);margin:0 0 1rem;font-size:1.15rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem}
.card .n{font-size:1.9rem;font-weight:700;color:var(--gold-hi)}
.card .l{color:var(--mut);font-size:.8rem;margin-top:.2rem}
.queues{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}
.queue{background:var(--panel);border-radius:12px;padding:1.4rem;border:1px solid var(--line)}
.queue h3{color:var(--gold-hi);margin-bottom:.4rem;font-size:1.1rem}
.queue .count{font-size:2.2rem;font-weight:700;color:#fff}
.queue .sub{color:var(--mut);font-size:.82rem;margin:.4rem 0 1rem}
.btn{display:inline-block;background:var(--gold);color:#1a1a2e;padding:.55rem 1.1rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.85rem;border:none;cursor:pointer}
.btn:hover{background:var(--gold-hi)}
.btn.ghost{background:transparent;color:var(--gold-hi);border:1px solid var(--gold)}
.btn.ghost:hover{background:rgba(201,162,39,.12)}
.btn.sm{padding:.35rem .7rem;font-size:.78rem;border-radius:6px}
.btn.danger{background:#5a2a2a;color:#ffb3b3}
table{width:100%;border-collapse:collapse;margin-top:.75rem;background:var(--panel);border-radius:10px;overflow:hidden}
th,td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--line);font-size:.85rem;vertical-align:top}
th{color:var(--gold-hi);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
tr.rowlink{cursor:pointer}
tr.rowlink:hover td{background:rgba(201,162,39,.06)}
.status{display:inline-block;padding:.22rem .6rem;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap}
.status.new{background:#1e5aa8;color:#fff}
.status.in_review{background:#8a6d1a;color:#fff}
.status.assigned{background:#2d7d46;color:#fff}
.status.fulfilled{background:#1a6b3c;color:#fff}
.status.cancelled{background:#555;color:#ddd}
.status.available{background:#2d7d46;color:#fff}
.status.unavailable{background:#555;color:#ddd}
.panel{background:var(--panel);border:1px solid var(--line);border:1px solid var(--line);border-radius:12px;padding:1.4rem;margin-bottom:1.5rem}
.kv{display:grid;grid-template-columns:150px 1fr;gap:.4rem .8rem;font-size:.88rem}
.kv dt{color:var(--mut)}
.kv dd{color:var(--ink);overflow-wrap:anywhere}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}
.filters select,.filters input{background:var(--navy);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;font-size:.85rem}
form.f{display:grid;gap:.7rem;max-width:560px}
form.f label{font-size:.8rem;color:var(--mut);font-weight:600}
form.f input,form.f select,form.f textarea{background:var(--navy);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem;font-size:.9rem;width:100%;font-family:inherit}
form.f textarea{min-height:90px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
@media(max-width:640px){.two{grid-template-columns:1fr}.kv{grid-template-columns:110px 1fr}main{padding:1rem}}
.login-wrap{max-width:420px;margin:4rem auto}
.login-box{background:var(--panel);padding:2rem;border-radius:12px;border:1px solid var(--line)}
.login-box input{width:100%;padding:.7rem;margin:.5rem 0;border-radius:8px;border:1px solid var(--line);background:var(--navy);color:#fff;font-size:.95rem}
.login-box button{width:100%;padding:.7rem;background:var(--gold);color:#1a1a2e;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-top:.5rem;font-size:.95rem}
.err{color:#ff8f8f;margin-top:.5rem;font-size:.85rem;min-height:1.2em}
.toast{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);background:#0f2b1a;border:1px solid #2d7d46;color:#bfe8cb;padding:.7rem 1.2rem;border-radius:10px;font-size:.85rem;display:none;z-index:100;max-width:90vw}
.toast.show{display:block}
.toast.bad{background:#2b1414;border-color:#7d2d2d;color:#f0b8b8}
.hidden{display:none!important}
.workflow{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.assign-item{background:var(--navy);border:1px solid var(--line);border-radius:8px;padding:.7rem .9rem;margin-bottom:.6rem;font-size:.85rem}
.mut{color:var(--mut);font-size:.82rem}