:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#eef4f7;--ink:#17202a;--muted:#667085;--line:#d9e0e7;--blue:#2563eb;--blue-soft:#dbeafe;--green:#0f8f5f;--green-soft:#dff7ea;--amber:#b45309;--amber-soft:#fef0c7;--red:#c24135;--red-soft:#ffe4e0;--shadow:0 20px 45px #1e293b14}*{box-sizing:border-box}html{height:100%}body{min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f8fafc 0%,#edf3f5 48%,#f8fafc 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #d9e0e7cc;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.brand,.nav-links{align-items:center;gap:10px;display:flex}.brand{font-weight:800}.brand-mark{color:#fff;background:#17202a;border-radius:8px;place-items:center;width:36px;height:36px;font-size:.84rem;display:grid}.nav-links{color:var(--muted);flex-wrap:wrap;font-size:.94rem}.nav-links a{border-radius:8px;padding:8px 10px}.nav-links a:hover{background:var(--surface-2);color:var(--ink)}.page,.display-page{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.page-heading{gap:10px;margin-bottom:22px;display:grid}.page-heading h1,.page-heading p{margin:0}.page-heading h1{font-size:2.45rem;line-height:1.05}.page-heading p{max-width:720px;color:var(--muted);line-height:1.6}.eyebrow{color:var(--green);text-transform:uppercase;font-size:.78rem;font-weight:800}.card,.panel,.action-tile,.state-box{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.card,.panel{padding:18px}.panel-header,.split-header,.resource-header,.queue-row,.queue-card,.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header{margin-bottom:14px}.panel-header h2,.card h2,.card h3{margin:0;font-size:1.12rem}.panel-header p,.card p,.muted{color:var(--muted)}.grid,.action-grid,.dashboard-grid,.status-grid,.resource-grid{gap:16px;display:grid}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start}.status-grid{grid-template-columns:minmax(0,.82fr) minmax(320px,.38fr);align-items:start}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-tile{align-content:space-between;gap:22px;min-height:150px;padding:20px;transition:transform .16s,border-color .16s;display:grid}.action-tile:hover{border-color:#9fb7c4;transform:translateY(-2px)}.action-tile strong{font-size:1.1rem}.action-tile span{color:var(--muted);line-height:1.5}.form-grid{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:#344054;font-size:.88rem;font-weight:700}.field input,.field select{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented button{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#f8fafc;border-radius:8px;font-weight:800}.segmented button.active{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.button,.button-secondary,.button-danger,.icon-button{border:0;border-radius:8px;min-height:40px;padding:0 14px;font-weight:800}.button{color:#fff;background:var(--ink)}.button-secondary{color:var(--ink);background:var(--surface-2)}.button-danger{color:#fff;background:var(--red)}.icon-button{border:1px solid var(--line);background:#fff}.toolbar{flex-wrap:wrap}.badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.badge.blue{color:var(--blue);background:var(--blue-soft)}.badge.green{color:var(--green);background:var(--green-soft)}.badge.amber{color:var(--amber);background:var(--amber-soft)}.badge.red{color:var(--red);background:var(--red-soft)}.badge.muted{color:#475467;background:#eef2f6}.alert{border-radius:8px;padding:12px 14px;line-height:1.5}.alert.info{color:#1d4ed8;background:#eff6ff}.alert.success{color:#087443;background:#ecfdf3}.alert.error{color:#b42318;background:#fff1f0}.state-box{color:var(--muted);text-align:center;padding:18px}.empty{box-shadow:none;background:#f8fafc}.shimmer{background:linear-gradient(90deg,#f8fafc,#eef4f7,#f8fafc)}.queue-list{gap:10px;display:grid}.queue-card,.queue-row{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;min-height:64px;padding:12px}.queue-card>div,.queue-row>div{gap:4px;display:grid}.queue-card strong,.queue-row strong{font-size:1.18rem}.queue-card span,.queue-row span,.queue-meta{color:var(--muted);font-size:.92rem}.queue-meta{text-align:right;align-items:end}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}th{color:var(--muted);text-transform:uppercase;font-size:.78rem}.resource-card{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;gap:14px;padding:14px;display:grid}.resource-actions{flex-wrap:wrap;gap:8px;display:flex}.display-page{width:min(1320px,100% - 32px)}.display-board{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:18px;display:grid}.calling-panel{min-height:470px;box-shadow:var(--shadow);background:#fff;border:1px solid #c7d7de;border-radius:8px;align-content:center;justify-items:center;gap:18px;display:grid}.calling-number{font-size:6rem;font-weight:900;line-height:1}.calling-resource{font-size:2rem;font-weight:800}.display-side{gap:18px;display:grid}.display-heading{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start}.announcement-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.display-controls{background:#ffffffd6;border:1px solid #d9e0e7db;border-radius:8px;justify-content:flex-end;max-width:620px;padding:10px;box-shadow:0 12px 30px #1e293b0f}.announcement-controls select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;font-weight:800}.control-warning{color:var(--red);text-align:right;flex-basis:100%;font-size:.84rem}.announcement-panel .panel-header p{margin:3px 0 0}.sequence-editor{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;gap:10px;padding:12px;display:grid}.sequence-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.sequence-row>div:first-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.display-list{gap:10px;display:grid}.display-list .queue-row{min-height:72px}.ticket-number{font-size:3.2rem;font-weight:900;line-height:1}.status-hero{gap:14px;padding:24px;display:grid}.status-hero .ticket-number{margin-top:4px}.mobile-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:980px){.action-grid,.dashboard-grid,.status-grid,.display-board,.resource-grid,.display-heading{grid-template-columns:1fr}.display-controls{justify-content:flex-start}}@media (max-width:640px){.app-nav{flex-direction:column;align-items:flex-start;padding:12px 16px}.page,.display-page{width:min(100% - 24px,1180px);padding-top:20px}.page-heading h1{font-size:2rem}.card,.panel{padding:14px}.queue-card,.queue-row,.sequence-row,.split-header,.panel-header{flex-direction:column;align-items:flex-start}.queue-meta{text-align:left;align-items:start}.calling-panel{min-height:360px}.calling-number{font-size:4rem}.calling-resource{font-size:1.5rem}.ticket-number{font-size:2.5rem}.sequence-row{grid-template-columns:1fr}.control-warning{text-align:left}}