:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#16202a;font-synthesis:none;text-rendering:optimizelegibility;--border:#dde4eb;--muted:#657383;--panel:#fff;--ink:#16202a;--blue:#2f6fed;--blue-dark:#1959d1;--green:#0f8f63;--amber:#ad6a00;--red:#d73b3e;--cyan:#087a8f;background:#f1f4f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef2f5;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.appShell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;gap:24px;min-height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand,.dataCardTop,.guestBrand{align-items:center;gap:12px;display:flex}.brandMark,.vendorMark{color:#fff;background:var(--blue);border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.vendorMark{color:#405365;border:1px solid var(--border);background:#e9eff5}.brand strong,.brand span{display:block}.brand span,.miniMetric span,.metricCell span,.eyebrow,.field span,.detailGrid span,.progressText span,.qtyRow,.sectionHeader span,.dataCard span,.dataCard dt,.timeline small,.guestMeta,.guestSummary span,.settingsCard p{color:var(--muted);font-size:12px}.navList{gap:5px;display:grid}.navItem{color:#3b4752;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.sidebarFooter{gap:12px;margin-top:auto;display:grid}.miniMetric{border:1px solid var(--border);border-radius:8px;padding:12px}.miniMetric strong{margin-top:5px;font-size:15px;display:block}.mainArea{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;margin:2px 0 0;font-size:clamp(22px,2vw,30px)}.eyebrow{color:var(--blue-dark);margin:0;font-weight:800}.topActions{align-items:center;gap:10px;display:flex}.primaryButton,.secondaryButton,.dangerButton,.iconButton,.actionButton,.queueCard,.fileButton{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.primaryButton{background:var(--blue);color:#fff;padding:0 14px;font-weight:800}.secondaryButton{color:#344454;border-color:var(--border);background:#fff;padding:0 12px}.secondaryButton:hover{border-color:#b7c5d4}.dangerButton{color:#fff;background:var(--red);padding:0 14px;font-weight:800}.dangerText{color:var(--red)}.iconButton{border-color:var(--border);color:#344454;background:#fff;flex:none;width:38px}.full{width:100%}.navToggle{display:none}.metricsBand{background:var(--panel);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,1fr);margin-bottom:14px;display:grid}.metricCell{border-right:1px solid var(--border);padding:16px 18px}.metricCell:last-child{border-right:0}.metricCell strong{margin-top:4px;font-size:24px;display:block}.queueGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.queueCard{background:var(--panel);border-color:var(--border);text-align:left;flex-direction:column;align-items:flex-start;min-height:132px;padding:14px}.queueCard.active{border-color:var(--blue);box-shadow:0 0 0 3px #2f6fed1f}.queueIcon{width:32px;height:32px;color:var(--blue-dark);background:#eef4ff;border-radius:8px;place-items:center;display:grid}.queueCard strong{font-size:24px}.queueCard small{color:var(--muted);white-space:normal;line-height:1.35}.workspace{grid-template-columns:minmax(0,1fr) 388px;align-items:start;gap:14px;display:grid}.listPanel,.detailPanel,.pagePanel,.guestCard{background:var(--panel);border:1px solid var(--border);border-radius:8px}.listPanel{min-width:0}.panelHeader,.sectionHeader,.modalHeader,.detailFooter,.cardActions{justify-content:space-between;align-items:center;gap:12px;display:flex}.panelHeader h2,.detailPanel h2,.sectionHeader h3,.modalHeader h2,.settingsCard h2{margin:0}.panelHeader h2,.detailPanel h2{font-size:18px}.filters{grid-template-columns:minmax(220px,1fr) 168px 178px;gap:8px;padding:0 18px 14px;display:grid}.searchBox,.selectBox{border:1px solid var(--border);min-height:40px;color:var(--muted);background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.searchBox input,.selectBox select,.field input,.field select,.field textarea,.settingsInput,.guestMemo{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0}.selectBox select{appearance:none}.orderTable{overflow:auto}.tableHead,.tableRow{grid-template-columns:minmax(245px,1.5fr) minmax(150px,1fr) minmax(130px,.75fr) 90px 116px;align-items:center;gap:12px;display:grid}.tableHead{color:var(--muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-width:780px;padding:10px 18px;font-size:12px;font-weight:800}.tableRow{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;width:100%;min-width:780px;padding:12px 18px}.itemCell,.stackCell{min-width:0}.itemCell{align-items:center;gap:10px;display:flex}.itemThumb{border:1px solid var(--border);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.itemThumb.steel{color:#405365;background:#e9eff5}.itemThumb.circuit{color:#0f7b62;background:#e6f6f1}.itemThumb.shaft{color:#4252ba;background:#eef0ff}.itemThumb.label{color:#aa6500;background:#fff2df}.itemCell>span,.stackCell{gap:3px;display:grid}.itemCell strong,.stackCell strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itemCell small,.stackCell small{color:var(--muted)}.emptyState{color:var(--muted);text-align:center;padding:32px 18px}.statusPill{border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.tone-neutral{color:#516171;background:#eef1f4}.tone-blue{color:#215ed8;background:#eaf1ff}.tone-cyan{color:var(--cyan);background:#e8f7fa}.tone-green{color:var(--green);background:#e8f6ef}.tone-amber{color:var(--amber);background:#fff4df}.tone-indigo{color:#4152be;background:#eef0ff}.tone-red{color:var(--red);background:#ffe9e9}.detailPanel{gap:16px;padding:16px;display:grid;position:sticky;top:16px}.detailHero{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;display:grid}.detailHero h2{margin:2px 0 8px;line-height:1.25}.progressBlock{gap:8px;display:grid}.progressText,.qtyRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.progressTrack{background:#eef2f5;border-radius:999px;height:10px;overflow:hidden}.progressTrack span{background:var(--blue);border-radius:999px;height:100%;display:block}.detailGrid{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.detailGrid div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);gap:4px;padding:11px;display:grid}.detailGrid div:nth-child(2n){border-right:0}.detailGrid div:nth-last-child(-n+2){border-bottom:0}.detailGrid strong{font-size:14px}.actionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.actionButton{border-color:var(--border);color:#283746;background:#f8fafc;padding:0 10px}.actionButton.danger:hover{background:#fff0f0;border-color:#f0b6b8}.guestPanel,.noteBox{border:1px solid var(--border);border-radius:8px;padding:12px}.noteBox{background:#fbfcfd;gap:6px;display:grid}.noteBox p{color:#344454;margin:0;font-size:13px;line-height:1.5}.sectionHeader{margin-bottom:10px}.sectionHeader.compact{margin-bottom:8px}.sectionHeader h3{font-size:15px}.linkBox{border:1px solid var(--border);color:#465461;background:#f8fafc;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.linkBox span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.timeline li{color:#344454;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:8px;font-size:13px;line-height:1.4;display:grid}.timeline li>span{background:var(--blue);border-radius:999px;width:8px;height:8px;margin-top:5px}.timeline li div{gap:2px;display:grid}.detailFooter{justify-content:flex-start}.modalOverlay{z-index:40;background:#141c266b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modalPanel{border:1px solid var(--border);background:#fff;border-radius:8px;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 24px 60px #121f2c3d}.modalHeader{border-bottom:1px solid var(--border);padding:16px}.modalHeader h2{font-size:18px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.field{gap:6px;display:grid}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea,.settingsInput,.guestMemo{border:1px solid var(--border);background:#f8fafc;border-radius:8px;min-height:40px;padding:9px 10px}.field textarea,.guestMemo{resize:vertical;min-height:88px}.modalActions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.pagePanel{padding:0 0 18px}.cardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 18px;display:grid}.dataCard{border:1px solid var(--border);border-radius:8px;gap:14px;padding:14px;display:grid}.dataCard h3{margin:0 0 3px;font-size:16px}.dataCard dl{gap:8px;margin:0;display:grid}.dataCard dl div{justify-content:space-between;gap:12px;display:flex}.dataCard dd{text-align:right;margin:0}.cardActions{justify-content:flex-end}.settlementTable{border:1px solid var(--border);border-radius:8px;margin:0 18px;overflow:auto}.settlementHead,.settlementRow{grid-template-columns:1fr 1.4fr 100px 100px 120px 130px;align-items:center;gap:12px;min-width:760px;padding:12px 14px;display:grid}.settlementHead{color:var(--muted);background:#f8fafc;font-size:12px;font-weight:800}.settlementRow{border-top:1px solid #edf1f5}.settlementRow span{min-width:0}.settlementRow small{color:var(--muted);margin-top:3px;display:block}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.settingsCard{border:1px solid var(--border);border-radius:8px;align-content:start;gap:10px;padding:16px;display:grid}.fileButton{border-color:var(--border);color:#344454;background:#fff;width:fit-content;padding:0 12px}.fileButton input{display:none}.guestShell{background:#eef2f5;place-items:center;min-height:100vh;padding:24px;display:grid}.guestCard{gap:16px;width:min(620px,100%);padding:22px;display:grid}.guestCard h1{letter-spacing:0;margin:0;font-size:clamp(24px,4vw,34px)}.guestMeta{flex-wrap:wrap;gap:8px;display:flex}.guestMeta span{border:1px solid var(--border);background:#f8fafc;border-radius:999px;padding:6px 10px}.guestSummary{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.guestSummary div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);gap:5px;padding:12px;display:grid}.guestSummary div:nth-child(2n){border-right:0}.guestSummary div:nth-last-child(-n+2){border-bottom:0}.guestActions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.guestActions button{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:42px}.guestActions button:hover{border-color:var(--blue)}.guestActions button:disabled{cursor:not-allowed;color:#9aa6b2;background:#f3f5f7}.guestActions .danger{color:var(--red)}.guestNotice{color:var(--muted);margin:0;font-size:13px}@media (width<=1180px){.queueGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.detailPanel{position:static}.cardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.appShell{grid-template-columns:1fr}.sidebar{z-index:30;width:248px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.isOpen{transform:translate(0);box-shadow:16px 0 40px #121f2c29}.mainArea{padding:16px}.navToggle{display:inline-flex}.topbar{align-items:flex-start}.topActions{margin-left:auto}.metricsBand{grid-template-columns:repeat(2,1fr)}.metricCell:nth-child(2){border-right:0}.metricCell:nth-child(-n+2){border-bottom:1px solid var(--border)}.queueGrid,.cardGrid,.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}}@media (width<=560px){.topbar{grid-template-columns:auto minmax(0,1fr);display:grid}.topActions{grid-column:1/-1;width:100%}.primaryButton{flex:1}.metricsBand,.queueGrid,.detailGrid,.actionGrid,.formGrid,.cardGrid,.settingsGrid,.guestSummary,.guestActions{grid-template-columns:1fr}.metricCell,.metricCell:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.metricCell:last-child{border-bottom:0}.detailGrid div,.detailGrid div:nth-child(2n),.detailGrid div:nth-last-child(-n+2),.guestSummary div,.guestSummary div:nth-child(2n),.guestSummary div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--border)}.detailGrid div:last-child,.guestSummary div:last-child{border-bottom:0}.modalActions{flex-direction:column-reverse}.modalActions button{width:100%}}:root{--border:#e5e8eb;--muted:#6b7684;--panel:#fff;--ink:#191f28;--blue:#3182f6;--blue-dark:#1b64da;--green:#00a86b;--amber:#b86b00;--red:#e5484d;--cyan:#0891a5;--surface:#f7f8fa;--soft-blue:#eef6ff;--soft-red:#fff1f2;--soft-amber:#fff7e8;--soft-green:#eefbf5;color:var(--ink);background:var(--surface)}body{background:var(--surface)}.appShell{background:var(--surface);grid-template-columns:236px minmax(0,1fr)}.sidebar{box-shadow:inset -1px 0 0 var(--border);border-right:0;gap:20px;padding:18px 12px}.brand{padding:4px 8px 10px}.brandMark,.vendorMark{background:#191f28;border-radius:8px}.brand strong{letter-spacing:0;font-size:15px}.brand span,.miniMetric span,.metricCell span,.metricsHeader span,.eyebrow,.field span,.detailGrid span,.progressText span,.qtyRow,.sectionHeader span,.dataCard span,.dataCard dt,.timeline small,.guestMeta,.guestSummary span,.settingsCard p,.nextAction span{color:var(--muted);letter-spacing:0;font-size:12px}.navList{gap:2px}.navItem{color:#4e5968;border-radius:8px;padding:12px;font-weight:750}.navItem:hover,.navItem.active{color:var(--ink);background:#f2f4f6}.miniMetric{background:#f2f4f6;border:0;padding:14px}.miniMetric strong{letter-spacing:0;font-size:17px}.mainArea{padding:26px}.topbar{margin-bottom:18px}.topbar h1{font-size:clamp(24px,2vw,32px);font-weight:850;line-height:1.25}.eyebrow{color:var(--blue);font-weight:850}.primaryButton,.secondaryButton,.dangerButton,.iconButton,.actionButton,.queueCard,.fileButton{border-radius:8px;min-height:42px;font-weight:800;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.primaryButton{background:var(--blue);box-shadow:0 8px 18px #3182f633}.primaryButton:hover{background:var(--blue-dark)}.primaryButton:disabled{cursor:not-allowed;box-shadow:none;background:#d1d6db}.secondaryButton,.iconButton,.fileButton{border-color:var(--border);color:#333d4b;background:#fff}.secondaryButton:hover,.iconButton:hover,.fileButton:hover{background:#f7f8fa;border-color:#d1d6db}.metricsBand{border:0;border-radius:8px;grid-template-columns:minmax(220px,1.25fr) repeat(4,minmax(0,1fr));margin-bottom:12px;box-shadow:0 1px 2px #191f280a}.metricsHeader,.metricCell{border-right:1px solid var(--border);padding:18px}.metricsHeader{align-content:center;gap:5px;display:grid}.metricsHeader strong{font-size:28px;line-height:1}.metricCell strong{margin-top:8px;font-size:26px;line-height:1}.queueGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.queueCard{background:#fff;border:0;min-height:128px;padding:16px;box-shadow:0 1px 2px #191f280a}.queueCard.active{box-shadow:inset 0 0 0 2px var(--blue), 0 8px 22px #3182f61f;border:0}.queueIcon{color:var(--blue);background:var(--soft-blue);border-radius:8px}.queueCard strong{font-size:28px;line-height:1}.queueCard>span:not(.queueIcon){color:var(--ink);font-weight:850}.workspace{grid-template-columns:minmax(0,1fr) 404px;gap:12px}.listPanel,.detailPanel,.pagePanel,.guestCard{border:0;border-radius:8px;box-shadow:0 1px 2px #191f280a}.panelHeader h2,.detailPanel h2{font-size:19px;line-height:1.32}.filters{grid-template-columns:minmax(220px,1fr) 156px 170px;padding:0 20px 16px}.searchBox,.selectBox,.field input,.field select,.field textarea,.settingsInput,.guestMemo{background:#f7f8fa;border-color:#0000;border-radius:8px}.searchBox:focus-within,.selectBox:focus-within,.field input:focus,.field select:focus,.field textarea:focus,.settingsInput:focus,.guestMemo:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #3182f61f}.tableHead,.tableRow{grid-template-columns:minmax(245px,1.4fr) minmax(150px,1fr) minmax(130px,.75fr) 90px 122px}.tableHead{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fbfbfc;padding:10px 20px}.tableRow{border-bottom-color:#f2f4f6;padding:14px 20px}.itemThumb{border:0;border-radius:8px}.statusPill{padding:6px 10px;font-size:12px;font-weight:850}.detailPanel{gap:14px;padding:16px}.detailHero{grid-template-columns:72px minmax(0,1fr)}.nextAction{border:1px solid #0000;border-radius:8px;gap:8px;padding:16px;display:grid}.nextAction h3{margin:0;font-size:18px;line-height:1.35}.nextAction p{color:#4e5968;margin:0 0 4px;font-size:13px;line-height:1.5}.nextAction .primaryButton{width:fit-content;box-shadow:none}.nextAction.blue{background:var(--soft-blue);border-color:#d7e8ff}.nextAction.amber{background:var(--soft-amber);border-color:#ffe1a8}.nextAction.red{background:var(--soft-red);border-color:#ffd7dc}.nextAction.green{background:var(--soft-green);border-color:#c8f2df}.nextAction.neutral{background:#f2f4f6;border-color:#edf0f2}.progressTrack{background:#eef0f3}.detailGrid,.guestPanel,.noteBox,.settlementTable,.settingsCard,.dataCard,.guestSummary{border-color:var(--border);border-radius:8px}.detailGrid div{padding:12px}.actionGrid{gap:8px}.actionButton{border-color:var(--border);background:#fff}.actionButton:hover{background:#f6f9ff;border-color:#c9defc}.guestPanel,.noteBox{background:#fff}.linkBox{background:#f7f8fa;border-color:#0000}.timeline li>span{background:var(--blue)}.modalOverlay{background:#191f2875}.modalPanel{border:0;border-radius:8px;box-shadow:0 24px 60px #191f2847}.modalHeader{padding:18px 18px 14px}.formGrid{padding:18px}.field{gap:7px}.field input,.field select,.field textarea,.settingsInput,.guestMemo{min-height:44px;padding:10px 12px}.cardGrid{padding:0 20px}.dataCard{background:#fff;padding:16px}.dataCard h3{line-height:1.3}.settlementTable{margin:0 20px}.settlementHead{background:#f7f8fa}.settingsGrid{padding:20px}.settingsCard{background:#fff}.guestShell{background:radial-gradient(circle at 0 0,#3182f61f,#0000 34%),#f7f8fa}.guestCard{width:min(560px,100%);padding:24px}.guestCard h1{font-size:clamp(28px,4vw,38px);line-height:1.2}.guestLead{color:#4e5968;margin:-6px 0 0;line-height:1.55}.guestMeta span{color:#4e5968;background:#f2f4f6;border:0}.guestActions{grid-template-columns:repeat(2,minmax(0,1fr))}.guestActions button{background:#fff;min-height:54px;font-weight:850}.guestActions button:hover{background:#f6f9ff}.guestActions .danger{background:var(--soft-red);border-color:#ffd7dc;grid-column:1/-1}@media (width<=1180px){.metricsBand{grid-template-columns:repeat(2,minmax(0,1fr))}.metricsHeader{border-right:0;border-bottom:1px solid var(--border);grid-column:1/-1}.metricCell:nth-child(3),.metricCell:nth-child(5){border-right:0}.queueGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}}@media (width<=820px){.mainArea{padding:16px}.topbar{align-items:flex-start}.filters{grid-template-columns:1fr}}@media (width<=560px){.topbar{gap:12px}.topbar h1{font-size:24px}.metricsBand,.queueGrid,.guestActions{grid-template-columns:1fr}.metricsHeader,.metricCell,.metricCell:nth-child(2),.metricCell:nth-child(3),.metricCell:nth-child(5){border-right:0;border-bottom:1px solid var(--border)}.metricCell:last-child{border-bottom:0}.nextAction .primaryButton{width:100%}.guestActions .danger{grid-column:auto}}.appShell{grid-template-columns:220px minmax(0,1fr)}.sidebar{background:#fff;padding:20px 12px}.mainArea{width:min(1180px,100%);margin:0 auto;padding:32px 28px 48px}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:26px;display:grid}.topbar h1{max-width:640px;margin-top:4px}.topActions{align-items:center}.metricsBand{box-shadow:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) repeat(4,minmax(86px,auto));align-items:end;gap:18px;margin:0 0 14px;padding:0 0 18px;display:grid}.metricsHeader,.metricCell{border:0;padding:0}.metricsHeader{gap:6px}.metricsHeader strong{letter-spacing:0;font-size:34px;line-height:1.05}.metricsHeader p{color:#6b7684;max-width:420px;margin:0;font-size:14px;line-height:1.5}.metricCell{text-align:right}.metricCell strong{margin-top:6px;font-size:22px}.queueGrid{grid-template-columns:none;gap:8px;margin:0 0 18px;padding:2px 0 6px;display:flex;overflow-x:auto}.queueCard{border:1px solid var(--border);min-height:44px;box-shadow:none;text-align:left;background:#fff;flex-direction:row;flex:none;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.queueCard:hover{background:#f7f8fa;transform:none}.queueCard.active{color:#fff;box-shadow:none;background:#191f28}.queueCard.active span,.queueCard.active small,.queueCard.active strong{color:#fff}.queueIcon{display:none}.queueCard>span:not(.queueIcon){color:#333d4b;font-size:14px;font-weight:800}.queueCard strong{color:#4e5968;background:#f2f4f6;border-radius:999px;padding:3px 7px;font-size:14px;line-height:1}.queueCard.active strong{background:#ffffff2e}.queueCard small{display:none}.opsWorkspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;display:grid}.listPanel,.detailPanel{box-shadow:none;border:1px solid var(--border)}.panelHeader{padding:18px 20px 12px}.panelHeader h2{font-size:20px}.filters{grid-template-columns:minmax(0,1fr) 150px 164px;gap:8px;padding:0 20px 14px}.orderTable{border-top:1px solid var(--border);overflow:visible}.tableHead{display:none}.tableRow{border-bottom:1px solid #f2f4f6;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"item status""meta status";align-items:center;gap:7px 14px;width:100%;min-width:0;padding:16px 20px;display:grid}.tableRow:hover,.tableRow.selected{background:#f7f9fc}.tableRow.selected{box-shadow:inset 3px 0 0 var(--blue)}.itemCell{grid-area:item}.itemCell strong{font-size:15px}.itemCell small{margin-top:2px}.rowMeta{flex-wrap:wrap;grid-area:meta;gap:6px;margin-left:52px;display:flex}.rowMeta span{color:#6b7684;background:#f2f4f6;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:750;display:inline-flex}.rowStatus{grid-area:status;justify-content:flex-end;display:flex}.detailPanel{gap:16px;padding:18px;position:sticky;top:24px}.detailHero{grid-template-columns:56px minmax(0,1fr);gap:12px}.itemThumb.large{width:56px;height:56px}.detailHero h2{font-size:20px}.nextAction{padding:16px}.nextAction h3{font-size:19px}.nextAction .primaryButton{width:100%}.detailGrid{grid-template-columns:1fr}.detailGrid div,.detailGrid div:nth-child(2n),.detailGrid div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--border)}.detailGrid div:last-child{border-bottom:0}.actionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.guestPanel,.noteBox{border-radius:8px}@media (width<=1180px){.mainArea{width:100%}.metricsBand{grid-template-columns:repeat(4,minmax(0,1fr))}.metricsHeader{grid-column:1/-1}.metricCell{text-align:left}.opsWorkspace{grid-template-columns:1fr}.detailPanel{position:static}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailGrid div{border-right:1px solid var(--border)}.detailGrid div:nth-child(2n){border-right:0}}@media (width<=820px){.appShell{grid-template-columns:1fr}.mainArea{padding:20px 16px 40px}.topbar{grid-template-columns:auto minmax(0,1fr);align-items:start}.topActions{grid-column:1/-1;width:100%}.topActions .primaryButton{width:100%}.metricsBand{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}}@media (width<=560px){.metricsBand{grid-template-columns:1fr;gap:12px}.metricCell{justify-content:space-between;align-items:baseline;padding-top:4px;display:flex}.metricCell strong{margin-top:0}.tableRow{grid-template-columns:1fr;grid-template-areas:"item""meta""status"}.rowMeta{margin-left:0}.rowStatus{justify-content:flex-start}.detailGrid,.actionGrid{grid-template-columns:1fr}}
