/* Confirmed merchant overview direction. Scoped to the admin shell. */
:root { --ink:var(--ui-ink); --muted:var(--ui-muted); --green:#155640; --green-dark:#103f30; --line:#e6ebf1; --border:var(--line); --soft:#eaf5ee; }
.shell { background:var(--ui-canvas); grid-template-columns:224px minmax(0,1fr); }
.sidebar { width:224px; background:var(--ui-green-dark); border:0; padding:30px 12px 22px; }
.sidebar .brand-lockup { padding:0 12px; gap:13px; }
.sidebar .brand-mark { width:44px; height:44px; filter:brightness(0) invert(1); }
.sidebar .brand { font-weight: 700; font-family: var(--ui-font-title); color:#fff; font-size:25px; letter-spacing:0; }
.sidebar .brand-caption { color:#c3d9cf; font-size:12px; letter-spacing:1px; }
.sidebar .nav { margin-top:36px; gap:5px; }
.sidebar .nav-group-label { color:#b8d2c6; font-size:12px; padding:0 17px 9px; }
.sidebar .nav-group-label:not(:first-child) { border-top:1px solid #ffffff23; padding-top:25px; margin-top:21px; }
.sidebar .nav button { color:#ebf4ef; font-size:16px; min-height:50px; gap:15px; padding:13px 18px; border-radius:8px; }
.sidebar .nav button .ui-icon { width:21px; height:21px; }
.sidebar .nav button:hover { background:var(--ui-green); color:white; }
.sidebar .nav button.active { background:var(--ui-green); color:white; font-weight: 500; }
.sidebar .store-sign { color:#bad0c5; border-color:#ffffff24; }
.sidebar .sidebar-footer .button { color:#d5e6dd; }
.sidebar .sidebar-footer .button:hover { background:var(--ui-green); }
.workspace { padding:0 28px 36px; }
.topbar { height:76px; margin:0 -28px; padding:0 28px; background:#fff; font-size:13px; }
.topbar-store { display:flex; align-items:center; gap:20px; min-width:0; }
.topbar-store strong { font-size:19px; color:var(--ink); font-weight: 500; }
.topbar-store .badge { color:#626f80; background:#f1f4f8; font-size:11px; }
.topbar-right { gap:18px; }
.topbar-status { display:flex; align-items:center; gap:12px; font-size:13px; color:#4c5868; }
.topbar-hours { max-width:235px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topbar .status-label { font-size:12px; background:#e6f6ed; color:#13734e; }
.topbar .status-label.closed { color:#9d620b; background:#fff3df; }
.topbar .preview-link { font-size:12px; color:#627081; }
.page-heading { padding:31px 0 26px; }
.page-heading h1 { font-family: var(--ui-font-title); font-size:30px; font-weight: 700; letter-spacing:0; }
.page-heading p { color:var(--ui-muted); font-size:13px; }
.workspace[data-page=dashboard] .page-heading>div { display:flex; align-items:baseline; gap:24px; }
.workspace[data-page=dashboard] .page-heading p { font-size:15px; margin:0; }
.workspace:not([data-page=dashboard]) .view { background:#fff; border:1px solid var(--line); border-radius:10px; padding:26px; }
.alert-dock:empty { display:none; }
.alert-dock .order-alert-bar { margin-bottom:20px; border:1px solid #dce5e1; border-radius:8px; }
.alert-dock .order-alert-bar.warning { border-color:#e5c493; }
.dashboard-metrics { display:grid; grid-template-columns:1.16fr 1fr 1fr 1fr; gap:16px; margin-bottom:24px; }
.dashboard-metric { border-radius:10px; background:#fff; padding:24px 20px; display:flex; align-items:center; gap:18px; min-height:136px; }
.dashboard-metric.primary { background:#164f3d; color:#fff; }
.metric-icon { display:flex; justify-content:center; align-items:center; width:62px; height:62px; border-radius:50%; flex-shrink:0; }
.metric-icon .ui-icon { width:31px; height:31px; }
.dashboard-metric.primary .metric-icon { background:#326b56; }
.dashboard-metric.blue .metric-icon { background:#eaf2ff; color:#2468d4; }
.dashboard-metric.red .metric-icon { background:#ffedef; color:#e95c67; }
.dashboard-metric.amber .metric-icon { background:#fff3e1; color:#dc8206; }
.metric-label { display:block; color:#536174; font-size:14px; white-space:nowrap; }
.dashboard-metric.primary .metric-label { color:#e2efe8; }
.dashboard-metric strong { font-family: var(--ui-font-number); display:block; font-size:32px; font-weight: 700; line-height:1.2; margin-top:12px; letter-spacing:-.7px; font-variant-numeric:tabular-nums; }
.dashboard-metric.amber strong { color:#d87900; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) 294px; gap:20px; align-items:start; }
.dashboard-panel { background:white; border-radius:10px; padding:22px; min-width:0; }
.dashboard-panel h2 { font-family: var(--ui-font-title); font-size:21px; font-weight: 700; letter-spacing:0; }
.dashboard-panel-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-bottom:22px; }
.dashboard-panel-heading h2 { white-space:nowrap; }
.text-action { display:inline-flex; align-items:center; justify-content:center; gap:4px; border:0; padding:6px 0; background:transparent; color:#456782; font-size:13px; min-height:32px; }
.text-action:hover { color:#154f3b; text-decoration:underline; }
.text-action .ui-icon { width:14px; height:14px; }
.dashboard-reminder { flex:1; display:flex; justify-content:flex-end; }
.dashboard-reminder .order-alert-bar { border:0; border-radius:6px; margin:0; padding:0; background:transparent; gap:5px 10px; }
.dashboard-reminder .order-alert-bar.warning { background:transparent; }
.dashboard-reminder .alert-copy strong,.dashboard-reminder .alert-hint { display:none; }
.dashboard-reminder .alert-copy [role=status] { font-size:12px; color:#365b4c; line-height:1.6; }
.dashboard-reminder .order-alert-bar.warning .alert-copy [role=status] { color:#8d560b; }
.dashboard-reminder .actions { gap:6px; }
.dashboard-reminder .actions .button { font-size:11px; min-height:28px; padding:5px 7px; }
.dashboard-reminder .actions .button:nth-child(2) { display:none; }
.queue-tabs { display:flex; align-items:center; gap:14px; margin:0 0 18px; overflow:auto; }
.queue-tab { position:relative; border:0; padding:13px 14px; border-radius:7px; background:transparent; color:#4b5667; white-space:nowrap; font-size:14px; min-height:48px; }
.queue-tab>span { margin-left:8px; padding:1px 5px; font-variant-numeric:tabular-nums; background:#f0f3f7; border-radius:4px; color:#5d6a7e; }
.queue-tab:hover { background:var(--ui-soft); }
.queue-tab.selected { font-weight: 500; }
.queue-tab.amber.selected { background:#fff3e2; color:#9c5100; }
.queue-tab.blue.selected { background:#eaf2ff; color:#245db7; }
.queue-tab.green.selected { background:#e9f6ee; color:#176a48; }
.queue-tab.selected>span { background:#ffffff9c; color:inherit; }
.queue-table-wrap { border:1px solid var(--line); border-radius:8px; overflow:auto; scrollbar-width:thin; }
.queue-table { border-collapse:collapse; width:100%; text-align:left; font-size:14px; }
.queue-table th { font-size:12px; color:var(--ui-muted); padding:15px 12px; background:var(--ui-canvas); font-weight:500; white-space:nowrap; }
.queue-table td { padding:24px 12px; border-top:1px solid var(--line); vertical-align:middle; }
.queue-table th:first-child,.queue-table td:first-child { padding-left:18px; }
.queue-table th:last-child,.queue-table td:last-child { padding-right:18px; }
.queue-table tr:hover td { background:#fbfcfe; }
.ticket-link { font-family: var(--ui-font-number); display:block; padding:0; background:none; border:0; color:var(--ui-ink); font-size:25px; font-weight: 700; line-height:1.3; margin-bottom:8px; font-variant-numeric:tabular-nums; }
.ticket-link:hover { color:var(--green); text-decoration:underline; }
.dashboard-chip { display:inline-flex; padding:4px 7px; font-size:12px; border-radius:4px; white-space:nowrap; }
.dashboard-chip.green { color:#176e4c; background:#e7f6ed; }
.dashboard-chip.blue { color:#235fba; background:#eaf2ff; }
.queue-products { min-width:125px; max-width:260px; }
.queue-products>div+div { margin-top:12px; }
.queue-products strong { display:block; font-size:14px; font-weight: 500; line-height:1.5; }
.queue-products span { display:block; font-size:12px; color:var(--ui-muted); margin-top:5px; line-height:1.6; }
.queue-products .queue-note { font-size:12px; line-height:1.5; margin-top:8px; color:#8e5a16; overflow-wrap:anywhere; }
.queue-time { font-size:12px; color:var(--ui-muted); white-space:nowrap; }
.queue-wait { color:#b46300; font-size:13px; font-weight: 500; min-width:72px; }
.queue-amount { font-family: var(--ui-font-number); font-size:14px; font-weight: 700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.queue-action { min-height:40px; padding:10px 11px; font-size:12px; }
.queue-empty { min-height:330px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:14px; padding:35px 20px; text-align:center; border:1px solid var(--line); border-radius:8px; }
.queue-empty>.ui-icon { width:38px; height:38px; color:#7e9a8c; }
.queue-empty h3 { font-size:17px; font-weight: 500; }
.queue-empty p { font-size:13px; color:var(--ui-muted); }
.queue-empty .button { margin-top:8px; }
.queue-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding-top:16px; font-size:11px; color:#6b7788; }
.dashboard-aside { display:grid; gap:16px; }
.business-status { display:flex; align-items:center; gap:14px; padding:22px 16px; margin:18px 0 16px; background:#eaf7f0; border-radius:8px; color:#14563d; }
.business-status>.ui-icon { width:25px; height:25px; }
.business-status strong { font-size:26px; font-weight: 500; line-height:1.3; }
.business-status p { font-size:13px; margin-top:8px; color:#4e625a; line-height:1.6; overflow-wrap:anywhere; }
.business-status.closed { color:#955b09; background:#fff5e5; }
.business-reason { font-size:12px; color:#8b5b1a; margin:-3px 0 15px; }
.business-toggle { width:100%; min-height:44px; font-size:14px; border-color:#799a8b!important; }
.business-link { width:100%; color:#2860b7; margin-top:10px; }
.shortcut-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.shortcut { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:18px 8px; min-height:89px; border:1px solid #eef1f6; border-radius:8px; background:#f8fafc; font-size:13px; color:var(--ui-ink); }
.shortcut:hover { border-color:#b2c5bb; background:#f0f6f2; }
.shortcut .ui-icon { width:26px; height:26px; }
.shortcut.green .ui-icon { color:#098050; }.shortcut.amber .ui-icon { color:#ce7700; }.shortcut.blue .ui-icon { color:#3262d4; }.shortcut.purple .ui-icon { color:#8952cf; }
.ticket-note { display:flex; align-items:center; gap:9px; padding:13px 16px; font-size:12px; line-height:1.5; color:#5a697d; background:#eaf0f6; border-radius:7px; }
.ticket-note .ui-icon { width:17px; height:17px; }
@media(min-width:1400px){
  .shell{grid-template-columns:237px minmax(0,1fr)}.sidebar{width:237px}
  .workspace{padding-left:32px;padding-right:32px}.topbar{height:80px;margin:0 -32px;padding:0 32px}
  .topbar-store strong{font-size:21px}.sidebar .nav button{font-size:16px}
  .page-heading{padding:35px 0 29px}.page-heading h1{ font-weight: 700; font-family: var(--ui-font-title);font-size:30px}
  .workspace[data-page=dashboard] .page-heading p{font-size:16px}
  .dashboard-metric{min-height:142px;padding:24px 18px;gap:16px}.metric-label{font-size:16px}.dashboard-metric strong{ font-weight: 700; font-family: var(--ui-font-number);font-size:36px}
  .dashboard-grid{grid-template-columns:minmax(0,1fr) 326px}.dashboard-panel{padding:24px}
  .dashboard-panel h2{ font-weight: 700; font-family: var(--ui-font-title);font-size:21px}.queue-tab{font-size:16px;padding:13px 15px}.queue-tabs{gap:12px}
  .queue-table th{font-size:14px;padding-top:17px;padding-bottom:17px}.queue-table td{padding-top:30px;padding-bottom:30px}
  .ticket-link{ font-weight: 700; font-family: var(--ui-font-number);font-size:30px}.queue-products strong{font-size:16px}.queue-products span{font-size:14px}
  .queue-time{font-size:13px}.queue-wait,.queue-amount{font-size:16px}.queue-action{font-size:13px;min-height:46px}
  .dashboard-chip{font-size:13px}.business-status strong{font-size:29px}.business-status p{font-size:15px}
  .business-toggle{font-size:16px;min-height:48px}.shortcut{font-size:15px;min-height:93px}.ticket-note{font-size:13px}
}
@media(max-width:1350px){.dashboard-reminder{flex-basis:100%;order:3;justify-content:flex-start}.dashboard-reminder .order-alert-bar{width:100%;padding:7px 9px;background:#f4f8f6}.dashboard-reminder .order-alert-bar.warning{background:#fff6e8}.dashboard-panel-heading{margin-bottom:16px}}
.workspace:not([data-page=dashboard]) .metric strong { color:var(--ink); }
.workspace:not([data-page=dashboard]) .metric:first-child strong { color:var(--green); }
.workspace:not([data-page=dashboard]) .metric:nth-child(2) strong { color:#bd4551; }
.workspace:not([data-page=dashboard]) .metric:last-child strong { color:#b86d06; }
@media(min-width:1600px){.workspace{padding-left:36px;padding-right:36px}.topbar{margin-left:-36px;margin-right:-36px;padding-left:36px;padding-right:36px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1399px){.dashboard-metric{padding:20px 16px;gap:12px}.metric-icon{width:43px;height:43px}.metric-icon .ui-icon{width:25px;height:25px}.dashboard-metric strong{ font-weight: 700; font-family: var(--ui-font-number);font-size:27px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 268px}.dashboard-panel{padding:18px}.queue-tabs{gap:3px}.queue-tab{padding:12px 9px;font-size:13px}.topbar-hours{display:none}.queue-table td{padding:22px 10px}.queue-table th{padding:14px 10px}.queue-time{white-space:normal}}
@media(max-width:1100px){.shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{width:196px}.sidebar .brand{ font-weight: 700; font-family: var(--ui-font-title);font-size:22px}.sidebar .brand-mark{width:38px;height:38px}.sidebar .nav button{font-size:14px}.workspace{padding:0 22px 28px}.topbar{margin:0 -22px;padding:0 22px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-aside{grid-template-columns:1fr 1fr}.ticket-note{grid-column:1/-1}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-metric{min-height:110px}.topbar-store{gap:12px}.topbar-store strong{font-size:16px}.topbar-store .badge{max-width:125px;white-space:normal;line-height:1.5}.dashboard-panel{padding:22px}.queue-time{white-space:nowrap}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;padding:16px 14px 10px}.sidebar .brand-lockup{padding:0}.sidebar .brand-mark{width:34px;height:34px}.sidebar .brand{ font-weight: 700; font-family: var(--ui-font-title);font-size:21px}.sidebar .brand-caption{font-size:10px}.sidebar .nav{margin-top:17px}.sidebar .nav button{min-height:42px;font-size:13px;padding:10px 13px;gap:8px}.sidebar .nav button .ui-icon{width:18px;height:18px}.sidebar .sidebar-footer{padding:0}.sidebar .sidebar-footer .button{font-size:11px}.workspace{padding:0 16px 24px}.topbar{height:auto;min-height:64px;margin:0 -16px;padding:12px 16px;flex-wrap:wrap;gap:10px}.topbar-store{flex-wrap:wrap;gap:8px}.topbar-store strong{font-size:15px}.topbar-store .badge{max-width:none;font-size:10px}.topbar-right{width:auto;gap:12px}.topbar-status{font-size:12px}.topbar .preview-link{font-size:11px}.page-heading{padding:24px 0 20px}.page-heading h1{ font-weight: 700; font-family: var(--ui-font-title);font-size:25px}.workspace[data-page=dashboard] .page-heading>div{display:block}.workspace[data-page=dashboard] .page-heading p{font-size:12px;margin-top:8px}.dashboard-metrics{gap:10px;margin-bottom:16px}.dashboard-metric{padding:18px 12px;gap:10px;min-height:110px}.metric-icon{width:32px;height:32px}.metric-icon .ui-icon{width:21px;height:21px}.metric-label{font-size:11px}.dashboard-metric strong{ font-weight: 700; font-family: var(--ui-font-number);font-size:24px;margin-top:10px}.dashboard-grid{gap:16px}.dashboard-panel{padding:18px 14px}.dashboard-panel h2{ font-weight: 700; font-family: var(--ui-font-title);font-size:19px}.dashboard-panel-heading .text-action{font-size:11px}.queue-tabs{gap:5px;margin-bottom:14px}.queue-tab{font-size:12px;padding:10px 8px;min-height:42px}.queue-tab>span{margin-left:5px}.queue-table{min-width:630px}.queue-table th{font-size:11px}.queue-table td{padding:20px 12px}.ticket-link{ font-weight: 700; font-family: var(--ui-font-number);font-size:23px}.queue-products strong{font-size:13px}.queue-products span{font-size:12px}.queue-footer{font-size:10px}.dashboard-aside{grid-template-columns:1fr}.ticket-note{grid-column:auto}.dashboard-reminder .order-alert-bar .actions{width:auto}.dashboard-reminder .order-alert-bar{padding:9px}.workspace:not([data-page=dashboard]) .view{padding:18px 14px}.business-status{margin-top:16px}.shortcut-grid{grid-template-columns:repeat(4,1fr);gap:7px}.shortcut{padding:14px 4px;font-size:11px;min-height:82px}.shortcut .ui-icon{width:24px;height:24px}}
@media(max-width:380px){.dashboard-metric{gap:7px;padding:15px 10px}.metric-icon{width:25px;height:25px}.dashboard-metric strong{ font-weight: 700; font-family: var(--ui-font-number);font-size:21px}.queue-tab{padding:10px 6px}.queue-tab>span{margin-left:3px}.metric-label{font-size:10px}}

.workspace:not([data-page=dashboard]) .topbar-status{display:none}
@media(max-width:600px){
  .queue-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;overflow:visible}
  .queue-tab{text-align:left;padding:10px 12px;background:#f7f9fc;display:flex;justify-content:space-between;align-items:center}
  .queue-table{min-width:0;table-layout:fixed}
  .queue-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .queue-table tbody{display:block}
  .queue-table tbody tr{display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:'ticket products products' 'time time wait' 'amount action action';gap:14px 10px;padding:18px;border-top:1px solid var(--line)}
  .queue-table tbody tr:first-child{border-top:0}
  .queue-table td{padding:0!important;border:0}
  .queue-table td:nth-child(1){grid-area:ticket}.queue-table td:nth-child(2){grid-area:products}
  .queue-table td:nth-child(3){grid-area:time;align-self:center}.queue-table td:nth-child(4){grid-area:wait;align-self:center;text-align:right}
  .queue-table td:nth-child(5){grid-area:amount;align-self:center}.queue-table td:nth-child(6){grid-area:action;justify-self:end}
  .queue-products{min-width:0;max-width:none}.queue-products strong{font-size:14px}.queue-action{min-height:40px;min-width:102px}
}