/* Working pages share the confirmed overview hierarchy. No changes to task actions. */
.badge.info { background:#eaf2ff; color:#245db7; }
.workspace:not([data-page=dashboard]) .alert-dock .order-alert-bar { padding:12px 18px; }
.alert-dock .alert-copy strong { display:none; }
.alert-dock .alert-hint { font-size:11px; }
.alert-dock .order-alert-bar { border-left:3px solid #3d8c68; }
.alert-dock .order-alert-bar.warning { border-left-color:#d58b23; }
.workspace:not([data-page=dashboard]) .page-heading .actions { flex-wrap:wrap; }
.workspace:not([data-page=dashboard]) .view :is(h2,h3) { color:#202c35; }
.workspace:not([data-page=dashboard]) .data-table th { background:#f5f7fa; color:#586575; }
.workspace:not([data-page=dashboard]) .data-table td { vertical-align:middle; }
.workspace:not([data-page=dashboard]) .tabs button.active { color:#155640; background:#e6f2ec; box-shadow:inset 0 -2px #287454; }
.workspace:not([data-page=dashboard]) .metrics { gap:20px; margin-bottom:26px; }
.workspace:not([data-page=dashboard]) .metric { border-left:0; padding-left:18px; position:relative; }
.workspace:not([data-page=dashboard]) .metric::before { content:''; position:absolute; left:0; top:3px; bottom:3px; width:3px; border-radius:2px; background:#2a8059; }
.workspace:not([data-page=dashboard]) .metric:nth-child(2)::before { background:#d1656d; }
.workspace:not([data-page=dashboard]) .metric:nth-child(3)::before { background:#4c7ed6; }
.workspace:not([data-page=dashboard]) .metric:nth-child(4)::before { background:#d98b26; }
.workspace:not([data-page=dashboard]) .metric:nth-child(2) strong { color:#ab4351; }
.workspace:not([data-page=dashboard]) .metric:nth-child(4) strong { color:#a86509; }
.workspace[data-page=orders] .toolbar { flex-wrap:wrap; }
.workspace[data-page=orders] .data-table .number { font-size:17px; }
.workspace[data-page=orders] .data-table td:last-child { text-align:right; }
.workspace[data-page=orders] .data-table th:last-child { text-align:right; }
.workspace[data-page=orders] .order-destination { min-width:180px; }

.workspace[data-page=products] .view { background:transparent; border:0; padding:0; }
.catalog-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:22px; }
.catalog-stat { position:relative; min-height:108px; padding:18px 22px; border:1px solid #e1e7ef; border-radius:8px; background:white; color:#5e6a79; text-align:left; transition:background .15s,border-color .15s; }
.catalog-stat span { display:block; font-size:14px; }
.catalog-stat strong { font-family: var(--ui-font-number); display:block; margin-top:10px; color:var(--ui-ink); font-size:30px; font-weight: 700; line-height:1.1; font-variant-numeric:tabular-nums; }
.catalog-stat::after { content:''; position:absolute; top:21px; right:20px; width:8px; height:8px; border-radius:50%; background:#8a95a2; }
.catalog-stat.blue::after { background:#4d80d3; }
.catalog-stat.green::after { background:#2d8860; }
.catalog-stat.amber::after { background:#d38b29; }
.catalog-stat.green strong { color:#22724f; }.catalog-stat.amber strong { color:#a7650c; }
.catalog-stat:hover { background:#f9fbfd; border-color:#a9bdb1; }
.catalog-stat.selected { border-color:#34785a; box-shadow:inset 0 -3px #34785a; background:#f4faf6; }
.catalog-workspace { background:white; border:1px solid var(--line); border-radius:10px; padding:22px; }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-bottom:20px; }
.catalog-filter-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.catalog-filter-controls input { width:240px; }
.catalog-filter-controls select { width:156px; }
.catalog-filter-controls .control { min-height:40px; }
.catalog-filter-controls [hidden] { display:none; }
.catalog-result-count { font-size:12px; color:#647184; }
.catalog-table { table-layout:fixed; white-space:normal; }
.catalog-table th:first-child { width:39%; }.catalog-table th:nth-child(2) { width:15%; }
.catalog-table th:nth-child(3) { width:12%; }.catalog-table th:nth-child(4) { width:12%; }.catalog-table th:last-child { width:22%; }
.catalog-table td { padding-top:16px; padding-bottom:16px; }
.catalog-table .product-cell { gap:14px; }
.catalog-table .product-cell>div { min-width:0; }
.catalog-table .product-cell img { width:58px; height:62px; flex-shrink:0; background:#f5f7f6; border-radius:6px; }
.catalog-table .product-name { font-size:15px; font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
.catalog-table .product-description { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:4px; color:var(--ui-muted); font-size:12px; }
.catalog-table .catalog-category { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.catalog-table .amount { font-size:16px; white-space:nowrap; }
.catalog-table .actions { justify-content:flex-end; flex-wrap:wrap; gap:3px; }
.catalog-table .button { padding-left:9px; padding-right:9px; min-height:34px; }
.catalog-table th:last-child { text-align:right; }
.catalog-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; font-size:12px; color:var(--muted); }
.catalog-empty { padding:70px 20px; text-align:center; background:#fafbfd; border-radius:8px; }
.catalog-empty strong { font-size:17px; color:#344654; }.catalog-empty p { font-size:13px; margin-top:10px; color:var(--muted); }

.workspace[data-page=store] .settings-form { max-width:none; }
.workspace[data-page=store] .form-section h2,
.workspace[data-page=operations] .form-section h2 { font-size:19px; padding-left:12px; border-left:3px solid #297352; line-height:1.4; margin-bottom:22px; }
.workspace[data-page=operations] .form-section { max-width:1000px; }
.workspace[data-page=operations] .weekly-hours { gap:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.workspace[data-page=operations] .hours-day { padding:16px 18px; gap:24px; align-items:center; }
.workspace[data-page=operations] .hours-day:last-child { border-bottom:0; }
.workspace[data-page=operations] .hours-day:nth-child(even) { background:#f8fafc; }
.workspace[data-page=operations] .hours-day>strong { padding-top:0; font-weight: 500; }
.workspace[data-page=operations] .hours-day .muted { font-size:13px; }
.workspace[data-page=operations] .hours-period .button { color:#798391; }
.workspace[data-page=operations] .pause-controls { padding:18px 20px; background:#f7f9fb; border:1px solid var(--line); border-radius:8px; }
.workspace[data-page=operations] .pause-controls>.field:first-child { min-width:180px; }
.workspace[data-page=operations] .view>p.muted { font-size:12px; line-height:1.8; }
.workspace[data-page=home-content] .content-editor { max-width:none; }
.workspace[data-page=home-content] .content-editor h2 { font-size:20px; }
.workspace[data-page=home-content] .content-slides { gap:18px; margin-top:22px; }
.workspace[data-page=home-content] .content-editor-card { padding:20px 22px; background:#fbfcfe; border:1px solid var(--line); border-radius:8px; }
.workspace[data-page=home-content] .content-editor-card h3 { font-size:16px; }
.workspace[data-page=home-content] .content-image-fields { grid-template-columns:210px minmax(0,1fr); gap:28px; }
.workspace[data-page=home-content] .content-image-preview { width:200px; }
.workspace[data-page=home-content] .content-image-preview.wide { width:210px; }
.workspace[data-page=home-content] .content-copy-fields { grid-template-columns:1fr 1fr; align-content:start; gap:20px; }
.workspace[data-page=home-content] .content-copy-fields>.field:first-child,
.workspace[data-page=home-content] .content-copy-fields>.content-toggles,
.workspace[data-page=home-content] .content-copy-fields>p { grid-column:1/-1; }
.workspace[data-page=home-content] .content-image-fields input[type=file] { font-size:12px; }
.content-copy-fields select { min-width:0; }
.content-copy-fields .field { min-width:0; }
.content-save,.form-save { box-shadow:0 -8px 16px #253c5105; }

@media(max-width:1180px) {
  .catalog-workspace { padding:18px; }
  .catalog-table th:first-child { width:33%; }.catalog-table th:last-child { width:28%; }
  .catalog-table .product-cell { gap:10px; }.catalog-table .product-cell img { width:44px; height:54px; }
  .catalog-table td,.catalog-table th { padding-left:10px; padding-right:10px; }
  .workspace[data-page=home-content] .content-copy-fields { grid-template-columns:1fr; gap:14px; }
  .workspace[data-page=home-content] .content-image-fields { grid-template-columns:180px minmax(0,1fr); gap:20px; }
  .workspace[data-page=home-content] .content-image-preview { width:170px; }
  .workspace[data-page=home-content] .content-image-preview.wide { width:180px; }
}
@media(max-width:760px) {
  .workspace:not([data-page=dashboard]) .view { padding:18px; }
  .workspace[data-page=products] .view { padding:0; }
  .workspace:not([data-page=dashboard]) .page-heading .actions { gap:6px; }
  .catalog-stats { gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:16px; }
  .catalog-stat { min-height:88px; padding:14px 16px; }.catalog-stat span { font-size:13px; }.catalog-stat strong { font-weight: 700; font-family: var(--ui-font-number); font-size:26px; }
  .catalog-stat::after { top:19px; right:16px; width:6px; height:6px; }
  .catalog-workspace { padding:14px; }.catalog-toolbar { gap:12px; }.catalog-filter-controls { width:100%; gap:8px; }
  .catalog-filter-controls input { width:100%; }.catalog-filter-controls select { flex:1; min-width:0; }
  .catalog-filter-controls .button { font-size:12px; }.catalog-result-count { font-size:12px; }
  .catalog-table,.catalog-table tbody { display:block; width:100%; }
  .catalog-table thead,.workspace[data-page=orders] .data-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .catalog-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 10px; padding:16px 12px; border-bottom:1px solid var(--line); }
  .catalog-table tr:last-child { border-bottom:0; }
  .catalog-table td,.catalog-table td:first-child { padding:0; border:0; min-width:0; }
  .catalog-table td:first-child { grid-column:1/-1; }
  .catalog-table .product-cell img { width:52px; height:58px; }
  .catalog-table .catalog-category { grid-column:1; grid-row:2; font-size:12px; color:var(--muted); }
  .catalog-table .catalog-price { grid-column:1; grid-row:3; }
  .catalog-table .catalog-state { grid-column:2; grid-row:2; text-align:right; }
  .catalog-table .catalog-actions { grid-column:2; grid-row:3; }
  .catalog-table .button { min-height:36px; padding:8px; }
  .catalog-table .actions { gap:0; }
  .catalog-pagination { flex-wrap:wrap; }.catalog-pagination .actions { margin-left:auto; }
  .workspace[data-page=orders] .toolbar .tabs { flex-wrap:wrap; justify-content:flex-start; gap:5px; }
  .workspace[data-page=orders] .tabs button { font-size:12px; padding:9px 10px; }
  .workspace[data-page=orders] .data-table,.workspace[data-page=orders] .data-table tbody { display:block; width:100%; white-space:normal; }
  .workspace[data-page=orders] .data-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px 10px; padding:18px 12px; border-bottom:1px solid var(--line); }
  .workspace[data-page=orders] .data-table td,.workspace[data-page=orders] .data-table td:first-child { padding:0; border:0; min-width:0; }
  .workspace[data-page=orders] .data-table td:nth-child(4) { grid-column:2; grid-row:1; text-align:right; }
  .workspace[data-page=orders] .status-stack { justify-content:flex-end; }
  .workspace[data-page=orders] .data-table td:nth-child(2) { grid-column:1; grid-row:2; }
  .workspace[data-page=orders] .data-table td:nth-child(5) { grid-column:2; grid-row:2; text-align:right; }
  .workspace[data-page=orders] .data-table td:nth-child(3) { grid-column:1/-1; grid-row:3; max-width:none; }
  .workspace[data-page=orders] .data-table td:nth-child(6) { align-self:center; grid-column:1; grid-row:4; font-size:12px; }
  .workspace[data-page=orders] .data-table td:nth-child(7) { grid-column:2; grid-row:4; }
  .workspace[data-page=orders] .data-table tr[data-mode=pickup] td:nth-child(3) { display:none; }
  .workspace[data-page=orders] .data-table tr[data-mode=pickup] td:nth-child(6),
  .workspace[data-page=orders] .data-table tr[data-mode=pickup] td:nth-child(7) { grid-row:3; }
  .workspace[data-page=operations] .hours-day { padding:14px 12px; gap:12px; }
  .workspace[data-page=operations] .hours-day>strong { align-self:start; padding-top:10px; }
  .workspace[data-page=operations] .hours-day:has(.day-periods>.muted) { grid-template-columns:40px minmax(0,1fr) auto; }
  .workspace[data-page=operations] .hours-day:has(.day-periods>.muted)>button { grid-column:3; }
  .workspace[data-page=operations] .pause-controls { padding:14px; }
  .workspace[data-page=operations] .pause-controls>.field { width:100%; }
  .workspace[data-page=operations] .pause-controls .actions { width:100%; }
  .workspace[data-page=operations] .pause-controls .button { flex:1; }
  .workspace[data-page=home-content] .content-editor-card { padding:14px; }
  .workspace[data-page=home-content] .content-image-fields { grid-template-columns:1fr; }
  .workspace[data-page=home-content] .content-image-fields>div:first-child { display:block; }
  .workspace[data-page=home-content] .content-image-preview { width:100%; max-width:200px; margin:0 auto 14px; }
  .workspace[data-page=home-content] .content-image-preview.wide { width:100%; max-width:300px; }
  .workspace[data-page=home-content] .content-image-fields input[type=file] { max-width:100%; }
  .workspace[data-page=home-content] .content-image-info { margin-top:10px; font-size:12px; }
  .workspace[data-page=home-content] .content-editor h2 { font-size:18px; }
  .workspace[data-page=home-content] .content-save { flex-wrap:wrap; }
  .workspace[data-page=home-content] .content-status { font-size:12px; }
  .workspace[data-page=home-content] .content-save .button { width:100%; min-height:42px; font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .view { animation:none; }.catalog-stat,.button,.tabs button { transition:none; } }