/* Client-facing vendor panel theme. Loaded after panel.css. */
:root {
  color-scheme: light;
  --bg: #f7f6f4;
  --bg-soft: #f0efec;
  --panel: #fff;
  --panel-2: #fff;
  --line: #e2ded8;
  --line-strong: #c8c1b8;
  --text: #292b2d;
  --muted: #696d70;
  --accent: #a95516;
  --accent-soft: #a95516;
  --accent-rgb: 169, 85, 22;
  --ok: #287658;
  --danger: #bb4b50;
  --radius: 10px;
  --shadow: 0 10px 30px rgba(42, 39, 35, 0.04);
  --shadow-soft: 0 4px 16px rgba(42, 39, 35, 0.04);
}

html, body { background: var(--bg); }
body {
  color: var(--text);
  background: var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
}
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid #d48a37;
  outline-offset: 2px;
}

.shell { display: grid; grid-template-columns: 236px minmax(0, 1fr); }
.vendor-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border-right: 1px solid var(--line);
}
.vendor-brand {
  height: 78px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
}
.vendor-brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  border-radius: 9px;
  background: #2d2e30;
  color: #fff;
  font-size: 19px;
  font-weight: 750;
  letter-spacing: -0.11em;
  padding-right: 3px;
}
.vendor-brand-mark span { color: #e6ad60; }
.vendor-brand strong { display: block; font-size: 15px; font-weight: 740; letter-spacing: -0.02em; }
.vendor-brand small { display: block; margin-top: 1px; color: var(--muted); font-size: 11px; }
.vendor-side-nav { display: grid; align-content: start; gap: 4px; padding: 20px 10px; overflow-y: auto; }
.vendor-nav-group { display: grid; gap: 2px; margin-bottom: 12px; }
.vendor-nav-label { padding: 10px 12px 5px; color: #85827f; font-size: 10px; font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; }
.vendor-side-link {
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: #5e6062;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s ease, color .15s ease;
}
.vendor-side-link:hover { background: #f4f1ec; color: var(--text); }
.vendor-side-link.active { background: #fff1e0; color: #8d4816; }
.vendor-side-footer { margin-top: auto; padding: 18px 21px 22px; border-top: 1px solid var(--line); }
.vendor-side-footer small { color: #85827f; font-size: 10px; font-weight: 750; letter-spacing: .09em; }
.vendor-side-footer strong { display: block; margin-top: 6px; font-size: 13px; }
.vendor-side-footer a { display: inline-block; margin-top: 9px; color: var(--accent); font-size: 12px; font-weight: 650; }
.vendor-page-column { min-width: 0; }

.shell-header {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px clamp(20px, 3.1vw, 46px);
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.shell-mast { display: grid; gap: 3px; }
.brand-kicker { color: #777a7c; font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.shell-title { margin: 0; font-size: 19px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; }
.shell-actions { align-items: center; }
.shell-user { color: var(--muted); font-size: 12px; }
.theme-toggle { gap: 7px; }
.theme-toggle-icon { font-size: 17px; line-height: 1; }
.auth-theme-row { display: flex; justify-content: flex-end; margin: -4px -4px 16px; }
.shell-link, .workspace-tab, .tab-btn {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--text);
}
.shell-link.subtle { border-color: var(--line); background: #fff; }
.shell-link:hover, .workspace-tab:hover { background: #f8f4ee; }
.shell-link.active, .workspace-tab.active, .tab-btn.active {
  border-color: #e6c39b;
  background: #fff1e0;
  color: #8d4816;
}
.main { width: min(100%, 1590px); margin: 0 auto; padding: 30px clamp(20px, 3.1vw, 46px) 64px; }
.workspace-shell { margin-bottom: 24px; padding: 0; }
.workspace-header { align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.workspace-label, .section-kicker, .hero-kicker { color: #777a7c; font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.workspace-title { margin-top: 5px; font-size: 26px; font-weight: 700; line-height: 1.2; letter-spacing: -0.035em; }
.workspace-copy { margin-top: 5px; }
.workspace-tabs { display: none; }
.workspace-pill { background: #e9f4ee; color: #287658; border-color: #cbe7d7; font-size: 12px; }
.workspace-pill.active { background: #e9f4ee; color: #287658; border-color: #cbe7d7; }
.workspace-pill.subtle { background: #f2f0ed; color: var(--muted); }

.vendor-page-intro { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin: 6px 0 27px; }
.vendor-page-intro h1 { margin: 8px 0 7px; font-size: clamp(26px, 3vw, 34px); line-height: 1.15; letter-spacing: -0.045em; font-weight: 720; }
.vendor-page-intro p { margin: 0; color: var(--muted); line-height: 1.6; }
.vendor-rail-shell { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.vendor-rail-shell .split-head { margin-bottom: 16px; }
.vendor-rail-shell .section-title { margin: 0 0 5px; font-size: 17px; letter-spacing: -0.02em; }

.hero, .card, .stat-card, .summary-chip, .auth-card, .product-fact-box, .stats-metric-card,
.sales-insight-panel, .stats-chart-frame, .stats-strip-cell, .status-item, .inline-stat,
.product-subcard, .store-command-card, .store-command-signal, .dash-progress-row,
.store-health-cell, .task-callout, .stats-list-row {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--shadow-soft);
  color: var(--text);
}
.hero::before, .hero::after, .card::after { display: none; }
.hero { padding: 25px 28px; }
.hero h1 { max-width: none; margin: 7px 0 8px; font-size: clamp(25px, 2.8vw, 35px); line-height: 1.17; letter-spacing: -0.035em; }
.hero p { line-height: 1.55; }
.card { padding: 22px; }
.grid { gap: 18px; }
.section-title { font-weight: 700; letter-spacing: -0.02em; }
.section-copy { color: var(--muted); }
.stat-label, .summary-chip-label, .stats-metric-label, .status-item-label, .inline-stat-label,
.store-command-signal small, .task-callout-label, .section-tag { color: #717577; }
.stat-value, .summary-chip-value, .stats-metric-value, .inline-stat-value, .status-item-value { color: var(--text); }
.summary-chip { background: #faf9f7; box-shadow: none; }
.status-item.ok { border-color: #cee5d6; border-left-color: #4e9a74; }
.status-item.warn { border-color: #eadfc8; border-left-color: #d1a558; }
.store-command-card { padding: 22px; overflow: visible; }
.store-command-card::before { display: none; }
.store-command-title { font-size: 19px; font-weight: 710; }
.store-command-flag { border: 1px solid #cbe7d7; border-radius: 999px; background: #e9f4ee; color: #287658; padding: 6px 11px; text-transform: capitalize; }
.store-command-signal-row { margin-top: 19px; gap: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.store-command-signal, .store-command-signal.warn, .store-command-signal.ok { min-width: 0; display: grid; gap: 5px; padding: 14px 16px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: #f9fbfb; box-shadow: none; }
.store-command-signal:last-child { border-right: 0; }
.store-command-signal strong { font-size: 16px; }
.store-command-toolbar { margin-top: 17px; }
.analytics-tab-shell { gap: 3px; padding: 4px; border-color: var(--line); border-radius: 8px; background: #f3f6f7; }
.analytics-tab { border-radius: 6px; color: #696d70; padding: 8px 11px; }
.analytics-tab:hover { color: var(--text); }
.analytics-tab.active { background: #fff; color: #8d4816; box-shadow: 0 1px 4px rgba(42, 39, 35, .11); }
.stats-chart-frame, .sales-visual-layout .stats-chart-frame { border-color: var(--line); border-radius: 9px; background: #faf9f7; box-shadow: none; }
.stats-chart-grid line { stroke: #e2e9ec; }
.stats-chart-area { fill: rgba(169, 85, 22, .10); }
.stats-chart-line { stroke: #bd6b21; stroke-width: 3; }
.stats-chart-dot { fill: #fff; stroke: #bd6b21; }
.stats-chart-dot-halo { fill: rgba(169, 85, 22, .08); stroke: rgba(169, 85, 22, .18); }
.stats-chart-axis-label { fill: #7d8082; }
.stats-chart-legend i { background: #bd6b21; }
.sales-insight-panel { border-color: var(--line); border-radius: 9px; background: #faf9f7; box-shadow: none; }
.sales-insight-label { color: #717577; }
.sales-insight-value { font-weight: 750; }
.btn, .btn-ghost, .btn-danger { border-radius: 7px; min-height: 38px; height: 38px; font-size: 13px; }
.btn { border-color: #a95516; background: #a95516; color: #fff; box-shadow: none; }
.btn:hover { background: #8d4816; }
.btn-ghost { border-color: var(--line); background: #fff; color: var(--text); }
.btn-ghost:hover { background: #f8f4ee; }
.btn-danger { border-color: #e5bfc1; background: #fff0f0; color: #a63e43; }
.notice { border: 1px solid var(--line); border-radius: 8px; background: #f8f7f5; color: var(--muted); }
.notice.ok { color: var(--ok); border-color: #cbe7d7; background: #f2faf5; }
.notice.error { color: var(--danger); border-color: #e8c5c7; background: #fff5f5; }
.boot-overlay { background: var(--bg); }
.auth-card { box-shadow: 0 18px 60px rgba(42, 39, 35, .08); }

input, textarea, select { border-color: var(--line); background: #fff; color: var(--text); }
input::placeholder, textarea::placeholder { color: #a19b95; }
input:focus, textarea:focus, select:focus { border-color: #c47a2a; }
table { color: var(--text); }
th { color: #6e7071; }
td { border-color: var(--line); }

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #121315;
  --bg-soft: #1b1c1f;
  --panel: #222326;
  --panel-2: #222326;
  --line: #393b3f;
  --line-strong: #606267;
  --text: #f3f1ec;
  --muted: #b5b5b3;
  --accent: #f1a746;
  --accent-soft: #f1a746;
  --accent-rgb: 241, 167, 70;
  --ok: #91bf9e;
  --danger: #f0a1a5;
  --shadow: 0 10px 30px rgba(0, 0, 0, .12);
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, .1);
}
:root[data-theme="dark"] body,
:root[data-theme="dark"] .boot-overlay { background: var(--bg); color: var(--text); }
:root[data-theme="dark"] .vendor-sidebar,
:root[data-theme="dark"] .shell-header { background: #1b1c1f; }
:root[data-theme="dark"] .vendor-brand-mark { background: #f1a746; color: #22180d; }
:root[data-theme="dark"] .vendor-brand-mark span { color: #fff1d8; }
:root[data-theme="dark"] .vendor-brand small,
:root[data-theme="dark"] .brand-kicker,
:root[data-theme="dark"] .vendor-side-footer small,
:root[data-theme="dark"] .vendor-nav-label { color: #9b9b9c; }
:root[data-theme="dark"] .vendor-side-link { color: #c8c8c5; }
:root[data-theme="dark"] .vendor-side-link:hover { background: #2b2d30; color: #fff; }
:root[data-theme="dark"] .vendor-side-link.active { background: #393127; color: #ffc777; box-shadow: inset 3px 0 0 #f1a746; }
:root[data-theme="dark"] .vendor-side-footer a { color: #f0b667; }
:root[data-theme="dark"] .shell-link,
:root[data-theme="dark"] .shell-link.subtle,
:root[data-theme="dark"] .workspace-tab,
:root[data-theme="dark"] .tab-btn { border-color: var(--line); background: #292b2e; color: var(--text); }
:root[data-theme="dark"] .shell-link:hover,
:root[data-theme="dark"] .workspace-tab:hover { background: #35373b; }
:root[data-theme="dark"] .shell-link.active,
:root[data-theme="dark"] .workspace-tab.active,
:root[data-theme="dark"] .tab-btn.active { border-color: #775638; background: #393127; color: #ffc777; }
:root[data-theme="dark"] .workspace-label,
:root[data-theme="dark"] .section-kicker,
:root[data-theme="dark"] .hero-kicker { color: #a6a7a8; }
:root[data-theme="dark"] .workspace-pill,
:root[data-theme="dark"] .workspace-pill.active { border-color: #3a6b56; background: #203d33; color: #a5e0bb; }
:root[data-theme="dark"] .workspace-pill.subtle { border-color: var(--line); background: #2b2d30; color: var(--muted); }
:root[data-theme="dark"] .hero,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .summary-chip,
:root[data-theme="dark"] .auth-card,
:root[data-theme="dark"] .product-fact-box,
:root[data-theme="dark"] .stats-metric-card,
:root[data-theme="dark"] .sales-insight-panel,
:root[data-theme="dark"] .stats-chart-frame,
:root[data-theme="dark"] .stats-strip-cell,
:root[data-theme="dark"] .status-item,
:root[data-theme="dark"] .inline-stat,
:root[data-theme="dark"] .product-subcard,
:root[data-theme="dark"] .store-command-card,
:root[data-theme="dark"] .store-command-signal,
:root[data-theme="dark"] .dash-progress-row,
:root[data-theme="dark"] .store-health-cell,
:root[data-theme="dark"] .task-callout,
:root[data-theme="dark"] .stats-list-row { border-color: var(--line); background: var(--panel); color: var(--text); }
:root[data-theme="dark"] .summary-chip,
:root[data-theme="dark"] .store-command-signal,
:root[data-theme="dark"] .stats-metric-card,
:root[data-theme="dark"] .status-item,
:root[data-theme="dark"] .inline-stat { background: #292b2e; }
:root[data-theme="dark"] .stat-label,
:root[data-theme="dark"] .summary-chip-label,
:root[data-theme="dark"] .stats-metric-label,
:root[data-theme="dark"] .status-item-label,
:root[data-theme="dark"] .inline-stat-label,
:root[data-theme="dark"] .store-command-signal small,
:root[data-theme="dark"] .task-callout-label,
:root[data-theme="dark"] .section-tag { color: #a5a6a7; }
:root[data-theme="dark"] .stat-value,
:root[data-theme="dark"] .summary-chip-value,
:root[data-theme="dark"] .stats-metric-value,
:root[data-theme="dark"] .inline-stat-value,
:root[data-theme="dark"] .status-item-value { color: var(--text); }
:root[data-theme="dark"] .store-command-flag { border-color: #3a6b56; background: #203d33; color: #a5e0bb; }
:root[data-theme="dark"] .analytics-tab-shell { border-color: var(--line); background: #292b2e; }
:root[data-theme="dark"] .analytics-tab { color: #cac9c4; }
:root[data-theme="dark"] .analytics-tab.active { background: #49382a; color: #ffc777; box-shadow: none; }
:root[data-theme="dark"] .stats-chart-frame,
:root[data-theme="dark"] .sales-visual-layout .stats-chart-frame,
:root[data-theme="dark"] .sales-insight-panel { border-color: var(--line); background: #25272a; }
:root[data-theme="dark"] .stats-chart-grid line { stroke: #3a3c40; }
:root[data-theme="dark"] .stats-chart-area { fill: rgba(241, 167, 70, .13); }
:root[data-theme="dark"] .stats-chart-line { stroke: #f1a746; }
:root[data-theme="dark"] .stats-chart-dot { fill: #25272a; stroke: #f1a746; }
:root[data-theme="dark"] .stats-chart-axis-label { fill: #9e9f9f; }
:root[data-theme="dark"] .stats-chart-legend i { background: #f1a746; }
:root[data-theme="dark"] .sales-insight-label { color: #a5a6a7; }
:root[data-theme="dark"] .btn { border-color: #eca34b; background: #eca34b; color: #22180d; }
:root[data-theme="dark"] .btn:hover { background: #f6bc68; }
:root[data-theme="dark"] .btn-ghost { border-color: var(--line); background: #292b2e; color: var(--text); }
:root[data-theme="dark"] .btn-ghost:hover { background: #35373b; }
:root[data-theme="dark"] .btn-danger { border-color: #8d4b50; background: #432a30; color: #f7bdc0; }
:root[data-theme="dark"] .notice { border-color: var(--line); background: #292b2e; color: var(--muted); }
:root[data-theme="dark"] .notice.ok { border-color: #3a6b56; background: #203d33; color: #a5e0bb; }
:root[data-theme="dark"] .notice.error { border-color: #82454a; background: #3c282d; color: #f0a1a5; }
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select { border-color: var(--line); background-color: #17191c !important; color: var(--text); }
:root[data-theme="dark"] input:-webkit-autofill,
:root[data-theme="dark"] input:-webkit-autofill:hover,
:root[data-theme="dark"] input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #17191c inset;
  -webkit-text-fill-color: var(--text);
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: #858688; }
:root[data-theme="dark"] th { color: #a5a6a7; }
:root[data-theme="dark"] td { border-color: var(--line); }

@media (max-width: 1100px) {
  .shell { grid-template-columns: 206px minmax(0, 1fr); }
  .vendor-side-nav { padding: 16px 8px; }
  .store-command-signal-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-command-signal:nth-child(2) { border-right: 0; }
  .store-command-signal:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 720px) {
  .shell { display: block; }
  .vendor-sidebar { position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .vendor-brand { height: 64px; padding: 12px 16px; }
  .vendor-side-nav { display: flex; gap: 2px; padding: 6px 12px; overflow-x: auto; }
  .vendor-nav-group { display: contents; }
  .vendor-nav-label, .vendor-side-footer { display: none; }
  .vendor-side-link { flex: 0 0 auto; white-space: nowrap; padding: 9px 11px; }
  .shell-header { min-height: 68px; padding: 12px 16px; }
  .shell-header { flex-direction: row; }
  .shell-actions { display: flex; width: auto; gap: 7px; }
  .shell-link { width: auto; }
  .shell-title { font-size: 17px; }
  .shell-user { display: none; }
  .theme-toggle-label { display: none; }
  .main { padding: 21px 16px 42px; }
  .workspace-header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .workspace-meta { justify-content: flex-start; }
  .vendor-page-intro { margin: 3px 0 22px; }
  .vendor-page-intro h1 { font-size: 27px; }
  .store-command-card { padding: 17px; }
  .store-command-signal-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-command-signal { padding: 12px; }
  .vendor-fulfilment-card { order: -1; }
}

/* Finish the legacy component palette in the client theme. */
.chart-track, .mini-graph-track { border-color: var(--line); background: var(--bg-soft); }
.chart-fill, .chart-fill.accent, .chart-fill.warn, .time-bar-fill, .mini-graph-fill {
  background: #bd6b21;
  box-shadow: none;
}
.chart-fill.ok, .mini-graph-fill.ok { background: #4e9a74; }
.tab-btn small { border-color: var(--line); background: var(--bg-soft); color: var(--muted); }
.tab-btn.active small { border-color: #e6c39b; background: #ffe7cc; color: #8d4816; }
.soft-panel, .order-payment-facts, .order-summary-grid div,
.cockpit-chip, .product-summary-card, .settings-sidebar-accent {
  border-color: var(--line);
  background: #faf9f7;
  color: var(--text);
  box-shadow: none;
}
.cockpit-chip::after { display: none; }
.integration-card { border-color: var(--line); }
.pill, .pill.soft { border-color: var(--line); background: #f2f0ed; color: var(--text); }
.pill::before { display: none; }
.pill.ok { border-color: #cbe7d7; background: #e9f4ee; color: #287658; }
.pill.warn { border-color: #e8d6ad; background: #fff8e8; color: #7d5b22; }
.pill.danger { border-color: #e8c5c7; background: #fff0f0; color: #a63e43; }
.integration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.integration-grid .span-12 { grid-column: 1 / -1; }
.integration-grid .integration-card { grid-column: auto; }
.integration-grid .integration-card-shop { grid-row: span 2; }
.settings-security-panel { border-color: var(--line); }
.settings-form-grid > div { border-color: var(--line); border-radius: 8px; background: #faf9f7; }
.settings-logo-preview, .inline-note, .editor-panel { border-color: var(--line); background: #faf9f7; }
.list-item, .compact-rail { border: 1px solid var(--line); border-radius: 9px; background: var(--panel); color: var(--text); box-shadow: none; }
.list-title, .store-rail-title { color: var(--text); }
.store-rail-action { border-left-color: #e6c39b; }
.product-visual-card { background: #f0ece6; }
.product-visual-placeholder { color: #696d70; }
.product-fact-box.accent { border-color: #e6c39b; background: #fff3e6; }

/* Orders: a single queue control and compact, readable rows. */
.vendor-orders-hero { padding: 20px 24px; }
.vendor-orders-hero h1 { margin: 0 0 5px; font-size: 27px; }
.vendor-orders-hero p { margin: 0; }
.vendor-orders-hero .summary-chip-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.vendor-orders-hero .summary-chip { padding: 12px 14px; }
.vendor-orders-hero .summary-chip-value { margin-top: 4px; font-size: 22px; }
.vendor-orders-shell { grid-template-columns: minmax(340px, .84fr) minmax(0, 1.16fr); gap: 22px; }
.vendor-orders-list-shell, .vendor-orders-detail-shell { min-width: 0; grid-column: auto; }
.vendor-orders-inbox-shell { margin-top: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: var(--shadow-soft); }
.vendor-orders-inbox-toolbar { padding: 14px; border-bottom: 1px solid var(--line); background: var(--panel); }
.vendor-order-toolbar input { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--text); padding: 10px 12px; }
#vendor-order-focus-tabs { display: flex; flex-wrap: wrap; gap: 5px; padding: 11px 12px 4px; border: 0; }
#vendor-order-focus-tabs .tab-btn { min-height: 32px; padding: 5px 8px; font-size: 11px; }
#vendor-order-focus-tabs .tab-btn small { margin-left: 3px; padding: 2px 5px; min-width: 18px; }
.vendor-order-visible-count { padding: 5px 14px 0; color: var(--muted); font-size: 11px; }
#vendor-order-guidance { padding: 8px 12px 0; }
.queue-guidance-card { border-color: var(--line); border-radius: 7px; background: var(--bg-soft); padding: 9px 12px; }
.queue-guidance-kicker { display: none; }
.queue-guidance-title { margin: 0; font-size: 12px; }
.queue-guidance-copy { margin: 3px 0 0; font-size: 11px; line-height: 1.45; }
#vendor-order-list { max-height: 900px; padding: 11px 12px 14px; gap: 7px; }
#vendor-order-detail { max-height: none; min-height: 0; overflow: visible; padding-right: 0; }
.order-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 12px 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: none; }
.order-row::before { display: none; }
.order-row:hover { border-color: var(--line-strong); background: var(--bg-soft); }
.order-row.active { border-color: #daa46c; background: #fff3e6; box-shadow: inset 3px 0 0 #bd6b21; }
.order-row-titleline { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.order-row-title { min-width: 0; overflow-wrap: anywhere; font-size: 14px; }
.order-row-amount { flex: 0 0 auto; font-size: 15px; line-height: 1.2; }
.order-row-contact { margin-top: 4px; line-height: 1.35; overflow-wrap: anywhere; }
.order-row-meta { margin-top: 8px; gap: 4px 10px; font-size: 11px; }
.order-row-state { font-size: 11px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--accent); }
.order-row-flags { gap: 4px; margin-top: 7px; }
.queue-flag, .queue-flag.ok { min-height: 22px; border-color: #cce5d5; background: #edf7f1; color: #287658; }
.queue-flag.warn { border-color: #e8d6ad; background: #fff8e8; color: #7d5b22; }
.queue-flag.danger { border-color: #e8c5c7; background: #fff0f0; color: #a63e43; }
.order-row-actions { display: flex; align-items: center; padding: 0; border: 0; }
.order-row-toolbar { display: flex; }
.order-row-toolbar .btn-ghost { min-height: 32px; height: 32px; white-space: nowrap; font-size: 11px; padding: 0 9px; }
.order-detail-title { font-size: 22px; }
.order-detail-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: -3px 0 2px; }
.order-detail-nav a { border: 1px solid var(--line); border-radius: 6px; padding: 6px 9px; color: var(--accent); background: var(--panel); font-size: 11px; font-weight: 650; }
.order-detail-nav a:hover { background: var(--bg-soft); }
.order-detail-page [id^="order-"] { scroll-margin-top: 16px; }
.order-detail-columns { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.order-detail-main, .order-detail-side { gap: 10px; }
.order-detail-side { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.order-detail-page .soft-panel { padding: 14px; border-radius: 8px; }
.order-detail-side .soft-panel { min-width: 0; }
.order-messages-card { display: flex; flex-direction: column; }
.order-message-thread { min-height: 90px; max-height: 220px; overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.order-message-thread .line-item-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; min-width: 0; overflow-wrap: anywhere; text-align: left; }
.order-message-thread .line-item-row strong,
.order-message-thread .line-item-row span { min-width: 0; text-align: left; }
.order-message-composer { margin-top: auto; padding-top: 14px; }
.order-detail-side .brief-row { gap: 10px; padding: 10px 0; }
.order-detail-side .brief-row span { min-width: 0; }
.order-detail-side .brief-row strong { min-width: 0; overflow-wrap: anywhere; }
.order-technical-details { margin-top: 12px; border-top: 1px solid var(--line); padding-top: 11px; }
.order-technical-details summary { cursor: pointer; color: var(--accent); font-size: 12px; font-weight: 700; }
.order-technical-details summary:hover { text-decoration: underline; }
.order-technical-row { display: grid; gap: 4px; margin-top: 12px; }
.order-technical-row span { color: var(--muted); font-size: 11px; }
.order-technical-row strong { min-width: 0; overflow-wrap: anywhere; font-size: 11px; line-height: 1.5; font-weight: 600; }
.order-essentials { border-left: 3px solid var(--accent); }
.order-essentials-title { margin: 5px 0 0; font-size: 18px; line-height: 1.2; }
.order-essentials .order-items-stack { margin: 12px 0; border-top: 1px solid var(--line); }
.order-essentials .line-item-row { padding: 10px 0; }
.order-essentials .order-detail-facts { margin-top: 8px; }
.order-essentials .order-address-block,
.order-essentials-note { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
.order-essentials .order-address-block textarea { min-height: 105px; margin-top: 7px; }
.order-essentials-note .section-copy { margin-top: 5px; white-space: pre-wrap; }
.order-summary-inline, .line-item-row { border-color: var(--line); }
.order-payment-facts { background: var(--panel); }

:root[data-theme="dark"] .chart-track,
:root[data-theme="dark"] .mini-graph-track { background: #17191c; }
:root[data-theme="dark"] .chart-fill,
:root[data-theme="dark"] .chart-fill.accent,
:root[data-theme="dark"] .chart-fill.warn,
:root[data-theme="dark"] .time-bar-fill,
:root[data-theme="dark"] .mini-graph-fill { background: #f1a746; }
:root[data-theme="dark"] .chart-fill.ok,
:root[data-theme="dark"] .mini-graph-fill.ok { background: #91bf9e; }
:root[data-theme="dark"] .tab-btn small { background: #242629; color: #c8c8c5; }
:root[data-theme="dark"] .tab-btn.active small { border-color: #775638; background: #513d2b; color: #ffc777; }
:root[data-theme="dark"] .soft-panel,
:root[data-theme="dark"] .order-payment-facts,
:root[data-theme="dark"] .order-summary-grid div,
:root[data-theme="dark"] .cockpit-chip,
:root[data-theme="dark"] .product-summary-card,
:root[data-theme="dark"] .settings-sidebar-accent { border-color: var(--line); background: #25272a; color: var(--text); }
:root[data-theme="dark"] .product-fact-box.accent { border-color: #775638; }
:root[data-theme="dark"] .product-fact-box.accent { background: #302b25; }
:root[data-theme="dark"] .list-item,
:root[data-theme="dark"] .compact-rail { border-color: var(--line); background: #25272a; color: var(--text); }
:root[data-theme="dark"] .store-rail-action { border-left-color: #775638; }
:root[data-theme="dark"] .product-visual-card { background: #292b2e; }
:root[data-theme="dark"] .product-visual-placeholder { color: var(--muted); }
:root[data-theme="dark"] .settings-form-grid > div,
:root[data-theme="dark"] .settings-logo-preview,
:root[data-theme="dark"] .inline-note,
:root[data-theme="dark"] .editor-panel { border-color: var(--line); background: #25272a; }
:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .pill.soft { border-color: var(--line); background: #2b2d30; color: var(--text); }
:root[data-theme="dark"] .pill.ok { border-color: #3a6b56; background: #203d33; color: #a5e0bb; }
:root[data-theme="dark"] .pill.warn { border-color: #775638; background: #393127; color: #ffc777; }
:root[data-theme="dark"] .pill.danger { border-color: #82454a; background: #3c282d; color: #f0a1a5; }
:root[data-theme="dark"] .vendor-orders-inbox-shell,
:root[data-theme="dark"] .vendor-orders-inbox-toolbar,
:root[data-theme="dark"] .order-row { border-color: var(--line); background: var(--panel); }
:root[data-theme="dark"] .queue-guidance-card { border-color: var(--line); background: #292b2e; }
:root[data-theme="dark"] .order-row:hover { border-color: #80684b; background: #2b2d30; }
:root[data-theme="dark"] .order-row.active { border-color: #a27642; background: #302b25; box-shadow: inset 3px 0 0 #f1a746; }
:root[data-theme="dark"] .order-detail-nav a { border-color: var(--line); background: #292b2e; }
:root[data-theme="dark"] .order-detail-nav a:hover { background: #393127; }
:root[data-theme="dark"] .queue-flag,
:root[data-theme="dark"] .queue-flag.ok { border-color: #3a6b56; background: #203d33; color: #a5e0bb; }
:root[data-theme="dark"] .queue-flag.warn { border-color: #775638; background: #393127; color: #ffc777; }
:root[data-theme="dark"] .queue-flag.danger { border-color: #82454a; background: #3c282d; color: #f0a1a5; }

@media (max-width: 1280px) {
  .vendor-orders-shell { grid-template-columns: minmax(0, 1fr); }
  #vendor-order-list { max-height: 540px; }
}
@media (max-width: 1000px) {
  .integration-grid { grid-template-columns: minmax(0, 1fr); }
  .integration-grid .integration-card-shop { grid-row: auto; }
}
@media (max-width: 720px) {
  .vendor-orders-hero .summary-chip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vendor-orders-shell { display: grid; grid-template-columns: minmax(0, 1fr); }
  .order-row { grid-template-columns: minmax(0, 1fr); }
  .order-row-actions { justify-content: flex-start; }
  .order-detail-columns { grid-template-columns: minmax(0, 1fr); }
  .order-detail-side { grid-template-columns: minmax(0, 1fr); }
}