/* BloomoIntegration unified visual polish layer */
:root {
  --bi-bg: #f4f6f8;
  --bi-bg-strong: #eef2f6;
  --bi-surface: #ffffff;
  --bi-surface-soft: #f8fafc;
  --bi-ink: #171b24;
  --bi-ink-soft: #303747;
  --bi-muted: #667085;
  --bi-line: #dce3ec;
  --bi-line-soft: #e9edf3;
  --bi-accent: #df3650;
  --bi-accent-dark: #b9243a;
  --bi-green: #118a67;
  --bi-blue: #245dd8;
  --bi-amber: #bd7300;
  --bi-red: #cf2f3d;
  --bi-radius: 8px;
  --bi-shadow: 0 16px 38px rgba(23, 27, 36, .08);
  --bi-shadow-soft: 0 8px 20px rgba(23, 27, 36, .045);
  --bi-focus: rgba(223, 54, 80, .24);
}

html {
  background: var(--bi-bg);
}

body {
  min-width: 320px;
  background: var(--bi-bg);
  color: var(--bi-ink);
  font-size: 15px;
}

body,
button,
input,
select,
textarea {
  letter-spacing: 0;
}

a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button,
input,
select,
textarea {
  border-radius: var(--bi-radius);
}

:focus-visible {
  outline: 3px solid var(--bi-focus);
  outline-offset: 2px;
}

::selection {
  background: rgba(223, 54, 80, .18);
}

.brand {
  gap: 10px;
  min-width: 0;
  color: inherit;
}

.brand > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand-mark {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: var(--bi-radius);
  background: var(--bi-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
}

.site-header,
.app-header {
  min-height: 64px;
  padding: 12px clamp(18px, 4vw, 44px);
  border-bottom: 1px solid var(--bi-line-soft);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 8px 22px rgba(23, 27, 36, .045);
}

.site-nav,
.app-nav {
  gap: 8px;
}

.site-nav a,
.app-nav a,
.header-link {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: var(--bi-radius);
  color: var(--bi-muted);
  font-size: 13px;
  font-weight: 850;
}

.site-nav a:hover,
.site-nav a:focus-visible,
.app-nav a:hover,
.app-nav a:focus-visible,
.site-nav a[aria-current="page"],
.app-nav a[aria-current="page"],
.header-link:hover,
.header-link:focus-visible {
  background: #fff1f4;
  color: var(--bi-accent-dark);
}

.header-button,
.button.primary,
.primary-button {
  border-color: var(--bi-accent);
  background: var(--bi-accent);
  color: #fff;
  box-shadow: none;
}

.header-button:hover,
.header-button:focus-visible,
.button.primary:hover,
.button.primary:focus-visible,
.primary-button:hover,
.primary-button:focus-visible {
  border-color: var(--bi-accent-dark);
  background: var(--bi-accent-dark);
  box-shadow: 0 10px 24px rgba(223, 54, 80, .18);
}

.button.secondary,
.secondary-button,
.ghost-button {
  border-color: var(--bi-line);
  background: #fff;
  color: var(--bi-ink);
  box-shadow: none;
}

.button.secondary:hover,
.button.secondary:focus-visible,
.secondary-button:hover,
.secondary-button:focus-visible,
.ghost-button:hover,
.ghost-button:focus-visible {
  border-color: #cbd5e1;
  background: var(--bi-surface-soft);
}

.eyebrow {
  color: #6b7484;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.site-header + main,
.app-header + main {
  background: var(--bi-bg);
}

.section,
.pricing-shell,
.inventory-shell,
.compositions-shell,
.admin-shell,
.account-shell {
  color: var(--bi-ink);
}

.section-head,
.page-head,
.table-head,
.channel-head,
.history-head,
.drawer-head,
.panel-head,
.module-head,
.module-editor-head,
.overview-panel-head,
.orders-panel-head,
.analytics-panel-head,
.event-log-head {
  border-color: var(--bi-line-soft);
}

.section-head h2,
.page-head h1,
.page-head h2,
.table-head h2,
.channel-head h2,
.history-head h2,
.drawer-head h2,
.panel-head h2,
.module-head h2,
.overview-panel-head h3,
.orders-panel-head h3,
.analytics-panel-head h3,
.admin-hero h1,
.account-toolbar h1 {
  color: var(--bi-ink);
}

.section-head p,
.page-head p,
.panel p,
.module-status,
.empty-state,
.drawer-status,
.form-status,
.run-status,
.channel-note {
  color: var(--bi-muted);
}

.proof-strip,
.hero-facts,
.audience-grid,
.comparison-layout,
.module-grid,
.flowwow-layout,
.safety-grid,
.cabinet-preview,
.market-grid,
.account-start-panel,
.faq-grid,
.summary-grid,
.toolbar,
.channel-panel,
.history-panel,
.table-section,
.guard-panel,
.calc-board,
.before-panel,
.after-panel,
.admin-section,
.admin-hero,
.admin-auth-card,
.operations-card,
.system-status-card,
.account-section,
.overview-hero,
.overview-panel,
.overview-card,
.overview-action,
.module-metric,
.status-card,
.workspace-card,
.module-card,
.panel,
.workspace-table-wrap,
.table-wrap,
.billing-table-wrap,
.inventory-ops-panel,
.order-detail-panel,
.analytics-panel,
.analytics-score-card {
  border: 1px solid var(--bi-line);
  border-radius: var(--bi-radius);
  background: var(--bi-surface);
  box-shadow: var(--bi-shadow-soft);
}

.proof-strip,
.hero-facts,
.summary-grid,
.toolbar,
.channel-panel,
.history-panel,
.table-section,
.guard-panel,
.admin-section,
.account-section,
.overview-hero,
.overview-panel,
.panel {
  padding: 16px;
}

.pricing-shell,
.inventory-shell,
.compositions-shell {
  display: grid;
  gap: 14px;
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 20px clamp(14px, 3vw, 28px) 32px;
}

.page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
}

.page-head h1 {
  margin-bottom: 6px;
  font-size: 30px;
  line-height: 1.08;
}

.run-status,
.module-status,
.channel-note,
.drawer-status,
.form-status {
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid var(--bi-line-soft);
  border-radius: var(--bi-radius);
  background: var(--bi-surface-soft);
  font-size: 13px;
  font-weight: 800;
}

.bulk-progress-panel {
  display: grid;
  gap: 8px;
  margin: 8px 0 10px;
  padding: 10px 12px;
  position: sticky;
  top: 10px;
  z-index: 12;
  border: 1px solid var(--launch-border, var(--bi-line));
  border-left: 4px solid var(--launch-info, var(--bi-blue));
  border-radius: var(--launch-radius, var(--bi-radius));
  background: #f8fafc;
  color: var(--launch-text, var(--bi-ink));
  box-shadow: none;
}

.bulk-progress-panel[hidden] {
  display: none;
}

.bulk-progress-panel[data-tone="success"] {
  border-left-color: var(--launch-success, var(--bi-green));
  background: #f0fdfa;
}

.bulk-progress-panel[data-tone="error"] {
  border-left-color: var(--launch-danger, var(--bi-red));
  background: #fff5f6;
}

.bulk-progress-head,
.bulk-progress-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.bulk-progress-head strong {
  min-width: 0;
  overflow: hidden;
  color: var(--launch-text, var(--bi-ink));
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bulk-progress-head span {
  flex: 0 0 auto;
  color: var(--launch-text-soft, var(--bi-ink-soft));
  font-size: 12px;
  font-weight: 900;
}

.bulk-progress-track {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
}

.bulk-progress-track span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--launch-primary, var(--bi-accent)), var(--launch-info, var(--bi-blue)));
  transition: width .18s ease;
}

.bulk-progress-panel[data-tone="success"] .bulk-progress-track span {
  background: var(--launch-success, var(--bi-green));
}

.bulk-progress-panel[data-tone="error"] .bulk-progress-track span {
  background: var(--launch-danger, var(--bi-red));
}

.bulk-progress-meta {
  color: var(--launch-muted, var(--bi-muted));
  font-size: 12px;
  line-height: 1.3;
}

.bulk-progress-meta span {
  min-width: 0;
}

.bulk-progress-meta span:last-child {
  text-align: right;
}

.bulk-progress-note {
  margin: 0;
  color: var(--launch-muted, var(--bi-muted));
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.summary-grid {
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.summary-card,
.module-metric,
.status-card,
.metric-card,
.admin-kpi,
.system-status-card {
  min-height: 82px;
  padding: 12px;
  border-color: var(--bi-line);
  background: #fff;
  box-shadow: none;
}

.summary-card strong,
.module-metric strong,
.status-card strong,
.metric-card strong,
.admin-kpi strong,
.system-status-card strong {
  font-size: 20px;
  line-height: 1.1;
}

.summary-card small,
.module-metric small,
.status-card small,
.metric-card small,
.admin-kpi small,
.system-status-card small {
  color: var(--bi-muted);
  font-size: 12px;
  line-height: 1.35;
}

.toolbar,
.channel-settings,
.module-controls,
.billing-config,
.settings-form,
.admin-access-form,
.user-form,
.inventory-form,
.composition-form,
.form-grid {
  gap: 10px;
}

.toolbar,
.module-controls,
.channel-settings {
  padding: 12px;
  background: var(--bi-surface-soft);
}

.toolbar label,
.module-controls label,
.channel-settings label,
.billing-config label,
.settings-form label,
.admin-access-form label,
.inventory-form label,
.composition-form label,
.search-field {
  gap: 6px;
  color: var(--bi-muted);
  font-size: 12px;
  font-weight: 900;
}

input,
select,
textarea {
  min-height: 40px;
  border: 1px solid var(--bi-line);
  background: #fff;
  color: var(--bi-ink);
}

input::placeholder,
textarea::placeholder {
  color: #8b95a5;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(223, 54, 80, .48);
  outline: 3px solid var(--bi-focus);
  outline-offset: 1px;
}

.table-wrap,
.workspace-table-wrap,
.billing-table-wrap {
  overflow: auto;
  border-color: var(--bi-line);
  background: #fff;
}

table {
  border-collapse: collapse;
}

th,
td {
  border-bottom-color: var(--bi-line-soft);
}

th,
.workspace-table th,
.billing-table th {
  background: var(--bi-surface-soft);
  color: var(--bi-muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

td,
.workspace-table td,
.billing-table td {
  color: var(--bi-ink-soft);
}

tbody tr {
  transition: background .14s ease;
}

tbody tr:hover {
  background: #fbfcfe;
}

.status-badge,
.status-pill,
.workflow-state,
.channel-readiness-row > b,
.test-mode-pill {
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.status-badge.ready,
.status-badge.active,
.status-badge.updated,
.status-badge.completed,
.status-pill[data-tone="success"] {
  background: #ecfdf5;
  color: var(--bi-green);
}

.status-badge.low,
.status-badge.missing_cost,
.status-badge.missing_composition,
.status-badge.missing_profit,
.status-badge.low_margin,
.status-badge.new,
.status-badge.accepted,
.status-badge.assembled,
.status-badge.delivering,
.test-mode-pill {
  background: #fff7ed;
  color: var(--bi-amber);
}

.status-badge.out_of_stock,
.status-badge.shortage,
.status-badge.cancelled,
.status-pill[data-tone="danger"] {
  background: #fff1f2;
  color: var(--bi-red);
}

.product-thumb,
.item-mark,
.brand-mark {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.calc-drawer,
.confirm-modal,
.login-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  padding: 20px;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(10px);
}

.calc-drawer.open,
.confirm-modal.open,
.login-modal.open {
  display: grid;
}

.calc-drawer.open {
  justify-content: end;
}

.confirm-modal.open,
.login-modal.open {
  place-items: center;
}

.drawer-panel,
.confirm-panel,
.login-panel {
  border: 1px solid var(--bi-line);
  border-radius: var(--bi-radius);
  background: #fff;
  box-shadow: var(--bi-shadow);
}

.confirm-panel {
  width: min(560px, 100%);
  max-height: calc(100svh - 40px);
  overflow-y: auto;
  padding: 22px;
}

.icon-button {
  border-color: var(--bi-line);
  background: var(--bi-surface-soft);
  color: var(--bi-ink);
}

.icon-button:hover,
.icon-button:focus-visible {
  background: #fff1f4;
  color: var(--bi-accent-dark);
}

.hero {
  min-height: 680px;
  background: #111827;
}

.hero-content {
  width: min(1120px, calc(100% - 32px));
  padding-top: 96px;
}

.hero .eyebrow,
.hero-copy {
  text-shadow: 0 2px 18px rgba(0, 0, 0, .28);
}

.hero-copy {
  max-width: 720px;
  font-size: 18px;
  line-height: 1.55;
}

.hero-facts {
  width: min(760px, 100%);
  margin-top: 24px;
  padding: 10px;
  background: rgba(255, 255, 255, .92);
  color: var(--bi-ink);
  backdrop-filter: blur(10px);
}

.hero-facts div {
  min-height: 70px;
  padding: 12px;
  border-radius: var(--bi-radius);
  background: var(--bi-surface-soft);
}

.proof-strip {
  width: min(1120px, calc(100% - 32px));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: -42px auto 0;
  padding: 10px;
  position: relative;
  z-index: 2;
}

.proof-strip article {
  min-height: 128px;
  padding: 16px;
  border: 1px solid var(--bi-line-soft);
  border-radius: var(--bi-radius);
  background: var(--bi-surface-soft);
  color: var(--bi-ink);
}

.proof-strip span {
  margin-bottom: 10px;
  color: var(--bi-accent-dark);
}

.proof-strip strong {
  margin-bottom: 7px;
  font-size: 17px;
  line-height: 1.2;
}

.proof-strip p {
  color: var(--bi-muted);
  font-size: 13px;
  line-height: 1.38;
}

.visual-card,
.before-panel,
.after-panel,
.calc-board,
.flowwow-copy,
.safety-card,
.market-card,
.faq-card,
.account-step,
.module-grid a {
  border-color: var(--bi-line);
  border-radius: var(--bi-radius);
  background: #fff;
  box-shadow: var(--bi-shadow-soft);
}

.segment-media {
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.cabinet-preview {
  gap: 8px;
  padding: 12px;
}

.cabinet-preview > div {
  border-radius: var(--bi-radius);
  background: var(--bi-surface-soft);
}

.account-layout,
.admin-layout {
  background: var(--bi-bg);
}

.account-sidebar,
.admin-header {
  background: #171d27;
  color: #fff;
}

.side-nav a,
.admin-nav a {
  border-radius: var(--bi-radius);
}

.side-nav a[aria-current="page"],
.admin-nav a[aria-current="page"] {
  border-color: rgba(223, 54, 80, .72);
  background: #fff;
  color: var(--bi-ink);
}

.account-session-card,
.admin-kpis,
.system-status-grid,
.settings-overview,
.api-audit-grid {
  gap: 8px;
}

.account-session-card span {
  min-height: 72px;
  background: var(--bi-surface-soft);
}

.overview-hero {
  min-height: 0;
}

.overview-next {
  border-color: rgba(223, 54, 80, .2);
  background: #fff7f8;
}

.overview-grid {
  gap: 8px;
}

.overview-card::before {
  height: 4px;
}

.workflow-step,
.channel-readiness-row,
.orders-action-row,
.analytics-row,
.inventory-movement-row,
.settings-overview-card,
.api-audit-card,
.integration-guard-card,
.integration-status-card,
.order-product-row {
  border-color: var(--bi-line);
  background: var(--bi-surface-soft);
}

.module-editor {
  background: #fff;
}

.inventory-content,
.orders-content,
.orders-workbench,
.analytics-workbench {
  gap: 12px;
}

.admin-auth-screen {
  background: var(--bi-bg);
}

.admin-auth-card {
  max-width: 620px;
  margin: 0 auto;
}

.admin-header {
  gap: 14px;
  padding: 18px 14px;
}

.admin-shell {
  max-width: 1440px;
  padding: 20px 22px;
}

.admin-hero {
  display: grid;
  grid-template-columns: minmax(260px, .38fr) minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
}

.admin-hero h1 {
  font-size: 30px;
  line-height: 1.08;
}

.admin-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operations-grid,
.plan-admin-grid,
.payment-admin-grid,
.promo-admin-grid,
.user-admin-grid {
  gap: 12px;
}

.event-log,
.action-queue,
.export-list,
.promo-list {
  border-color: var(--bi-line);
  background: var(--bi-surface-soft);
}

@media (max-width: 1180px) {
  .proof-strip,
  .flowwow-layout,
  .comparison-layout,
  .product-layout,
  .cabinet-layout,
  .admin-hero,
  .overview-hero,
  .overview-workbench {
    grid-template-columns: 1fr;
  }

  .admin-kpis,
  .overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .site-header,
  .app-header {
    position: sticky;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
  }

  .site-nav,
  .app-nav,
  .header-actions {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .site-nav::-webkit-scrollbar,
  .app-nav::-webkit-scrollbar,
  .header-actions::-webkit-scrollbar {
    display: none;
  }

  .pricing-shell,
  .inventory-shell,
  .compositions-shell,
  .admin-shell,
  .account-shell {
    padding: 14px;
  }

  .page-head,
  .toolbar,
  .channel-settings,
  .module-controls,
  .admin-hero {
    grid-template-columns: 1fr;
  }

  .page-head {
    display: grid;
  }
}

@media (max-width: 560px) {
  body {
    font-size: 14px;
  }

  .hero {
    min-height: 620px;
  }

  .hero-content {
    width: calc(100% - 24px);
    padding-top: 84px;
  }

  .hero-copy {
    font-size: 16px;
  }

  .proof-strip,
  .hero-facts,
  .audience-grid,
  .module-grid,
  .safety-grid,
  .market-grid,
  .faq-grid,
  .account-session-card,
  .admin-kpis,
  .overview-grid,
  .summary-grid,
  .inventory-summary,
  .composition-summary,
  .system-status-grid,
  .settings-overview,
  .api-audit-grid {
    grid-template-columns: 1fr;
  }

  .proof-strip article {
    min-height: 0;
  }

  .proof-strip,
  .hero-facts {
    width: calc(100% - 24px);
  }

  .page-head h1,
  .admin-hero h1,
  .account-toolbar h1 {
    font-size: 26px;
  }

  .summary-card,
  .module-metric,
  .status-card,
  .metric-card,
  .admin-kpi {
    min-height: 70px;
  }

  .table-head,
  .history-head,
  .channel-head,
  .drawer-head,
  .module-head,
  .section-head {
    display: grid;
    gap: 8px;
  }

  .drawer-panel,
  .confirm-panel,
  .login-panel {
    width: min(100vw - 20px, 640px);
  }
}

/* Final cabinet polish: compact SaaS workspace, consistent forms and readable status blocks */
.account-layout {
  grid-template-columns: 248px minmax(0, 1fr);
}

.account-shell {
  max-width: 1360px;
  gap: 12px;
  padding: 18px 20px 28px;
}

.account-sidebar {
  padding: 16px 12px;
}

.side-nav a {
  min-height: 46px;
  padding: 8px 10px;
}

.account-toolbar {
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding-bottom: 2px;
}

.account-toolbar h1 {
  font-size: 30px;
  line-height: 1.08;
}

.account-toolbar p {
  max-width: 480px;
  font-size: 14px;
  line-height: 1.42;
}

.account-session-card {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  align-self: start;
  padding: 6px;
}

.account-session-card span {
  min-height: 58px;
  align-content: start;
  gap: 5px;
  padding: 8px;
}

.account-session-card small {
  font-size: 10px;
  line-height: 1.1;
}

.account-session-card b {
  font-size: 14px;
  line-height: 1.2;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.overview-hero {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
  gap: 12px;
  min-height: auto !important;
  align-items: start;
  padding: 14px 16px;
}

.overview-hero > div:first-child {
  display: grid;
  align-content: start;
  gap: 6px;
}

.overview-hero h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
}

.overview-hero p {
  max-width: 640px;
  font-size: 14px;
  line-height: 1.42;
}

.overview-next {
  min-height: 0;
  gap: 6px;
  padding: 12px;
}

.overview-next strong {
  font-size: 17px;
  line-height: 1.15;
}

.overview-next span {
  font-size: 13px;
  line-height: 1.34;
}

.overview-next a {
  min-height: 36px;
  margin-top: 2px;
  padding: 8px 11px;
}

.overview-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}

.overview-card {
  min-height: 94px;
  gap: 6px;
  padding: 11px;
}

.overview-card strong {
  font-size: 20px;
  line-height: 1.08;
}

.overview-card span {
  font-size: 12px;
  line-height: 1.3;
}

.overview-workbench {
  grid-template-columns: minmax(0, 1.18fr) minmax(288px, .82fr);
  gap: 10px;
}

.overview-panel {
  gap: 8px;
  padding: 12px;
}

.workflow-step {
  min-height: 50px;
  padding: 8px 9px;
}

.channel-readiness-row {
  min-height: 50px;
  padding: 9px;
}

.overview-actions {
  gap: 8px;
}

.overview-action {
  min-height: 66px;
  padding: 10px;
}

.settings-overview,
.api-audit-grid {
  gap: 8px;
}

.settings-overview-card {
  min-height: 92px;
  padding: 10px;
}

.settings-overview-card strong {
  font-size: 19px;
}

.settings-overview-card small {
  font-size: 12px;
  line-height: 1.3;
}

.api-audit-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.api-audit-card {
  min-height: 96px;
  gap: 6px;
  padding: 10px;
  box-shadow: none;
}

.api-audit-card > span {
  padding: 4px 7px;
  font-size: 10px;
}

.api-audit-card strong {
  font-size: 15px;
}

.api-audit-card small {
  display: none;
}

.api-audit-card dl {
  gap: 4px;
}

.api-audit-card dl div {
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 6px;
}

.api-audit-card dt,
.api-audit-card dd {
  font-size: 10px;
  line-height: 1.2;
}

.settings-grid {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 10px;
}

.integration-list {
  gap: 6px;
}

.integration-status-card {
  min-height: 58px;
  gap: 4px;
  padding: 9px 10px;
}

.integration-status-card strong {
  font-size: 14px;
}

.integration-status-card small {
  font-size: 12px;
  line-height: 1.28;
}

.connection-state {
  padding: 4px 7px;
  font-size: 10px;
}

.integration-panel {
  gap: 10px;
}

.integration-tabs {
  gap: 6px;
}

.integration-tab {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 13px;
}

.integration-form {
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integration-form-head {
  align-items: center;
  padding-bottom: 8px;
}

.integration-form-head h3 {
  font-size: 20px;
}

.integration-readiness,
.integration-guard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.integration-readiness-card,
.integration-guard-card {
  min-height: 74px;
  gap: 4px;
  padding: 9px;
}

.integration-readiness-card b,
.integration-guard-card b {
  font-size: 15px;
}

.integration-readiness-card em,
.integration-guard-card em {
  font-size: 11px;
  line-height: 1.28;
}

.integration-requirements {
  gap: 6px;
  padding: 9px;
}

.integration-requirements > div {
  gap: 6px;
}

.integration-requirement {
  min-height: 28px;
  padding: 5px 8px;
}

.integration-field {
  gap: 5px;
}

.integration-field input,
.catalog-settings-grid input,
.module-controls input,
.module-controls select,
.module-form-grid input,
.module-form-grid select,
.billing-config input,
.billing-config select {
  min-height: 38px;
  padding: 8px 10px;
}

.switch-row {
  min-height: 38px;
}

.switch-row input {
  width: 16px;
  height: 16px;
}

.integration-actions {
  gap: 8px;
}

.integration-actions .primary-button,
.integration-actions .secondary-button {
  min-width: 0;
  min-height: 40px;
}

.connection-help,
.status-text {
  font-size: 13px;
  line-height: 1.35;
}

.catalog-settings-fieldset[hidden] {
  display: none !important;
}

.module-head,
.section-head {
  gap: 10px;
  padding-bottom: 8px;
}

.module-head h2,
.section-head h2,
.orders-panel-head h3,
.analytics-panel-head h3 {
  font-size: 20px;
}

.module-metrics,
.module-metrics.compact,
.status-grid,
.analytics-grid {
  gap: 7px;
}

.module-metric,
.status-card,
.analytics-grid .status-card {
  min-height: 68px;
  padding: 9px 10px;
}

.module-metric strong,
.status-card strong,
.analytics-grid .status-card strong {
  font-size: 17px;
}

.module-controls {
  gap: 7px;
  padding: 8px;
}

.workspace-table th,
.workspace-table td {
  padding: 8px 9px;
}

.orders-summary {
  gap: 6px;
}

.orders-summary-item {
  min-height: 46px;
  padding: 7px 9px;
}

.orders-workbench.compact .orders-panel,
.analytics-panel {
  padding: 10px;
}

.order-detail-panel,
.inventory-ops-panel {
  padding: 10px;
}

.analytics-score-card,
.analytics-score-facts span {
  min-height: 92px;
  padding: 10px;
}

.analytics-score-card strong {
  font-size: 30px;
}

.analytics-score-facts b {
  font-size: 19px;
}

.analytics-row,
.analytics-row.compact,
.orders-action-row {
  min-height: 46px;
  padding: 8px 9px;
}

.pricing-shell .channel-note {
  color: var(--bi-muted);
}

@media (max-width: 1280px) {
  .overview-grid,
  .api-audit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1060px) {
  .account-layout,
  .account-toolbar,
  .overview-hero,
  .overview-workbench,
  .settings-grid {
    grid-template-columns: 1fr;
  }

  .account-session-card,
  .overview-grid,
  .api-audit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .account-shell {
    padding: 12px;
  }

  .account-session-card,
  .overview-grid,
  .api-audit-grid,
  .settings-overview,
  .integration-form,
  .integration-readiness,
  .integration-guard {
    grid-template-columns: 1fr;
  }

  .account-toolbar h1 {
    font-size: 25px;
  }

  .overview-hero h2 {
    font-size: 23px;
  }
}

@media (min-width: 1061px) {
  .overview-hero {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 430px);
  }

  .overview-next {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 12px;
    align-items: center;
  }

  .overview-next small,
  .overview-next strong,
  .overview-next span {
    grid-column: 1;
  }

  .overview-next a {
    grid-column: 2;
    grid-row: 1 / span 3;
    margin-top: 0;
    white-space: nowrap;
  }
}

/* Account professional density pass: clearer status, tighter data surfaces */
.account-shell {
  max-width: 1320px;
}

.account-section,
.workspace-module,
.panel {
  border-color: #dbe3ec;
}

.account-view.account-section,
.account-view.workspace-module {
  padding: 14px;
}

.module-head,
.section-head,
.orders-panel-head,
.analytics-panel-head,
.integration-form-head {
  min-height: 0;
}

.module-head h2,
.section-head h2 {
  margin: 0;
  font-size: 19px;
  line-height: 1.18;
}

.module-head p,
.section-head p {
  margin: 3px 0 0;
  max-width: 760px;
  font-size: 13px;
  line-height: 1.38;
}

.module-actions {
  gap: 7px;
}

.module-actions .primary-button,
.module-actions .secondary-button,
.module-controls .secondary-button,
.integration-actions .primary-button,
.integration-actions .secondary-button {
  min-height: 38px;
  padding: 8px 12px;
}

.module-metrics,
.module-metrics.compact,
.status-grid,
.analytics-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 6px;
}

.module-metric,
.status-card,
.analytics-grid .status-card {
  min-height: 58px;
  gap: 4px;
  padding: 8px 10px;
  border-color: #dfe6ef;
  background: #fff;
  box-shadow: none;
}

.module-metric strong,
.status-card strong,
.analytics-grid .status-card strong {
  font-size: 16px;
  line-height: 1.08;
}

.module-metric small,
.status-card small,
.analytics-grid .status-card small {
  font-size: 11px;
  line-height: 1.25;
}

.module-controls,
.formula-controls,
.orders-controls {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  align-items: end;
  gap: 8px;
  padding: 9px;
  border: 1px solid #e1e8f0;
  border-radius: var(--bi-radius);
  background: #f9fbfd;
}

.module-controls label,
.integration-field,
.catalog-settings-grid label,
.module-form-grid label {
  min-width: 0;
}

.module-controls input,
.module-controls select,
.module-form-grid input,
.module-form-grid select,
.integration-field input,
.catalog-settings-grid input,
.billing-config input,
.billing-config select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.25;
}

.workspace-table th,
.workspace-table td,
.billing-table th,
.billing-table td {
  padding: 7px 9px;
}

.workspace-table th,
.billing-table th {
  font-size: 10px;
}

.workspace-table td,
.billing-table td {
  font-size: 13px;
  line-height: 1.32;
}

.workspace-table button {
  min-height: 32px;
  padding: 6px 9px;
}

.orders-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.orders-summary-item {
  min-height: 42px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-left: 3px solid #cbd5e1;
  box-shadow: none;
}

.orders-summary-item b {
  font-size: 11px;
  line-height: 1.15;
}

.orders-summary-item small {
  font-size: 17px;
  line-height: 1;
}

.orders-summary-item[data-tone="ok"] {
  border-left-color: var(--bi-green);
  background: #effdf7;
}

.orders-summary-item[data-tone="warning"] {
  border-left-color: var(--bi-amber);
  background: #fff8ed;
}

.orders-summary-item[data-tone="locked"] {
  border-left-color: var(--bi-red);
  background: #fff1f3;
}

.orders-workbench.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.orders-workbench.compact .orders-panel,
.analytics-panel {
  gap: 7px;
  padding: 10px;
  box-shadow: none;
}

.orders-panel-head,
.analytics-panel-head {
  padding-bottom: 6px;
}

.orders-panel-head h3,
.analytics-panel-head h3 {
  font-size: 14px;
  line-height: 1.18;
}

.orders-panel-head > span,
.orders-panel-head > a,
.analytics-panel-head > a {
  min-height: 28px;
  padding: 5px 8px;
  font-size: 11px;
}

.orders-action-list,
.analytics-list {
  gap: 5px;
}

.orders-action-row,
.analytics-row,
.analytics-row.compact {
  min-height: 42px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 7px 8px;
  border-left: 3px solid #cbd5e1;
  box-shadow: none;
}

.orders-action-row strong,
.analytics-row strong {
  font-size: 13px;
  line-height: 1.15;
}

.orders-action-row small,
.analytics-row small {
  display: -webkit-box;
  max-height: 32px;
  overflow: hidden;
  color: #5f6b7a;
  font-size: 11px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.orders-action-row > b,
.analytics-row > b {
  min-width: 54px;
  padding: 5px 7px;
  border-radius: 999px;
  background: #eef2f6;
  color: #263244;
  font-size: 12px;
  text-align: center;
}

.orders-action-row[data-tone="ok"],
.analytics-row[data-tone="ok"] {
  border-left-color: var(--bi-green);
  background: #effdf7;
}

.orders-action-row[data-tone="warning"],
.analytics-row[data-tone="warning"] {
  border-left-color: var(--bi-amber);
  background: #fff8ed;
}

.orders-action-row[data-tone="locked"],
.analytics-row[data-tone="locked"] {
  border-left-color: var(--bi-red);
  background: #fff1f3;
}

.orders-action-row[aria-pressed="true"],
.analytics-row[aria-pressed="true"],
.orders-action-row:hover,
.orders-action-row:focus-visible,
a.analytics-row:hover,
a.analytics-row:focus-visible {
  border-color: rgba(223, 54, 80, .38);
  border-left-color: var(--bi-accent);
  background: #fff4f6;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .34fr);
  gap: 10px;
}

.order-detail-panel,
.inventory-ops-panel {
  gap: 8px;
  padding: 10px;
  box-shadow: none;
}

.order-detail-empty {
  min-height: 88px;
  padding: 12px;
  font-size: 13px;
}

.order-detail-meta,
.order-detail-metrics,
.order-product-list {
  gap: 6px;
}

.order-detail-meta span,
.order-detail-metrics span,
.order-product-row {
  min-height: 0;
  padding: 8px;
}

.order-detail-head strong {
  font-size: 16px;
}

.order-product-row {
  gap: 8px;
}

.order-profit-stack {
  min-width: 96px;
}

.analytics-score {
  grid-template-columns: minmax(168px, .22fr) minmax(0, 1fr);
  gap: 8px;
}

.analytics-score-card {
  min-height: 76px;
  gap: 4px;
  padding: 9px 10px;
  box-shadow: none;
}

.analytics-score-card span {
  font-size: 10px;
}

.analytics-score-card strong {
  font-size: 27px;
  line-height: 1;
}

.analytics-score-card small {
  display: -webkit-box;
  max-height: 30px;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.analytics-score-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.analytics-score-facts span {
  min-height: 76px;
  gap: 4px;
  padding: 9px;
  box-shadow: none;
}

.analytics-score-facts b {
  font-size: 18px;
  line-height: 1.08;
}

.analytics-score-facts small {
  font-size: 11px;
  line-height: 1.22;
}

.analytics-workbench {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.analytics-panel {
  min-width: 0;
}

.settings-overview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.settings-overview-card {
  min-height: 66px;
  gap: 4px;
  padding: 9px 10px;
  border-left: 3px solid #cbd5e1;
  box-shadow: none;
}

.settings-overview-card span {
  font-size: 10px;
  line-height: 1.1;
}

.settings-overview-card strong {
  font-size: 17px;
  line-height: 1.08;
}

.settings-overview-card small {
  display: -webkit-box;
  max-height: 30px;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.settings-overview-card[data-tone="ok"] {
  border-left-color: var(--bi-green);
  background: #effdf7;
}

.settings-overview-card[data-tone="warning"] {
  border-left-color: var(--bi-amber);
  background: #fff8ed;
}

.api-audit-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}

.api-audit-card {
  min-height: 68px;
  gap: 4px;
  padding: 9px;
  border-left: 3px solid #cbd5e1;
  box-shadow: none;
}

.api-audit-card > span {
  width: fit-content;
  padding: 4px 7px;
  border: 1px solid #d6dee8;
  border-radius: 999px;
  background: #eef2f6;
  color: #4b5565;
  font-size: 10px;
  line-height: 1;
}

.api-audit-card strong {
  font-size: 13px;
  line-height: 1.12;
}

.api-audit-card small {
  display: block;
  overflow: hidden;
  color: #5f6b7a;
  font-size: 11px;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.api-audit-card dl {
  display: none;
}

.api-audit-card[data-state="ready"],
.api-audit-card[data-state="local"] {
  border-left-color: var(--bi-green);
  background: #effdf7;
}

.api-audit-card[data-state="ready"] > span,
.api-audit-card[data-state="local"] > span {
  border-color: rgba(17, 138, 103, .22);
  background: #dbf7ec;
  color: #087451;
}

.api-audit-card[data-state="action"] {
  border-left-color: var(--bi-amber);
  background: #fff8ed;
}

.api-audit-card[data-state="action"] > span {
  border-color: rgba(189, 115, 0, .26);
  background: #ffedd5;
  color: #935b00;
}

.api-audit-card[data-state="off"] {
  border-left-color: #94a3b8;
  background: #f1f5f9;
}

.api-audit-card[data-state="blocked"] {
  border-left-color: var(--bi-red);
  background: #fff1f3;
}

.settings-grid {
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 10px;
}

.integration-list {
  gap: 6px;
}

.integration-status-card {
  min-height: 54px;
  gap: 4px;
  padding: 8px 9px 8px 10px;
  border-left: 3px solid #94a3b8;
  background: #f1f5f9;
  box-shadow: none;
}

.integration-status-card strong {
  font-size: 13px;
  line-height: 1.14;
}

.integration-status-card small {
  display: -webkit-box;
  max-height: 30px;
  overflow: hidden;
  color: #5f6b7a;
  font-size: 11px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.integration-status-card[data-state="ready"],
.integration-status-card[data-state="local"] {
  border-left-color: var(--bi-green);
  background: #effdf7;
}

.integration-status-card[data-state="action"] {
  border-left-color: var(--bi-amber);
  background: #fff8ed;
}

.integration-status-card[data-state="blocked"] {
  border-left-color: var(--bi-red);
  background: #fff1f3;
}

.integration-status-card[aria-pressed="true"],
.integration-status-card:hover,
.integration-status-card:focus-visible {
  border-color: rgba(223, 54, 80, .4);
  border-left-color: var(--bi-accent);
  background: #fff4f6;
}

.connection-state,
[data-integration-provider-badge],
.integration-readiness-card b,
.integration-guard-card b {
  border-radius: 999px;
}

.connection-state,
[data-integration-provider-badge] {
  width: fit-content;
  padding: 4px 7px;
  border: 1px solid #d6dee8;
  background: #e7edf4;
  color: #425066;
  font-size: 10px;
  line-height: 1;
}

.integration-status-card[data-state="ready"] .connection-state,
.integration-status-card[data-state="local"] .connection-state,
[data-integration-provider-badge][data-tone="ready"],
[data-integration-provider-badge][data-tone="local"] {
  border-color: rgba(17, 138, 103, .22);
  background: #dbf7ec;
  color: #087451;
}

.integration-status-card[data-state="action"] .connection-state,
[data-integration-provider-badge][data-tone="action"] {
  border-color: rgba(189, 115, 0, .26);
  background: #ffedd5;
  color: #935b00;
}

.integration-status-card[data-state="blocked"] .connection-state,
[data-integration-provider-badge][data-tone="blocked"] {
  border-color: rgba(207, 47, 61, .22);
  background: #ffe1e6;
  color: #b42334;
}

.integration-panel {
  gap: 9px;
  padding: 12px;
}

.integration-tabs {
  gap: 5px;
}

.integration-tab {
  min-height: 32px;
  padding: 7px 9px;
  font-size: 12px;
}

.integration-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.integration-form-head {
  grid-column: 1 / -1;
}

.integration-readiness,
.integration-guard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column: 1 / -1;
  gap: 6px;
}

.integration-readiness-card,
.integration-guard-card {
  min-height: 62px;
  gap: 4px;
  padding: 8px;
  border-left: 3px solid #cbd5e1;
  box-shadow: none;
}

.integration-readiness-card b,
.integration-guard-card b {
  width: fit-content;
  padding: 4px 7px;
  background: #eef2f6;
  font-size: 12px;
  line-height: 1;
}

.integration-readiness-card em,
.integration-guard-card em {
  display: -webkit-box;
  max-height: 30px;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.integration-readiness-card[data-state="ready"],
.integration-guard-card[data-state="ready"],
.integration-readiness-card[data-state="local"],
.integration-guard-card[data-state="local"] {
  border-left-color: var(--bi-green);
  background: #effdf7;
}

.integration-readiness-card[data-state="action"],
.integration-guard-card[data-state="action"] {
  border-left-color: var(--bi-amber);
  background: #fff8ed;
}

.integration-readiness-card[data-state="blocked"],
.integration-guard-card[data-state="blocked"] {
  border-left-color: var(--bi-red);
  background: #fff1f3;
}

.integration-requirements {
  grid-column: 1 / -1;
  gap: 6px;
  padding: 8px;
  border-color: #e1e8f0;
  background: #f9fbfd;
}

.integration-requirements > strong {
  font-size: 12px;
}

.integration-requirement {
  min-height: 27px;
  padding: 4px 7px;
  border-radius: 999px;
}

.switch-row {
  grid-column: 1 / -1;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid #dfe6ef;
  background: #f9fbfd;
}

.switch-row input {
  width: 16px;
  height: 16px;
}

.catalog-settings-fieldset {
  grid-column: 1 / -1;
  padding: 10px;
}

.catalog-settings-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.catalog-category-field {
  grid-column: span 3;
}

.category-search-control {
  grid-template-columns: minmax(0, 1fr) auto;
}

.category-search-control .secondary-button {
  min-height: 38px;
}

.category-selected {
  font-size: 11px;
  line-height: 1.25;
}

.category-search-results {
  max-height: 220px;
}

@media (max-width: 1280px) {
  .analytics-workbench {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .api-audit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .catalog-settings-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1060px) {
  .orders-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .orders-content,
  .analytics-score,
  .analytics-workbench,
  .settings-grid {
    grid-template-columns: 1fr;
  }

  .settings-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .integration-form,
  .integration-readiness,
  .integration-guard {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .account-view.account-section,
  .account-view.workspace-module {
    padding: 10px;
  }

  .module-head,
  .section-head {
    display: grid;
    gap: 6px;
  }

  .orders-summary,
  .analytics-score-facts,
  .settings-overview,
  .api-audit-grid,
  .catalog-settings-grid,
  .module-metrics,
  .status-grid,
  .analytics-grid {
    grid-template-columns: 1fr;
  }

  .orders-summary-item,
  .orders-action-row,
  .analytics-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .catalog-category-field {
    grid-column: auto;
  }
}

/* Account redesign pass: neutral SaaS workspace with compact status language */
.account-layout {
  --acc-bg: #f3f5f7;
  --acc-panel: #ffffff;
  --acc-panel-soft: #f8fafc;
  --acc-panel-muted: #f1f5f9;
  --acc-line: #dce3eb;
  --acc-line-soft: #e8edf3;
  --acc-text: #18202b;
  --acc-text-soft: #303a49;
  --acc-muted: #667085;
  --acc-accent: #d83e55;
  --acc-accent-dark: #a9283a;
  --acc-success: #0f766e;
  --acc-warning: #a16207;
  --acc-danger: #b42334;
  --acc-info: #1d4ed8;
  --acc-radius: 8px;
  background: var(--acc-bg);
  color: var(--acc-text);
}

.account-layout * {
  min-width: 0;
}

.account-sidebar {
  border-right: 1px solid rgba(255, 255, 255, .06);
  background: #141a23;
  box-shadow: none;
}

.account-sidebar .brand {
  min-height: 40px;
  padding: 4px 6px 12px;
  color: #fff;
}

.account-sidebar .brand-mark {
  background: var(--acc-accent);
}

.nav-caption {
  margin: 8px 8px 7px;
  color: #7f8a99;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.side-nav {
  gap: 4px;
}

.side-nav a {
  min-height: 44px;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  background: transparent;
  color: #d8dee8;
}

.side-nav a span {
  font-size: 13px;
  line-height: 1.1;
}

.side-nav a small {
  color: #8894a5;
  font-size: 11px;
  line-height: 1.15;
}

.side-nav a:hover,
.side-nav a:focus-visible {
  border-color: rgba(255, 255, 255, .08);
  border-left-color: rgba(216, 62, 85, .6);
  background: rgba(255, 255, 255, .055);
  color: #fff;
}

.side-nav a[aria-current="page"] {
  border-color: rgba(216, 62, 85, .22);
  border-left-color: var(--acc-accent);
  background: rgba(216, 62, 85, .14);
  color: #fff;
  box-shadow: none;
}

.side-nav a[aria-current="page"] small {
  color: #f0bdc7;
}

.sidebar-status {
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
}

.sidebar-status strong {
  color: #fff;
}

.sidebar-status small {
  color: #a8b2c1;
}

.account-sidebar .ghost-button {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
  color: #f7fafc;
}

.account-shell {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px 26px;
}

.account-toolbar,
.account-view:not([hidden]) {
  flex: 0 0 auto;
}

.account-toolbar,
.account-section,
.workspace-module,
.subscription-panel,
.billing-history-section,
.overview-hero,
.overview-panel,
.overview-card,
.overview-action,
.workspace-table-wrap,
.billing-table-wrap,
.order-detail-panel,
.inventory-ops-panel,
.panel {
  border-color: var(--acc-line);
  border-radius: var(--acc-radius);
  background: var(--acc-panel);
  box-shadow: none;
}

.account-toolbar {
  padding: 12px;
  border: 1px solid var(--acc-line);
  border-radius: var(--acc-radius);
  background: var(--acc-panel);
}

.workspace-title {
  gap: 3px;
}

.account-toolbar h1 {
  font-size: 27px;
  line-height: 1.08;
}

.account-toolbar p {
  color: var(--acc-muted);
}

.account-session-card {
  padding: 0;
  background: transparent;
}

.account-session-card span {
  min-height: 50px;
  padding: 8px 9px;
  border: 1px solid var(--acc-line-soft);
  border-radius: var(--acc-radius);
  background: var(--acc-panel-soft);
}

.account-session-card b {
  color: var(--acc-text);
  font-size: 13px;
}

.account-session-card small {
  color: var(--acc-muted);
}

.overview-hero,
.overview-panel,
.account-view.account-section,
.account-view.workspace-module,
.subscription-panel,
.billing-history-section {
  padding: 12px;
}

.overview-hero h2 {
  font-size: 24px;
}

.overview-next {
  border-color: var(--acc-line-soft);
  background: var(--acc-panel-soft);
}

.overview-card,
.overview-action,
.module-metric,
.status-card,
.analytics-grid .status-card,
.settings-overview-card,
.api-audit-card,
.integration-status-card,
.orders-summary-item,
.orders-action-row,
.analytics-row,
.integration-readiness-card,
.integration-guard-card,
.order-product-row {
  border-color: var(--acc-line-soft);
  background: var(--acc-panel);
  box-shadow: none;
}

.overview-card::before {
  background: var(--acc-accent);
}

.module-status,
.run-status,
.channel-note,
.drawer-status,
.form-status,
.connection-help,
.status-text {
  border-color: var(--acc-line-soft);
  background: var(--acc-panel-soft);
  color: var(--acc-muted);
}

.module-controls,
.formula-controls,
.orders-controls,
.toolbar,
.channel-settings {
  border-color: var(--acc-line-soft);
  background: var(--acc-panel-soft);
}

.module-controls label > span,
.integration-field > span,
.catalog-settings-grid label > span,
.module-form-grid label > span,
.billing-config label > span {
  color: #586477;
  font-size: 11px;
  font-weight: 950;
}

input,
select,
textarea {
  border-color: #d5dde7;
  background: #fff;
  color: var(--acc-text);
}

input:hover,
select:hover,
textarea:hover {
  border-color: #c3cedb;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(216, 62, 85, .55);
  outline-color: rgba(216, 62, 85, .18);
}

.primary-button,
.button.primary,
.header-button {
  border-color: var(--acc-accent);
  background: var(--acc-accent);
  color: #fff;
}

.primary-button:hover,
.primary-button:focus-visible,
.button.primary:hover,
.button.primary:focus-visible,
.header-button:hover,
.header-button:focus-visible {
  border-color: var(--acc-accent-dark);
  background: var(--acc-accent-dark);
}

.secondary-button,
.ghost-button,
.button.secondary {
  border-color: #d5dde7;
  background: #fff;
  color: var(--acc-text);
}

.secondary-button:hover,
.secondary-button:focus-visible,
.ghost-button:hover,
.ghost-button:focus-visible,
.button.secondary:hover,
.button.secondary:focus-visible {
  border-color: #c2ccd8;
  background: #f7f9fb;
}

.status-badge,
.status-pill,
.connection-state,
[data-integration-provider-badge],
.test-mode-pill {
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: 0;
}

.status-badge.ready,
.status-badge.active,
.status-badge.updated,
.status-badge.completed,
.status-pill[data-tone="success"] {
  border-color: rgba(15, 118, 110, .2);
  background: #e7f6f3;
  color: var(--acc-success);
}

.status-badge.low,
.status-badge.missing_cost,
.status-badge.missing_composition,
.status-badge.missing_profit,
.status-badge.low_margin,
.status-badge.new,
.status-badge.accepted,
.status-badge.assembled,
.status-badge.delivering,
.test-mode-pill,
.status-pill[data-tone="warning"] {
  border-color: rgba(161, 98, 7, .22);
  background: #fff3df;
  color: var(--acc-warning);
}

.status-badge.out_of_stock,
.status-badge.shortage,
.status-badge.cancelled,
.status-pill[data-tone="danger"] {
  border-color: rgba(180, 35, 52, .2);
  background: #ffe8ec;
  color: var(--acc-danger);
}

.workspace-table-wrap,
.billing-table-wrap {
  border-color: var(--acc-line);
}

th,
.workspace-table th,
.billing-table th {
  background: #f6f8fb;
  color: #596579;
}

td,
.workspace-table td,
.billing-table td {
  color: var(--acc-text-soft);
}

.workspace-table tbody tr:hover,
.billing-table tbody tr:hover {
  background: #fbfcfe;
}

.orders-row[aria-selected="true"] {
  background: #fff7f9;
}

.orders-row[aria-selected="true"] td:first-child {
  box-shadow: inset 3px 0 0 var(--acc-accent);
}

.orders-summary-item,
.orders-action-row,
.analytics-row,
.settings-overview-card,
.api-audit-card,
.integration-status-card,
.integration-readiness-card,
.integration-guard-card {
  border-left-width: 3px;
}

.orders-summary-item[data-tone="ok"],
.orders-action-row[data-tone="ok"],
.analytics-row[data-tone="ok"],
.settings-overview-card[data-tone="ok"],
.analytics-score-card[data-tone="ok"],
.api-audit-card[data-state="ready"],
.api-audit-card[data-state="local"],
.integration-status-card[data-state="ready"],
.integration-status-card[data-state="local"],
.integration-readiness-card[data-state="ready"],
.integration-readiness-card[data-state="local"],
.integration-guard-card[data-state="ready"],
.integration-guard-card[data-state="local"] {
  border-left-color: var(--acc-success);
  background: var(--acc-panel);
}

.orders-summary-item[data-tone="warning"],
.orders-action-row[data-tone="warning"],
.analytics-row[data-tone="warning"],
.settings-overview-card[data-tone="warning"],
.analytics-score-card[data-tone="warning"],
.api-audit-card[data-state="action"],
.integration-status-card[data-state="action"],
.integration-readiness-card[data-state="action"],
.integration-guard-card[data-state="action"] {
  border-left-color: var(--acc-warning);
  background: var(--acc-panel);
}

.orders-summary-item[data-tone="locked"],
.orders-action-row[data-tone="locked"],
.analytics-row[data-tone="locked"],
.analytics-score-card[data-tone="locked"],
.api-audit-card[data-state="blocked"],
.integration-status-card[data-state="blocked"],
.integration-readiness-card[data-state="blocked"],
.integration-guard-card[data-state="blocked"] {
  border-left-color: var(--acc-danger);
  background: var(--acc-panel);
}

.api-audit-card[data-state="off"],
.integration-status-card[data-state="off"],
.analytics-row[data-tone="neutral"],
.orders-action-row[data-tone="neutral"] {
  border-left-color: #94a3b8;
  background: var(--acc-panel);
}

.orders-summary-item[data-tone="ok"] small,
.orders-action-row[data-tone="ok"] > b,
.analytics-row[data-tone="ok"] > b,
.analytics-score-card[data-tone="ok"] strong,
.settings-overview-card[data-tone="ok"] strong,
.api-audit-card[data-state="ready"] > span,
.api-audit-card[data-state="local"] > span,
.integration-status-card[data-state="ready"] .connection-state,
.integration-status-card[data-state="local"] .connection-state,
[data-integration-provider-badge][data-tone="ready"],
[data-integration-provider-badge][data-tone="local"] {
  border-color: rgba(15, 118, 110, .2);
  background: #e7f6f3;
  color: var(--acc-success);
}

.orders-summary-item[data-tone="warning"] small,
.orders-action-row[data-tone="warning"] > b,
.analytics-row[data-tone="warning"] > b,
.analytics-score-card[data-tone="warning"] strong,
.settings-overview-card[data-tone="warning"] strong,
.api-audit-card[data-state="action"] > span,
.integration-status-card[data-state="action"] .connection-state,
[data-integration-provider-badge][data-tone="action"] {
  border-color: rgba(161, 98, 7, .22);
  background: #fff3df;
  color: var(--acc-warning);
}

.orders-summary-item[data-tone="locked"] small,
.orders-action-row[data-tone="locked"] > b,
.analytics-row[data-tone="locked"] > b,
.analytics-score-card[data-tone="locked"] strong,
.api-audit-card[data-state="blocked"] > span,
.integration-status-card[data-state="blocked"] .connection-state,
[data-integration-provider-badge][data-tone="blocked"] {
  border-color: rgba(180, 35, 52, .2);
  background: #ffe8ec;
  color: var(--acc-danger);
}

.api-audit-card[data-state="off"] > span,
.integration-status-card[data-state="off"] .connection-state,
[data-integration-provider-badge][data-tone="off"],
.orders-action-row[data-tone="neutral"] > b,
.analytics-row[data-tone="neutral"] > b {
  border-color: #d6dee8;
  background: #edf2f7;
  color: #475569;
}

.orders-action-row[aria-pressed="true"],
.integration-status-card[aria-pressed="true"],
.orders-action-row:hover,
.orders-action-row:focus-visible,
.integration-status-card:hover,
.integration-status-card:focus-visible,
a.analytics-row:hover,
a.analytics-row:focus-visible,
.settings-overview-card:hover,
.settings-overview-card:focus-visible {
  border-color: rgba(216, 62, 85, .34);
  border-left-color: var(--acc-accent);
  background: #fff8fa;
  box-shadow: none;
}

.orders-action-row small,
.analytics-row small,
.integration-status-card small,
.settings-overview-card small,
.api-audit-card small {
  color: var(--acc-muted);
}

.orders-action-row > b,
.analytics-row > b {
  border: 1px solid #d6dee8;
  background: #edf2f7;
  color: #475569;
}

.orders-content {
  align-items: start;
}

[data-orders-channel-readiness] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

[data-orders-channel-readiness] .orders-action-row {
  min-height: 50px;
}

.order-detail-panel {
  top: 10px;
}

.order-detail-empty {
  border-color: #d5dde7;
  background: var(--acc-panel-soft);
}

.analytics-score-card,
.analytics-score-facts span {
  border: 1px solid var(--acc-line-soft);
  background: var(--acc-panel);
  box-shadow: none;
}

.analytics-score-card {
  border-left-width: 3px;
}

.analytics-score-facts span {
  justify-content: center;
}

.analytics-score-facts b {
  color: var(--acc-text);
}

.analytics-score-facts small {
  color: var(--acc-muted);
}

.settings-overview-card strong,
.api-audit-card strong,
.integration-status-card strong {
  color: var(--acc-text);
}

.integration-panel {
  border-color: var(--acc-line);
}

.integration-tabs {
  padding: 4px;
  border: 1px solid var(--acc-line-soft);
  border-radius: var(--acc-radius);
  background: var(--acc-panel-soft);
}

.integration-tab {
  border: 1px solid transparent;
  background: transparent;
  color: #5f6b7a;
}

.integration-tab:hover,
.integration-tab:focus-visible {
  background: #fff;
  color: var(--acc-text);
}

.integration-tab[aria-selected="true"] {
  border-color: #d5dde7;
  background: #fff;
  color: var(--acc-text);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.integration-form-head {
  border-color: var(--acc-line-soft);
}

.integration-readiness-card b,
.integration-guard-card b {
  border: 1px solid #d6dee8;
}

.integration-readiness-card[data-state="ready"] b,
.integration-readiness-card[data-state="local"] b,
.integration-guard-card[data-state="ready"] b,
.integration-guard-card[data-state="local"] b {
  border-color: rgba(15, 118, 110, .2);
  background: #e7f6f3;
  color: var(--acc-success);
}

.integration-readiness-card[data-state="action"] b,
.integration-guard-card[data-state="action"] b {
  border-color: rgba(161, 98, 7, .22);
  background: #fff3df;
  color: var(--acc-warning);
}

.integration-readiness-card[data-state="blocked"] b,
.integration-guard-card[data-state="blocked"] b {
  border-color: rgba(180, 35, 52, .2);
  background: #ffe8ec;
  color: var(--acc-danger);
}

.integration-requirements,
.switch-row,
.catalog-settings-fieldset {
  border-color: var(--acc-line-soft);
  background: var(--acc-panel-soft);
}

.integration-requirement {
  border: 1px solid #d8e1eb;
  background: #fff;
}

.integration-requirement[data-ready="true"] {
  border-color: rgba(15, 118, 110, .2);
  background: #f0faf7;
}

.integration-requirement[data-required="true"][data-ready="false"] {
  border-color: rgba(161, 98, 7, .22);
  background: #fff8ed;
}

.catalog-settings-fieldset legend {
  color: var(--acc-text);
}

.category-search-results {
  border-color: var(--acc-line);
  background: #fff;
}

.category-result {
  border-color: var(--acc-line-soft);
  background: #fff;
}

.category-result:hover,
.category-result:focus-visible {
  border-color: rgba(216, 62, 85, .34);
  background: #fff8fa;
}

.inventory-content,
.orders-content,
.orders-workbench,
.analytics-workbench,
.overview-workbench {
  gap: 8px;
}

.module-pagination {
  min-height: 38px;
  padding-top: 0;
}

.module-pagination span {
  color: var(--acc-muted);
  font-size: 12px;
}

.account-section > .section-head,
.settings-section > .section-head {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 4px;
  align-items: start;
  padding-bottom: 10px;
}

.account-section > .section-head h2,
.settings-section > .section-head h2 {
  max-width: 760px;
  margin: 0;
  font-size: 21px;
  line-height: 1.18;
  text-align: left;
}

.account-section > .section-head p,
.settings-section > .section-head p {
  max-width: 760px;
}

[data-orders-status],
[data-analytics-grid] {
  display: grid !important;
  gap: 6px !important;
}

[data-orders-status] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

[data-analytics-grid] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

[data-orders-status] .status-card,
[data-analytics-grid] .status-card {
  min-height: 60px !important;
  gap: 4px;
  padding: 8px 10px !important;
  border: 1px solid var(--acc-line-soft) !important;
  border-left: 3px solid #94a3b8 !important;
  background: var(--acc-panel) !important;
}

[data-orders-status] .status-card strong,
[data-analytics-grid] .status-card strong,
.settings-overview-card strong,
.analytics-score-card strong,
.orders-summary-item small {
  display: block;
  width: fit-content;
  max-width: 100%;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1.05;
}

[data-orders-status] .status-card small,
[data-analytics-grid] .status-card small {
  display: -webkit-box;
  max-height: 30px;
  overflow: hidden;
  color: var(--acc-muted);
  font-size: 11px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

[data-orders-status] .status-card[data-tone="ok"],
[data-analytics-grid] .status-card[data-tone="ok"] {
  border-left-color: var(--acc-success) !important;
}

[data-orders-status] .status-card[data-tone="warning"],
[data-analytics-grid] .status-card[data-tone="warning"] {
  border-left-color: var(--acc-warning) !important;
}

[data-orders-status] .status-card[data-tone="locked"],
[data-analytics-grid] .status-card[data-tone="locked"] {
  border-left-color: var(--acc-danger) !important;
}

[data-orders-status] .status-card[data-tone="ok"] strong,
[data-analytics-grid] .status-card[data-tone="ok"] strong,
.settings-overview-card[data-tone="ok"] strong {
  color: var(--acc-success) !important;
}

[data-orders-status] .status-card[data-tone="warning"] strong,
[data-analytics-grid] .status-card[data-tone="warning"] strong,
.settings-overview-card[data-tone="warning"] strong,
.orders-summary-item[data-tone="warning"] small {
  color: var(--acc-warning) !important;
}

[data-orders-status] .status-card[data-tone="locked"] strong,
[data-analytics-grid] .status-card[data-tone="locked"] strong,
.analytics-score-card[data-tone="locked"] strong,
.orders-summary-item[data-tone="locked"] small {
  color: var(--acc-danger) !important;
}

.orders-summary-item[data-tone="ok"] small,
.analytics-score-card[data-tone="ok"] strong {
  color: var(--acc-success) !important;
}

.analytics-score-card[data-tone="warning"] strong {
  color: var(--acc-warning) !important;
}

.settings-overview-card,
.api-audit-card,
.integration-status-card,
.integration-readiness-card,
.integration-guard-card,
.orders-summary-item,
.orders-action-row,
.analytics-row,
.analytics-score-card {
  background: var(--acc-panel) !important;
}

.integration-readiness-card[data-state],
.integration-guard-card[data-state],
.api-audit-card[data-state],
.integration-status-card[data-state] {
  background: var(--acc-panel) !important;
}

@media (max-width: 1180px) {
  .account-toolbar {
    grid-template-columns: 1fr;
  }

  .analytics-workbench {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .account-sidebar {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }

  .account-shell {
    padding: 12px;
  }

  .account-session-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .account-toolbar h1 {
    font-size: 23px;
  }

  [data-orders-status],
  [data-analytics-grid] {
    grid-template-columns: 1fr !important;
  }

  [data-orders-channel-readiness] {
    grid-template-columns: 1fr;
  }

  .analytics-workbench,
  .settings-overview,
  .api-audit-grid,
  .orders-workbench.compact {
    grid-template-columns: 1fr;
  }

  .account-session-card {
    grid-template-columns: 1fr;
  }
}

/* Cross-page workspace pass: admin and standalone modules share the account visual language */
.app-header {
  border-bottom-color: #dce3eb;
  background: rgba(255, 255, 255, .94);
  box-shadow: none;
}

.app-header .brand-mark,
.admin-header .brand-mark {
  background: #d83e55;
}

.app-nav a {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 8px;
  color: #5f6b7a;
}

.app-nav a[aria-current="page"],
.app-nav a:hover,
.app-nav a:focus-visible {
  background: #fff4f6;
  color: #a9283a;
}

.pricing-shell,
.inventory-shell,
.compositions-shell {
  gap: 12px;
  width: min(1440px, 100%);
  max-width: 100%;
  overflow-x: clip;
}

.pricing-shell .page-head,
.pricing-shell .channel-panel,
.pricing-shell .history-panel,
.pricing-shell .table-section,
.pricing-shell .toolbar,
.pricing-shell .guard-panel,
.inventory-shell .page-head,
.inventory-shell .table-section,
.inventory-shell .toolbar,
.inventory-shell .guard-panel,
.compositions-shell .page-head,
.compositions-shell .table-section,
.compositions-shell .toolbar,
.compositions-shell .guard-panel {
  border-color: #dce3eb;
  background: #fff;
  box-shadow: none;
}

.pricing-shell .page-head,
.inventory-shell .page-head,
.compositions-shell .page-head {
  padding: 16px 18px;
}

.pricing-shell .page-head h1,
.inventory-shell .page-head h1,
.compositions-shell .page-head h1 {
  max-width: 920px;
  font-size: 34px;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.pricing-shell .run-status,
.inventory-shell .run-status,
.compositions-shell .run-status {
  border-color: #d5dde7;
  background: #f8fafc;
  color: #303a49;
}

.pricing-shell .summary-grid,
.inventory-shell .summary-grid,
.compositions-shell .summary-grid {
  gap: 8px;
}

.pricing-shell .summary-card,
.inventory-shell .summary-card,
.compositions-shell .summary-card {
  min-height: 72px;
  padding: 10px 12px;
  border-color: #dce3eb;
  background: #fff;
  box-shadow: none;
}

.pricing-shell .summary-card strong,
.inventory-shell .summary-card strong,
.compositions-shell .summary-card strong {
  font-size: 20px;
}

.pricing-shell .channel-panel {
  gap: 12px;
  padding: 16px;
}

.pricing-shell .channel-head {
  align-items: start;
}

.pricing-shell .channel-head h2,
.pricing-shell .history-head h2,
.pricing-shell .table-head h2,
.inventory-shell .table-head h2,
.compositions-shell .table-head h2 {
  font-size: 24px;
  line-height: 1.12;
}

.pricing-shell .channel-tabs {
  gap: 6px;
}

.pricing-shell .channel-tab {
  min-height: 34px;
  padding: 7px 10px;
  border-color: #d5dde7;
  background: #fff;
  font-size: 13px;
}

.pricing-shell .channel-tab[aria-selected="true"] {
  border-color: rgba(216, 62, 85, .28);
  background: #fff4f6;
  color: #a9283a;
}

.pricing-shell .channel-settings,
.pricing-shell .toolbar,
.inventory-shell .toolbar,
.compositions-shell .toolbar {
  gap: 8px;
  padding: 10px 12px;
  border-color: #dce3eb !important;
  background: #f8fafc;
}

.pricing-shell .channel-note,
.pricing-shell .guard-panel,
.inventory-shell .guard-panel,
.compositions-shell .guard-panel {
  border-left: 3px solid #a16207;
  background: #fff;
  color: #5f6b7a;
}

.inventory-shell .guard-panel,
.compositions-shell .guard-panel {
  border-left-color: #0f766e;
}

.pricing-shell .channel-note {
  min-height: 0;
  padding: 10px 12px;
  border: 1px solid #dce3eb;
  border-left: 3px solid #0f766e;
  border-radius: 8px;
}

.pricing-shell .settings-link {
  width: fit-content;
  min-height: 36px;
  border-color: #d5dde7;
  background: #fff;
  color: #a9283a;
}

.pricing-shell .history-panel {
  gap: 0;
}

.pricing-shell .history-head,
.pricing-shell .table-head,
.inventory-shell .table-head,
.compositions-shell .table-head {
  padding: 14px 16px;
}

.pricing-shell .history-empty {
  padding: 12px 16px;
}

.pricing-shell .table-wrap,
.inventory-shell .table-wrap,
.compositions-shell .table-wrap {
  border-color: #dce3eb;
}

.pricing-shell th,
.inventory-shell th,
.compositions-shell th {
  background: #f6f8fb;
}

.pricing-shell .pagination,
.inventory-shell .pagination,
.compositions-shell .pagination {
  padding: 12px 16px;
}

.admin-layout {
  grid-template-columns: 248px minmax(0, 1fr);
  background: #f3f5f7;
}

.admin-header {
  gap: 12px;
  padding: 16px 12px;
  border-right: 1px solid rgba(255, 255, 255, .06);
  background: #141a23;
  color: #fff;
  box-shadow: none;
}

.admin-header .brand {
  padding: 4px 6px 8px;
  color: #fff;
}

.admin-nav {
  gap: 4px;
}

.admin-nav a {
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  border-radius: 8px;
  color: #d8dee8;
}

.admin-nav a:hover,
.admin-nav a:focus-visible {
  border-color: rgba(255, 255, 255, .08);
  border-left-color: rgba(216, 62, 85, .6);
  background: rgba(255, 255, 255, .055);
  color: #fff;
}

.admin-nav a[aria-current="page"] {
  border-color: rgba(216, 62, 85, .22);
  border-left-color: #d83e55;
  background: rgba(216, 62, 85, .14);
  color: #fff;
}

.admin-api-tools {
  gap: 6px;
}

.admin-api-tools span {
  max-width: none;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
  color: #d8dee8;
}

.admin-api-tools span[data-connected="true"] {
  border-color: rgba(15, 118, 110, .35);
  background: rgba(15, 118, 110, .18);
  color: #8ee0c9;
}

.admin-api-tools .ghost-button {
  min-height: 38px;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

.admin-api-tools .ghost-button:hover,
.admin-api-tools .ghost-button:focus-visible {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .1);
}

.admin-shell {
  gap: 12px;
  padding: 18px 20px 28px;
}

.admin-hero,
.admin-section,
.operations-card,
.event-log-wrap,
.settings-form {
  border-color: #dce3eb;
  background: #fff;
  box-shadow: none;
}

.admin-hero {
  grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr);
  gap: 12px;
  padding: 16px 18px;
}

.admin-hero h1 {
  max-width: 560px;
  margin-bottom: 10px;
  font-size: 34px;
  line-height: 1.05;
}

.admin-hero p {
  max-width: 560px;
  line-height: 1.45;
}

.admin-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.admin-kpis .kpi-card,
.kpi-card {
  min-height: 88px;
  align-content: center;
  padding: 12px;
  border-color: #dce3eb;
  background: #f8fafc;
}

.kpi-card b {
  font-size: 24px;
}

.admin-section {
  gap: 12px;
  padding: 16px;
}

.system-status-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.system-status-card {
  min-height: 88px;
  gap: 6px;
  padding: 10px 12px;
  border-color: #dce3eb;
  border-left: 3px solid #94a3b8;
  background: #fff;
}

.system-status-card[data-status="ok"] {
  border-color: #dce3eb;
  border-left-color: #0f766e;
}

.system-status-card[data-status="warning"] {
  border-color: #dce3eb;
  border-left-color: #a16207;
}

.system-status-card[data-status="error"] {
  border-color: #dce3eb;
  border-left-color: #b42334;
}

.system-status-card .status-badge {
  width: fit-content;
  min-height: 24px;
  border-radius: 999px;
}

.system-status-card strong {
  font-size: 16px;
}

.system-status-card small {
  display: -webkit-box;
  max-height: 36px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-section .toolbar {
  gap: 8px;
  padding: 10px;
  border-color: #dce3eb;
  background: #f8fafc;
}

.operations-grid,
.plan-admin-grid,
.payment-admin-grid,
.promo-admin-grid,
.user-admin-grid {
  gap: 10px;
}

.operations-card,
.event-log-wrap {
  padding: 14px;
}

@media (max-width: 1180px) {
  .admin-hero,
  .operations-grid,
  .plan-admin-grid,
  .payment-admin-grid,
  .promo-admin-grid,
  .user-admin-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .app-header {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
  }

  .app-nav {
    display: flex;
    overflow-x: auto;
    width: 100%;
    gap: 6px;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .app-nav::-webkit-scrollbar {
    display: none;
  }

  .app-nav a {
    flex: 0 0 auto;
  }

  .app-header > .ghost-button {
    width: 100%;
  }

  .pricing-shell,
  .inventory-shell,
  .compositions-shell {
    width: 100%;
    padding: 12px;
    overflow-x: hidden;
  }

  .pricing-shell .page-head,
  .inventory-shell .page-head,
  .compositions-shell .page-head,
  .pricing-shell .channel-head {
    grid-template-columns: 1fr !important;
  }

  .pricing-shell .page-head h1,
  .inventory-shell .page-head h1,
  .compositions-shell .page-head h1 {
    font-size: 26px;
  }

  .pricing-shell .run-status,
  .inventory-shell .run-status,
  .compositions-shell .run-status {
    justify-self: stretch;
    max-width: none;
  }

  .pricing-shell .channel-panel,
  .pricing-shell .table-section,
  .pricing-shell .history-panel,
  .inventory-shell .table-section,
  .compositions-shell .table-section {
    overflow: hidden;
  }

  .pricing-shell .channel-tabs {
    justify-content: flex-start;
  }

  .pricing-shell .channel-settings,
  .pricing-shell .toolbar,
  .inventory-shell .toolbar,
  .compositions-shell .toolbar {
    grid-template-columns: 1fr !important;
  }

  .pricing-shell .history-head,
  .pricing-shell .table-head,
  .inventory-shell .table-head,
  .compositions-shell .table-head {
    display: grid;
    gap: 6px;
  }
}

@media (max-width: 680px) {
  .admin-layout {
    grid-template-columns: 1fr;
  }

  .admin-header {
    position: static;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }

  .admin-nav {
    display: flex;
    overflow-x: auto;
    width: 100%;
    gap: 6px;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .admin-nav::-webkit-scrollbar {
    display: none;
  }

  .admin-nav a {
    flex: 0 0 auto;
  }

  .admin-api-tools {
    width: 100%;
  }

  .admin-shell {
    padding: 12px;
  }

  .admin-hero,
  .admin-section {
    padding: 12px;
  }

  .admin-hero h1 {
    font-size: 26px;
  }

  .admin-kpis,
  .system-status-grid,
  .risk-grid {
    grid-template-columns: 1fr;
  }
}

/* 20260716-21: compact admin overview after the cross-page workspace pass. */
.admin-hero {
  grid-template-columns: 1fr !important;
  align-items: start !important;
  align-content: start !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 18px !important;
}

.admin-shell {
  align-content: start !important;
  grid-auto-rows: max-content !important;
}

.admin-shell > [data-admin-view] {
  align-self: start !important;
}

.admin-hero h1 {
  max-width: 920px !important;
  margin-bottom: 8px !important;
  font-size: 34px !important;
  line-height: 1.08 !important;
}

.admin-hero p {
  max-width: 760px !important;
}

.admin-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  align-content: start !important;
  gap: 8px !important;
}

.admin-kpis .kpi-card,
.admin-kpis > * {
  align-self: start !important;
  min-height: 76px !important;
  height: auto !important;
  padding: 10px 12px !important;
}

.admin-kpis .kpi-card small {
  min-height: 0 !important;
  line-height: 1.3 !important;
}

.admin-section {
  align-content: start !important;
  min-height: 0 !important;
}

.system-status-section,
.admin-section.system-status-section {
  align-content: start !important;
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
}

.system-status-grid {
  align-items: stretch !important;
  align-content: start !important;
  margin-top: 0 !important;
}

.system-status-card {
  min-height: 78px !important;
}

@media (max-width: 680px) {
  .admin-hero {
    padding: 12px !important;
  }

  .admin-kpis,
  .system-status-grid,
  .risk-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260716-22: settings page density and clearer integration states. */
.settings-section .section-head {
  gap: 6px;
}

.settings-section .section-head p {
  max-width: 760px;
}

.settings-section .settings-overview {
  gap: 8px !important;
}

.settings-section .settings-overview-card {
  min-height: 62px !important;
  padding: 9px 11px !important;
}

.settings-section .api-audit-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.settings-section .api-audit-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  min-height: 50px !important;
  gap: 3px 8px !important;
  padding: 8px 9px !important;
  border-left-width: 0 !important;
  border-top: 3px solid #94a3b8 !important;
}

.settings-section .api-audit-card[data-state="ready"],
.settings-section .api-audit-card[data-state="local"] {
  border-top-color: var(--acc-success, #0f766e) !important;
}

.settings-section .api-audit-card[data-state="action"] {
  border-top-color: var(--acc-warning, #a16207) !important;
}

.settings-section .api-audit-card[data-state="blocked"] {
  border-top-color: var(--acc-danger, #b42334) !important;
}

.settings-section .api-audit-card > span {
  grid-column: 2;
  grid-row: 1;
  padding: 4px 7px !important;
  white-space: nowrap;
}

.settings-section .api-audit-card strong {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  overflow: hidden;
  font-size: 12px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-section .api-audit-card small {
  grid-column: 1 / -1;
  grid-row: 2;
  min-width: 0;
  font-size: 10.5px !important;
  white-space: nowrap !important;
}

.settings-section .settings-grid {
  grid-template-columns: 220px minmax(0, 1fr) !important;
  align-items: start;
  gap: 10px !important;
}

.settings-section .integration-list {
  gap: 6px !important;
}

.settings-section .integration-status-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 48px !important;
  gap: 2px 8px !important;
  padding: 8px 9px !important;
  border-left-width: 3px !important;
}

.settings-section .integration-status-card .connection-state {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  white-space: nowrap;
}

.settings-section .integration-status-card strong {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-section .integration-status-card small {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  white-space: nowrap;
}

.settings-section .integration-tabs {
  display: none !important;
}

.settings-section .integration-panel {
  padding: 12px !important;
}

.settings-section .integration-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.settings-section .integration-form-head {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--acc-line-soft, #dce3eb);
}

.settings-section .integration-readiness,
.settings-section .integration-guard,
.settings-section .integration-webhook-info {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.settings-section .integration-readiness-card,
.settings-section .integration-guard-card {
  min-height: 56px !important;
  padding: 8px 10px !important;
}

.settings-section .integration-guard {
  opacity: .92;
}

.settings-section .integration-webhook-info {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(180px, .85fr) minmax(0, 1fr) minmax(0, .7fr);
  align-items: end;
  padding: 10px !important;
  border: 1px solid #cfe0ec;
  border-radius: 8px;
  background: #f8fbff;
}

.settings-section .integration-webhook-info[hidden] {
  display: none !important;
}

.settings-section .integration-webhook-head {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.settings-section .integration-webhook-head span {
  color: #247ba0;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.settings-section .integration-webhook-head strong {
  min-width: 0;
  color: #172033;
  font-size: 13px;
  line-height: 1.25;
}

.settings-section .integration-webhook-info label {
  display: grid;
  gap: 5px;
  min-width: 0;
  margin: 0;
}

.settings-section .integration-webhook-info label span,
.settings-section .integration-webhook-info small,
.settings-section .integration-webhook-info p {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

.settings-section .integration-webhook-info input {
  width: 100%;
  min-height: 36px;
  overflow: hidden;
  border: 1px solid #cfd9e3;
  border-radius: 8px;
  background: #fff;
  color: #172033;
  font: inherit;
  font-size: 12px;
  text-overflow: ellipsis;
}

.settings-section .integration-guard-card em,
.settings-section .integration-readiness-card em {
  font-style: normal;
}

.settings-section .integration-requirements {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px !important;
  min-height: 44px;
  padding: 8px 10px !important;
}

.settings-section .integration-requirements > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.settings-section .integration-requirement {
  min-height: 26px !important;
}

.settings-section .integration-field,
.settings-section .catalog-settings-grid label {
  min-width: 0;
}

.settings-section .integration-field input,
.settings-section .catalog-settings-grid input,
.settings-section .category-search-control input {
  width: 100%;
  min-height: 38px !important;
}

.settings-section .switch-row {
  min-height: 44px !important;
  padding: 10px 12px !important;
  background: #fff !important;
}

.settings-section .switch-row span {
  font-size: 14px;
  line-height: 1.25;
}

.settings-section .integration-actions {
  align-items: center;
}

.settings-section .connection-help,
.settings-section [data-integration-status] {
  margin: 0;
}

@media (max-width: 1180px) {
  .settings-section .api-audit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .settings-section .settings-grid {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .settings-section .settings-overview,
  .settings-section .api-audit-grid,
  .settings-section .integration-list,
  .settings-section .integration-form,
  .settings-section .integration-readiness,
  .settings-section .integration-guard,
  .settings-section .integration-webhook-info,
  .settings-section .catalog-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-requirements {
    grid-template-columns: 1fr;
  }
}

/* 20260716-23: catalog editor modal, order details containment and denser account polish */
body[data-modal-open="true"] {
  overflow: hidden;
}

.orders-workbench.compact,
.analytics-workbench {
  align-items: start;
}

.orders-summary,
.status-grid,
.analytics-score,
.analytics-workbench {
  gap: 10px !important;
}

.order-detail-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.order-detail-metrics span,
.order-detail-meta span {
  min-width: 0;
  overflow: hidden;
}

.order-detail-metrics b,
.order-detail-meta small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-product-row {
  grid-template-columns: auto minmax(0, 1fr) minmax(128px, auto) !important;
  align-items: center;
  overflow: hidden;
}

.order-product-row .product-main {
  min-width: 0;
}

.order-product-row .product-main strong,
.order-product-row .product-main small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-profit-stack {
  min-width: 0;
  max-width: 190px;
  align-items: flex-end;
  text-align: right;
}

.order-profit-stack b,
.order-profit-stack strong,
.order-profit-stack small {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.order-product-link {
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid var(--acc-line, #c9d4df);
  border-radius: 7px;
  background: #fff;
  color: var(--acc-ink, #182433);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.catalog-editor-modal[hidden] {
  display: none !important;
}

.catalog-editor-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
}

.catalog-editor-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 19, 30, .58);
  backdrop-filter: blur(6px);
}

.catalog-editor-dialog {
  position: relative;
  width: min(1180px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid rgba(203, 213, 225, .95);
  border-radius: 12px;
  background: #f8fafc;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
}

.catalog-editor-form {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.catalog-editor-head,
.catalog-editor-actions {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.catalog-editor-head h3 {
  margin: 2px 0 4px;
  font-size: 22px;
}

.catalog-editor-head p,
.catalog-editor-actions p {
  margin: 0;
}

.catalog-editor-grid {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.catalog-photo-panel,
.catalog-editor-fields,
.catalog-category-card,
.catalog-marketplace-id-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--acc-line-soft, #dce3eb);
  border-radius: 10px;
  background: #fff;
}

.catalog-photo-preview {
  display: grid;
  place-items: center;
  min-height: 360px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid var(--acc-line-soft, #dce3eb);
  border-radius: 10px;
  background: #f1f5f9;
  color: #64748b;
}

.catalog-photo-preview img,
.catalog-photo-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.catalog-photo-strip {
  display: grid;
  gap: 8px;
}

.catalog-photo-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--acc-line-soft, #dce3eb);
  border-radius: 9px;
  background: #f8fafc;
}

.catalog-photo-item.primary {
  border-color: #86efac;
  background: #f0fdf4;
}

.catalog-photo-thumb {
  width: 56px;
  height: 56px;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--acc-line, #c9d4df);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.catalog-photo-item strong,
.catalog-photo-item small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.catalog-photo-empty {
  padding: 12px;
  border: 1px dashed var(--acc-line, #c9d4df);
  border-radius: 9px;
  color: #64748b;
  background: #f8fafc;
}

.catalog-photo-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: end;
}

.catalog-photo-controls label,
.catalog-editor-fields label {
  min-width: 0;
}

.catalog-photo-controls input,
.catalog-editor-fields input,
.catalog-editor-fields textarea {
  width: 100%;
}

.catalog-editor-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.catalog-editor-field-grid.compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.catalog-marketplace-id-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.catalog-marketplace-id-grid label {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--acc-line-soft, #dce3eb);
  border-radius: 8px;
  background: #f8fafc;
}

.catalog-marketplace-id-grid label.active {
  border-color: rgba(36, 123, 160, .45);
  background: #eef9fc;
}

.catalog-marketplace-id-grid span {
  color: #526174;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.catalog-category-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.catalog-category-head h4,
.catalog-category-head p {
  margin: 0;
}

.catalog-category-head > span {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: #ecfeff;
  color: #155e75;
  font-size: 12px;
  font-weight: 800;
}

.catalog-category-results {
  max-height: 220px;
  overflow: auto;
  border: 1px solid var(--acc-line-soft, #dce3eb);
  border-radius: 9px;
  background: #fff;
}

.catalog-editor-hint {
  color: #64748b;
}

.catalog-editor-actions {
  align-items: center;
  padding-top: 4px;
}

.catalog-editor-actions > div {
  display: flex;
  gap: 8px;
}

.catalog-table .row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.catalog-table .row-actions button {
  white-space: nowrap;
}

.module-editor[data-account-composition-form]:not([hidden]),
.module-editor[data-account-price-form]:not([hidden]) {
  position: fixed;
  inset: 24px;
  z-index: 90;
  width: min(980px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  margin: auto;
  border: 1px solid rgba(203, 213, 225, .95);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
}

@media (max-width: 980px) {
  .catalog-editor-grid {
    grid-template-columns: 1fr;
  }

  .catalog-photo-preview {
    min-height: 280px;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 720px) {
  .catalog-editor-modal {
    padding: 10px;
  }

  .catalog-editor-dialog {
    max-height: calc(100vh - 20px);
  }

  .catalog-editor-form {
    padding: 12px;
  }

  .catalog-editor-head,
  .catalog-editor-actions {
    display: grid;
  }

  .catalog-photo-controls,
  .catalog-editor-field-grid,
  .catalog-editor-field-grid.compact {
    grid-template-columns: 1fr;
  }

  .order-detail-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .order-product-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .order-profit-stack {
    grid-column: 1 / -1;
    max-width: none;
    align-items: flex-start;
    text-align: left;
  }
}

/* 20260716-24: launch-ready catalog card editing states. */
.catalog-editor-dialog:focus {
  outline: none;
}

.catalog-editor-readiness {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--acc-line-soft, #dce3eb);
  border-radius: 9px;
  background: #f8fafc;
}

.catalog-editor-readiness strong {
  color: var(--acc-ink, #182433);
  font-size: 13px;
}

.catalog-editor-readiness > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.catalog-editor-readiness span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.catalog-editor-readiness[data-tone="ok"] {
  border-color: #99f6e4;
  background: #f0fdfa;
}

.catalog-editor-readiness[data-tone="ok"] span {
  background: #ccfbf1;
  color: #0f766e;
}

.catalog-editor-readiness[data-tone="warning"] {
  border-color: #fde68a;
  background: #fffbeb;
}

.catalog-editor-readiness[data-tone="warning"] span {
  background: #fef3c7;
  color: #92400e;
}

.catalog-editor-fields textarea {
  min-height: 92px;
  resize: vertical;
}

.catalog-table .row-actions button[disabled] {
  cursor: not-allowed;
  opacity: .55;
}

/* 20260716-26: cleaner composition editor modal. */
body[data-composition-modal-open="true"] {
  overflow: hidden;
}

body[data-composition-modal-open="true"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 84;
  background: rgba(12, 19, 30, .52);
  backdrop-filter: blur(5px);
}

.module-editor.composition-editor-modal:not([hidden]) {
  position: fixed;
  inset: 24px;
  z-index: 95;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(1120px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  margin: auto;
  overflow: hidden;
  gap: 0;
  padding: 0;
  border: 1px solid rgba(203, 213, 225, .95);
  border-radius: 12px;
  background: #f8fafc;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
}

.composition-editor-modal:focus {
  outline: none;
}

.composition-editor-head {
  padding: 16px 18px;
  border-bottom: 1px solid var(--acc-line-soft, #dce3eb);
  background: #fff;
}

.composition-editor-head h3 {
  max-width: 720px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.composition-editor-head small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 700;
}

.composition-editor-body {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 14px;
  min-height: 0;
  padding: 14px;
  overflow: hidden;
}

.composition-editor-summary,
.composition-editor-main {
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--acc-line-soft, #dce3eb);
  border-radius: 10px;
  background: #fff;
}

.composition-editor-summary {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 12px;
}

.composition-editor-summary .module-metrics.compact {
  grid-template-columns: 1fr !important;
  gap: 8px;
}

.composition-editor-note {
  padding: 10px 11px;
  border-radius: 9px;
  background: #eef5ff;
  color: #334155;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.composition-editor-note[data-tone="ok"] {
  background: #ecfdf5;
  color: #0f766e;
}

.composition-editor-note[data-tone="warning"] {
  background: #fff7ed;
  color: #9a3412;
}

.composition-editor-main {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px;
  overflow: hidden;
}

.composition-price-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.composition-lines-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.composition-lines-head p,
.composition-lines-head strong {
  margin: 0;
}

.composition-lines-head > span {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 12px;
  font-weight: 850;
}

.composition-editor-main .component-editor-list {
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
}

.composition-component-row {
  grid-template-columns: minmax(180px, 1fr) minmax(112px, 150px) minmax(92px, auto) auto !important;
  padding: 9px 10px !important;
  border-color: var(--acc-line-soft, #dce3eb) !important;
  box-shadow: none;
}

.composition-component-row[data-tone="warning"] {
  border-color: #fed7aa !important;
  background: #fff7ed;
}

.component-title,
.component-title strong,
.component-title small {
  min-width: 0;
}

.component-title strong,
.component-title small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.component-quantity-field {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.component-quantity-field span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.component-quantity-field input {
  width: 100%;
}

.component-line-cost {
  justify-self: end;
  color: var(--acc-ink, #182433);
  white-space: nowrap;
}

.composition-empty-state {
  display: grid;
  place-items: center;
  min-height: 120px;
  padding: 18px;
  border: 1px dashed var(--acc-line, #c9d4df);
  border-radius: 10px;
  background: #f8fafc;
  color: #64748b;
  text-align: center;
  font-weight: 750;
}

.composition-add-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 150px) auto;
  gap: 10px !important;
  align-items: end !important;
  padding-top: 10px;
  border-top: 1px solid var(--acc-line-soft, #dce3eb);
}

.composition-add-line label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.composition-add-line label > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.composition-add-line select,
.composition-add-line input {
  width: 100%;
  min-height: 38px;
}

.composition-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--acc-line-soft, #dce3eb);
  background: #fff;
}

@media (max-width: 920px) {
  .composition-editor-body {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .composition-editor-main {
    overflow: visible;
  }
}

@media (max-width: 680px) {
  .module-editor.composition-editor-modal:not([hidden]) {
    inset: 10px;
    width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
  }

  .composition-editor-head,
  .composition-editor-actions {
    padding: 12px;
  }

  .composition-editor-body {
    padding: 10px;
  }

  .composition-price-grid,
  .composition-add-line,
  .composition-component-row {
    grid-template-columns: 1fr !important;
  }

  .component-line-cost {
    justify-self: start;
  }

  .composition-editor-actions {
    display: grid;
  }
}

/* 20260716-27: launch redesign foundation for a calmer professional SaaS workspace. */
:root {
  --launch-bg: #f5f7fa;
  --launch-surface: #ffffff;
  --launch-surface-soft: #f8fafc;
  --launch-surface-muted: #f1f5f9;
  --launch-border: #dbe3ed;
  --launch-border-soft: #e7edf4;
  --launch-text: #17202c;
  --launch-text-soft: #344054;
  --launch-muted: #64748b;
  --launch-primary: #cf3a52;
  --launch-primary-dark: #9f2638;
  --launch-success: #0f766e;
  --launch-warning: #9a5b05;
  --launch-danger: #b42334;
  --launch-info: #1d4ed8;
  --launch-radius: 8px;
  --launch-focus: rgba(207, 58, 82, .18);
  --launch-shadow-control: 0 1px 2px rgba(15, 23, 42, .04);
}

html,
body,
.account-layout,
.admin-layout,
.pricing-shell,
.inventory-shell,
.compositions-shell {
  background: var(--launch-bg);
  color: var(--launch-text);
}

.account-shell,
.admin-shell,
.pricing-shell,
.inventory-shell,
.compositions-shell {
  max-width: 1440px;
}

.account-shell {
  gap: 12px;
  padding: 18px 20px 28px;
}

.account-layout {
  grid-template-columns: 260px minmax(0, 1fr);
}

.account-sidebar,
.admin-header {
  background: #131a24;
}

.account-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
  gap: 14px;
  align-items: stretch;
  padding: 14px 16px;
  border-color: var(--launch-border);
}

.workspace-title,
.module-head > div,
.section-head,
.integration-form-head > div,
.orders-panel-head > div,
.analytics-panel-head > div {
  min-width: 0;
}

.workspace-title .eyebrow,
.module-head .eyebrow,
.section-head .eyebrow,
.integration-form-head .eyebrow {
  margin: 0 0 4px;
  color: #7b8798;
}

.account-toolbar h1,
.module-head h2,
.section-head h2,
.integration-form-head h3 {
  color: var(--launch-text);
  letter-spacing: 0;
}

.account-toolbar h1 {
  margin: 0;
  font-size: 32px;
}

.account-toolbar p,
.module-head p,
.section-head p,
.integration-form-head p {
  color: var(--launch-muted);
}

.account-session-card {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.account-session-card span,
.module-metric,
.status-card,
.analytics-grid .status-card,
.settings-overview-card,
.api-audit-card,
.integration-status-card,
.orders-summary-item,
.orders-action-row,
.analytics-row,
.analytics-score-card,
.analytics-score-facts span,
.integration-readiness-card,
.integration-guard-card,
.order-product-row,
.workspace-table-wrap,
.billing-table-wrap,
.order-detail-panel,
.inventory-ops-panel,
.catalog-editor-dialog,
.composition-editor-summary,
.composition-editor-main {
  border-color: var(--launch-border-soft) !important;
  border-radius: var(--launch-radius);
  background: var(--launch-surface) !important;
  box-shadow: none !important;
}

.account-session-card span {
  min-height: 54px;
  align-content: center;
  padding: 9px 10px;
}

.account-session-card small {
  color: var(--launch-muted);
  font-size: 10px;
}

.account-session-card b {
  color: var(--launch-text);
  font-size: 13px;
}

.side-nav a,
.admin-nav a {
  min-height: 42px;
  border-radius: var(--launch-radius);
}

.side-nav a span,
.admin-nav a {
  font-size: 13px;
}

.side-nav a small {
  font-size: 10.5px;
}

.account-view.account-section,
.account-view.workspace-module,
.subscription-panel,
.billing-history-section,
.overview-hero,
.overview-panel,
.panel,
.admin-section,
.admin-hero {
  padding: 14px;
  border-color: var(--launch-border);
  border-radius: var(--launch-radius);
  background: var(--launch-surface);
  box-shadow: none;
}

.module-head,
.section-head,
.orders-panel-head,
.analytics-panel-head {
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--launch-border-soft);
}

.module-head h2,
.section-head h2 {
  font-size: 20px;
  line-height: 1.15;
}

.module-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.primary-button,
.secondary-button,
.ghost-button,
.button.primary,
.button.secondary,
.header-button,
.icon-button {
  min-height: 38px;
  border-radius: var(--launch-radius);
  font-weight: 850;
  transition: background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.primary-button,
.button.primary,
.header-button {
  border-color: var(--launch-primary);
  background: var(--launch-primary);
}

.primary-button:hover,
.primary-button:focus-visible,
.button.primary:hover,
.button.primary:focus-visible,
.header-button:hover,
.header-button:focus-visible {
  border-color: var(--launch-primary-dark);
  background: var(--launch-primary-dark);
  box-shadow: 0 8px 20px rgba(207, 58, 82, .16);
}

.secondary-button,
.ghost-button,
.button.secondary,
.icon-button {
  border-color: #ccd6e2;
  background: #fff;
  color: var(--launch-text);
  box-shadow: var(--launch-shadow-control);
}

.secondary-button:hover,
.secondary-button:focus-visible,
.ghost-button:hover,
.ghost-button:focus-visible,
.button.secondary:hover,
.button.secondary:focus-visible,
.icon-button:hover,
.icon-button:focus-visible {
  border-color: #b9c5d4;
  background: var(--launch-surface-soft);
}

input,
select,
textarea {
  min-height: 38px;
  border-color: #ccd6e2;
  border-radius: var(--launch-radius);
  color: var(--launch-text);
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .02);
}

input:hover,
select:hover,
textarea:hover {
  border-color: #b9c5d4;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(207, 58, 82, .58);
  outline: 3px solid var(--launch-focus);
  outline-offset: 1px;
}

.module-controls,
.formula-controls,
.orders-controls,
.toolbar,
.channel-settings,
.billing-config {
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 9px;
  align-items: end;
  padding: 10px;
  border: 1px solid var(--launch-border-soft);
  border-radius: var(--launch-radius);
  background: var(--launch-surface-soft);
}

.module-controls label > span,
.integration-field > span,
.catalog-settings-grid label > span,
.module-form-grid label > span,
.billing-config label > span,
.composition-add-line label > span,
.catalog-photo-controls label > span,
.catalog-editor-fields label > span {
  color: #5f6b7a;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: none;
}

.module-metrics,
.module-metrics.compact,
.status-grid,
.analytics-grid,
.settings-overview {
  gap: 8px;
}

.module-metric,
.status-card,
.analytics-grid .status-card {
  min-height: 64px;
  padding: 10px 11px;
}

.module-metric strong,
.status-card strong,
.analytics-grid .status-card strong {
  font-size: 17px;
  line-height: 1.08;
}

.module-metric small,
.status-card small,
.analytics-grid .status-card small {
  color: var(--launch-muted);
  font-size: 11px;
  line-height: 1.28;
}

.status-badge,
.status-pill,
.connection-state,
[data-integration-provider-badge],
.test-mode-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 4px 8px;
  border: 1px solid #d4deea;
  border-radius: 999px;
  background: #edf2f7;
  color: #475569;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}

.status-badge.ready,
.status-badge.active,
.status-badge.updated,
.status-badge.completed,
.status-pill[data-tone="success"],
.connection-state[data-tone="ready"],
[data-integration-provider-badge][data-tone="ready"] {
  border-color: rgba(15, 118, 110, .22);
  background: #e7f6f3;
  color: var(--launch-success);
}

.status-badge.low,
.status-badge.missing_cost,
.status-badge.missing_composition,
.status-badge.missing_profit,
.status-badge.low_margin,
.status-badge.new,
.status-badge.accepted,
.status-badge.assembled,
.status-badge.delivering,
.status-pill[data-tone="warning"],
.test-mode-pill,
[data-integration-provider-badge][data-tone="action"] {
  border-color: rgba(154, 91, 5, .22);
  background: #fff3df;
  color: var(--launch-warning);
}

.status-badge.out_of_stock,
.status-badge.shortage,
.status-badge.cancelled,
.status-pill[data-tone="danger"],
[data-integration-provider-badge][data-tone="blocked"] {
  border-color: rgba(180, 35, 52, .22);
  background: #ffe8ec;
  color: var(--launch-danger);
}

.workspace-table-wrap,
.billing-table-wrap {
  max-width: 100%;
  overflow: auto;
}

.workspace-table,
.billing-table {
  width: 100%;
}

.workspace-table th,
.workspace-table td,
.billing-table th,
.billing-table td {
  padding: 8px 10px;
  vertical-align: top;
}

.workspace-table th,
.billing-table th {
  background: #f6f8fb;
  color: #596579;
  font-size: 10px;
}

.workspace-table td,
.billing-table td {
  color: var(--launch-text-soft);
  font-size: 13px;
}

.workspace-table td:first-child,
.workspace-table th:first-child {
  padding-left: 12px;
}

.workspace-table tbody tr:hover,
.billing-table tbody tr:hover {
  background: #fbfcfe;
}

.settings-section .api-audit-grid {
  display: none !important;
}

.settings-section .settings-grid {
  grid-template-columns: 268px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.settings-section .integration-list {
  position: sticky;
  top: 12px;
  align-self: start;
  gap: 7px !important;
}

.settings-section .integration-status-card {
  min-height: 52px !important;
  border-left-width: 3px !important;
}

.settings-section .integration-status-card strong,
.settings-section .integration-status-card small {
  min-width: 0;
}

.settings-section .integration-status-card small {
  color: var(--launch-muted);
}

.settings-section .integration-panel {
  padding: 14px !important;
}

.settings-section .integration-form {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 11px !important;
}

.settings-section .integration-form-head,
.settings-section .integration-readiness,
.settings-section .integration-requirements,
.settings-section .integration-guard,
.settings-section .catalog-settings-fieldset,
.settings-section .switch-row,
.settings-section .integration-actions,
.settings-section [data-integration-status],
.settings-section [data-integration-help] {
  grid-column: 1 / -1;
}

.settings-section .integration-field {
  grid-column: span 6;
}

.settings-section .integration-field[hidden] {
  display: none !important;
}

.settings-section .integration-field input,
.settings-section .catalog-settings-grid input,
.settings-section .category-search-control input {
  width: 100%;
}

.settings-section .integration-readiness,
.settings-section .integration-guard {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.settings-section .integration-readiness-card,
.settings-section .integration-guard-card {
  min-height: 66px !important;
  padding: 9px 10px !important;
}

.settings-section .integration-readiness-card em,
.settings-section .integration-guard-card em {
  color: var(--launch-muted);
}

.settings-section .integration-requirements {
  border-color: var(--launch-border-soft);
  background: var(--launch-surface-soft);
}

.settings-section .catalog-settings-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.settings-section .catalog-category-field {
  grid-column: span 2;
}

.switch-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 44px !important;
  padding: 9px 11px !important;
  border: 1px solid var(--launch-border-soft);
  border-radius: var(--launch-radius);
  background: #fff !important;
}

.switch-row input[type="checkbox"] {
  position: relative;
  width: 38px;
  height: 22px;
  min-height: 22px;
  margin: 0;
  appearance: none;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #dbe3ec;
  cursor: pointer;
  transition: background .14s ease, border-color .14s ease;
}

.switch-row input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .22);
  transition: transform .14s ease;
}

.switch-row input[type="checkbox"]:checked {
  border-color: rgba(15, 118, 110, .36);
  background: var(--launch-success);
}

.switch-row input[type="checkbox"]:checked::before {
  transform: translateX(16px);
}

.switch-row input[type="checkbox"]:focus-visible {
  outline: 3px solid rgba(15, 118, 110, .2);
  outline-offset: 2px;
}

.switch-row input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.switch-row span {
  color: var(--launch-text-soft);
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1.28 !important;
}

.orders-summary {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .34fr);
  gap: 12px;
}

.orders-workbench.compact,
.analytics-workbench {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 10px;
}

.orders-panel,
.analytics-panel {
  min-width: 0;
}

.order-detail-panel {
  position: sticky;
  top: 12px;
  max-width: 100%;
  overflow: hidden;
}

.order-detail-head,
.order-detail-meta,
.order-detail-metrics,
.order-product-row {
  max-width: 100%;
}

.order-detail-metrics {
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)) !important;
}

.order-detail-metrics b,
.order-detail-meta small,
.order-profit-stack b,
.order-profit-stack strong,
.order-profit-stack small {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.order-product-row {
  grid-template-columns: 42px minmax(0, 1fr) minmax(112px, auto) !important;
  gap: 9px;
}

.order-product-row .product-thumb {
  width: 42px;
  height: 42px;
}

.analytics-score {
  grid-template-columns: minmax(180px, .22fr) minmax(0, 1fr);
  gap: 10px !important;
}

.analytics-score-card,
.analytics-score-facts span {
  min-height: 82px;
}

.analytics-score-card strong {
  font-size: 28px;
}

.analytics-score-facts {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.analytics-row,
.orders-action-row {
  min-height: 46px;
}

.module-editor.composition-editor-modal:not([hidden]) {
  width: min(1080px, calc(100vw - 48px));
  border-radius: 10px;
  background: var(--launch-surface);
}

.composition-editor-head,
.composition-editor-actions {
  background: #fff;
}

.composition-editor-body {
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 12px;
  background: var(--launch-surface-soft);
}

.composition-editor-summary,
.composition-editor-main {
  border-radius: 9px;
}

.composition-component-row {
  grid-template-columns: minmax(190px, 1fr) minmax(104px, 136px) minmax(92px, auto) auto !important;
  align-items: center;
}

.component-line-cost {
  max-width: 126px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.composition-add-line {
  grid-template-columns: minmax(0, 1fr) minmax(104px, 136px) auto !important;
}

.catalog-editor-dialog {
  width: min(1120px, 100%);
  border-radius: 10px;
}

.catalog-photo-preview {
  min-height: 320px;
}

.category-search-control {
  gap: 8px;
}

.category-result {
  width: 100%;
  text-align: left;
}

.admin-shell {
  gap: 12px;
}

.admin-hero,
.admin-section {
  border-color: var(--launch-border);
}

.admin-kpis,
.system-status-grid {
  gap: 8px;
}

.kpi-card,
.system-status-card,
.operations-card {
  border-color: var(--launch-border-soft);
  border-radius: var(--launch-radius);
  background: #fff;
  box-shadow: none;
}

@media (max-width: 1180px) {
  .account-layout {
    grid-template-columns: 246px minmax(0, 1fr);
  }

  .account-toolbar {
    grid-template-columns: 1fr;
  }

  .account-session-card {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .settings-section .settings-grid {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-list {
    position: static;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  .account-layout,
  .admin-layout {
    grid-template-columns: 1fr;
  }

  .account-sidebar,
  .admin-header {
    position: static;
    height: auto;
  }

  .account-session-card,
  .settings-section .integration-list,
  .settings-section .integration-readiness,
  .settings-section .integration-guard,
  .settings-section .catalog-settings-grid,
  .analytics-score,
  .orders-content {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-field,
  .settings-section .catalog-category-field {
    grid-column: 1 / -1;
  }

  .order-detail-panel {
    position: static;
  }

  .composition-editor-body {
    grid-template-columns: 1fr;
    overflow: auto;
  }
}

@media (max-width: 680px) {
  .account-shell,
  .admin-shell {
    padding: 12px;
  }

  .account-toolbar,
  .account-view.account-section,
  .account-view.workspace-module,
  .subscription-panel,
  .billing-history-section,
  .overview-hero,
  .overview-panel,
  .panel,
  .admin-section,
  .admin-hero {
    padding: 12px;
  }

  .module-actions,
  .integration-actions,
  .catalog-editor-actions > div {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
  }

  .module-actions .primary-button,
  .module-actions .secondary-button,
  .integration-actions .primary-button,
  .integration-actions .secondary-button,
  .catalog-editor-actions .primary-button,
  .catalog-editor-actions .secondary-button {
    width: 100%;
  }

  .module-controls,
  .formula-controls,
  .orders-controls,
  .toolbar,
  .channel-settings,
  .billing-config,
  .module-metrics,
  .module-metrics.compact,
  .status-grid,
  .analytics-grid,
  .settings-overview {
    grid-template-columns: 1fr !important;
  }

  .workspace-table {
    min-width: 720px;
  }

  .orders-table {
    min-width: 760px;
  }

  .composition-component-row,
  .composition-add-line,
  .order-product-row {
    grid-template-columns: 1fr !important;
  }

  .order-product-row .product-thumb {
    width: 56px;
    height: 56px;
  }

  .order-profit-stack {
    max-width: none;
    align-items: flex-start;
    text-align: left;
  }

  .component-line-cost {
    justify-self: start;
    max-width: 100%;
  }
}

/* 20260716-28: subscription and order-detail refinement after live visual review. */
.subscription-status-panel {
  border-left: 3px solid var(--launch-success, #0f766e);
}

/* 20260716-29: launch-ready cabinet pass for order cards, analytics density and modal polish. */
.account-shell {
  max-width: 1400px;
}

.account-view.account-section,
.account-view.workspace-module,
.subscription-status-panel,
.billing-history-section {
  border-color: #d8e0ea;
}

.section-head,
.module-head {
  align-items: flex-start;
}

.section-head .eyebrow,
.module-head .eyebrow,
.panel-head .eyebrow,
.orders-panel-head .eyebrow,
.analytics-panel-head .eyebrow {
  color: #7b8495;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(430px, .42fr) !important;
}

.orders-table-wrap {
  border-radius: 8px;
}

.orders-table td[data-label="Сумма"],
.orders-table td[data-label="Дата"] {
  white-space: nowrap;
}

.orders-row[aria-selected="true"] {
  background: #fff5f7;
}

.order-detail-panel {
  gap: 10px !important;
  border-color: #d8e0ea !important;
}

.order-detail-meta,
.order-detail-metrics {
  gap: 8px !important;
}

.order-detail-metrics span {
  min-height: 64px !important;
}

.order-detail-metrics b,
.order-detail-metrics small {
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-detail-metrics b {
  white-space: nowrap;
}

.order-product-list {
  gap: 8px;
}

.order-product-row {
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  border-color: #dfe6ef !important;
  background: #fff !important;
}

.order-product-row[data-tone="warning"] {
  background: #fffaf0 !important;
}

.order-product-row[data-tone="locked"] {
  background: #fff5f6 !important;
}

.order-product-row .product-thumb {
  width: 64px !important;
  height: 64px !important;
  border-radius: 8px;
}

.order-product-row .product-main {
  align-self: center;
}

.order-product-row .product-main strong {
  display: -webkit-box;
  overflow: hidden;
  color: #1d2430;
  font-size: 14px;
  line-height: 1.22;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.order-product-row .product-main small {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #6b7484;
  font-size: 11px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-product-match {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 22px;
  margin-top: 7px;
  padding: 4px 7px;
  border: 1px solid #dce5ef;
  border-radius: 999px;
  background: #fff;
  color: #647083;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.order-product-match[data-tone="ok"] {
  border-color: #b9ead6;
  background: #effcf6;
  color: #187352;
}

.order-product-match[data-tone="warning"] {
  border-color: #f3d38a;
  background: #fff8e6;
  color: #8a5a00;
}

.order-profit-stack {
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(130px, auto) !important;
  gap: 7px !important;
  padding-top: 9px;
}

.order-profit-stack > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 44px;
  padding: 7px 8px;
  border: 1px solid #e6ebf2;
  border-radius: 8px;
  background: #f8fafc;
}

.order-profit-stack > span small,
.order-profit-stack > span b,
.order-profit-stack > span strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-profit-stack > span small {
  color: #697386;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.order-profit-stack > span b,
.order-profit-stack > span strong {
  color: #17202c;
  font-size: 13px;
  line-height: 1.14;
}

.order-profit-stack > span strong {
  color: #087451;
}

.order-product-row[data-tone="locked"] .order-profit-stack > span strong {
  color: #b42334;
}

.order-product-link,
.order-detail-link {
  border-color: #d8e0ea;
  background: #fff;
}

.order-product-link {
  min-height: 44px;
  padding: 8px 10px;
  font-size: 12px;
}

.order-detail-link:hover,
.order-detail-link:focus-visible,
.order-product-link:hover,
.order-product-link:focus-visible {
  border-color: rgba(223, 54, 80, .36);
  background: #fff4f6;
  color: #b9243a;
}

.analytics-score {
  grid-template-columns: minmax(180px, .2fr) minmax(0, 1fr) !important;
}

.analytics-score-card,
.analytics-score-facts span,
.analytics-grid .status-card {
  min-height: 72px !important;
  border-color: #dfe6ef;
  background: #fff;
}

.analytics-score-card strong {
  font-size: 26px !important;
}

.analytics-score-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.analytics-workbench {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.analytics-panel {
  min-height: 0;
  border-color: #dfe6ef;
}

.analytics-list {
  gap: 6px;
}

.analytics-row,
.orders-action-row {
  border-color: #e2e8f0;
}

.settings-section .section-head p {
  max-width: 820px;
}

.api-audit-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}

.api-audit-card {
  min-height: 78px !important;
}

.api-audit-card small {
  white-space: normal;
}

.settings-grid {
  grid-template-columns: minmax(230px, .28fr) minmax(0, 1fr) !important;
}

.integration-panel {
  border-color: #d8e0ea;
}

.integration-form {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  align-items: start;
}

.integration-form-head,
.integration-readiness,
.integration-requirements,
.integration-guard,
.catalog-settings-fieldset,
.integration-form .switch-row,
.integration-form .integration-actions,
.integration-form .status-text,
.integration-form .connection-help {
  grid-column: 1 / -1;
}

.integration-field,
.catalog-settings-grid label {
  gap: 6px;
}

.integration-field input,
.catalog-settings-grid input,
.category-search-control input {
  min-height: 42px !important;
}

.integration-readiness,
.integration-guard {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.integration-readiness-card,
.integration-guard-card {
  min-height: 82px !important;
}

.catalog-settings-fieldset {
  padding: 12px;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
}

.catalog-settings-fieldset legend {
  padding: 0 6px;
  color: #697386;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.catalog-settings-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.catalog-category-field {
  grid-column: 1 / -1;
}

.category-selected {
  display: block;
  min-height: 28px;
  padding: 7px 9px;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
  background: #f8fafc;
  color: #5f6b7a;
  line-height: 1.25;
}

body[data-composition-modal-open="true"],
body[data-catalog-modal-open="true"] {
  overflow: hidden;
}

.composition-editor-modal:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  width: 100%;
  max-width: none;
  min-height: 100svh;
  margin: 0;
  padding: 22px;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  background: rgba(15, 23, 42, .48);
  box-shadow: none;
}

.composition-editor-modal:not([hidden])::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .28);
  backdrop-filter: blur(8px);
}

.composition-editor-modal .module-editor-head,
.composition-editor-body,
.composition-editor-actions {
  position: relative;
  z-index: 1;
  width: min(1080px, 100%);
  margin-right: auto;
  margin-left: auto;
  background: #fff;
}

.composition-editor-modal .module-editor-head {
  align-items: flex-start;
  padding: 18px 18px 14px;
  border: 1px solid #d8e0ea;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.composition-editor-modal .module-editor-head small {
  display: block;
  margin-top: 6px;
  color: #667085;
  line-height: 1.35;
}

.composition-editor-body {
  grid-template-columns: minmax(260px, .32fr) minmax(0, 1fr);
  gap: 14px;
  padding: 0 18px 18px;
  border-right: 1px solid #d8e0ea;
  border-left: 1px solid #d8e0ea;
}

.composition-editor-summary,
.composition-editor-main {
  min-width: 0;
}

.composition-editor-summary {
  align-self: start;
  position: sticky;
  top: 18px;
}

.composition-price-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.composition-lines-head {
  min-height: 44px;
  padding: 10px 0;
}

.composition-component-row {
  grid-template-columns: minmax(0, 1fr) minmax(116px, .2fr) minmax(100px, .16fr) auto !important;
  gap: 8px !important;
  align-items: end;
}

.composition-add-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, .24fr) auto;
  gap: 8px;
}

.composition-add-line label {
  display: grid;
  gap: 5px;
}

.composition-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 18px 18px;
  border: 1px solid #d8e0ea;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}

.catalog-editor-dialog {
  width: min(1180px, calc(100vw - 36px));
}

.catalog-editor-form {
  gap: 14px;
}

.catalog-editor-head,
.catalog-editor-actions {
  padding: 16px 18px;
}

.catalog-editor-grid {
  grid-template-columns: minmax(320px, .36fr) minmax(0, 1fr);
  gap: 14px;
  padding: 0 18px 18px;
}

.catalog-photo-preview {
  min-height: 320px;
}

.catalog-editor-field-grid {
  gap: 10px;
}

.catalog-category-card {
  padding: 12px;
}

@media (max-width: 1180px) {
  .orders-content,
  .analytics-score,
  .analytics-workbench,
  .settings-grid,
  .composition-editor-body,
  .catalog-editor-grid {
    grid-template-columns: 1fr !important;
  }

  .composition-editor-summary {
    position: static;
  }
}

@media (max-width: 920px) {
  .analytics-score-facts,
  .analytics-workbench,
  .integration-readiness,
  .integration-guard,
  .catalog-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .composition-component-row,
  .composition-add-line {
    grid-template-columns: 1fr !important;
  }

  .orders-table {
    min-width: 0 !important;
  }

  .orders-table thead {
    display: none;
  }

  .orders-table,
  .orders-table tbody,
  .orders-table tr,
  .orders-table td {
    display: block;
    width: 100%;
  }

  .orders-table tbody {
    display: grid;
    gap: 8px;
  }

  .orders-table tr {
    padding: 10px;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #fff;
  }

  .orders-table tr[aria-selected="true"] {
    border-color: rgba(223, 54, 80, .34);
    box-shadow: inset 3px 0 0 #df3650;
  }

  .orders-table td {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 8px;
    padding: 5px 0 !important;
    border-bottom: 0 !important;
  }

  .orders-table td::before {
    content: attr(data-label);
    color: #697386;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
  }

  .orders-row[aria-selected="true"] td:first-child {
    box-shadow: none;
  }
}

@media (max-width: 680px) {
  .account-session-card span {
    min-height: 0;
  }

  .orders-content,
  .orders-workbench.compact,
  .analytics-score-facts,
  .analytics-workbench,
  .settings-overview,
  .api-audit-grid,
  .integration-form,
  .integration-readiness,
  .integration-guard,
  .catalog-settings-grid,
  .composition-price-grid {
    grid-template-columns: 1fr !important;
  }

  .order-product-row {
    grid-template-columns: 56px minmax(0, 1fr) !important;
  }

  .order-product-row .product-thumb {
    width: 56px !important;
    height: 56px !important;
  }

  .order-profit-stack {
    grid-template-columns: 1fr !important;
  }

  .order-product-link {
    width: 100%;
  }

  .composition-editor-modal:not([hidden]) {
    padding: 10px;
  }

  .composition-editor-modal .module-editor-head,
  .composition-editor-body,
  .composition-editor-actions {
    width: 100%;
  }

  .composition-editor-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .catalog-editor-dialog {
    width: min(100vw - 20px, 1180px);
  }

  .catalog-photo-preview {
    min-height: 240px;
  }
}

.subscription-status-panel .panel-head {
  align-items: start;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--launch-border-soft, #e7edf4);
}

.subscription-status-panel .status-pill {
  margin-top: 2px;
}

.subscription-facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px;
}

.subscription-facts span {
  display: grid !important;
  gap: 7px !important;
  min-height: 74px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--launch-border-soft, #e7edf4) !important;
  border-radius: var(--launch-radius, 8px) !important;
  background: var(--launch-surface-soft, #f8fafc) !important;
}

.subscription-facts small {
  display: block !important;
  margin: 0 !important;
  color: var(--launch-muted, #64748b) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.subscription-facts b {
  display: block !important;
  margin: 0 !important;
  color: var(--launch-text, #17202c) !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere;
}

.subscription-checkout {
  gap: 10px;
}

.subscription-status-panel .billing-actions {
  grid-template-columns: 1fr !important;
  margin-top: 12px;
}

.subscription-status-panel .billing-actions .primary-button {
  width: 100% !important;
  max-width: none !important;
  min-height: 50px !important;
}

.billing-period-option {
  min-height: 118px;
}

.billing-summary span {
  min-height: 62px;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(380px, .38fr) !important;
  gap: 12px !important;
}

.order-detail-panel {
  padding: 12px !important;
}

.order-detail-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.order-product-row {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 9px 10px !important;
  align-items: start !important;
}

.order-product-row .product-thumb {
  grid-column: 1;
  grid-row: 1;
  width: 48px !important;
  height: 48px !important;
}

.order-product-row .product-main {
  grid-column: 2;
  min-width: 0;
}

.order-product-row .product-main strong,
.order-product-row .product-main small {
  max-width: 100%;
}

.order-profit-stack {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: center;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding-top: 8px;
  border-top: 1px solid var(--launch-border-soft, #e7edf4);
  text-align: left !important;
}

.order-profit-stack b,
.order-profit-stack small,
.order-profit-stack strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-profit-stack b {
  color: var(--launch-text, #17202c);
  font-size: 14px;
}

.order-profit-stack small {
  color: var(--launch-muted, #64748b);
  font-size: 11px;
}

.order-profit-stack strong {
  color: var(--launch-success, #0f766e);
  font-size: 13px;
}

.order-product-link {
  justify-self: end;
  min-height: 28px;
  white-space: nowrap;
}

.analytics-score-card small {
  display: block;
  max-height: none;
  -webkit-line-clamp: unset;
}

@media (max-width: 1180px) {
  .orders-content {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .4fr) !important;
  }
}

@media (max-width: 920px) {
  .orders-content,
  .subscription-facts {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  .subscription-facts span {
    min-height: 66px !important;
  }

  .subscription-facts b {
    font-size: 22px !important;
  }

  .order-profit-stack {
    grid-template-columns: 1fr 1fr;
  }

  .order-product-link {
    justify-self: stretch;
    grid-column: 1 / -1;
  }
}

/* 20260716-30: final override order fix for v29 launch polish. */
.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(430px, .42fr) !important;
}

.order-product-row {
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 10px 12px !important;
  padding: 10px !important;
}

.order-product-row .product-thumb {
  width: 64px !important;
  height: 64px !important;
}

.order-profit-stack {
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(130px, auto) !important;
  gap: 7px !important;
}

.order-profit-stack > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 44px;
  padding: 7px 8px;
  border: 1px solid #e6ebf2;
  border-radius: 8px;
  background: #f8fafc;
}

.order-profit-stack > span small {
  color: #697386;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.order-profit-stack > span b,
.order-profit-stack > span strong {
  color: #17202c;
  font-size: 13px;
  line-height: 1.14;
}

.order-profit-stack > span strong {
  color: #087451;
}

.order-product-link {
  min-height: 44px;
  padding: 8px 10px;
}

.status-stack {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.status-badge.stock-reserved,
.status-badge.reserved {
  color: #1e5c8a !important;
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}

.status-badge.stock-released,
.status-badge.released {
  color: #6b4d12 !important;
  border-color: #fde68a !important;
  background: #fffbeb !important;
}

.order-stock-alert {
  display: grid;
  gap: 6px;
  margin-top: -2px;
}

.order-stock-alert span {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff7f7;
}

.order-stock-alert b {
  color: #7f1d1d;
  font-size: 12px;
}

.order-stock-alert small {
  color: #991b1b;
  font-size: 11px;
}

@media (max-width: 1180px) {
  .orders-content {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .4fr) !important;
  }
}

@media (max-width: 920px) {
  .orders-content {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  .order-product-row {
    grid-template-columns: 56px minmax(0, 1fr) !important;
  }

  .order-product-row .product-thumb {
    width: 56px !important;
    height: 56px !important;
  }

  .order-profit-stack {
    grid-template-columns: 1fr !important;
  }

  .order-product-link {
    width: 100%;
    justify-self: stretch;
    grid-column: auto;
  }
}

/* 20260716-32: denser launch account layout and clearer integration states. */
.integration-status-card[data-state="ready"],
.integration-status-card[data-state="local"] {
  border-color: #a9e5d2 !important;
  border-left-color: var(--acc-success, #0f766e) !important;
  background: #ecfdf6 !important;
}

.integration-status-card[data-state="off"] {
  border-color: #dbe4ee !important;
  border-left-color: #94a3b8 !important;
  background: #f8fafc !important;
}

.integration-status-card[data-state="off"] strong,
.integration-status-card[data-state="off"] small {
  color: #64748b !important;
}

.integration-status-card[data-state="off"] .connection-state,
[data-integration-provider-badge][data-tone="off"] {
  border-color: #d7e0ea !important;
  background: #eef2f7 !important;
  color: #475569 !important;
}

.integration-guard {
  grid-template-columns: 1fr !important;
}

.integration-guard-card {
  min-height: 0 !important;
  padding: 9px 10px !important;
}

.integration-guard-card em {
  max-height: none !important;
  -webkit-line-clamp: unset !important;
}

.integration-form {
  align-items: start;
}

.integration-actions {
  align-items: stretch;
}

@media (max-width: 680px) {
  .account-shell {
    gap: 8px !important;
    padding: 12px !important;
  }

  .account-toolbar {
    gap: 10px !important;
    padding: 14px 12px !important;
  }

  .account-toolbar h1 {
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  .account-toolbar p {
    line-height: 1.38 !important;
  }

  .account-session-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .account-session-card span {
    min-height: 48px !important;
    gap: 3px !important;
    padding: 8px 9px !important;
  }

  .account-session-card span:nth-child(n+3) {
    display: none !important;
  }

  .settings-overview,
  [data-orders-status],
  [data-analytics-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .settings-overview-card,
  [data-orders-status] .status-card,
  [data-analytics-grid] .status-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }

  .settings-overview-card small,
  [data-orders-status] .status-card small,
  [data-analytics-grid] .status-card small {
    max-height: 28px !important;
    font-size: 10px !important;
  }

  .settings-grid,
  .integration-form,
  .integration-readiness,
  .integration-guard,
  .catalog-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .integration-list {
    grid-template-columns: 1fr !important;
  }

  .integration-status-card {
    min-height: 50px !important;
  }
}

@media (max-width: 360px) {
  .settings-overview,
  [data-orders-status],
  [data-analytics-grid] {
    grid-template-columns: 1fr !important;
  }

  .account-session-card {
    grid-template-columns: 1fr !important;
  }
}

/* 20260717-01: compact account polish for orders, analytics and catalog release checks. */
body[data-modal-open="true"] {
  overflow: hidden;
}

.account-view[data-account-view="orders"],
.account-view[data-account-view="analytics"],
.account-view[data-account-view="catalog"] {
  gap: 12px;
}

.account-view[data-account-view="orders"] .section-head,
.account-view[data-account-view="analytics"] .section-head,
.account-view[data-account-view="catalog"] .section-head {
  margin-bottom: 2px;
}

.account-view[data-account-view="orders"] .status-grid,
.account-view[data-account-view="analytics"] .analytics-grid,
.account-view[data-account-view="catalog"] .module-metrics,
.account-view[data-account-view="inventory"] .module-metrics,
.account-view[data-account-view="compositions"] .module-metrics {
  gap: 8px !important;
}

.account-view[data-account-view="orders"] .status-card,
.account-view[data-account-view="analytics"] .status-card,
.account-view[data-account-view="catalog"] .module-metric,
.account-view[data-account-view="inventory"] .module-metric,
.account-view[data-account-view="compositions"] .module-metric {
  min-height: 66px !important;
  padding: 10px 12px !important;
  border-color: #dde5ee !important;
  background: #fff !important;
}

.account-view[data-account-view="prices"] .summary-filter-metric,
.account-view[data-account-view="catalog"] .catalog-summary-metric,
.account-view[data-account-view="inventory"] .inventory-summary-metric,
.account-view[data-account-view="compositions"] .composition-summary-metric {
  appearance: none !important;
  font: inherit !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer;
}

.account-view[data-account-view="prices"] .summary-filter-metric:hover,
.account-view[data-account-view="prices"] .summary-filter-metric[aria-pressed="true"],
.account-view[data-account-view="catalog"] .catalog-summary-metric:hover,
.account-view[data-account-view="catalog"] .catalog-summary-metric[aria-pressed="true"],
.account-view[data-account-view="inventory"] .inventory-summary-metric:hover,
.account-view[data-account-view="inventory"] .inventory-summary-metric[aria-pressed="true"],
.account-view[data-account-view="compositions"] .composition-summary-metric:hover,
.account-view[data-account-view="compositions"] .composition-summary-metric[aria-pressed="true"] {
  border-color: #9fb8ff !important;
  box-shadow: 0 8px 18px rgba(20, 40, 80, .08) !important;
}

.account-view[data-account-view="orders"] .status-card strong,
.account-view[data-account-view="analytics"] .status-card strong,
.account-view[data-account-view="catalog"] .module-metric strong,
.account-view[data-account-view="catalog"] .module-metric b,
.account-view[data-account-view="inventory"] .module-metric strong,
.account-view[data-account-view="inventory"] .module-metric b,
.account-view[data-account-view="compositions"] .module-metric strong,
.account-view[data-account-view="compositions"] .module-metric b {
  font-size: 20px !important;
  line-height: 1.08 !important;
}

.account-view[data-account-view="orders"] .status-card small,
.account-view[data-account-view="analytics"] .status-card small,
.account-view[data-account-view="catalog"] .module-metric small,
.account-view[data-account-view="inventory"] .module-metric small,
.account-view[data-account-view="compositions"] .module-metric small {
  color: #657386 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.orders-summary {
  gap: 6px !important;
}

.orders-summary-item {
  min-height: 46px !important;
  padding: 8px 10px !important;
}

.orders-filter-summary {
  margin-top: -2px !important;
}

button.orders-summary-item {
  appearance: none !important;
  width: 100%;
  font: inherit !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer;
}

button.orders-summary-item:hover,
button.orders-summary-item[aria-pressed="true"] {
  border-color: #9fb8ff !important;
  box-shadow: 0 8px 18px rgba(20, 40, 80, .08) !important;
}

button.orders-summary-item:focus-visible {
  outline: 3px solid rgba(159, 184, 255, .36);
  outline-offset: 2px;
}

.orders-workbench.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.orders-panel,
.analytics-panel {
  border-color: #dde5ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.orders-panel-head,
.analytics-panel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start !important;
  gap: 8px !important;
  padding-bottom: 8px !important;
}

.orders-panel-head > div,
.analytics-panel-head > div {
  min-width: 0;
}

.orders-panel-head h3,
.analytics-panel-head h3 {
  overflow-wrap: anywhere;
}

.analytics-panel-head > a,
.orders-panel-head > a {
  justify-self: end;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid #d9e2ec;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
}

.orders-action-list,
.analytics-list {
  gap: 6px !important;
}

.orders-action-row,
.analytics-row {
  min-height: 50px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
}

.orders-action-row span,
.analytics-row span {
  min-width: 0;
}

.orders-action-row strong,
.analytics-row strong {
  overflow-wrap: anywhere;
}

.orders-action-row small,
.analytics-row small {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.orders-action-row b,
.analytics-row b {
  min-width: max-content;
  font-size: 13px !important;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(390px, .4fr) !important;
  gap: 12px !important;
}

.orders-table-wrap,
.workspace-table-wrap {
  border-color: #dde5ee !important;
  border-radius: 8px !important;
}

.orders-table td {
  vertical-align: top;
}

.orders-table td:first-child strong,
.catalog-table .product-main strong,
.order-product-row .product-main strong {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.order-detail-panel {
  position: sticky;
  top: 14px;
  align-self: start;
  max-height: calc(100svh - 28px);
  padding: 12px !important;
  overflow: auto;
  border-color: #dde5ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.order-detail-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px !important;
  align-items: start !important;
}

.order-detail-head > span:first-child,
.order-detail-head strong,
.order-detail-head small {
  min-width: 0;
}

.order-detail-head strong {
  overflow-wrap: anywhere;
}

.order-detail-meta,
.order-detail-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.order-detail-meta span,
.order-detail-metrics span {
  min-height: 52px !important;
  padding: 8px !important;
  border-radius: 8px !important;
}

.order-detail-metrics b,
.order-detail-meta small {
  font-size: 13px !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

.order-product-list {
  gap: 8px !important;
}

.order-product-row {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 9px 10px !important;
  padding: 9px !important;
  border-radius: 8px !important;
}

.order-product-row .product-thumb {
  width: 56px !important;
  height: 56px !important;
}

.order-product-row .product-main {
  align-self: start !important;
}

.order-product-row .product-main strong {
  display: -webkit-box !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.order-profit-stack {
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(112px, auto) !important;
  gap: 6px !important;
}

.order-profit-stack > span {
  min-height: 40px !important;
  padding: 6px 7px !important;
}

.order-product-link,
.order-detail-link {
  min-height: 40px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
}

.analytics-score {
  grid-template-columns: minmax(160px, .2fr) minmax(0, 1fr) !important;
  gap: 8px !important;
}

.analytics-score-card {
  min-height: 92px !important;
  padding: 12px !important;
  border-color: #dde5ee !important;
  border-radius: 8px !important;
}

.analytics-score-card strong {
  font-size: 25px !important;
}

.analytics-score-card small {
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
}

.analytics-score-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.analytics-score-facts span {
  min-height: 64px !important;
  padding: 10px !important;
  border-color: #dde5ee !important;
  border-radius: 8px !important;
}

.analytics-score-facts b {
  font-size: 20px !important;
}

.analytics-workbench {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.analytics-panel {
  min-height: 0 !important;
  padding: 12px !important;
}

.catalog-source-note {
  display: grid !important;
  grid-template-columns: minmax(240px, .95fr) minmax(0, 1.35fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  border-color: #dde5ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.catalog-source-note > div:first-child {
  min-width: 0;
}

.catalog-source-note > div:first-child span,
.catalog-source-note > small {
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.catalog-source-note > small {
  grid-column: 1 / -1;
}

.catalog-target-label {
  margin: 2px 0 -4px !important;
}

.account-price-tabs {
  gap: 6px !important;
}

.account-price-tabs button {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

.catalog-table {
  table-layout: fixed;
  min-width: 880px;
}

.catalog-table th,
.catalog-table td {
  padding: 10px 9px !important;
  vertical-align: top;
}

.catalog-table th:nth-child(1),
.catalog-table td:nth-child(1) {
  width: 28%;
}

.catalog-table th:nth-child(2),
.catalog-table td:nth-child(2) {
  width: 16%;
}

.catalog-table th:nth-child(3),
.catalog-table td:nth-child(3) {
  width: 12%;
}

.catalog-table th:nth-child(4),
.catalog-table td:nth-child(4) {
  width: 17%;
}

.catalog-table th:nth-child(5),
.catalog-table td:nth-child(5),
.catalog-table th:nth-child(6),
.catalog-table td:nth-child(6) {
  width: 10%;
}

.catalog-table th:nth-child(7),
.catalog-table td:nth-child(7) {
  width: 17%;
}

.catalog-table .product-cell {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start !important;
}

.catalog-table .product-thumb {
  width: 46px !important;
  height: 46px !important;
  border-radius: 8px !important;
}

.catalog-table .product-main {
  min-width: 0;
}

.catalog-table .product-main strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.catalog-table .product-main small,
.catalog-issue-text {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin-top: 4px !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.catalog-table .row-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
}

.catalog-table .row-actions button {
  min-height: 30px !important;
  padding: 6px 8px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
}

.catalog-editor-modal {
  padding: 16px !important;
}

.catalog-editor-dialog {
  width: min(1100px, calc(100vw - 32px)) !important;
  max-height: calc(100svh - 32px) !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

.catalog-editor-form {
  display: grid !important;
  max-height: calc(100svh - 32px) !important;
  overflow: auto !important;
}

.catalog-editor-head,
.catalog-editor-actions {
  position: sticky;
  z-index: 2;
  background: #fff !important;
}

.catalog-editor-head {
  top: 0;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #dde5ee !important;
}

.catalog-editor-actions {
  bottom: 0;
  padding: 12px 16px !important;
  border-top: 1px solid #dde5ee !important;
}

.catalog-editor-grid {
  grid-template-columns: minmax(280px, .34fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px 16px !important;
}

.catalog-photo-panel,
.catalog-editor-fields,
.catalog-category-card,
.catalog-editor-readiness {
  border-radius: 8px !important;
}

.catalog-photo-preview {
  min-height: 250px !important;
  max-height: 360px !important;
  border-radius: 8px !important;
}

.catalog-photo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catalog-photo-item {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  padding: 8px !important;
}

.catalog-photo-item small {
  overflow-wrap: anywhere;
}

.catalog-editor-field-grid,
.catalog-editor-field-grid.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.catalog-editor-fields label {
  gap: 5px !important;
}

.catalog-editor-fields input,
.catalog-editor-fields textarea {
  min-height: 40px !important;
  border-radius: 8px !important;
}

.catalog-editor-fields textarea {
  min-height: 96px !important;
}

.catalog-editor-readiness {
  padding: 10px !important;
}

.catalog-editor-readiness > div {
  gap: 5px !important;
}

.catalog-editor-readiness span {
  padding: 5px 7px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
}

@media (max-width: 1180px) {
  .orders-content,
  .analytics-score,
  .analytics-workbench,
  .catalog-source-note,
  .catalog-editor-grid {
    grid-template-columns: 1fr !important;
  }

  .order-detail-panel {
    position: static;
    max-height: none;
  }
}

@media (max-width: 920px) {
  .orders-workbench.compact,
  .analytics-score-facts,
  .analytics-workbench {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .catalog-source-note > .secondary-button {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .orders-workbench.compact,
  .analytics-score-facts,
  .analytics-workbench,
  .order-detail-meta,
  .order-detail-metrics,
  .catalog-editor-field-grid,
  .catalog-editor-field-grid.compact {
    grid-template-columns: 1fr !important;
  }

  .order-profit-stack {
    grid-template-columns: 1fr !important;
  }

  .order-product-link {
    width: 100%;
    justify-self: stretch;
  }

  .catalog-editor-modal {
    padding: 8px !important;
  }

  .catalog-editor-dialog,
  .catalog-editor-form {
    width: min(100vw - 16px, 1100px) !important;
    max-height: calc(100svh - 16px) !important;
  }

  .catalog-editor-head,
  .catalog-editor-actions {
    grid-template-columns: 1fr !important;
  }
}

/* 20260717-02: prevent compact profit labels from creating horizontal overflow. */
.order-profit-stack > span small {
  font-size: 9px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* 20260717-03: explicit catalog source -> unified base -> target control panel. */
.catalog-sync-panel {
  display: grid !important;
  grid-template-columns: minmax(260px, .95fr) minmax(230px, .7fr) minmax(300px, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
  padding: 0 !important;
}

.catalog-sync-step,
.catalog-sync-hub {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.catalog-sync-hub {
  background: #f8fbff !important;
}

.catalog-sync-head {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.catalog-sync-head span {
  color: #247ba0 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.catalog-sync-head h3 {
  margin: 0 !important;
  color: #172033 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.catalog-sync-head p,
.catalog-sync-status {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.catalog-sync-status {
  padding: 8px 9px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.catalog-import-options {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.catalog-import-options label {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.catalog-import-options input {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
  accent-color: #247ba0 !important;
}

.catalog-import-options span {
  min-width: 0 !important;
}

.catalog-channel-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.catalog-channel-card {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 9px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #172033 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.catalog-channel-card span {
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.catalog-channel-card strong {
  min-width: 0 !important;
  overflow: hidden !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-channel-card em {
  flex: 0 0 auto !important;
  max-width: 112px !important;
  padding: 3px 6px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #475569 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-channel-card small {
  display: -webkit-box !important;
  min-height: 28px !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.catalog-channel-card[aria-selected="true"] {
  border-color: #247ba0 !important;
  box-shadow: 0 0 0 2px rgba(36, 123, 160, .12) !important;
}

.catalog-channel-card[data-state="ready"] em,
.catalog-sync-status[data-state="ready"] {
  background: #e8f7ef !important;
  color: #187243 !important;
}

.catalog-channel-card[data-state="action"] em,
.catalog-sync-status[data-state="action"] {
  background: #fff7e6 !important;
  color: #8a5a00 !important;
}

.catalog-channel-card[data-state="blocked"] em,
.catalog-sync-status[data-state="blocked"] {
  background: #fdecec !important;
  color: #a33131 !important;
}

.catalog-channel-card[data-state="off"] em,
.catalog-sync-status[data-state="off"] {
  background: #eef2f7 !important;
  color: #64748b !important;
}

.catalog-channel-card:disabled {
  cursor: not-allowed !important;
  opacity: .58 !important;
}

.catalog-sync-step > .primary-button,
.catalog-sync-step > .secondary-button {
  width: 100% !important;
  min-height: 40px !important;
  border-radius: 8px !important;
}

.catalog-base-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.catalog-base-stats span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 9px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.catalog-base-stats b {
  color: #172033 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.catalog-base-stats em,
.catalog-base-stats small {
  color: #64748b !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.catalog-base-stats small {
  grid-column: 1 / -1 !important;
}

.catalog-duplicates-panel {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

/* 20260717-06: catalog stock autostop and restore queue. */
.catalog-availability-panel {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.catalog-availability-panel[hidden] {
  display: none !important;
}

.catalog-availability-head {
  display: flex !important;
  gap: 12px !important;
  align-items: start !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.catalog-availability-head h3,
.catalog-availability-head p {
  margin: 0 !important;
}

.catalog-availability-head h3 {
  color: #172033 !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
}

.catalog-availability-head span,
.catalog-availability-note,
.catalog-availability-empty {
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.catalog-availability-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(74px, 1fr)) !important;
  gap: 6px !important;
  min-width: 250px !important;
}

.catalog-availability-metrics span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 8px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.catalog-availability-metrics b {
  color: #172033 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.catalog-availability-metrics small,
.catalog-availability-channels span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.catalog-availability-channels {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.catalog-availability-channels span {
  padding: 5px 8px !important;
  border: 1px solid #cfe0ef !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #475569 !important;
}

.catalog-availability-channels span[data-empty="true"] {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.catalog-availability-actions {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.catalog-availability-actions p {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-availability-actions .secondary-button {
  min-height: 32px !important;
  padding: 6px 10px !important;
  white-space: nowrap !important;
}

.catalog-availability-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.catalog-availability-grid > div {
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.catalog-availability-grid > div > strong {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

.catalog-availability-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 8px !important;
  border: 1px solid #dbe4ee !important;
  border-left-width: 3px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.catalog-availability-row[data-tone="danger"] {
  border-left-color: #dc2626 !important;
}

.catalog-availability-row[data-tone="success"] {
  border-left-color: #16a34a !important;
}

.catalog-availability-row > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.catalog-availability-row strong,
.catalog-availability-row small,
.catalog-availability-row em {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-availability-row strong {
  color: #172033 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.catalog-availability-row small,
.catalog-availability-row em {
  color: #64748b !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.25 !important;
}

.catalog-availability-note,
.catalog-availability-empty {
  margin: 0 !important;
}

@media (max-width: 720px) {
  .catalog-availability-head {
    display: grid !important;
  }

  .catalog-availability-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .catalog-availability-grid {
    grid-template-columns: 1fr !important;
  }

  .catalog-availability-actions {
    display: grid !important;
  }

  .catalog-availability-actions p,
  .catalog-availability-actions .secondary-button {
    width: 100% !important;
    white-space: normal !important;
  }

  .catalog-availability-row strong,
  .catalog-availability-row small,
  .catalog-availability-row em {
    white-space: normal !important;
  }
}

.catalog-duplicates-modal[hidden] {
  display: none !important;
}

.catalog-duplicates-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 130 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

.catalog-duplicates-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(12, 19, 30, .58) !important;
  backdrop-filter: blur(6px) !important;
}

.catalog-duplicates-dialog {
  position: relative !important;
  display: grid !important;
  gap: 12px !important;
  width: min(1040px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  padding: 16px !important;
  overflow: auto !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .24) !important;
}

.catalog-duplicates-modal-head,
.catalog-duplicates-toolbar,
.catalog-duplicates-pagination {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.catalog-duplicates-modal-head h3,
.catalog-duplicates-modal-head p {
  margin: 0 !important;
}

.catalog-duplicates-modal-head h3 {
  color: #172033 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}

.catalog-duplicates-modal-head p,
.catalog-duplicates-toolbar label > span {
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.catalog-duplicates-toolbar {
  align-items: end !important;
  padding: 10px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.catalog-duplicates-toolbar label {
  display: grid !important;
  flex: 1 1 auto !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.catalog-duplicates-toolbar input {
  width: 100% !important;
  min-height: 38px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #172033 !important;
  font-size: 13px !important;
}

.catalog-duplicates-head {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.catalog-duplicates-head > div {
  min-width: 0 !important;
}

.catalog-duplicates-head h3 {
  margin: 0 !important;
  color: #172033 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.catalog-duplicates-head span,
.catalog-duplicates-empty,
.catalog-duplicates-more {
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.catalog-duplicates-actions {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.catalog-duplicates-actions input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #172033 !important;
  font-size: 13px !important;
}

.catalog-duplicates-list {
  display: grid !important;
  gap: 8px !important;
}

.catalog-duplicate-card {
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid #e5edf5 !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.catalog-duplicate-card[data-level="review"] {
  border-color: #f1d58a !important;
  background: #fffaf0 !important;
}

.catalog-duplicate-card[data-level="blocked"] {
  border-color: rgba(183, 58, 58, .28) !important;
  background: #fff7f7 !important;
}

.catalog-duplicate-card header {
  display: flex !important;
  gap: 10px !important;
  align-items: start !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.catalog-duplicate-card header div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.catalog-duplicate-card header strong {
  overflow: hidden !important;
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-duplicate-card header small {
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.catalog-duplicate-card header > span {
  flex: 0 0 auto !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: #e8f7ef !important;
  color: #187243 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.catalog-duplicate-card header > span[data-tone="warning"] {
  background: #fff7e6 !important;
  color: #8a5a00 !important;
}

.catalog-duplicate-card header > span[data-tone="danger"] {
  background: #ffecec !important;
  color: #9f1f1f !important;
}

.catalog-duplicate-warning {
  margin: 0 !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  background: #fff7e6 !important;
  color: #8a5a00 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.catalog-duplicate-warning[data-tone="danger"] {
  background: #ffecec !important;
  color: #9f1f1f !important;
}

.catalog-duplicate-evidence {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.catalog-duplicate-evidence span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 7px !important;
  border: 1px solid #dde5ee !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #58667a !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.catalog-duplicate-evidence span[data-tone="ready"] {
  border-color: #b9ead6 !important;
  background: #effcf6 !important;
  color: #187352 !important;
}

.catalog-duplicate-evidence span[data-tone="warning"] {
  border-color: #f3d38a !important;
  background: #fff8e6 !important;
  color: #8a5a00 !important;
}

.catalog-duplicate-evidence span[data-tone="danger"] {
  border-color: #f0b8b8 !important;
  background: #ffecec !important;
  color: #9f1f1f !important;
}

.catalog-duplicate-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 8px !important;
}

.catalog-duplicate-actions {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding-top: 2px !important;
}

.catalog-duplicate-actions small {
  min-width: 0 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

.catalog-duplicate-actions button {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  white-space: nowrap !important;
}

.catalog-duplicate-product {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 8px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.catalog-duplicate-product[data-primary="true"] {
  border-color: rgba(36, 123, 160, .45) !important;
  box-shadow: 0 0 0 2px rgba(36, 123, 160, .08) !important;
}

.catalog-duplicate-product > div {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.catalog-duplicate-product strong,
.product-main strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-duplicate-product small {
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .catalog-sync-panel {
    grid-template-columns: 1fr !important;
  }

  .catalog-marketplace-id-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .catalog-duplicates-head,
  .catalog-duplicates-actions,
  .catalog-duplicates-modal-head,
  .catalog-duplicates-toolbar,
  .catalog-duplicates-pagination {
    align-items: stretch !important;
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
  }
}

/* 20260717-18: orders sync clarity and resilient order-detail rows. */
.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .36fr) !important;
}

.orders-action-row small {
  overflow-wrap: anywhere !important;
}

.order-amount-cell,
.order-detail-meta span,
.order-detail-metrics span,
.order-product-row,
.order-profit-stack,
.order-profit-stack > span {
  min-width: 0 !important;
}

.order-detail-metrics b,
.order-detail-meta small,
.order-profit-stack > span b,
.order-profit-stack > span strong,
.order-profit-stack > span small {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.order-product-row {
  align-items: start !important;
}

.order-profit-stack {
  grid-template-columns: repeat(3, minmax(82px, 1fr)) minmax(116px, auto) !important;
  align-items: stretch !important;
}

.order-profit-stack > span {
  align-content: start !important;
}

.order-product-link {
  align-self: stretch !important;
  white-space: normal !important;
}

@media (max-width: 1180px) {
  .orders-content {
    grid-template-columns: 1fr !important;
  }

  .order-detail-panel {
    position: static !important;
    max-height: none !important;
  }
}

@media (max-width: 680px) {
  .order-detail-head,
  .order-detail-meta,
  .order-detail-metrics,
  .order-profit-stack {
    grid-template-columns: 1fr !important;
  }

  .order-product-link {
    width: 100% !important;
  }
}

@media (max-width: 680px) {
  .catalog-channel-grid,
  .catalog-base-stats,
  .catalog-duplicate-items,
  .catalog-marketplace-id-grid {
    grid-template-columns: 1fr !important;
  }

  .catalog-duplicate-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

/* 20260717-04: bulk catalog category editor, inline offer IDs and Flowwow photo-before-delivery status. */
.status-badge.photo_before_delivery {
  background: #e8f4ff !important;
  color: #17658f !important;
}

.danger-button {
  display: inline-flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  border: 1px solid #f1b6b6 !important;
  border-radius: 8px !important;
  background: #fff5f5 !important;
  color: #b42318 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.danger-button:hover,
.danger-button:focus-visible {
  border-color: #e18686 !important;
  background: #ffe7e7 !important;
  color: #8f1d14 !important;
}

.danger-button:disabled {
  cursor: not-allowed !important;
  opacity: .55 !important;
}

.catalog-price-shortcuts {
  display: flex !important;
  gap: 8px !important;
  align-items: end !important;
  align-self: end !important;
  min-width: 0 !important;
}

.catalog-price-shortcuts .secondary-button {
  min-height: 36px !important;
  padding-inline: 11px !important;
  white-space: nowrap !important;
}

.catalog-bulk-panel {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.catalog-bulk-head,
.catalog-bulk-actions {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.catalog-bulk-head > div,
.catalog-bulk-actions > .status-text {
  min-width: 0 !important;
}

.catalog-bulk-head h3 {
  margin: 0 !important;
  color: #172033 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.catalog-bulk-head span,
.catalog-bulk-check span {
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.catalog-bulk-check,
.catalog-row-select {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.catalog-bulk-select-actions {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}

.catalog-bulk-select-actions .secondary-button {
  min-height: 34px !important;
  padding: 7px 11px !important;
  white-space: nowrap !important;
}

.catalog-bulk-select-actions .catalog-bulk-check {
  min-height: 34px !important;
  padding: 0 9px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.catalog-bulk-check input,
.catalog-row-select input {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #247ba0 !important;
}

.catalog-bulk-grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.35fr) repeat(4, minmax(120px, 1fr)) !important;
  gap: 8px !important;
  align-items: end !important;
}

.catalog-bulk-grid label {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.catalog-bulk-grid label > span {
  color: #526174 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.catalog-bulk-grid input,
.catalog-offer-inline input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #172033 !important;
  font-size: 12px !important;
}

.catalog-bulk-search {
  grid-column: span 1 !important;
}

.catalog-bulk-actions > div {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  align-items: center !important;
}

.catalog-bulk-category-results {
  max-height: 210px !important;
  overflow: auto !important;
}

.catalog-table .product-cell.has-selection {
  grid-template-columns: 20px 46px minmax(0, 1fr) !important;
}

.catalog-table .product-main {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.catalog-marketplace-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.catalog-marketplace-pill {
  display: inline-flex !important;
  max-width: 168px !important;
  min-width: 0 !important;
  gap: 4px !important;
  align-items: center !important;
  padding: 3px 6px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #526174 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.catalog-marketplace-pill[data-active="true"] {
  border-color: rgba(36, 123, 160, .4) !important;
  background: #e8f4ff !important;
  color: #17658f !important;
}

.catalog-marketplace-pill.empty {
  color: #8a5a00 !important;
  background: #fff7e6 !important;
}

.catalog-marketplace-pill b,
.catalog-marketplace-pill small {
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-marketplace-pill b {
  flex: 0 0 auto !important;
}

.catalog-price-cell {
  display: grid !important;
  gap: 2px !important;
  min-width: 96px !important;
}

.catalog-price-cell strong {
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.catalog-price-cell small {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.catalog-row-select {
  align-self: start !important;
  justify-content: center !important;
  min-height: 46px !important;
}

.catalog-row-select span {
  display: none !important;
}

.catalog-offer-inline {
  display: grid !important;
  grid-template-columns: minmax(84px, 1fr) auto !important;
  gap: 5px !important;
  align-items: center !important;
}

.catalog-offer-inline button {
  min-height: 34px !important;
  padding: 6px 8px !important;
  border: 1px solid #c9d7e6 !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
  color: #17658f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

@media (max-width: 1180px) {
  .catalog-bulk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .catalog-bulk-search {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 680px) {
  .catalog-bulk-head,
  .catalog-bulk-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .catalog-bulk-select-actions {
    width: 100% !important;
  }

  .catalog-bulk-select-actions .secondary-button {
    flex: 1 1 160px !important;
  }

  .catalog-bulk-grid {
    grid-template-columns: 1fr !important;
  }

  .catalog-bulk-actions > div,
  .catalog-bulk-actions button,
  .catalog-price-shortcuts,
  .catalog-price-shortcuts .secondary-button {
    width: 100% !important;
  }
}

/* 20260717-05: active catalog filters and denser launch polish for account work pages. */
.account-view[data-account-view="catalog"] > .module-controls {
  grid-template-columns: minmax(220px, 1.35fr) minmax(142px, .72fr) minmax(112px, .52fr) minmax(112px, .52fr) minmax(150px, .7fr) minmax(112px, .48fr) auto !important;
  gap: 8px !important;
  align-items: end !important;
}

.catalog-filter-summary {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.catalog-filter-summary[hidden] {
  display: none !important;
}

.catalog-filter-summary > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.catalog-filter-summary strong {
  color: #172033 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.catalog-filter-summary span {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.catalog-filter-summary b {
  max-width: 220px !important;
  padding: 4px 7px !important;
  overflow: hidden !important;
  border: 1px solid #d7e4f1 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-filter-summary .secondary-button {
  min-height: 32px !important;
  padding: 6px 10px !important;
  white-space: nowrap !important;
}

.analytics-score {
  grid-template-columns: minmax(150px, .2fr) minmax(0, 1fr) !important;
}

.analytics-score-card {
  min-height: 78px !important;
  gap: 6px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

.analytics-score-card strong {
  font-size: 24px !important;
}

.analytics-score-card small {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.analytics-score-facts span {
  min-height: 54px !important;
  gap: 4px !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
}

.analytics-score-facts b {
  font-size: 18px !important;
}

.analytics-score-facts small {
  font-size: 11px !important;
}

.analytics-panel {
  gap: 8px !important;
  padding: 12px !important;
  box-shadow: none !important;
}

.analytics-panel-head {
  padding-bottom: 7px !important;
}

.analytics-panel-head h3 {
  font-size: 15px !important;
}

.analytics-row {
  min-height: 44px !important;
  padding: 8px 9px !important;
}

.analytics-row > b {
  max-width: 128px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}

.orders-workbench.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.orders-panel {
  gap: 8px !important;
  padding: 12px !important;
  box-shadow: none !important;
}

.orders-action-row {
  min-height: 44px !important;
  padding: 8px 9px !important;
}

.orders-action-row > b {
  max-width: 128px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}

.order-detail-metrics {
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
}

.order-detail-metrics span {
  min-height: 46px !important;
}

.order-detail-metrics b,
.order-detail-meta small,
.order-profit-stack > span b,
.order-profit-stack > span strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.settings-section .api-audit-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 8px !important;
}

.settings-section .api-audit-card,
.settings-section .settings-overview-card,
.settings-section .integration-status-card {
  min-height: 0 !important;
  padding: 10px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.settings-section .api-audit-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.settings-section .api-audit-card > span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  max-width: 118px !important;
  white-space: nowrap !important;
}

.settings-section .api-audit-card strong,
.settings-section .api-audit-card small,
.settings-section .api-audit-card dl {
  grid-column: 1 / -1 !important;
}

.settings-section .api-audit-card small,
.settings-section .integration-status-card small,
.settings-section .settings-overview-card small {
  display: -webkit-box !important;
  overflow: hidden !important;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.settings-section .integration-list {
  gap: 8px !important;
}

.settings-section .integration-status-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px 8px !important;
}

.settings-section .integration-status-card .connection-state {
  grid-column: 2 !important;
  grid-row: 1 !important;
  max-width: 116px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.settings-section .integration-status-card strong,
.settings-section .integration-status-card small {
  grid-column: 1 / -1 !important;
}

.settings-section .integration-readiness,
.settings-section .integration-guard {
  gap: 8px !important;
}

.settings-section .integration-readiness-card,
.settings-section .integration-guard-card {
  min-height: 0 !important;
  padding: 9px 10px !important;
  box-shadow: none !important;
}

@media (max-width: 1180px) {
  .account-view[data-account-view="catalog"] > .module-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .catalog-price-shortcuts {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  .analytics-score,
  .orders-workbench.compact {
    grid-template-columns: 1fr !important;
  }

  .analytics-score-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .account-view[data-account-view="catalog"] > .module-controls,
  .analytics-score-facts {
    grid-template-columns: 1fr !important;
  }

  .catalog-filter-summary {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .catalog-filter-summary .secondary-button {
    width: 100% !important;
  }
}

/* 20260717-22: keep order money values inside detail cards without clipping. */
.order-detail-panel,
.order-product-row,
.order-profit-stack,
.order-profit-stack > span,
.order-detail-meta span,
.order-detail-metrics span {
  min-width: 0 !important;
  max-width: 100% !important;
}

.order-detail-metrics {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
}

.order-detail-metrics b,
.order-detail-meta small,
.order-profit-stack > span b,
.order-profit-stack > span strong,
.order-profit-stack > span small {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.order-profit-stack > span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
}

/* 20260717-23: visual composition editor for product and inventory photos. */
.composition-product-preview {
  margin-bottom: 10px !important;
}

.composition-product-card,
.component-preview-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid var(--app-line-soft, #e8ecf2) !important;
  border-radius: 8px !important;
  background: var(--app-panel-soft, #f8fafc) !important;
}

.composition-product-card .product-thumb {
  width: 72px !important;
  height: 72px !important;
  border-radius: 8px !important;
}

.composition-product-card span,
.component-preview-card span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.composition-product-card small,
.component-preview-card small,
.composition-product-card em {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--app-muted, #667085) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.composition-product-card strong,
.component-preview-card strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--app-ink, #151922) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.component-inventory-preview {
  min-width: 0 !important;
}

.component-preview-empty {
  display: grid !important;
  min-height: 54px !important;
  place-items: center !important;
  padding: 10px !important;
  border: 1px dashed var(--app-line, #d9dee7) !important;
  border-radius: 8px !important;
  color: var(--app-muted, #667085) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.composition-component-row {
  grid-template-columns: 42px minmax(180px, 1fr) minmax(92px, 118px) minmax(86px, auto) auto !important;
  gap: 8px !important;
  padding: 8px !important;
}

.composition-component-row .product-thumb,
.component-preview-card .product-thumb {
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
}

.composition-add-line {
  grid-template-columns: minmax(190px, .82fr) minmax(220px, 1.1fr) minmax(94px, 118px) auto !important;
  align-items: end !important;
  gap: 8px !important;
}

.composition-add-line label,
.composition-add-line select,
.composition-add-line input,
.composition-add-line button {
  min-width: 0 !important;
}

@media (max-width: 960px) {
  .composition-component-row,
  .composition-add-line {
    grid-template-columns: 1fr !important;
  }
}

/* 20260717-25: compact integration settings and webhook copy controls. */
.settings-section .integration-panel {
  overflow: hidden !important;
}

.settings-section .integration-form {
  align-items: start !important;
}

.settings-section .integration-field,
.settings-section .catalog-settings-grid label {
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
}

.settings-section .integration-field > span,
.settings-section .catalog-settings-grid label > span,
.settings-section .switch-row span {
  color: var(--app-muted, #667085) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.settings-section .integration-field input,
.settings-section .catalog-settings-grid input,
.settings-section .category-search-control input {
  min-height: 40px !important;
  padding: 9px 10px !important;
  border-color: var(--app-line, #d9dee7) !important;
  background: #fff !important;
  color: var(--app-ink, #151922) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.settings-section .integration-field input::placeholder {
  color: #8b98aa !important;
}

.settings-section .integration-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.settings-section .integration-actions button,
.settings-section .category-search-control button {
  min-height: 40px !important;
}

.settings-section .integration-readiness-card,
.settings-section .integration-guard-card,
.settings-section .integration-requirement {
  overflow: hidden !important;
}

.settings-section .integration-readiness-card em,
.settings-section .integration-guard-card em,
.settings-section .integration-requirement small {
  overflow-wrap: anywhere !important;
}

.settings-section .integration-webhook-info {
  grid-template-columns: minmax(150px, .62fr) minmax(260px, 1fr) minmax(220px, .78fr) !important;
  align-items: start !important;
  gap: 10px !important;
  padding: 12px !important;
  border-color: #dce6ef !important;
  background: #f9fbfd !important;
}

.settings-section .integration-webhook-info .webhook-copy-field {
  display: grid !important;
  gap: 6px !important;
}

.webhook-copy-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.settings-section .integration-webhook-info input[data-integration-webhook-value] {
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 8px 9px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.webhook-copy-button {
  min-height: 36px !important;
  padding: 8px 10px !important;
  border-color: #ccd7e2 !important;
  background: #fff !important;
  color: #344054 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.webhook-copy-button:hover,
.webhook-copy-button:focus-visible {
  border-color: var(--bi-accent, #df3650) !important;
  color: var(--bi-accent-dark, #b9243a) !important;
}

.webhook-copy-button[data-copied="true"] {
  border-color: rgba(17, 138, 103, .28) !important;
  background: #e7f6f3 !important;
  color: #0f766e !important;
}

.settings-section .integration-webhook-info small {
  align-self: center !important;
  max-width: 52ch !important;
}

@media (max-width: 900px) {
  .settings-section .integration-webhook-info,
  .webhook-copy-control {
    grid-template-columns: 1fr !important;
  }

  .webhook-copy-button {
    justify-self: start !important;
  }
}

/* 20260718-01: Emil design engineering pass - calmer density, stronger states and cleaner work surfaces. */
:root {
  --bi-bg: #f3f5f7;
  --bi-bg-strong: #e9edf2;
  --bi-surface: #ffffff;
  --bi-surface-soft: #f7f9fb;
  --bi-surface-warm: #fff8f9;
  --bi-ink: #151922;
  --bi-ink-soft: #303747;
  --bi-muted: #667085;
  --bi-line: #d8e0ea;
  --bi-line-soft: #e8edf3;
  --bi-accent: #d92f49;
  --bi-accent-dark: #a8172f;
  --bi-green: #0f8766;
  --bi-green-bg: #eaf8f2;
  --bi-blue: #245edb;
  --bi-blue-bg: #edf4ff;
  --bi-amber: #b96f00;
  --bi-amber-bg: #fff5df;
  --bi-red: #c92f3d;
  --bi-red-bg: #fff0f3;
  --bi-radius: 8px;
  --bi-shadow: 0 18px 42px rgba(21, 25, 34, .08);
  --bi-shadow-soft: 0 8px 18px rgba(21, 25, 34, .045);
  --bi-focus: rgba(217, 47, 73, .24);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
}

html,
body {
  background: var(--bi-bg) !important;
  color: var(--bi-ink) !important;
}

body {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

a,
button,
[role="button"],
.overview-action,
.orders-action-row,
.analytics-row,
.integration-tab,
.catalog-channel-card,
.catalog-marketplace-pill,
.billing-period-option,
.category-result {
  transition:
    background-color 160ms var(--ease-out),
    border-color 160ms var(--ease-out),
    color 160ms var(--ease-out),
    box-shadow 160ms var(--ease-out),
    transform 160ms var(--ease-out) !important;
}

button:active,
[role="button"]:active,
.button:active,
.primary-button:active,
.secondary-button:active,
.ghost-button:active,
.header-button:active,
.header-link:active,
.overview-action:active,
.orders-action-row:active,
.analytics-row:active,
.integration-tab:active,
.catalog-channel-card:active,
.billing-period-option:active,
.category-result:active {
  transform: scale(.98) !important;
}

button,
.button,
.primary-button,
.secondary-button,
.ghost-button,
.header-button,
.header-link,
.row-actions button,
.text-button {
  min-height: 38px !important;
  border-radius: var(--bi-radius) !important;
  font-weight: 850 !important;
}

.primary-button,
.button.primary,
.header-button {
  border-color: var(--bi-accent) !important;
  background: var(--bi-accent) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(217, 47, 73, .16) !important;
}

.primary-button:hover,
.primary-button:focus-visible,
.button.primary:hover,
.button.primary:focus-visible,
.header-button:hover,
.header-button:focus-visible {
  border-color: var(--bi-accent-dark) !important;
  background: var(--bi-accent-dark) !important;
}

.secondary-button,
.button.secondary,
.ghost-button,
.header-link,
.row-actions button {
  border-color: var(--bi-line) !important;
  background: #fff !important;
  color: var(--bi-ink-soft) !important;
  box-shadow: none !important;
}

.secondary-button:hover,
.secondary-button:focus-visible,
.button.secondary:hover,
.button.secondary:focus-visible,
.ghost-button:hover,
.ghost-button:focus-visible,
.header-link:hover,
.header-link:focus-visible,
.row-actions button:hover,
.row-actions button:focus-visible {
  border-color: #bdc9d8 !important;
  background: var(--bi-surface-soft) !important;
  color: var(--bi-ink) !important;
}

:focus-visible {
  outline: 3px solid var(--bi-focus) !important;
  outline-offset: 2px !important;
}

.site-header,
.app-header {
  min-height: 60px !important;
  border-bottom-color: var(--bi-line-soft) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 8px 18px rgba(21, 25, 34, .045) !important;
}

.site-nav a,
.app-nav a,
.header-link {
  min-height: 34px !important;
  padding: 7px 10px !important;
}

.hero {
  min-height: min(740px, calc(100svh - 28px)) !important;
}

.hero-content {
  max-width: 820px !important;
}

.hero-copy,
.section-head p,
.section-copy p {
  max-width: 760px !important;
}

.hero-facts,
.proof-strip,
.audience-grid,
.comparison-layout,
.module-grid,
.flowwow-layout,
.safety-grid,
.cabinet-preview,
.market-grid,
.connection-grid,
.faq-grid,
.account-start-panel {
  border-color: var(--bi-line) !important;
  box-shadow: var(--bi-shadow-soft) !important;
}

.visual-grid article,
.market-card,
.connection-grid article,
.faq-grid article,
.safety-grid article,
.proof-strip article,
.module-grid a,
.account-start-panel > div {
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.visual-grid article:hover,
.market-card:hover,
.module-grid a:hover,
.account-start-panel > div:hover {
  border-color: #cbd6e4 !important;
  box-shadow: var(--bi-shadow-soft) !important;
}

.account-layout,
.admin-layout {
  grid-template-columns: 264px minmax(0, 1fr) !important;
  background: var(--bi-bg) !important;
}

.account-sidebar,
.admin-header {
  gap: 14px !important;
  padding: 18px 14px !important;
  background: #151922 !important;
  color: #fff !important;
  box-shadow: 8px 0 28px rgba(21, 25, 34, .08) !important;
}

.account-sidebar .brand,
.admin-header .brand {
  min-height: 42px !important;
  padding: 0 8px !important;
}

.account-sidebar .brand:hover,
.account-sidebar .brand:focus-visible,
.admin-header .brand:hover,
.admin-header .brand:focus-visible {
  background: rgba(255, 255, 255, .07) !important;
}

.side-nav,
.admin-nav {
  gap: 4px !important;
}

.side-nav a,
.admin-nav a {
  position: relative !important;
  min-height: 44px !important;
  padding: 9px 11px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .74) !important;
}

.side-nav a small {
  color: rgba(255, 255, 255, .46) !important;
  font-size: 10.5px !important;
}

.side-nav a:hover,
.side-nav a:focus-visible,
.admin-nav a:hover,
.admin-nav a:focus-visible {
  border-color: rgba(255, 255, 255, .11) !important;
  background: #202633 !important;
  color: #fff !important;
}

.side-nav a[aria-current="page"],
.admin-nav a[aria-current="page"] {
  border-color: rgba(217, 47, 73, .62) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .08) !important;
}

.side-nav a[aria-current="page"] small {
  color: var(--bi-muted) !important;
}

.account-sidebar .ghost-button,
.admin-header .ghost-button {
  border-color: rgba(255, 255, 255, .14) !important;
  background: transparent !important;
  color: #fff !important;
}

.account-shell,
.admin-shell,
.pricing-shell,
.inventory-shell,
.compositions-shell {
  width: min(1500px, 100%) !important;
  gap: 14px !important;
  padding: 20px clamp(14px, 2vw, 28px) 28px !important;
}

.account-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding: 0 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.account-toolbar h1,
.admin-hero h1,
.page-head h1 {
  margin-bottom: 6px !important;
  color: var(--bi-ink) !important;
  font-size: 34px !important;
  line-height: 1.08 !important;
}

.account-toolbar p,
.admin-hero p,
.page-head p {
  color: var(--bi-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.account-session-card {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 7px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow-soft) !important;
}

.account-session-card span {
  min-height: 50px !important;
  padding: 8px 9px !important;
  border-color: var(--bi-line-soft) !important;
  background: var(--bi-surface-soft) !important;
}

.account-session-card small,
.module-controls label > span,
.billing-config label > span,
.integration-field > span,
.catalog-settings-grid label > span,
.settings-form label > span,
.admin-access-form label > span,
.user-form label > span,
.inventory-form label > span,
.composition-form label > span,
.search-field span {
  color: var(--bi-muted) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  text-transform: uppercase !important;
}

.panel,
.account-section,
.admin-section,
.admin-hero,
.operations-card,
.system-status-card,
.workspace-card,
.module-card,
.overview-hero,
.overview-panel,
.overview-card,
.overview-action,
.workspace-table-wrap,
.billing-table-wrap,
.table-wrap,
.guard-panel,
.inventory-ops-panel,
.order-detail-panel,
.analytics-panel,
.analytics-score-card,
.settings-form,
.admin-auth-card {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow-soft) !important;
}

.panel,
.account-section,
.admin-section,
.admin-hero,
.operations-card,
.admin-auth-card {
  padding: 16px !important;
}

.section-head,
.module-head,
.panel-head,
.overview-panel-head,
.orders-panel-head,
.analytics-panel-head,
.event-log-head {
  gap: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--bi-line-soft) !important;
}

.section-head h2,
.module-head h2,
.panel-head h2,
.overview-panel-head h3,
.orders-panel-head h3,
.analytics-panel-head h3,
.event-log-head h3 {
  margin-bottom: 0 !important;
  color: var(--bi-ink) !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}

.eyebrow {
  margin-bottom: 6px !important;
  color: var(--bi-accent-dark) !important;
  font-size: 10.5px !important;
  letter-spacing: 0 !important;
}

.module-actions,
.billing-actions,
.form-actions,
.integration-actions,
.catalog-bulk-actions > div,
.catalog-bulk-select-actions {
  gap: 8px !important;
}

.module-status,
.catalog-sync-status,
.run-status,
.drawer-status,
.form-status,
.status-text,
.channel-note,
.connection-help {
  min-height: 34px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  color: var(--bi-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.module-controls,
.toolbar,
.channel-settings,
.billing-config,
.catalog-bulk-grid,
.catalog-duplicates-toolbar {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 9px !important;
  align-items: end !important;
  padding: 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.module-controls label,
.toolbar label,
.channel-settings label,
.billing-config label,
.settings-form label,
.admin-access-form label,
.user-form label,
.inventory-form label,
.composition-form label,
.catalog-settings-grid label,
.integration-field,
.search-field {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

input,
select,
textarea {
  min-height: 38px !important;
  padding: 8px 10px !important;
  border-color: var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  box-shadow: inset 0 1px 0 rgba(21, 25, 34, .025) !important;
}

textarea {
  min-height: 88px !important;
  resize: vertical !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(217, 47, 73, .5) !important;
  outline: 3px solid var(--bi-focus) !important;
  outline-offset: 1px !important;
}

.workspace-table-wrap,
.billing-table-wrap,
.table-wrap {
  overflow: auto !important;
  background: #fff !important;
}

table,
.workspace-table,
.billing-table,
.users-table {
  width: 100% !important;
  border-collapse: collapse !important;
}

th,
td,
.workspace-table th,
.workspace-table td,
.billing-table th,
.billing-table td,
.users-table th,
.users-table td {
  padding: 9px 10px !important;
  border-bottom: 1px solid var(--bi-line-soft) !important;
  vertical-align: middle !important;
}

th,
.workspace-table th,
.billing-table th,
.users-table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  background: var(--bi-surface-soft) !important;
  color: var(--bi-muted) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

td,
.workspace-table td,
.billing-table td,
.users-table td {
  color: var(--bi-ink-soft) !important;
  font-size: 13px !important;
}

tbody tr:hover {
  background: #fbfcfe !important;
}

.product-cell {
  gap: 9px !important;
}

.product-thumb {
  width: 38px !important;
  height: 38px !important;
  border-color: var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: linear-gradient(135deg, #fff5d8, #ffdbe1) !important;
  font-size: 12px !important;
}

.product-thumb.large {
  width: 56px !important;
  height: 56px !important;
}

.product-main {
  gap: 2px !important;
}

.product-main strong {
  color: var(--bi-ink) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.product-main small {
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.row-actions {
  gap: 6px !important;
}

.row-actions button,
.catalog-offer-inline button,
.webhook-copy-button {
  min-height: 32px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}

.status-badge,
.status-pill,
.connection-state,
.workflow-state,
.test-mode-pill,
.integration-form-head > span,
.catalog-marketplace-pill,
.orders-action-row > b,
.analytics-row > b,
.channel-readiness-row > b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 5px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.status-badge.ready,
.status-badge.active,
.status-badge.updated,
.status-badge.completed,
.status-pill[data-tone="success"],
.connection-state[data-tone="ready"],
.workflow-step[data-state="ready"] .workflow-state,
.channel-readiness-row[data-state="ready"] > b,
.analytics-row[data-tone="ok"] > b,
.orders-action-row[data-tone="ok"] > b,
.integration-status-card[data-state="ready"] .connection-state,
.api-audit-card[data-state="ready"] > span,
.api-audit-card[data-state="local"] > span {
  border-color: rgba(15, 135, 102, .22) !important;
  background: var(--bi-green-bg) !important;
  color: var(--bi-green) !important;
}

.status-badge.low,
.status-badge.missing_cost,
.status-badge.missing_composition,
.status-badge.missing_profit,
.status-badge.low_margin,
.status-badge.new,
.status-badge.accepted,
.status-badge.assembled,
.status-badge.delivering,
.status-badge.photo_before_delivery,
.status-badge.missing_category,
.status-badge.missing_category_type,
.status-badge.missing_dimensions,
.status-badge.missing_weight,
.status-badge.missing_image,
.status-badge.missing_price,
.status-badge.missing_offer_id,
.status-badge.provider_not_supported,
.status-badge.not_ready,
.status-pill[data-tone="warning"],
.workflow-step[data-state="action"] .workflow-state,
.channel-readiness-row[data-state="action"] > b,
.analytics-row[data-tone="warning"] > b,
.orders-action-row[data-tone="warning"] > b,
.integration-status-card[data-state="local"] .connection-state,
.integration-status-card[data-state="action"] .connection-state,
.integration-status-card[data-state="off"] .connection-state,
.api-audit-card[data-state="action"] > span,
.api-audit-card[data-state="off"] > span {
  border-color: rgba(185, 111, 0, .24) !important;
  background: var(--bi-amber-bg) !important;
  color: var(--bi-amber) !important;
}

.status-badge.out_of_stock,
.status-badge.shortage,
.status-badge.cancelled,
.status-pill[data-tone="danger"],
.workflow-step[data-state="blocked"] .workflow-state,
.channel-readiness-row[data-state="blocked"] > b,
.analytics-row[data-tone="locked"] > b,
.orders-action-row[data-tone="locked"] > b,
.integration-status-card[data-state="blocked"] .connection-state,
.api-audit-card[data-state="blocked"] > span {
  border-color: rgba(201, 47, 61, .22) !important;
  background: var(--bi-red-bg) !important;
  color: var(--bi-red) !important;
}

.sidebar-status .status-pill,
.account-sidebar .status-pill,
.admin-header .status-pill {
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .1) !important;
  color: rgba(255, 255, 255, .86) !important;
}

.overview-section,
.account-view[data-account-view="analytics"],
.account-view[data-account-view="orders"],
.account-view[data-account-view="catalog"],
.account-view[data-account-view="settings"] {
  gap: 12px !important;
}

.overview-hero {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  padding: 16px !important;
}

.overview-next {
  min-height: 118px !important;
  padding: 12px !important;
  border-color: rgba(217, 47, 73, .18) !important;
  background: var(--bi-surface-warm) !important;
}

.overview-grid,
.module-metrics,
.summary-grid,
.status-grid,
.admin-kpis,
.system-status-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 9px !important;
}

.overview-card,
.module-metric,
.status-card,
.summary-card,
.metric-card,
.admin-kpi,
.system-status-card {
  min-height: 76px !important;
  padding: 11px !important;
  box-shadow: none !important;
}

.overview-card strong,
.module-metric strong,
.status-card strong,
.summary-card strong,
.metric-card strong,
.admin-kpi strong,
.system-status-card strong {
  font-size: 19px !important;
  line-height: 1.08 !important;
}

.overview-workbench,
.orders-workbench.compact,
.analytics-workbench {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.workflow-step,
.channel-readiness-row,
.orders-action-row,
.analytics-row {
  min-height: 54px !important;
  padding: 9px 10px !important;
  border-color: var(--bi-line-soft) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.workflow-step {
  grid-template-columns: minmax(72px, .16fr) minmax(120px, .25fr) minmax(96px, .18fr) minmax(0, 1fr) !important;
}

.orders-summary {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
  gap: 8px !important;
}

.orders-summary-item {
  min-height: 64px !important;
  padding: 10px !important;
}

.orders-summary-item b {
  font-size: 18px !important;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
  gap: 10px !important;
  align-items: start !important;
}

.order-detail-panel {
  position: sticky !important;
  top: 14px !important;
  max-height: calc(100svh - 32px) !important;
  overflow: auto !important;
  padding: 12px !important;
}

.order-detail-head,
.order-detail-meta,
.order-detail-metrics,
.order-product-row,
.order-profit-stack {
  gap: 8px !important;
}

.order-detail-metrics {
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
}

.order-detail-meta span,
.order-detail-metrics span,
.order-profit-stack > span {
  min-height: 0 !important;
  padding: 9px !important;
  border-color: var(--bi-line-soft) !important;
  background: var(--bi-surface-soft) !important;
}

.order-product-row {
  padding: 9px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
}

.analytics-score {
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) !important;
  gap: 10px !important;
}

.analytics-score-card {
  min-height: 128px !important;
  padding: 14px !important;
}

.analytics-score-card strong {
  font-size: 34px !important;
}

.analytics-score-facts {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 8px !important;
}

.analytics-score-facts span {
  min-height: 92px !important;
  padding: 11px !important;
}

.analytics-score-facts b {
  font-size: 20px !important;
}

.analytics-panel {
  gap: 9px !important;
  padding: 12px !important;
}

.settings-overview,
.api-audit-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 8px !important;
}

.settings-overview-card,
.api-audit-card {
  min-height: 0 !important;
  padding: 10px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.settings-overview-card strong,
.api-audit-card strong {
  font-size: 14px !important;
}

.settings-overview-card small,
.api-audit-card small {
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.settings-grid {
  grid-template-columns: minmax(220px, 270px) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

.settings-section .integration-list {
  position: sticky !important;
  top: 14px !important;
  gap: 7px !important;
}

.settings-section .integration-status-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 8px !important;
  min-height: 0 !important;
  padding: 10px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.settings-section .integration-status-card::before {
  width: 3px !important;
  background: var(--bi-line) !important;
}

.settings-section .integration-status-card[data-state="ready"] {
  border-color: rgba(15, 135, 102, .26) !important;
  background: var(--bi-green-bg) !important;
}

.settings-section .integration-status-card[data-state="ready"]::before {
  background: var(--bi-green) !important;
}

.settings-section .integration-status-card[data-state="off"],
.settings-section .integration-status-card[data-state="local"],
.settings-section .integration-status-card[data-state="action"] {
  border-color: rgba(185, 111, 0, .24) !important;
  background: var(--bi-amber-bg) !important;
}

.settings-section .integration-status-card[data-state="off"]::before,
.settings-section .integration-status-card[data-state="local"]::before,
.settings-section .integration-status-card[data-state="action"]::before {
  background: var(--bi-amber) !important;
}

.settings-section .integration-status-card[data-state="blocked"] {
  border-color: rgba(201, 47, 61, .22) !important;
  background: var(--bi-red-bg) !important;
}

.settings-section .integration-status-card[data-state="blocked"]::before {
  background: var(--bi-red) !important;
}

.settings-section .integration-status-card strong,
.settings-section .integration-status-card small {
  grid-column: 1 / -1 !important;
}

.settings-section .integration-status-card .connection-state {
  grid-column: 2 !important;
  grid-row: 1 !important;
  max-width: 124px !important;
}

.integration-panel {
  padding: 14px !important;
}

.integration-tabs {
  gap: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--bi-line-soft) !important;
}

.integration-tab {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-color: var(--bi-line) !important;
  background: #fff !important;
  color: var(--bi-muted) !important;
}

.integration-tab[aria-selected="true"] {
  border-color: rgba(217, 47, 73, .36) !important;
  background: var(--bi-surface-warm) !important;
  color: var(--bi-accent-dark) !important;
}

.integration-form {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}

.integration-form-head {
  align-items: center !important;
}

.integration-readiness {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 8px !important;
}

.integration-readiness-card,
.integration-guard-card,
.integration-requirement {
  min-height: 0 !important;
  padding: 9px !important;
  box-shadow: none !important;
}

.integration-requirement {
  border-radius: var(--bi-radius) !important;
}

.catalog-settings-fieldset,
.integration-requirements,
.integration-guard,
.integration-webhook-info {
  padding: 10px !important;
  border-color: var(--bi-line-soft) !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-settings-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 9px !important;
}

.catalog-category-field {
  grid-column: 1 / -1 !important;
}

.category-search-control {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 7px !important;
}

.category-search-control .secondary-button {
  min-height: 38px !important;
}

.switch-row {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.switch-row input[type="checkbox"] {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 34px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  appearance: none !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  background: #e8edf3 !important;
  cursor: pointer !important;
  transition: background-color 160ms var(--ease-out), border-color 160ms var(--ease-out) !important;
}

.switch-row input[type="checkbox"]::before {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(21, 25, 34, .25) !important;
  content: "" !important;
  transition: transform 160ms var(--ease-out) !important;
}

.switch-row input[type="checkbox"]:checked {
  border-color: rgba(15, 135, 102, .5) !important;
  background: var(--bi-green) !important;
}

.switch-row input[type="checkbox"]:checked::before {
  transform: translateX(14px) !important;
}

.switch-row span {
  min-width: 0 !important;
  color: var(--bi-ink-soft) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

.catalog-sync-panel {
  grid-template-columns: minmax(0, 1fr) minmax(210px, .7fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow-soft) !important;
}

.catalog-sync-step,
.catalog-sync-hub,
.catalog-bulk-panel,
.catalog-duplicates-panel,
.catalog-availability-panel {
  padding: 12px !important;
  border-color: var(--bi-line-soft) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.catalog-sync-head {
  gap: 4px !important;
}

.catalog-sync-head h3,
.catalog-bulk-head h3,
.catalog-duplicates-head h3 {
  font-size: 16px !important;
  line-height: 1.18 !important;
}

.catalog-channel-grid {
  gap: 7px !important;
}

.catalog-import-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.catalog-import-options label,
.catalog-bulk-check,
.catalog-row-select {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 32px !important;
  padding: 6px 8px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--bi-ink-soft) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.catalog-import-options input,
.catalog-bulk-check input,
.catalog-row-select input {
  width: 15px !important;
  height: 15px !important;
  min-height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: var(--bi-accent) !important;
}

.catalog-filter-summary {
  padding: 9px 10px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
}

.catalog-editor-modal,
.catalog-duplicates-modal,
.login-modal,
.confirm-modal {
  backdrop-filter: blur(8px) !important;
}

.catalog-editor-backdrop,
.catalog-duplicates-backdrop {
  background: rgba(13, 18, 28, .52) !important;
}

.catalog-editor-dialog,
.catalog-duplicates-dialog,
.login-panel,
.confirm-panel {
  border: 1px solid rgba(226, 232, 240, .94) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 28px 72px rgba(13, 18, 28, .24) !important;
  transform-origin: center !important;
}

.catalog-editor-dialog {
  width: min(1120px, calc(100vw - 28px)) !important;
  max-height: calc(100svh - 28px) !important;
}

.catalog-duplicates-dialog {
  width: min(980px, calc(100vw - 28px)) !important;
  max-height: calc(100svh - 28px) !important;
}

.catalog-editor-form,
.catalog-duplicates-dialog {
  overflow: hidden !important;
}

.catalog-editor-head,
.catalog-editor-actions,
.catalog-duplicates-modal-head,
.catalog-duplicates-pagination {
  padding: 12px 14px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
}

.catalog-editor-head h3,
.catalog-duplicates-modal-head h3 {
  font-size: 20px !important;
  line-height: 1.15 !important;
}

.catalog-editor-grid {
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) !important;
  gap: 12px !important;
  max-height: calc(100svh - 184px) !important;
  overflow: auto !important;
  padding: 12px 14px !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-photo-panel,
.catalog-editor-fields,
.catalog-category-card,
.catalog-marketplace-id-card {
  padding: 11px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.catalog-photo-preview {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  border-color: var(--bi-line) !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-photo-controls,
.catalog-editor-field-grid,
.catalog-editor-field-grid.compact,
.catalog-marketplace-id-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 8px !important;
}

.catalog-description-field {
  display: grid !important;
  gap: 5px !important;
}

.catalog-editor-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.catalog-editor-actions > div {
  display: flex !important;
  gap: 8px !important;
}

.catalog-duplicates-list {
  max-height: calc(100svh - 250px) !important;
  overflow: auto !important;
  padding: 12px 14px !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-duplicate-card,
.catalog-duplicate-product {
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.admin-auth-screen {
  background: radial-gradient(circle at 24% 18%, rgba(217, 47, 73, .12), transparent 28%), var(--bi-bg) !important;
}

.admin-api-tools,
.admin-auth-card,
.settings-form,
.user-form,
.payment-form {
  border-color: var(--bi-line) !important;
  background: #fff !important;
}

.admin-header .admin-api-tools {
  border-color: rgba(255, 255, 255, .12) !important;
  background: #202633 !important;
  color: rgba(255, 255, 255, .78) !important;
}

.plan-admin-grid,
.promo-admin-grid,
.payment-admin-grid,
.user-admin-grid,
.operations-grid {
  gap: 12px !important;
}

.period-grid,
.callback-grid,
.risk-grid {
  gap: 8px !important;
}

@media (hover: hover) and (pointer: fine) {
  .overview-card:hover,
  .overview-action:hover,
  .analytics-row:hover,
  .orders-action-row:hover,
  .billing-period-option:hover,
  .category-result:hover,
  .catalog-channel-card:hover,
  .settings-overview-card:hover {
    transform: translateY(-1px) !important;
  }
}

@media (max-width: 1180px) {
  .account-layout,
  .admin-layout {
    grid-template-columns: 1fr !important;
  }

  .account-sidebar,
  .admin-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    height: auto !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
  }

  .side-nav,
  .admin-nav {
    display: flex !important;
    overflow-x: auto !important;
    padding-bottom: 3px !important;
    scrollbar-width: none !important;
  }

  .side-nav::-webkit-scrollbar,
  .admin-nav::-webkit-scrollbar {
    display: none !important;
  }

  .side-nav a,
  .admin-nav a {
    flex: 0 0 150px !important;
  }

  .sidebar-status,
  .admin-api-tools {
    display: none !important;
  }

  .account-toolbar,
  .settings-grid,
  .catalog-sync-panel,
  .orders-content,
  .analytics-score,
  .overview-workbench,
  .orders-workbench.compact,
  .analytics-workbench {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-list,
  .order-detail-panel {
    position: static !important;
    max-height: none !important;
  }
}

@media (max-width: 720px) {
  .account-shell,
  .admin-shell,
  .pricing-shell,
  .inventory-shell,
  .compositions-shell {
    padding: 14px !important;
  }

  .account-session-card,
  .module-controls,
  .toolbar,
  .channel-settings,
  .billing-config,
  .catalog-bulk-grid,
  .catalog-duplicates-toolbar,
  .overview-hero,
  .workflow-step,
  .catalog-editor-grid,
  .catalog-photo-controls,
  .catalog-editor-field-grid,
  .catalog-editor-field-grid.compact {
    grid-template-columns: 1fr !important;
  }

  .panel,
  .account-section,
  .admin-section,
  .admin-hero,
  .operations-card,
  .admin-auth-card {
    padding: 14px !important;
  }

  .module-head,
  .section-head,
  .panel-head,
  .catalog-editor-head,
  .catalog-editor-actions,
  .catalog-duplicates-modal-head {
    display: grid !important;
  }

  .module-actions,
  .catalog-editor-actions > div,
  .billing-actions,
  .form-actions,
  .integration-actions,
  .catalog-bulk-actions > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .module-actions button,
  .catalog-editor-actions button,
  .billing-actions button,
  .form-actions button,
  .integration-actions button,
  .catalog-bulk-actions button {
    width: 100% !important;
  }

  .category-search-control,
  .webhook-copy-control {
    grid-template-columns: 1fr !important;
  }

  .orders-summary,
  .analytics-score-facts,
  .overview-grid,
  .module-metrics,
  .summary-grid,
  .status-grid,
  .admin-kpis,
  .system-status-grid {
    grid-template-columns: 1fr !important;
  }

  .catalog-editor-dialog,
  .catalog-duplicates-dialog {
    width: calc(100vw - 18px) !important;
    max-height: calc(100svh - 18px) !important;
  }

  .catalog-editor-grid,
  .catalog-duplicates-list {
    max-height: calc(100svh - 230px) !important;
  }

  .site-nav {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* 20260718-02: prevent mobile catalog guard panels from widening the document. */
.account-view[data-account-view="catalog"] {
  min-width: 0 !important;
}

.account-view[data-account-view="catalog"] > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

.account-view[data-account-view="catalog"] .workspace-table-wrap {
  max-width: 100% !important;
  contain: inline-size !important;
}

.account-guard,
.guard-panel.account-guard {
  min-width: 0 !important;
  max-width: 100% !important;
}

.account-guard > *,
.guard-panel.account-guard > * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 720px) {
  .account-guard,
  .guard-panel.account-guard {
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }
}

/* 20260718-03: product-grade density, clearer hierarchy and calmer motion across app pages. */
:root {
  --bi-panel-shadow: 0 1px 2px rgba(21, 25, 34, .04), 0 10px 28px rgba(21, 25, 34, .055);
  --bi-panel-shadow-hover: 0 2px 4px rgba(21, 25, 34, .05), 0 16px 34px rgba(21, 25, 34, .075);
  --bi-press: 120ms var(--ease-out);
  --bi-move: 190ms var(--ease-out);
}

.account-layout,
.admin-layout {
  grid-template-columns: 248px minmax(0, 1fr) !important;
}

.account-sidebar,
.admin-header {
  padding: 18px 14px !important;
}

.side-nav a,
.admin-nav a {
  display: grid !important;
  align-content: center !important;
  gap: 1px !important;
  min-height: 39px !important;
  padding: 7px 10px 7px 12px !important;
}

.side-nav a::before,
.admin-nav a::before {
  position: absolute !important;
  top: 8px !important;
  bottom: 8px !important;
  left: 0 !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: var(--bi-accent) !important;
  content: "" !important;
  opacity: 0 !important;
  transform: scaleY(.55) !important;
  transition: opacity var(--bi-move), transform var(--bi-move) !important;
}

.side-nav a[aria-current="page"]::before,
.admin-nav a[aria-current="page"]::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

.side-nav a span,
.admin-nav a {
  font-size: 13px !important;
  line-height: 1.12 !important;
}

.side-nav a small {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.sidebar-status {
  padding: 11px !important;
  gap: 6px !important;
}

.sidebar-status strong {
  font-size: 14px !important;
}

.account-shell,
.admin-shell,
.pricing-shell,
.inventory-shell,
.compositions-shell {
  gap: 12px !important;
  padding-top: 18px !important;
}

.account-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  align-items: start !important;
}

.account-toolbar h1,
.admin-hero h1,
.page-head h1 {
  font-size: 31px !important;
  line-height: 1.06 !important;
}

.account-toolbar p,
.admin-hero p,
.page-head p,
.section-head > p:not(.eyebrow),
.module-head > div > p:not(.eyebrow),
.panel-head > div > p:not(.eyebrow) {
  max-width: 680px !important;
  color: var(--bi-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
}

.account-session-card {
  width: 100% !important;
  gap: 6px !important;
  padding: 6px !important;
  box-shadow: 0 8px 24px rgba(21, 25, 34, .05) !important;
}

.account-session-card span {
  min-height: 42px !important;
  padding: 7px 9px !important;
}

.account-session-card b {
  overflow: hidden !important;
  color: var(--bi-ink) !important;
  font-size: 12.5px !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.panel,
.account-section,
.admin-section,
.admin-hero,
.operations-card,
.system-status-card,
.workspace-card,
.module-card,
.overview-hero,
.overview-panel,
.overview-card,
.overview-action,
.workspace-table-wrap,
.billing-table-wrap,
.table-wrap,
.guard-panel,
.inventory-ops-panel,
.order-detail-panel,
.analytics-panel,
.analytics-score-card,
.settings-form,
.admin-auth-card,
.catalog-sync-panel,
.integration-panel {
  box-shadow: var(--bi-panel-shadow) !important;
}

.section-head,
.module-head,
.panel-head,
.overview-panel-head,
.orders-panel-head,
.analytics-panel-head,
.event-log-head {
  min-height: 0 !important;
  padding-bottom: 8px !important;
}

.section-head h2,
.module-head h2,
.panel-head h2,
.overview-panel-head h3,
.orders-panel-head h3,
.analytics-panel-head h3,
.event-log-head h3 {
  font-size: 17px !important;
}

.module-status,
.catalog-sync-status,
.run-status,
.drawer-status,
.form-status,
.status-text,
.channel-note,
.connection-help {
  min-height: 30px !important;
  padding: 7px 9px !important;
}

.status-card,
.summary-card,
.module-metric,
.overview-card,
.metric-card,
.admin-kpi,
.system-status-card,
.settings-overview-card,
.api-audit-card {
  display: grid !important;
  gap: 4px !important;
  min-height: 62px !important;
  padding: 9px 10px !important;
}

.status-card span,
.summary-card span,
.module-metric span,
.overview-card span,
.metric-card span,
.admin-kpi span,
.system-status-card span,
.settings-overview-card span,
.api-audit-card span {
  color: var(--bi-muted) !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.status-card strong,
.summary-card strong,
.module-metric strong,
.overview-card strong,
.metric-card strong,
.admin-kpi strong,
.system-status-card strong,
.settings-overview-card strong,
.api-audit-card strong {
  font-size: 18px !important;
}

.status-card small,
.summary-card small,
.module-metric small,
.overview-card small,
.metric-card small,
.admin-kpi small,
.system-status-card small,
.settings-overview-card small,
.api-audit-card small {
  overflow: hidden !important;
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
}

.workspace-table-wrap,
.billing-table-wrap,
.table-wrap {
  max-height: min(660px, calc(100svh - 210px)) !important;
}

.workspace-table td,
.billing-table td,
.users-table td,
td {
  line-height: 1.25 !important;
}

.row-actions {
  flex-wrap: nowrap !important;
}

.row-actions button,
.catalog-offer-inline button,
.webhook-copy-button {
  white-space: nowrap !important;
}

.empty-state,
.order-detail-empty,
.composition-empty-state {
  border: 1px dashed #cbd6e4 !important;
  border-radius: var(--bi-radius) !important;
  background: #f8fafc !important;
  color: var(--bi-muted) !important;
}

.account-view:not([hidden]),
.admin-section:not([hidden]),
.admin-hero:not([hidden]) {
  opacity: 1 !important;
  transform: none !important;
  transition: opacity var(--bi-move) !important;

  @starting-style {
    opacity: .96 !important;
    transform: none !important;
  }
}

.account-view[data-account-view="orders"]:not([hidden]) {
  display: grid !important;
  gap: 9px !important;
}

.account-view[data-account-view="orders"] > .section-head {
  order: 1 !important;
}

.account-view[data-account-view="orders"] [data-orders-status].status-grid {
  order: 2 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.orders-summary {
  order: 3 !important;
}

.orders-controls {
  order: 4 !important;
}

.orders-filter-summary {
  order: 5 !important;
}

.orders-content {
  order: 6 !important;
}

.orders-workbench.compact {
  order: 7 !important;
}

.account-view[data-account-view="orders"] [data-orders-status] .status-card {
  min-height: 66px !important;
}

.orders-summary {
  grid-template-columns: repeat(7, minmax(92px, 1fr)) !important;
  gap: 6px !important;
}

.orders-summary-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 8px 10px !important;
}

.orders-summary-item small {
  display: -webkit-box !important;
  max-width: 112px !important;
  overflow: hidden !important;
  color: var(--bi-ink-soft) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.orders-summary-item b {
  flex: 0 0 auto !important;
  font-size: 16px !important;
}

.orders-workbench.compact {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap: 8px !important;
}

.orders-panel {
  gap: 7px !important;
  padding: 10px !important;
}

.orders-action-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.orders-action-row {
  min-height: 42px !important;
  padding: 7px 8px !important;
}

.orders-action-row strong {
  font-size: 12.5px !important;
  line-height: 1.12 !important;
}

.orders-action-row small {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.orders-action-row > b {
  min-width: 32px !important;
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.orders-controls {
  grid-template-columns: minmax(190px, 1.2fr) repeat(3, minmax(142px, .8fr)) auto !important;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 370px) !important;
}

.order-detail-panel {
  padding: 10px !important;
}

.order-detail-head {
  align-items: flex-start !important;
}

.order-detail-meta,
.order-detail-metrics,
.order-profit-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.order-detail-meta span,
.order-detail-metrics span,
.order-profit-stack > span {
  overflow: hidden !important;
}

.order-detail-meta small,
.order-detail-metrics small,
.order-profit-stack small,
.order-detail-meta b,
.order-detail-metrics b,
.order-profit-stack b {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.order-product-row {
  grid-template-columns: 44px minmax(0, 1fr) !important;
}

.order-product-row .product-thumb {
  width: 44px !important;
  height: 44px !important;
}

.account-view[data-account-view="analytics"] {
  gap: 9px !important;
}

.analytics-score {
  grid-template-columns: minmax(190px, 250px) minmax(0, 1fr) !important;
  gap: 8px !important;
}

.analytics-score-card {
  min-height: 100px !important;
  padding: 12px !important;
}

.analytics-score-card strong {
  font-size: 30px !important;
}

.analytics-score-card small {
  font-size: 11px !important;
  line-height: 1.28 !important;
}

.analytics-score-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.analytics-score-facts span {
  min-height: 76px !important;
  padding: 9px !important;
}

.analytics-score-facts b {
  font-size: 18px !important;
}

.account-view[data-account-view="analytics"] .analytics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.analytics-workbench {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.analytics-panel {
  min-height: 0 !important;
  padding: 10px !important;
}

.analytics-list {
  gap: 6px !important;
}

.analytics-row {
  min-height: 42px !important;
  padding: 7px 8px !important;
}

.analytics-row strong {
  font-size: 12.5px !important;
}

.analytics-row small {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.settings-section {
  gap: 9px !important;
}

.settings-overview,
.api-audit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.api-audit-card dl {
  display: none !important;
}

.settings-grid {
  grid-template-columns: 248px minmax(0, 1fr) !important;
  gap: 10px !important;
}

.settings-section .integration-list {
  gap: 6px !important;
}

.settings-section .integration-status-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 55px !important;
  padding: 9px 10px 9px 13px !important;
  overflow: hidden !important;
}

.settings-section .integration-status-card::before {
  top: 9px !important;
  bottom: 9px !important;
  left: 5px !important;
  width: 3px !important;
  border-radius: 999px !important;
}

.settings-section .integration-status-card[aria-pressed="true"] {
  border-color: rgba(217, 47, 73, .4) !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(217, 47, 73, .14), var(--bi-panel-shadow) !important;
}

.settings-section .integration-status-card strong {
  grid-column: 1 !important;
  grid-row: 1 !important;
  overflow: hidden !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.settings-section .integration-status-card small {
  display: -webkit-box !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  overflow: hidden !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.settings-section .integration-status-card .connection-state {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 21px !important;
  max-width: 108px !important;
  padding: 4px 7px !important;
  font-size: 10px !important;
}

.integration-panel {
  padding: 12px !important;
}

.integration-tabs {
  display: flex !important;
  gap: 5px !important;
  overflow-x: auto !important;
  padding-bottom: 8px !important;
  scrollbar-width: none !important;
}

.integration-tabs::-webkit-scrollbar {
  display: none !important;
}

.integration-tab {
  flex: 0 0 auto !important;
  min-height: 31px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}

.integration-form {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.integration-form-head,
.integration-readiness,
.integration-requirements,
.integration-guard,
.integration-webhook-info,
.catalog-settings-fieldset,
.integration-actions,
.integration-form > .status-text,
.integration-form > .connection-help {
  grid-column: 1 / -1 !important;
}

.integration-field {
  grid-column: span 6 !important;
}

.integration-field[data-integration-field="apiBaseUrl"],
.integration-field[data-integration-field="priceUpdatePath"] {
  grid-column: span 6 !important;
}

.integration-form .switch-row {
  grid-column: 1 / -1 !important;
}

.integration-readiness {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.integration-readiness-card,
.integration-guard-card,
.integration-requirement {
  padding: 8px 9px !important;
}

.integration-readiness-card strong,
.integration-guard-card strong,
.integration-requirement strong {
  font-size: 12.5px !important;
}

.integration-readiness-card small,
.integration-guard-card small,
.integration-requirement small {
  font-size: 10.5px !important;
  line-height: 1.24 !important;
}

.catalog-settings-fieldset legend {
  padding: 0 4px !important;
  color: var(--bi-muted) !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.catalog-settings-grid {
  grid-template-columns: minmax(0, 2fr) repeat(5, minmax(86px, 1fr)) !important;
  align-items: end !important;
}

.catalog-settings-grid label:not(.catalog-category-field) input {
  min-width: 0 !important;
}

.catalog-category-field {
  grid-column: span 2 !important;
}

.integration-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.catalog-sync-panel {
  grid-template-columns: minmax(260px, 1fr) minmax(190px, .62fr) minmax(260px, 1fr) !important;
  gap: 8px !important;
}

.catalog-sync-step,
.catalog-sync-hub,
.catalog-bulk-panel,
.catalog-duplicates-panel,
.catalog-availability-panel {
  padding: 10px !important;
}

.catalog-channel-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.catalog-channel-card {
  min-height: 68px !important;
  padding: 9px !important;
}

.catalog-channel-card strong,
.catalog-channel-card span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-channel-card small {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.catalog-import-options label {
  min-height: 29px !important;
}

body[data-composition-modal-open="true"]::before {
  display: none !important;
}

.module-editor.composition-editor-modal:not([hidden]),
.composition-editor-modal:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  align-content: start !important;
  justify-items: center !important;
  z-index: 120 !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: 18px !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(13, 18, 28, .52) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: none !important;
  grid-template-rows: auto auto auto !important;
}

.composition-editor-modal:not([hidden])::before {
  display: none !important;
}

.composition-editor-modal .module-editor-head,
.composition-editor-body,
.composition-editor-actions {
  position: relative !important;
  z-index: 2 !important;
  width: min(1040px, 100%) !important;
  box-shadow: 0 22px 60px rgba(13, 18, 28, .18) !important;
}

.composition-editor-modal .module-editor-head {
  padding: 14px 16px 12px !important;
}

.composition-editor-head h3 {
  max-width: 760px !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
}

.composition-editor-body {
  grid-template-columns: minmax(220px, 250px) minmax(0, 1fr) !important;
  gap: 10px !important;
  max-height: calc(100svh - 164px) !important;
  padding: 0 16px 14px !important;
  overflow: auto !important;
}

.composition-editor-summary {
  gap: 8px !important;
  top: 12px !important;
}

.composition-editor-summary .module-metric {
  min-height: 54px !important;
  padding: 8px 10px !important;
}

.composition-editor-note {
  padding: 9px 10px !important;
  font-size: 12px !important;
}

.composition-editor-main {
  grid-template-rows: auto auto minmax(180px, 280px) auto !important;
  gap: 9px !important;
  padding: 10px !important;
}

.composition-lines-head {
  min-height: 34px !important;
  padding: 4px 0 !important;
}

.composition-empty-state {
  min-height: 180px !important;
  padding: 16px !important;
}

.composition-add-line {
  grid-template-columns: minmax(180px, .9fr) minmax(230px, 1fr) minmax(105px, .38fr) auto !important;
  padding: 9px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.component-inventory-preview {
  min-width: 0 !important;
}

.composition-editor-actions {
  padding: 12px 16px 14px !important;
}

.catalog-editor-modal:not([hidden]) .catalog-editor-dialog,
.catalog-duplicates-modal:not([hidden]) .catalog-duplicates-dialog,
.login-modal.open .login-panel,
.confirm-modal.open .confirm-panel {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  transition: opacity 190ms var(--ease-out), transform 190ms var(--ease-out) !important;

  @starting-style {
    opacity: 0 !important;
    transform: translateY(8px) scale(.985) !important;
  }
}

.composition-editor-modal:not([hidden]) .module-editor-head,
.composition-editor-modal:not([hidden]) .composition-editor-body,
.composition-editor-modal:not([hidden]) .composition-editor-actions {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  transition: opacity 190ms var(--ease-out), transform 190ms var(--ease-out) !important;

  @starting-style {
    opacity: 0 !important;
    transform: translateY(8px) scale(.985) !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .side-nav a:hover,
  .admin-nav a:hover,
  .integration-tab:hover,
  .catalog-channel-card:hover,
  .orders-summary-item:hover,
  .orders-row:hover,
  .analytics-row:hover,
  .orders-action-row:hover {
    transform: translateY(-1px) !important;
  }

  .catalog-editor-dialog:hover,
  .catalog-duplicates-dialog:hover {
    box-shadow: 0 32px 82px rgba(13, 18, 28, .24) !important;
  }
}

@media (max-width: 1280px) {
  .orders-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .analytics-workbench {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .settings-overview,
  .api-audit-grid,
  .account-view[data-account-view="analytics"] .analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  .account-layout,
  .admin-layout {
    grid-template-columns: 1fr !important;
  }

  .account-toolbar {
    grid-template-columns: 1fr !important;
  }

  .account-session-card {
    width: min(100%, 680px) !important;
  }

  .orders-controls,
  .catalog-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .catalog-category-field,
  .integration-field {
    grid-column: span 1 !important;
  }
}

@media (max-width: 920px) {
  .account-view[data-account-view="orders"] [data-orders-status].status-grid,
  .orders-workbench.compact,
  .orders-action-list,
  .analytics-score,
  .analytics-score-facts,
  .settings-grid,
  .catalog-sync-panel,
  .catalog-channel-grid,
  .integration-readiness,
  .integration-form {
    grid-template-columns: 1fr !important;
  }

  .workspace-table-wrap,
  .billing-table-wrap,
  .table-wrap {
    max-height: none !important;
  }

  .composition-editor-body {
    grid-template-columns: 1fr !important;
  }

  .composition-editor-summary {
    position: static !important;
  }
}

@media (max-width: 720px) {
  .account-shell,
  .admin-shell,
  .pricing-shell,
  .inventory-shell,
  .compositions-shell {
    gap: 10px !important;
    padding: 12px !important;
  }

  .account-sidebar,
  .admin-header {
    gap: 10px !important;
    padding: 12px !important;
  }

  .side-nav a,
  .admin-nav a {
    flex-basis: 132px !important;
    min-height: 38px !important;
  }

  .account-session-card,
  .orders-summary,
  .settings-overview,
  .api-audit-grid,
  .account-view[data-account-view="analytics"] .analytics-grid,
  .analytics-workbench,
  .order-detail-meta,
  .order-detail-metrics,
  .order-profit-stack,
  .orders-controls,
  .catalog-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .account-session-card span {
    min-height: 38px !important;
  }

  .orders-summary-item {
    min-height: 40px !important;
  }

  .orders-summary-item small {
    max-width: none !important;
  }

  .composition-editor-modal:not([hidden]) {
    align-content: start !important;
    padding: 10px !important;
  }

  .composition-editor-body {
    padding: 0 12px 12px !important;
  }

  .composition-add-line {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-view:not([hidden]),
  .admin-section:not([hidden]),
  .admin-hero:not([hidden]),
  .catalog-editor-modal:not([hidden]) .catalog-editor-dialog,
  .catalog-duplicates-modal:not([hidden]) .catalog-duplicates-dialog,
  .login-modal.open .login-panel,
  .confirm-modal.open .confirm-panel,
  .composition-editor-modal:not([hidden]) .module-editor-head,
  .composition-editor-modal:not([hidden]) .composition-editor-body,
  .composition-editor-modal:not([hidden]) .composition-editor-actions {
    transform: none !important;
  }
}

/* 20260718-04: launch polish for compact workspace pages and hash-view regressions. */
.account-layout,
.admin-layout {
  background: #f4f6f9 !important;
}

.account-shell,
.admin-shell {
  max-width: 1240px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.account-toolbar,
.admin-hero,
.page-head {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.account-toolbar {
  padding: 18px !important;
}

.account-toolbar h1,
.admin-hero h1,
.page-head h1 {
  letter-spacing: 0 !important;
}

.account-session-card {
  border-color: var(--bi-line-soft) !important;
  background: var(--bi-surface-soft) !important;
}

.account-session-card span,
.sidebar-status {
  border-color: rgba(226, 232, 240, .92) !important;
}

.account-section,
.subscription-view,
.panel,
.workspace-module,
.admin-section,
.channel-panel,
.history-panel,
.table-section,
.toolbar,
.module-controls,
.catalog-sync-panel,
.integration-panel {
  border-color: var(--bi-line) !important;
}

.account-section,
.subscription-view,
.panel,
.workspace-module,
.admin-section {
  border-radius: var(--bi-radius) !important;
}

.module-controls,
.toolbar,
.channel-settings,
.formula-controls {
  align-items: end !important;
  border-radius: var(--bi-radius) !important;
}

.module-controls label,
.toolbar label,
.channel-settings label,
.formula-controls label,
.integration-field,
.catalog-editor-field-grid label,
.catalog-editor-field-grid.compact label,
.inventory-form label {
  min-width: 0 !important;
}

.module-controls input,
.module-controls select,
.toolbar input,
.toolbar select,
.channel-settings input,
.channel-settings select,
.formula-controls input,
.integration-form input,
.integration-form select,
.integration-form textarea,
.catalog-editor-form input,
.catalog-editor-form select,
.catalog-editor-form textarea,
.inventory-form input,
.inventory-form select {
  min-height: 38px !important;
  border-color: #d4dde8 !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  font-size: 13px !important;
}

.module-controls input:focus,
.module-controls select:focus,
.toolbar input:focus,
.toolbar select:focus,
.channel-settings input:focus,
.channel-settings select:focus,
.formula-controls input:focus,
.integration-form input:focus,
.integration-form select:focus,
.integration-form textarea:focus,
.catalog-editor-form input:focus,
.catalog-editor-form select:focus,
.catalog-editor-form textarea:focus,
.inventory-form input:focus,
.inventory-form select:focus {
  border-color: rgba(217, 47, 73, .5) !important;
  box-shadow: 0 0 0 3px rgba(217, 47, 73, .1) !important;
}

.primary-button,
.secondary-button,
.ghost-button,
.icon-button,
.module-actions button,
.row-actions button,
.pagination button,
.channel-tab,
.integration-tab,
.catalog-channel-card,
.orders-summary-item {
  transition:
    background-color 160ms var(--ease-out),
    border-color 160ms var(--ease-out),
    color 160ms var(--ease-out),
    box-shadow 160ms var(--ease-out),
    transform 120ms var(--ease-out) !important;
}

.primary-button {
  box-shadow: 0 8px 18px rgba(217, 47, 73, .16) !important;
}

.primary-button:active,
.secondary-button:active,
.ghost-button:active,
.module-actions button:active,
.row-actions button:active,
.pagination button:active,
.channel-tab:active,
.integration-tab:active,
.catalog-channel-card:active,
.orders-summary-item:active {
  transform: scale(.985) !important;
}

.workspace-table-wrap,
.table-wrap,
.billing-table-wrap {
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.workspace-table th,
.billing-table th,
.users-table th,
.pricing-shell th,
.inventory-shell th,
.compositions-shell th {
  color: #667084 !important;
  font-size: 10px !important;
  letter-spacing: 0 !important;
}

.workspace-table td,
.billing-table td,
.users-table td,
.pricing-shell td,
.inventory-shell td,
.compositions-shell td {
  vertical-align: middle !important;
}

.account-guard:not([hidden]),
.guard-panel.account-guard:not([hidden]) {
  grid-template-columns: minmax(118px, .3fr) minmax(0, 1fr) !important;
  gap: 5px 12px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid var(--bi-line) !important;
  border-left: 3px solid #a16207 !important;
  border-radius: var(--bi-radius) !important;
  background: #fffdf6 !important;
  color: var(--bi-ink-soft) !important;
}

.account-guard:not([hidden]) strong,
.guard-panel.account-guard:not([hidden]) strong {
  color: var(--bi-ink) !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
}

.account-guard:not([hidden]) span,
.guard-panel.account-guard:not([hidden]) span {
  color: var(--bi-muted) !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
}

.account-view[data-account-view="prices"] .module-metrics,
.account-view[data-account-view="catalog"] .module-metrics,
.pricing-shell .summary-grid,
.inventory-shell .summary-grid,
.compositions-shell .summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

.account-price-tabs,
.channel-tabs,
.integration-tabs {
  align-items: center !important;
}

.account-price-tab,
.channel-tab,
.integration-tab {
  white-space: nowrap !important;
}

.account-price-tab[aria-selected="true"],
.channel-tab[aria-selected="true"],
.integration-tab[aria-selected="true"] {
  box-shadow: inset 0 0 0 1px rgba(217, 47, 73, .08) !important;
}

.orders-summary {
  grid-template-columns: repeat(7, minmax(118px, 1fr)) !important;
}

.orders-summary-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 8px 10px !important;
  overflow: visible !important;
}

.orders-summary-item b {
  min-width: 0 !important;
  overflow: visible !important;
  color: var(--bi-ink) !important;
  font-size: 14px !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

.orders-summary-item small {
  min-width: 20px !important;
  max-width: none !important;
  overflow: visible !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
  -webkit-line-clamp: initial !important;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px) !important;
}

.order-detail-panel {
  border-color: var(--bi-line) !important;
}

.order-detail-meta,
.order-detail-metrics,
.order-profit-stack {
  gap: 7px !important;
}

.order-detail-meta span,
.order-detail-metrics span,
.order-profit-stack > span {
  overflow: hidden !important;
}

.order-detail-meta b,
.order-detail-metrics b,
.order-profit-stack b {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.analytics-score-card,
.analytics-panel,
.orders-panel {
  border-color: var(--bi-line) !important;
}

.analytics-workbench {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.analytics-panel-head h3,
.orders-panel-head h3 {
  font-size: 15px !important;
}

.settings-section .integration-status-card[data-state="ready"] {
  color: #0b5c4e !important;
}

.settings-section .integration-status-card[data-state="off"],
.settings-section .integration-status-card[data-state="local"],
.settings-section .integration-status-card[data-state="action"] {
  color: #7a4a00 !important;
}

.settings-section .integration-status-card[data-state="blocked"] {
  color: #8d1f2c !important;
}

.integration-status-card .connection-state {
  justify-self: end !important;
}

.integration-webhook-info,
.integration-requirements,
.integration-guard,
.catalog-settings-fieldset {
  border-radius: var(--bi-radius) !important;
}

.webhook-copy-control {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.webhook-copy-control input {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.catalog-sync-panel {
  align-items: stretch !important;
  background: #f7f9fc !important;
}

.catalog-sync-step,
.catalog-sync-hub {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-height: 0 !important;
}

.catalog-sync-head p {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: var(--bi-muted) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

.catalog-channel-card {
  min-height: 60px !important;
  border-color: var(--bi-line) !important;
  background: #fff !important;
}

.catalog-channel-card[aria-selected="true"] {
  border-color: rgba(14, 116, 144, .45) !important;
  box-shadow: inset 3px 0 0 #0e7490 !important;
}

.catalog-import-options {
  padding: 8px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.catalog-import-options label {
  border-radius: 8px !important;
}

.catalog-bulk-panel,
.catalog-duplicates-panel,
.catalog-availability-panel {
  background: #fff !important;
}

.catalog-editor-dialog,
.catalog-duplicates-dialog,
.module-editor.composition-editor-modal .module-editor-head,
.composition-editor-body,
.composition-editor-actions {
  border-radius: 12px !important;
}

.composition-add-line {
  grid-template-columns: minmax(160px, .8fr) minmax(220px, 1fr) minmax(96px, .34fr) auto !important;
}

.component-inventory-preview {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  min-height: 44px !important;
  padding: 6px !important;
}

.component-inventory-preview .product-thumb,
.inventory-table .product-thumb,
.compositions-table .product-thumb,
.pricing-shell .product-thumb {
  border-radius: 8px !important;
}

.app-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  min-height: 64px !important;
  padding: 12px 28px !important;
  backdrop-filter: blur(10px) !important;
}

.app-header .brand {
  min-width: 220px !important;
}

.app-nav {
  gap: 4px !important;
}

.pricing-shell,
.inventory-shell,
.compositions-shell {
  max-width: 1384px !important;
  padding: 18px 28px 32px !important;
}

.pricing-shell .page-head,
.inventory-shell .page-head,
.compositions-shell .page-head {
  min-height: 86px !important;
}

.pricing-shell .history-panel {
  max-height: 280px !important;
  overflow: hidden !important;
}

.pricing-shell .history-list {
  max-height: 190px !important;
  overflow: auto !important;
}

.inventory-table .product-cell,
.compositions-table .product-cell,
.pricing-shell .product-cell {
  min-width: 220px !important;
}

.admin-auth-card {
  width: min(520px, calc(100vw - 32px)) !important;
}

.admin-auth-card h1 {
  font-size: 42px !important;
  line-height: .98 !important;
}

@media (hover: hover) and (pointer: fine) {
  .primary-button:hover,
  .secondary-button:hover,
  .ghost-button:hover,
  .module-actions button:hover,
  .row-actions button:hover,
  .pagination button:hover {
    transform: translateY(-1px) !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .overview-card:hover,
  .overview-action:hover,
  .analytics-row:hover,
  .orders-action-row:hover,
  .billing-period-option:hover,
  .category-result:hover,
  .catalog-channel-card:hover,
  .settings-overview-card:hover,
  .primary-button:hover,
  .secondary-button:hover,
  .ghost-button:hover,
  .module-actions button:hover,
  .row-actions button:hover,
  .pagination button:hover {
    transform: none !important;
  }
}

@media (max-width: 1180px) {
  .account-shell,
  .admin-shell {
    max-width: none !important;
  }

  .analytics-workbench,
  .orders-content {
    grid-template-columns: 1fr !important;
  }

  .orders-summary {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  }

  .app-header {
    position: static !important;
  }
}

@media (max-width: 720px) {
  .account-toolbar {
    padding: 14px !important;
  }

  .account-guard:not([hidden]),
  .guard-panel.account-guard:not([hidden]) {
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    padding: 8px 10px !important;
  }

  .orders-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .orders-summary-item {
    min-height: 44px !important;
  }

  .orders-summary-item b {
    font-size: 13px !important;
  }

  .analytics-workbench,
  .account-view[data-account-view="analytics"] .analytics-grid {
    grid-template-columns: 1fr !important;
  }

  .app-header {
    padding: 12px !important;
  }

  .app-header .brand {
    min-width: 0 !important;
  }

  .pricing-shell,
  .inventory-shell,
  .compositions-shell {
    padding: 12px !important;
  }

  .pricing-shell .page-head,
  .inventory-shell .page-head,
  .compositions-shell .page-head {
    min-height: 0 !important;
  }

  .pricing-shell .history-panel {
    max-height: none !important;
  }

  .composition-add-line,
  .component-inventory-preview,
  .webhook-copy-control {
    grid-template-columns: 1fr !important;
  }
}

/* 20260718-05: shared design foundation for account, admin and workspace pages. */
:root {
  --bi-bg: #f4f6f9;
  --bi-surface: #ffffff;
  --bi-surface-soft: #f8fafc;
  --bi-surface-tint: #eef4f8;
  --bi-ink: #111827;
  --bi-ink-soft: #253041;
  --bi-muted: #667085;
  --bi-line: rgba(17, 24, 39, .11);
  --bi-line-strong: rgba(17, 24, 39, .18);
  --bi-accent: #df3650;
  --bi-accent-dark: #b4233d;
  --bi-green: #0f8f67;
  --bi-blue: #2563eb;
  --bi-amber: #b7791f;
  --bi-danger: #d92d20;
  --bi-focus: rgba(223, 54, 80, .22);
  --bi-shadow: 0 16px 42px rgba(17, 24, 39, .09);
  --bi-shadow-soft: 0 1px 2px rgba(17, 24, 39, .05);
  --bi-radius: 8px;
  --bi-control: 40px;
  --bi-ease-out: cubic-bezier(.16, 1, .3, 1);
}

html {
  scroll-padding-top: 84px !important;
}

body {
  background: var(--bi-bg) !important;
  color: var(--bi-ink) !important;
  letter-spacing: 0 !important;
}

.brand-mark {
  background: var(--bi-accent) !important;
  color: #fff !important;
  box-shadow: inset 0 -1px 0 rgba(17, 24, 39, .16), 0 8px 20px rgba(223, 54, 80, .2) !important;
}

.account-layout,
.admin-layout {
  background: var(--bi-bg) !important;
}

.account-sidebar,
.admin-header {
  border-right: 1px solid var(--bi-line) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 1px 0 0 rgba(17, 24, 39, .03) !important;
}

.account-sidebar .brand,
.admin-header .brand {
  min-height: 38px !important;
}

.nav-caption {
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.side-nav,
.admin-nav {
  gap: 5px !important;
}

.side-nav a,
.admin-nav a {
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: var(--bi-radius) !important;
  color: var(--bi-muted) !important;
  font-size: 13px !important;
  font-weight: 860 !important;
  line-height: 1.2 !important;
  transition:
    background-color .18s var(--bi-ease-out),
    border-color .18s var(--bi-ease-out),
    color .18s var(--bi-ease-out),
    transform .18s var(--bi-ease-out) !important;
}

.side-nav a small {
  color: color-mix(in srgb, var(--bi-muted) 82%, white) !important;
  font-size: 11px !important;
  font-weight: 740 !important;
}

.side-nav a[aria-current="page"],
.admin-nav a[aria-current="page"] {
  border-color: rgba(223, 54, 80, .18) !important;
  background: rgba(223, 54, 80, .08) !important;
  color: var(--bi-accent-dark) !important;
  box-shadow: inset 3px 0 0 var(--bi-accent) !important;
}

.sidebar-status,
.admin-api-tools span {
  border-color: var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
}

.account-shell,
.admin-shell,
.pricing-shell,
.inventory-shell,
.compositions-shell {
  gap: 16px !important;
  max-width: 1480px !important;
  padding: 22px 28px 34px !important;
}

.account-toolbar,
.admin-hero,
.account-section,
.subscription-view,
.billing-history-section,
.admin-section,
.overview-panel,
.orders-panel,
.analytics-panel,
.operations-card,
.event-log-wrap,
.settings-form,
.panel,
.catalog-sync-panel,
.catalog-bulk-panel,
.catalog-duplicates-panel,
.catalog-availability-panel,
.inventory-ops-panel,
.order-detail-panel,
.workspace-table-wrap,
.billing-table-wrap,
.table-wrap,
.payment-history-card,
.module-editor,
.catalog-editor-dialog,
.catalog-duplicates-dialog,
.channel-settings,
.history-panel {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface) !important;
  box-shadow: var(--bi-shadow-soft) !important;
}

.account-toolbar,
.admin-hero {
  min-height: 0 !important;
  padding: 22px !important;
  box-shadow: var(--bi-shadow) !important;
}

.account-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .48fr) !important;
}

.workspace-title h1,
.admin-hero h1 {
  font-size: 36px !important;
  line-height: 1.02 !important;
}

.workspace-title p,
.section-head p,
.module-head p,
.panel-head p,
.catalog-sync-head p,
.integration-form-head + p,
.connection-help {
  color: var(--bi-muted) !important;
}

.account-session-card {
  gap: 8px !important;
}

.account-session-card span,
.subscription-facts span,
.callback-grid span,
.catalog-base-stats span,
.module-metric,
.overview-card,
.orders-summary-item,
.analytics-score-card,
.analytics-card,
.settings-overview-card,
.api-audit-card,
.system-status-card,
.admin-kpis > *,
.risk-grid > *,
.billing-period-option,
.integration-status-card,
.catalog-channel-card,
.category-result,
.payment-item,
.promo-item,
.plan-card {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.account-session-card span {
  min-height: 58px !important;
  padding: 10px !important;
}

.account-section,
.subscription-view,
.billing-history-section,
.admin-section,
.workspace-module {
  padding: 18px !important;
}

.section-head,
.module-head,
.panel-head,
.overview-panel-head,
.orders-panel-head,
.analytics-panel-head,
.catalog-bulk-head,
.catalog-duplicates-head,
.event-log-head,
.catalog-editor-head,
.catalog-duplicates-modal-head,
.module-editor-head {
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.section-head h2,
.module-head h2,
.panel-head h2,
.overview-panel h3,
.orders-panel h3,
.analytics-panel h3,
.operations-card h3,
.settings-form h3,
.catalog-sync-head h3,
.catalog-bulk-head h3,
.catalog-duplicates-head h3 {
  font-size: 22px !important;
  line-height: 1.12 !important;
}

.eyebrow {
  color: var(--bi-accent-dark) !important;
  letter-spacing: 0 !important;
}

.primary-button,
.secondary-button,
.ghost-button,
.danger-button,
.row-action,
.row-actions button,
.module-actions button,
.pagination button,
.module-pagination button,
.icon-button,
.file-button,
.integration-tab,
.catalog-channel-card,
.billing-period-option,
.summary-filter-metric,
.catalog-summary-metric,
.inventory-summary-metric,
.composition-summary-metric,
.orders-summary-item {
  min-height: var(--bi-control) !important;
  border-radius: var(--bi-radius) !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
  transition:
    background-color .18s var(--bi-ease-out),
    border-color .18s var(--bi-ease-out),
    color .18s var(--bi-ease-out),
    box-shadow .18s var(--bi-ease-out),
    transform .18s var(--bi-ease-out) !important;
}

.primary-button {
  border-color: rgba(180, 35, 61, .18) !important;
  background: var(--bi-accent) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(223, 54, 80, .16) !important;
}

.secondary-button,
.ghost-button,
.row-action,
.row-actions button,
.module-actions button,
.module-pagination button,
.icon-button,
.file-button {
  border-color: var(--bi-line) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
  box-shadow: none !important;
}

.danger-button {
  border-color: rgba(217, 45, 32, .24) !important;
  background: rgba(217, 45, 32, .08) !important;
  color: var(--bi-danger) !important;
}

button:active,
.primary-button:active,
.secondary-button:active,
.ghost-button:active,
.danger-button:active,
.row-action:active,
.icon-button:active,
.integration-tab:active,
.catalog-channel-card:active,
.billing-period-option:active {
  transform: scale(.985) !important;
}

button:disabled,
button[disabled] {
  opacity: .58 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

input,
select,
textarea {
  min-height: var(--bi-control) !important;
  border-color: var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
  box-shadow: none !important;
  transition:
    background-color .18s var(--bi-ease-out),
    border-color .18s var(--bi-ease-out),
    box-shadow .18s var(--bi-ease-out) !important;
}

textarea {
  min-height: 92px !important;
}

input:focus,
select:focus,
textarea:focus,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible,
.integration-tab:focus-visible,
.catalog-channel-card:focus-visible,
.billing-period-option:focus-visible {
  outline: 3px solid var(--bi-focus) !important;
  outline-offset: 2px !important;
}

.module-controls,
.toolbar,
.formula-controls,
.catalog-bulk-grid,
.catalog-editor-field-grid,
.module-form-grid,
.catalog-settings-grid,
.form-grid,
.billing-config {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
}

.module-controls label,
.toolbar label,
.formula-controls label,
.settings-form label,
.integration-form label,
.catalog-editor-fields label,
.module-form-grid label,
.catalog-bulk-grid label,
.billing-config label {
  min-width: 0 !important;
  gap: 6px !important;
}

.module-controls label > span,
.toolbar label > span,
.formula-controls label > span,
.settings-form label > span,
.integration-form label > span,
.catalog-editor-fields label > span,
.module-form-grid label > span,
.catalog-bulk-grid label > span,
.billing-config label > span,
.field-group > span,
legend {
  color: var(--bi-muted) !important;
  font-size: 12px !important;
  font-weight: 840 !important;
  line-height: 1.25 !important;
}

.workspace-table-wrap,
.billing-table-wrap,
.table-wrap {
  overflow: auto !important;
}

.workspace-table,
.billing-table,
.table-wrap table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.workspace-table th,
.workspace-table td,
.billing-table th,
.billing-table td,
.table-wrap th,
.table-wrap td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(17, 24, 39, .07) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

.workspace-table th,
.billing-table th,
.table-wrap th {
  background: #f8fafc !important;
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.workspace-table tbody tr,
.billing-table tbody tr,
.table-wrap tbody tr {
  transition:
    background-color .18s var(--bi-ease-out),
    box-shadow .18s var(--bi-ease-out) !important;
}

.product-cell,
.inventory-table .product-cell,
.compositions-table .product-cell,
.pricing-shell .product-cell,
.catalog-table .product-cell,
.orders-table .product-cell {
  min-width: 220px !important;
  max-width: 380px !important;
}

.product-thumb,
.inventory-table .product-thumb,
.compositions-table .product-thumb,
.pricing-shell .product-thumb,
.catalog-table .product-thumb,
.order-product-thumb,
.component-inventory-preview .product-thumb {
  width: 42px !important;
  height: 42px !important;
  border-radius: var(--bi-radius) !important;
  border-color: var(--bi-line) !important;
  background-color: #f1f5f9 !important;
  object-fit: cover !important;
}

.module-metrics,
.overview-grid,
.status-grid,
.orders-summary,
.analytics-grid,
.settings-overview,
.api-audit-grid,
.system-status-grid,
.admin-kpis,
.risk-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
}

.module-metric,
.overview-card,
.orders-summary-item,
.analytics-score-card,
.analytics-card,
.settings-overview-card,
.api-audit-card,
.system-status-card {
  min-height: 76px !important;
  padding: 12px !important;
}

.status-pill,
.status-badge,
.badge,
.channel-tags span,
.settings-state,
.integration-readiness span,
.catalog-editor-readiness span,
.category-selected,
.catalog-filter-summary span {
  min-height: 24px !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  font-weight: 860 !important;
  line-height: 1.2 !important;
}

.status-pill[data-tone="success"],
.status-badge.active,
.status-badge.paid,
.settings-state.ready,
.integration-status-card[data-ready="true"] {
  border-color: rgba(15, 143, 103, .2) !important;
  background: rgba(15, 143, 103, .09) !important;
  color: var(--bi-green) !important;
}

.status-badge.cancelled,
.status-badge.failed,
.settings-state.error,
.integration-status-card[data-ready="false"],
.guard-panel:not([hidden]) {
  border-color: rgba(217, 45, 32, .2) !important;
  background: rgba(217, 45, 32, .07) !important;
  color: var(--bi-danger) !important;
}

.module-status,
.status-text,
.form-status,
.catalog-sync-status,
.bulk-progress-note,
.connection-help {
  color: var(--bi-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.module-status[data-tone="success"],
.status-text[data-tone="success"],
.form-status[data-tone="success"] {
  color: var(--bi-green) !important;
}

.module-status[data-tone="error"],
.status-text[data-tone="error"],
.form-status[data-tone="error"] {
  color: var(--bi-danger) !important;
}

.subscription-view {
  max-width: none !important;
}

.subscription-panel {
  width: 100% !important;
  max-width: none !important;
  padding: 22px !important;
}

.subscription-checkout {
  display: grid !important;
  grid-template-columns: minmax(240px, .34fr) minmax(0, 1fr) minmax(220px, .32fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.billing-period-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  gap: 8px !important;
}

.billing-summary {
  min-width: 0 !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.billing-actions {
  justify-content: flex-end !important;
  margin-top: 12px !important;
}

.billing-actions .primary-button {
  min-width: 220px !important;
}

.catalog-sync-panel {
  display: grid !important;
  grid-template-columns: minmax(240px, .9fr) minmax(220px, .72fr) minmax(240px, .9fr) !important;
  gap: 12px !important;
  padding: 12px !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-sync-step,
.catalog-sync-hub {
  gap: 10px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.catalog-channel-grid,
.integration-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 8px !important;
}

.catalog-channel-card,
.integration-tab {
  min-width: 0 !important;
  padding: 10px !important;
  text-align: left !important;
}

.catalog-channel-card[aria-selected="true"],
.integration-tab[aria-selected="true"] {
  border-color: rgba(37, 99, 235, .28) !important;
  background: rgba(37, 99, 235, .08) !important;
  color: #1d4ed8 !important;
  box-shadow: inset 3px 0 0 var(--bi-blue) !important;
}

.catalog-import-options {
  display: grid !important;
  gap: 6px !important;
  padding: 8px !important;
  border-color: var(--bi-line) !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-import-options label,
.switch-row,
.catalog-bulk-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 7px 8px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.catalog-import-options input,
.switch-row input,
.catalog-bulk-check input {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
}

.catalog-bulk-actions,
.catalog-editor-actions,
.composition-editor-actions {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  align-items: center !important;
}

.settings-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

.integration-list {
  display: grid !important;
  gap: 8px !important;
}

.integration-status-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  min-height: 62px !important;
  padding: 10px !important;
}

.integration-panel,
.integration-form {
  min-width: 0 !important;
}

.integration-form {
  display: grid !important;
  gap: 12px !important;
}

.integration-form-head,
.integration-readiness,
.integration-requirements,
.integration-guard,
.integration-webhook-info,
.catalog-settings-fieldset,
.catalog-marketplace-id-card,
.catalog-category-card,
.catalog-editor-readiness {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.integration-form-head,
.integration-readiness,
.integration-requirements,
.integration-guard,
.integration-webhook-info {
  padding: 10px !important;
}

.integration-field,
.catalog-category-field {
  min-width: 0 !important;
}

.category-search-control,
.webhook-copy-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

.category-search-results {
  max-height: 260px !important;
  overflow: auto !important;
  border-color: var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow) !important;
}

.orders-workbench,
.analytics-workbench,
.overview-workbench,
.user-admin-grid,
.operations-grid,
.plan-admin-grid,
.promo-admin-grid,
.payment-admin-grid,
.inventory-content,
.orders-content {
  gap: 14px !important;
}

.orders-content {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr) !important;
}

.order-detail-panel {
  max-height: calc(100svh - 210px) !important;
  overflow: auto !important;
  overflow-wrap: anywhere !important;
}

.order-detail-panel *,
.catalog-editor-dialog *,
.catalog-duplicates-dialog *,
.module-editor *,
.integration-panel * {
  min-width: 0 !important;
}

.order-detail-empty,
.empty-state {
  color: var(--bi-muted) !important;
  font-size: 13px !important;
}

.analytics-workbench {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.analytics-list,
.orders-action-list,
.workflow-list,
.channel-readiness-list,
.action-queue,
.export-list,
.payment-list,
.promo-list,
.event-log {
  gap: 8px !important;
}

.analytics-row,
.orders-action-row,
.overview-action,
.workflow-item,
.channel-readiness-item,
.action-item,
.export-item,
.event-log-item,
.order-product-row {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-editor-modal,
.catalog-duplicates-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 80 !important;
  padding: 14px !important;
}

.catalog-editor-backdrop,
.catalog-duplicates-backdrop {
  background: rgba(17, 24, 39, .54) !important;
  backdrop-filter: blur(4px) !important;
}

.catalog-editor-dialog,
.catalog-duplicates-dialog {
  width: min(1160px, calc(100vw - 28px)) !important;
  max-height: calc(100svh - 28px) !important;
  overflow: hidden !important;
}

.catalog-editor-form,
.catalog-duplicates-dialog {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.catalog-editor-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, .36fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding-right: 2px !important;
}

.catalog-photo-preview {
  aspect-ratio: 1 / 1 !important;
  border-radius: var(--bi-radius) !important;
  background: #f1f5f9 !important;
}

.catalog-photo-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(54px, 1fr)) !important;
  gap: 8px !important;
}

.catalog-editor-field-grid.compact,
.catalog-editor-field-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}

.composition-editor-modal {
  width: min(1120px, calc(100vw - 28px)) !important;
  max-height: calc(100svh - 28px) !important;
  overflow: hidden !important;
}

.composition-editor-body {
  grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  overflow: auto !important;
}

.composition-editor-summary,
.composition-editor-main,
.composition-editor-note,
.component-editor-list,
.composition-add-line,
.component-inventory-preview {
  border-color: var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
}

.composition-add-line {
  display: grid !important;
  grid-template-columns: minmax(180px, .7fr) minmax(220px, 1fr) minmax(104px, .32fr) auto !important;
  gap: 8px !important;
  align-items: end !important;
}

.component-inventory-preview {
  min-height: 48px !important;
  padding: 6px !important;
  background: var(--bi-surface-soft) !important;
}

.inventory-photo-editor,
.catalog-photo-panel {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.inventory-photo-preview {
  border-radius: var(--bi-radius) !important;
  background: #f1f5f9 !important;
}

.app-header {
  min-height: 64px !important;
  padding: 12px 28px !important;
  border-bottom: 1px solid var(--bi-line) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .04) !important;
}

.app-nav a {
  border-radius: var(--bi-radius) !important;
  color: var(--bi-muted) !important;
}

.app-nav a[aria-current="page"] {
  background: rgba(223, 54, 80, .08) !important;
  color: var(--bi-accent-dark) !important;
}

.pricing-shell .page-head,
.inventory-shell .page-head,
.compositions-shell .page-head {
  min-height: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow-soft) !important;
}

.pricing-shell .page-head h1,
.inventory-shell .page-head h1,
.compositions-shell .page-head h1 {
  font-size: 34px !important;
}

@media (hover: hover) and (pointer: fine) {
  .side-nav a:hover,
  .admin-nav a:hover,
  .primary-button:hover,
  .secondary-button:hover,
  .ghost-button:hover,
  .danger-button:hover,
  .row-action:hover,
  .row-actions button:hover,
  .module-actions button:hover,
  .module-pagination button:hover,
  .icon-button:hover,
  .integration-tab:hover,
  .catalog-channel-card:hover,
  .billing-period-option:hover,
  .summary-filter-metric:hover,
  .catalog-summary-metric:hover,
  .inventory-summary-metric:hover,
  .composition-summary-metric:hover,
  .orders-summary-item:hover {
    transform: translateY(-1px) !important;
  }

  .primary-button:hover {
    background: var(--bi-accent-dark) !important;
    box-shadow: 0 12px 28px rgba(223, 54, 80, .22) !important;
  }

  .secondary-button:hover,
  .ghost-button:hover,
  .row-action:hover,
  .row-actions button:hover,
  .module-actions button:hover,
  .module-pagination button:hover,
  .icon-button:hover {
    border-color: var(--bi-line-strong) !important;
    background: var(--bi-surface-soft) !important;
  }

  .workspace-table tbody tr:hover,
  .billing-table tbody tr:hover,
  .table-wrap tbody tr:hover {
    background: #fbfdff !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .side-nav a:hover,
  .admin-nav a:hover,
  .primary-button:hover,
  .secondary-button:hover,
  .ghost-button:hover,
  .danger-button:hover,
  .row-action:hover,
  .row-actions button:hover,
  .module-actions button:hover,
  .module-pagination button:hover,
  .icon-button:hover,
  .integration-tab:hover,
  .catalog-channel-card:hover,
  .billing-period-option:hover,
  .summary-filter-metric:hover,
  .catalog-summary-metric:hover,
  .inventory-summary-metric:hover,
  .composition-summary-metric:hover,
  .orders-summary-item:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

@media (max-width: 1180px) {
  .account-shell,
  .admin-shell,
  .pricing-shell,
  .inventory-shell,
  .compositions-shell {
    max-width: none !important;
    padding: 18px !important;
  }

  .account-toolbar,
  .admin-hero,
  .subscription-checkout,
  .settings-grid,
  .catalog-sync-panel,
  .orders-content,
  .catalog-editor-grid,
  .composition-editor-body {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  .account-layout,
  .admin-layout {
    grid-template-columns: 1fr !important;
  }

  .account-sidebar,
  .admin-header {
    position: static !important;
    height: auto !important;
    padding: 14px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--bi-line) !important;
  }

  .side-nav,
  .admin-nav {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  }

  .account-toolbar {
    grid-template-columns: 1fr !important;
  }

  .workspace-title h1,
  .admin-hero h1 {
    font-size: 30px !important;
  }

  .analytics-workbench {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .account-shell,
  .admin-shell,
  .pricing-shell,
  .inventory-shell,
  .compositions-shell {
    padding: 12px !important;
  }

  .account-section,
  .subscription-view,
  .billing-history-section,
  .admin-section,
  .workspace-module,
  .account-toolbar,
  .admin-hero,
  .subscription-panel {
    padding: 14px !important;
  }

  .module-controls,
  .toolbar,
  .formula-controls,
  .catalog-bulk-grid,
  .catalog-editor-field-grid,
  .module-form-grid,
  .catalog-settings-grid,
  .form-grid,
  .billing-config,
  .composition-add-line,
  .category-search-control,
  .webhook-copy-control,
  .catalog-bulk-actions,
  .catalog-editor-actions,
  .composition-editor-actions {
    grid-template-columns: 1fr !important;
  }

  .catalog-bulk-actions,
  .catalog-editor-actions,
  .composition-editor-actions {
    align-items: stretch !important;
  }

.catalog-bulk-actions > div,
.catalog-editor-actions > div,
.composition-editor-actions > div {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

  .billing-actions,
  .billing-actions .primary-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .catalog-editor-modal,
  .catalog-duplicates-modal {
    padding: 8px !important;
  }

  .catalog-editor-dialog,
  .catalog-duplicates-dialog,
  .composition-editor-modal {
    width: calc(100vw - 16px) !important;
    max-height: calc(100svh - 16px) !important;
  }

  .workspace-table th,
  .workspace-table td,
  .billing-table th,
  .billing-table td,
  .table-wrap th,
  .table-wrap td {
    padding: 9px 10px !important;
  }
}

/* 20260718-05b: tighten catalog filters and admin status tools after browser review. */
.catalog-price-shortcuts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-self: end !important;
  min-width: 0 !important;
}

.catalog-price-shortcuts .secondary-button {
  flex: 1 1 104px !important;
  min-width: 0 !important;
  padding-right: 9px !important;
  padding-left: 9px !important;
  white-space: nowrap !important;
}

.account-view[data-account-view="catalog"] > .module-controls {
  grid-template-columns: minmax(190px, 1.25fr) minmax(140px, .82fr) repeat(2, minmax(90px, .55fr)) minmax(220px, 1.1fr) minmax(130px, .8fr) minmax(100px, .6fr) !important;
}

.admin-api-tools {
  padding: 10px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.admin-api-tools span {
  max-width: none !important;
  background: #fff !important;
  color: var(--bi-muted) !important;
}

.admin-api-tools span[data-connected="true"] {
  border-color: rgba(15, 143, 103, .22) !important;
  background: rgba(15, 143, 103, .08) !important;
  color: var(--bi-green) !important;
}

.admin-api-tools .ghost-button {
  width: 100% !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
}

@media (max-width: 1360px) {
  .account-view[data-account-view="catalog"] > .module-controls {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  }

  .catalog-price-shortcuts {
    grid-column: span 2 !important;
  }
}

@media (max-width: 720px) {
  .catalog-price-shortcuts {
    grid-column: auto !important;
  }

  .catalog-price-shortcuts .secondary-button {
    flex-basis: 100% !important;
  }
}

/* 20260718-06: compact launch polish for shared workspace, admin and settings screens. */
.account-toolbar,
.admin-hero {
  min-height: 0 !important;
  padding: 16px 18px !important;
}

.account-toolbar {
  gap: 16px !important;
  align-items: start !important;
}

.workspace-title h1,
.admin-hero h1 {
  max-width: 860px !important;
  margin-bottom: 8px !important;
  font-size: 34px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.workspace-title p,
.admin-hero p {
  max-width: 760px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.account-session-card {
  gap: 8px !important;
  padding: 6px !important;
}

.account-session-card div {
  min-height: 58px !important;
  padding: 10px !important;
}

.admin-header {
  border-right: 1px solid var(--bi-line) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
}

.admin-header .brand {
  color: var(--bi-ink) !important;
}

.admin-nav a {
  border-color: transparent !important;
  color: var(--bi-muted) !important;
}

.admin-nav a:hover,
.admin-nav a:focus-visible {
  border-color: rgba(217, 47, 73, .2) !important;
  border-left-color: rgba(217, 47, 73, .65) !important;
  background: var(--bi-surface-warm) !important;
  color: var(--bi-accent-dark) !important;
}

.admin-nav a[aria-current="page"] {
  border-color: rgba(217, 47, 73, .24) !important;
  border-left-color: var(--bi-accent) !important;
  background: var(--bi-surface-warm) !important;
  color: var(--bi-accent-dark) !important;
}

.admin-api-tools {
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.admin-header .admin-api-tools {
  border-color: var(--bi-line) !important;
  background: var(--bi-surface-soft) !important;
  color: var(--bi-ink) !important;
}

.admin-api-tools span {
  min-height: 34px !important;
  border-color: var(--bi-line) !important;
  background: #fff !important;
  color: var(--bi-muted) !important;
}

.admin-api-tools span[data-connected="true"] {
  border-color: rgba(15, 143, 103, .22) !important;
  background: rgba(15, 143, 103, .08) !important;
  color: var(--bi-green) !important;
}

.admin-api-tools .ghost-button {
  min-height: 36px !important;
  border-color: var(--bi-line) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
}

.admin-api-tools .ghost-button:hover,
.admin-api-tools .ghost-button:focus-visible {
  border-color: rgba(217, 47, 73, .22) !important;
  background: var(--bi-surface-warm) !important;
  color: var(--bi-accent-dark) !important;
}

.summary-card,
.module-metric,
.metric-card,
.orders-summary-item,
.analytics-score-card,
[data-orders-status] .status-card,
[data-analytics-grid] .status-card {
  min-height: 62px !important;
  padding: 10px 12px !important;
}

.summary-card strong,
.module-metric strong,
.metric-card strong,
.orders-summary-item b,
.analytics-score-card strong,
[data-orders-status] .status-card strong,
[data-analytics-grid] .status-card strong {
  font-size: 22px !important;
  line-height: 1.05 !important;
}

.summary-card small,
.module-metric small,
.metric-card small,
.orders-summary-item small,
.analytics-score-card small,
[data-orders-status] .status-card small,
[data-analytics-grid] .status-card small {
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}

.orders-summary {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  gap: 8px !important;
}

.orders-summary-item {
  min-height: 50px !important;
  padding: 10px 12px !important;
}

.orders-summary-item b {
  min-width: 0 !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}

.orders-summary-item small {
  font-size: 12px !important;
  line-height: 1 !important;
}

.orders-controls,
.orders-content,
.analytics-workbench,
.account-view[data-account-view="analytics"] .analytics-grid {
  gap: 10px !important;
}

.order-detail-panel {
  gap: 10px !important;
  padding: 12px !important;
}

.order-detail-meta,
.order-detail-metrics {
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)) !important;
  gap: 7px !important;
}

.order-detail-meta span,
.order-detail-metrics span {
  min-width: 0 !important;
  padding: 8px 9px !important;
}

.order-detail-meta b,
.order-detail-metrics b {
  overflow-wrap: anywhere !important;
}

.integration-webhook-info {
  display: grid !important;
  grid-template-columns: minmax(190px, .8fr) repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
}

.integration-webhook-head,
.webhook-copy-field {
  min-width: 0 !important;
}

.integration-webhook-head {
  display: grid !important;
  gap: 4px !important;
}

.webhook-copy-field {
  display: grid !important;
  gap: 6px !important;
}

.webhook-copy-field > span {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--bi-muted) !important;
}

.webhook-copy-control {
  grid-template-columns: minmax(0, 1fr) minmax(96px, auto) !important;
}

.webhook-copy-control input {
  min-width: 0 !important;
  font-size: 12px !important;
}

.webhook-copy-button {
  min-height: 38px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.integration-webhook-info > small {
  grid-column: 1 / -1 !important;
}

@media (max-width: 1180px) {
  .integration-webhook-info {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  .account-toolbar,
  .admin-hero {
    padding: 14px !important;
  }

  .workspace-title h1,
  .admin-hero h1 {
    font-size: 28px !important;
  }

  .settings-grid {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-form {
    gap: 10px !important;
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-form > * {
    grid-column: 1 / -1 !important;
  }

  .settings-section .integration-field,
  .settings-section .integration-field[data-integration-field],
  .settings-section .integration-field[data-integration-field="apiBaseUrl"],
  .settings-section .integration-field[data-integration-field="priceUpdatePath"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .settings-section .integration-field > span,
  .settings-section .integration-field input {
    width: 100% !important;
    max-width: none !important;
  }

  .settings-section .integration-field > span {
    display: block !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .settings-section .integration-webhook-info {
    grid-template-columns: 1fr !important;
  }

  .settings-section .webhook-copy-control {
    grid-template-columns: 1fr !important;
  }

  .settings-section .webhook-copy-button {
    width: 100% !important;
  }
}

/* 20260718-07: standalone workspace polish and direct-session fixes. */
.workspace-title h1,
.admin-hero h1 {
  font-size: 34px !important;
}

.pricing-shell,
.inventory-shell,
.compositions-shell {
  gap: 14px !important;
}

.pricing-shell .page-head,
.inventory-shell .page-head,
.compositions-shell .page-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .34fr) !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 18px !important;
}

.pricing-shell .page-head h1,
.inventory-shell .page-head h1,
.compositions-shell .page-head h1 {
  max-width: 820px !important;
  margin: 0 !important;
  font-size: 32px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.pricing-shell .page-head .eyebrow,
.inventory-shell .page-head .eyebrow,
.compositions-shell .page-head .eyebrow {
  margin-bottom: 8px !important;
}

.pricing-shell .run-status,
.inventory-shell .run-status,
.compositions-shell .run-status {
  justify-self: end !important;
  max-width: 340px !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-color: var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  color: var(--bi-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

.pricing-shell .summary-grid,
.inventory-shell .summary-grid,
.compositions-shell .summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 9px !important;
}

.pricing-shell .summary-card,
.inventory-shell .summary-card,
.compositions-shell .summary-card {
  min-height: 60px !important;
  padding: 10px 12px !important;
}

.pricing-shell .summary-card strong,
.inventory-shell .summary-card strong,
.compositions-shell .summary-card strong {
  font-size: 22px !important;
  line-height: 1 !important;
}

.pricing-shell .toolbar,
.inventory-shell .toolbar,
.compositions-shell .toolbar {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(160px, .9fr)) auto !important;
  align-items: end !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.inventory-shell .toolbar {
  grid-template-columns: minmax(220px, 1.2fr) repeat(4, minmax(150px, .85fr)) !important;
}

.compositions-shell .toolbar {
  grid-template-columns: minmax(260px, 1.2fr) repeat(3, minmax(170px, .9fr)) !important;
}

.pricing-shell .toolbar label,
.inventory-shell .toolbar label,
.compositions-shell .toolbar label,
.pricing-shell .channel-settings label {
  min-width: 0 !important;
  gap: 6px !important;
}

.pricing-shell .toolbar input,
.pricing-shell .toolbar select,
.inventory-shell .toolbar input,
.inventory-shell .toolbar select,
.compositions-shell .toolbar input,
.compositions-shell .toolbar select,
.pricing-shell .channel-settings input,
.pricing-shell .channel-settings select {
  min-height: 38px !important;
}

.pricing-shell .channel-panel {
  padding: 14px 16px !important;
}

.pricing-shell .channel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.pricing-shell .channel-head h2,
.pricing-shell .history-head h2,
.pricing-shell .table-head h2,
.inventory-shell .table-head h2,
.compositions-shell .table-head h2 {
  font-size: 23px !important;
  line-height: 1.12 !important;
}

.pricing-shell .channel-tabs {
  justify-content: end !important;
  gap: 6px !important;
}

.pricing-shell .channel-tab {
  min-height: 36px !important;
  padding: 8px 11px !important;
}

.pricing-shell .channel-settings {
  grid-template-columns: repeat(3, minmax(160px, 1fr)) minmax(180px, auto) !important;
  gap: 9px !important;
  padding: 10px !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.pricing-shell .channel-note {
  margin-top: 9px !important;
  padding: 9px 11px !important;
  border-color: var(--bi-line) !important;
  border-left: 3px solid var(--bi-blue) !important;
  background: #f8fbff !important;
  color: var(--bi-muted) !important;
}

.pricing-shell .settings-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  margin-top: 10px !important;
  padding: 8px 11px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.inventory-shell .guard-panel,
.compositions-shell .guard-panel,
.pricing-shell .guard-panel:not([hidden]) {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  border-color: rgba(37, 99, 235, .18) !important;
  border-left: 3px solid var(--bi-blue) !important;
  background: #f8fbff !important;
  color: var(--bi-ink) !important;
}

.inventory-shell .guard-panel strong,
.compositions-shell .guard-panel strong,
.pricing-shell .guard-panel strong {
  color: var(--bi-blue) !important;
}

.inventory-shell .guard-panel span,
.compositions-shell .guard-panel span,
.pricing-shell .guard-panel span {
  color: var(--bi-muted) !important;
}

.pricing-shell .history-panel,
.inventory-shell .table-section,
.compositions-shell .table-section,
.pricing-shell .table-section {
  padding: 14px 16px !important;
}

.pricing-shell .table-head,
.inventory-shell .table-head,
.compositions-shell .table-head,
.pricing-shell .history-head {
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--bi-line) !important;
}

.pricing-shell .table-wrap,
.inventory-shell .table-wrap,
.compositions-shell .table-wrap {
  margin-top: 0 !important;
}

.pricing-shell .empty-state,
.inventory-shell .empty-state,
.compositions-shell .empty-state {
  min-height: 76px !important;
  padding: 24px !important;
  border-style: solid !important;
  background: var(--bi-surface-soft) !important;
}

.pricing-shell .pagination,
.inventory-shell .pagination,
.compositions-shell .pagination {
  justify-content: end !important;
  gap: 10px !important;
  padding: 10px 0 0 !important;
}

@media (max-width: 1180px) {
  .pricing-shell .page-head,
  .inventory-shell .page-head,
  .compositions-shell .page-head,
  .pricing-shell .channel-head,
  .pricing-shell .channel-settings,
  .pricing-shell .toolbar,
  .inventory-shell .toolbar,
  .compositions-shell .toolbar {
    grid-template-columns: 1fr !important;
  }

  .pricing-shell .run-status,
  .inventory-shell .run-status,
  .compositions-shell .run-status {
    justify-self: stretch !important;
    max-width: none !important;
  }

  .pricing-shell .channel-tabs {
    justify-content: start !important;
  }
}

@media (max-width: 720px) {
  .app-header {
    align-items: start !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .app-header .brand span:last-child {
    max-width: 180px !important;
  }

  .app-nav {
    width: 100% !important;
    justify-content: start !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
  }

  .app-header > .ghost-button,
  .app-header > .secondary-button,
  .app-header > .primary-button {
    width: 100% !important;
  }

  .pricing-shell,
  .inventory-shell,
  .compositions-shell {
    gap: 12px !important;
    padding: 12px !important;
  }

  .pricing-shell .page-head,
  .inventory-shell .page-head,
  .compositions-shell .page-head,
  .pricing-shell .channel-panel,
  .pricing-shell .history-panel,
  .inventory-shell .table-section,
  .compositions-shell .table-section,
  .pricing-shell .table-section {
    padding: 13px !important;
  }

  .pricing-shell .page-head h1,
  .inventory-shell .page-head h1,
  .compositions-shell .page-head h1,
  .workspace-title h1,
  .admin-hero h1 {
    font-size: 28px !important;
    line-height: 1.1 !important;
  }

  .pricing-shell .summary-grid,
  .inventory-shell .summary-grid,
  .compositions-shell .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .pricing-shell .summary-card,
  .inventory-shell .summary-card,
  .compositions-shell .summary-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }

  .pricing-shell .summary-card strong,
  .inventory-shell .summary-card strong,
  .compositions-shell .summary-card strong {
    font-size: 20px !important;
  }

  .pricing-shell .channel-tabs {
    display: flex !important;
    overflow-x: auto !important;
    padding-bottom: 3px !important;
  }

  .pricing-shell .channel-tab {
    flex: 0 0 auto !important;
  }

  .inventory-shell .guard-panel,
  .compositions-shell .guard-panel,
  .pricing-shell .guard-panel:not([hidden]) {
    grid-template-columns: 1fr !important;
  }
}

/* 20260718-09: mobile navigation and workspace readability polish. */
@media (hover: hover) and (pointer: fine) {
  .side-nav a:hover,
  .admin-nav a:hover,
  .module-actions button:hover,
  .form-actions button:hover,
  .billing-actions button:hover,
  .catalog-actions button:hover,
  .catalog-bulk-actions button:hover {
    transform: translateY(-1px) !important;
  }
}

.side-nav a,
.admin-nav a,
.module-actions button,
.form-actions button,
.billing-actions button,
.catalog-actions button,
.catalog-bulk-actions button {
  transition:
    border-color 160ms var(--bi-ease),
    background-color 160ms var(--bi-ease),
    color 160ms var(--bi-ease),
    transform 140ms var(--bi-ease) !important;
}

.side-nav a:active,
.admin-nav a:active,
.module-actions button:active,
.form-actions button:active,
.billing-actions button:active,
.catalog-actions button:active,
.catalog-bulk-actions button:active {
  transform: scale(.985) !important;
}

@media (max-width: 860px) {
  .account-layout,
  .admin-layout {
    background: var(--bi-bg) !important;
  }

  .account-sidebar,
  .admin-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    display: grid !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(203, 213, 225, .82) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .05) !important;
    backdrop-filter: blur(14px) !important;
  }

  .account-sidebar .brand,
  .admin-header .brand {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
  }

  .account-sidebar .brand span:last-child,
  .admin-header .brand span:last-child {
    max-width: 168px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .nav-caption,
  .sidebar-status,
  .account-sidebar > .ghost-button,
  .admin-api-tools {
    display: none !important;
  }

  .side-nav,
  .admin-nav {
    display: flex !important;
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    gap: 7px !important;
    padding: 0 0 2px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scroll-padding-inline: 12px !important;
    scrollbar-width: none !important;
  }

  .side-nav::-webkit-scrollbar,
  .admin-nav::-webkit-scrollbar {
    display: none !important;
  }

  .side-nav a,
  .admin-nav a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: max-content !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--bi-muted) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .side-nav a small {
    display: none !important;
  }

  .side-nav a span {
    display: inline !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  .side-nav a[aria-current="page"],
  .admin-nav a[aria-current="page"] {
    border-color: rgba(225, 29, 72, .2) !important;
    background: rgba(225, 29, 72, .09) !important;
    color: var(--bi-accent) !important;
    box-shadow: inset 0 0 0 1px rgba(225, 29, 72, .04) !important;
  }

  .account-shell,
  .admin-shell {
    padding: 12px !important;
  }

  .account-toolbar,
  .admin-hero {
    gap: 12px !important;
    padding: 14px !important;
  }

  .workspace-title h1,
  .admin-hero h1 {
    font-size: 27px !important;
    line-height: 1.08 !important;
  }

  .workspace-title p,
  .admin-hero p {
    font-size: 13px !important;
    line-height: 1.42 !important;
  }

  .account-session-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .account-session-card span {
    padding: 8px 9px !important;
    border-radius: 9px !important;
  }

  .account-session-card span:nth-child(n + 3) {
    display: none !important;
  }

  .module-head,
  .section-head,
  .panel-head,
  .overview-panel-head {
    gap: 10px !important;
  }

  .module-head h2,
  .section-head h2,
  .panel-head h2,
  .panel-head h3,
  .overview-panel-head h3 {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }

  .module-actions,
  .form-actions,
  .billing-actions,
  .catalog-actions,
  .catalog-bulk-actions {
    gap: 8px !important;
  }

  .module-actions button,
  .form-actions button,
  .billing-actions button,
  .catalog-actions button,
  .catalog-bulk-actions button {
    min-height: 40px !important;
  }
}

@media (max-width: 520px) {
  .admin-header .brand span:last-child {
    display: inline !important;
  }

  .account-sidebar .brand span:last-child {
    display: none !important;
  }

  .side-nav,
  .admin-nav {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 26px), transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 26px), transparent 100%) !important;
  }

  .account-toolbar,
  .admin-hero,
  .account-section,
  .subscription-view,
  .admin-section,
  .workspace-module,
  .overview-panel,
  .panel {
    border-radius: 10px !important;
  }

  .workspace-title h1,
  .admin-hero h1 {
    font-size: 25px !important;
  }

  .module-controls,
  .toolbar,
  .catalog-filters {
    gap: 8px !important;
  }
}

body [hidden],
body .account-view[hidden],
body .account-section.account-view[hidden],
body .subscription-view.account-view[hidden],
body .admin-section[hidden],
body .admin-hero[hidden],
body .catalog-editor-modal[hidden],
body .catalog-duplicates-modal[hidden],
body .module-editor[hidden] {
  display: none !important;
}

/* 20260718-10: workspace proportion pass, reliable mobile nav centering and settings card cleanup. */
:root {
  --bi-ease: var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1));
}

@media (min-width: 1181px) {
  .account-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(500px, .58fr) !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 14px 16px !important;
  }

  .account-session-card {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-self: start !important;
    gap: 6px !important;
    padding: 6px !important;
  }

  .account-session-card span {
    min-height: 48px !important;
    padding: 8px 9px !important;
  }

  .account-session-card b {
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .overview-hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 14px 16px !important;
  }

  .overview-hero > div:first-child {
    max-width: 720px !important;
  }

  .overview-next {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    align-items: start !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 6px !important;
    padding: 11px 12px !important;
  }

  .overview-next strong {
    max-width: none !important;
    font-size: 18px !important;
    line-height: 1.16 !important;
  }

  .overview-next span {
    max-width: none !important;
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }

  .overview-next a {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
    width: fit-content !important;
    min-height: 36px !important;
    margin-top: 4px !important;
  }
}

.settings-section .integration-readiness-card,
.settings-section .integration-guard-card,
.integration-readiness-card,
.integration-guard-card {
  border-radius: var(--bi-radius, 8px) !important;
}

.settings-section .integration-readiness > .integration-readiness-card,
.settings-section .integration-guard > .integration-guard-card,
.integration-readiness > .integration-readiness-card,
.integration-guard > .integration-guard-card {
  border-radius: var(--bi-radius, 8px) !important;
}

.settings-section .integration-readiness-card,
.settings-section .integration-guard-card {
  position: relative !important;
  overflow: hidden !important;
  align-content: start !important;
  gap: 6px !important;
  min-height: 68px !important;
  padding: 10px 11px 10px 13px !important;
  border: 1px solid var(--bi-line, #d8e0ea) !important;
  border-left-width: 3px !important;
  background: #fff !important;
}

.settings-section .integration-readiness-card[data-state="ready"],
.settings-section .integration-readiness-card[data-state="local"],
.settings-section .integration-guard-card[data-state="ready"],
.settings-section .integration-guard-card[data-state="local"] {
  border-left-color: var(--bi-green, #0f8766) !important;
}

.settings-section .integration-readiness-card[data-state="action"],
.settings-section .integration-readiness-card[data-state="off"],
.settings-section .integration-guard-card[data-state="action"],
.settings-section .integration-guard-card[data-state="off"] {
  border-left-color: var(--bi-amber, #b96f00) !important;
}

.settings-section .integration-readiness-card[data-state="blocked"],
.settings-section .integration-guard-card[data-state="blocked"] {
  border-left-color: var(--bi-red, #c92f3d) !important;
}

.settings-section .integration-readiness-card b,
.settings-section .integration-guard-card b,
.settings-section .integration-readiness-card strong,
.settings-section .integration-guard-card strong {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 23px !important;
  padding: 4px 8px !important;
  border: 1px solid var(--bi-line, #d8e0ea) !important;
  border-radius: 999px !important;
  background: var(--bi-surface-soft, #f8fafc) !important;
  color: var(--bi-ink, #111827) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.settings-section .integration-readiness-card[data-state="ready"] b,
.settings-section .integration-readiness-card[data-state="local"] b,
.settings-section .integration-guard-card[data-state="ready"] b,
.settings-section .integration-guard-card[data-state="local"] b {
  border-color: rgba(15, 135, 102, .24) !important;
  background: var(--bi-green-bg, #eaf8f2) !important;
  color: var(--bi-green, #0f8766) !important;
}

.settings-section .integration-readiness-card[data-state="action"] b,
.settings-section .integration-readiness-card[data-state="off"] b,
.settings-section .integration-guard-card[data-state="action"] b,
.settings-section .integration-guard-card[data-state="off"] b {
  border-color: rgba(185, 111, 0, .24) !important;
  background: var(--bi-amber-bg, #fff5df) !important;
  color: var(--bi-amber, #b96f00) !important;
}

.settings-section .integration-readiness-card[data-state="blocked"] b,
.settings-section .integration-guard-card[data-state="blocked"] b {
  border-color: rgba(201, 47, 61, .22) !important;
  background: var(--bi-red-bg, #fff0f3) !important;
  color: var(--bi-red, #c92f3d) !important;
}

.settings-section .integration-readiness-card em,
.settings-section .integration-guard-card em {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  color: var(--bi-muted, #667085) !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  -webkit-line-clamp: unset !important;
}

.settings-section .integration-requirements,
.settings-section .integration-webhook-info,
.settings-section .catalog-settings-fieldset,
.settings-section .integration-guard {
  border-radius: var(--bi-radius, 8px) !important;
}

.account-view[data-account-view="orders"] [data-orders-status].status-grid,
.account-view[data-account-view="analytics"] .analytics-grid,
.settings-overview,
.api-audit-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

.orders-summary-item,
.module-metric,
.status-card,
.summary-card,
.settings-overview-card,
.api-audit-card {
  min-height: 58px !important;
  padding: 9px 10px !important;
}

.module-controls,
.toolbar,
.orders-controls,
.catalog-bulk-grid {
  padding: 9px !important;
}

@media (max-width: 860px) {
  .side-nav,
  .admin-nav {
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 16px 148px !important;
    padding-right: 132px !important;
  }

  .side-nav::after,
  .admin-nav::after {
    content: "" !important;
    flex: 0 0 118px !important;
  }

  .side-nav a,
  .admin-nav a {
    scroll-snap-align: start !important;
  }
}

@media (max-width: 520px) {
  .side-nav,
  .admin-nav {
    padding-right: 118px !important;
    scroll-padding-inline: 12px 132px !important;
  }
}

/* 20260718-11: unified button system pass across landing, account, admin and standalone workspaces. */
:root {
  --bi-button-height: 40px;
  --bi-button-height-compact: 34px;
  --bi-button-pad-x: 13px;
  --bi-button-border: #cfd8e5;
  --bi-button-bg: #ffffff;
  --bi-button-bg-hover: #f5f7fa;
  --bi-button-bg-active: #edf2f7;
  --bi-button-text: #1f2937;
  --bi-button-muted: #667085;
  --bi-button-shadow: 0 1px 0 rgba(15, 23, 42, .04);
  --bi-button-focus-ring: 0 0 0 3px rgba(217, 47, 73, .16);
}

button,
.button,
.header-button,
.header-link,
.primary-button,
.secondary-button,
.ghost-button,
.danger-button,
.text-button,
.file-button,
.row-action {
  font-family: inherit !important;
  letter-spacing: 0 !important;
  -webkit-tap-highlight-color: transparent;
}

:where(
  .button,
  .header-button,
  .header-link,
  .primary-button,
  .secondary-button,
  .ghost-button,
  .danger-button,
  .text-button,
  .file-button,
  .row-action,
  .update-row,
  .archive-row,
  .webhook-copy-button,
  .order-product-link,
  .module-actions button,
  .form-actions button,
  .billing-actions button,
  .catalog-actions button,
  .catalog-bulk-actions button,
  .integration-actions button,
  .category-search-control button,
  .module-pagination button,
  .pagination button,
  .row-actions button,
  .pricing-shell button[data-action],
  .inventory-shell button[data-action],
  .compositions-shell button[data-action],
  button[data-price-action],
  button[data-catalog-action],
  button[data-inventory-action],
  button[data-composition-action]
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: var(--bi-button-height) !important;
  max-width: 100% !important;
  padding: 9px var(--bi-button-pad-x) !important;
  border: 1px solid var(--bi-button-border) !important;
  border-radius: var(--bi-radius, 8px) !important;
  background: var(--bi-button-bg) !important;
  color: var(--bi-button-text) !important;
  box-shadow: var(--bi-button-shadow) !important;
  font-size: 13px !important;
  font-weight: 860 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  cursor: pointer !important;
  user-select: none !important;
  touch-action: manipulation !important;
  transform-origin: center !important;
  transition:
    background-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    border-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    box-shadow 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    transform 120ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))) !important;
}

:where(
  .primary-button,
  .button.primary,
  .header-button
) {
  border-color: rgba(169, 26, 50, .32) !important;
  background: linear-gradient(180deg, #ef3f5f 0%, var(--bi-accent, #df3650) 100%) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 9px 18px rgba(217, 47, 73, .18) !important;
}

:where(
  .secondary-button,
  .button.secondary,
  .row-action,
  .update-row,
  .archive-row,
  .webhook-copy-button,
  .order-product-link,
  .module-actions button:not(.primary-button):not(.danger-button),
  .form-actions button:not(.primary-button):not(.danger-button),
  .billing-actions button:not(.primary-button):not(.danger-button),
  .catalog-actions button:not(.primary-button):not(.danger-button),
  .catalog-bulk-actions button:not(.primary-button):not(.danger-button),
  .integration-actions button:not(.primary-button):not(.danger-button),
  .category-search-control button,
  .module-pagination button,
  .pagination button,
  .row-actions button,
  .pricing-shell button[data-action],
  .inventory-shell button[data-action],
  .compositions-shell button[data-action],
  button[data-price-action],
  button[data-catalog-action],
  button[data-inventory-action],
  button[data-composition-action]
) {
  border-color: var(--bi-button-border) !important;
  background: #fff !important;
  color: var(--bi-ink, #151922) !important;
  box-shadow: var(--bi-button-shadow) !important;
}

:where(
  .ghost-button,
  .header-link,
  .admin-api-tools .ghost-button
) {
  border-color: rgba(207, 216, 229, .9) !important;
  background: #f8fafc !important;
  color: var(--bi-ink-soft, #303747) !important;
  box-shadow: none !important;
}

.text-button {
  min-height: var(--bi-button-height-compact) !important;
  padding: 4px 2px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--bi-accent-dark, #b9243a) !important;
  box-shadow: none !important;
}

.danger-button,
button[data-catalog-action="delete"],
button[data-inventory-action="toggle"]:not(:disabled) {
  border-color: rgba(201, 47, 61, .24) !important;
  background: #fff5f6 !important;
  color: var(--bi-red, var(--bi-danger, #c92f3d)) !important;
  box-shadow: none !important;
}

button[data-inventory-action="toggle"]:not(:disabled) {
  background: #fff8e8 !important;
  border-color: rgba(185, 111, 0, .24) !important;
  color: var(--bi-amber, #b96f00) !important;
}

:where(
  .row-action,
  .row-actions button,
  .update-row,
  .archive-row,
  .order-product-link,
  .module-pagination button,
  .pagination button,
  .webhook-copy-button,
  button[data-price-action],
  button[data-catalog-action],
  button[data-inventory-action],
  button[data-composition-action],
  .pricing-shell button[data-action],
  .inventory-shell button[data-action],
  .compositions-shell button[data-action]
) {
  min-height: var(--bi-button-height-compact) !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
}

.icon-button,
.modal-close,
.remove-component {
  inline-size: 36px !important;
  min-inline-size: 36px !important;
  block-size: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.catalog-table button[data-catalog-action="save-offer"],
.catalog-table button[data-catalog-action="card"],
.catalog-table button[data-catalog-action="composition"],
.catalog-table button[data-catalog-action="export"] {
  min-width: 38px !important;
}

.catalog-table button[data-catalog-action="save-offer"] {
  padding-inline: 9px !important;
  color: var(--bi-green, #0f8766) !important;
}

.catalog-photo-thumb {
  border-radius: 8px !important;
  box-shadow: none !important;
}

.account-price-tab,
.channel-tab,
.integration-tab,
.catalog-channel-card,
.billing-period-option,
.summary-filter-metric,
.orders-summary-item,
.plan-option {
  cursor: pointer !important;
  transition:
    background-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    border-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    box-shadow 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    transform 120ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))) !important;
}

.account-price-tab[aria-selected="true"],
.channel-tab[aria-selected="true"],
.integration-tab[aria-selected="true"],
.catalog-channel-card[aria-selected="true"],
.billing-period-option[aria-selected="true"],
.summary-filter-metric[aria-pressed="true"],
.orders-summary-item[aria-pressed="true"],
.plan-option.active {
  border-color: rgba(217, 47, 73, .32) !important;
  background: #fff5f7 !important;
  color: var(--bi-accent-dark, #b9243a) !important;
  box-shadow:
    inset 3px 0 0 var(--bi-accent, #df3650),
    0 1px 0 rgba(15, 23, 42, .04) !important;
}

@media (hover: hover) and (pointer: fine) {
  :where(
    .primary-button,
    .button.primary,
    .header-button
  ):hover {
    border-color: rgba(139, 17, 38, .36) !important;
    background: linear-gradient(180deg, #df3650 0%, var(--bi-accent-dark, #b9243a) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .16),
      0 11px 22px rgba(217, 47, 73, .2) !important;
    transform: translateY(-1px) !important;
  }

  :where(
    .secondary-button,
    .button.secondary,
    .ghost-button,
    .header-link,
    .row-action,
    .update-row,
    .archive-row,
    .webhook-copy-button,
    .order-product-link,
    .module-actions button:not(.primary-button):not(.danger-button),
    .form-actions button:not(.primary-button):not(.danger-button),
    .billing-actions button:not(.primary-button):not(.danger-button),
    .catalog-actions button:not(.primary-button):not(.danger-button),
    .catalog-bulk-actions button:not(.primary-button):not(.danger-button),
    .integration-actions button:not(.primary-button):not(.danger-button),
    .category-search-control button,
    .module-pagination button,
    .pagination button,
    .row-actions button,
    .pricing-shell button[data-action],
    .inventory-shell button[data-action],
    .compositions-shell button[data-action],
    button[data-price-action],
    button[data-catalog-action],
    button[data-inventory-action],
    button[data-composition-action]
  ):hover {
    border-color: #b9c5d4 !important;
    background: var(--bi-button-bg-hover) !important;
    color: var(--bi-ink, #151922) !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, .06) !important;
    transform: translateY(-1px) !important;
  }

  .danger-button:hover,
  button[data-catalog-action="delete"]:hover {
    border-color: rgba(201, 47, 61, .34) !important;
    background: #ffecef !important;
    color: var(--bi-red, var(--bi-danger, #c92f3d)) !important;
  }
}

:where(
  button,
  [role="button"],
  .button,
  .header-button,
  .header-link,
  .primary-button,
  .secondary-button,
  .ghost-button,
  .danger-button,
  .text-button,
  .file-button,
  .row-action,
  .account-price-tab,
  .channel-tab,
  .integration-tab,
  .catalog-channel-card,
  .billing-period-option,
  .summary-filter-metric,
  .orders-summary-item,
  .plan-option
):active:not(:disabled):not([aria-disabled="true"]) {
  transform: scale(.972) !important;
}

:where(
  button,
  .button,
  .header-button,
  .header-link,
  .primary-button,
  .secondary-button,
  .ghost-button,
  .danger-button,
  .text-button,
  .file-button,
  .row-action,
  .account-price-tab,
  .channel-tab,
  .integration-tab,
  .catalog-channel-card,
  .billing-period-option,
  .summary-filter-metric,
  .orders-summary-item,
  .plan-option
):focus-visible {
  outline: 0 !important;
  box-shadow: var(--bi-button-focus-ring), var(--bi-button-shadow) !important;
}

:where(
  button,
  .button,
  .header-button,
  .header-link,
  .primary-button,
  .secondary-button,
  .ghost-button,
  .danger-button,
  .text-button,
  .file-button,
  .row-action,
  .account-price-tab,
  .channel-tab,
  .integration-tab,
  .catalog-channel-card,
  .billing-period-option,
  .summary-filter-metric,
  .orders-summary-item,
  .plan-option
):disabled,
:where(button, .catalog-channel-card)[aria-disabled="true"] {
  opacity: .52 !important;
  cursor: not-allowed !important;
  filter: grayscale(.08) !important;
  transform: none !important;
  box-shadow: none !important;
}

.module-actions,
.form-actions,
.billing-actions,
.catalog-actions,
.catalog-bulk-actions,
.integration-actions,
.row-actions,
.catalog-duplicates-actions {
  gap: 8px !important;
}

.category-search-control {
  align-items: stretch !important;
}

.category-search-control button {
  min-height: var(--bi-button-height) !important;
}

@media (max-width: 680px) {
  .module-actions,
  .form-actions,
  .billing-actions,
  .catalog-actions,
  .catalog-bulk-actions,
  .integration-actions,
  .catalog-duplicates-actions {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .module-actions > button,
  .form-actions > button,
  .billing-actions > button,
  .catalog-actions > button,
  .catalog-bulk-actions > button,
  .integration-actions > button,
  .catalog-duplicates-actions > button {
    flex: 1 1 148px !important;
    min-height: 42px !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .row-actions button,
  .row-action,
  button[data-price-action],
  button[data-catalog-action],
  button[data-inventory-action],
  button[data-composition-action] {
    min-height: 36px !important;
    padding: 8px 9px !important;
  }

  .category-search-control {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
}

@media (max-width: 420px) {
  .category-search-control {
    grid-template-columns: 1fr !important;
  }

  .category-search-control button,
  .webhook-copy-button {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(
    button,
    [role="button"],
    .button,
    .primary-button,
    .secondary-button,
    .ghost-button,
    .danger-button,
    .row-action,
    .account-price-tab,
    .channel-tab,
    .integration-tab,
    .catalog-channel-card,
    .billing-period-option,
    .summary-filter-metric,
    .orders-summary-item
  ) {
    transition:
      background-color 120ms ease-out,
      border-color 120ms ease-out,
      color 120ms ease-out,
      box-shadow 120ms ease-out !important;
  }

  :where(button, [role="button"], .button):active {
    transform: none !important;
  }
}

/* 20260718-12: complete button coverage for card actions, search results and image controls. */
:where(
  .workspace-card button,
  .catalog-duplicate-actions button,
  .catalog-availability-actions button,
  .catalog-price-shortcuts button,
  .catalog-filter-summary button,
  .composition-add-line button,
  .catalog-editor-actions button,
  .admin-api-tools button,
  .action-queue button
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: var(--bi-button-height-compact) !important;
  max-width: 100% !important;
  padding: 7px 10px !important;
  border: 1px solid var(--bi-button-border) !important;
  border-radius: var(--bi-radius, 8px) !important;
  background: #fff !important;
  color: var(--bi-ink, #151922) !important;
  box-shadow: var(--bi-button-shadow) !important;
  font-size: 12px !important;
  font-weight: 860 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition:
    background-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    border-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    box-shadow 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    transform 120ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))) !important;
}

.integration-status-card,
.orders-action-row,
.category-result,
.catalog-photo-thumb {
  cursor: pointer !important;
  transform-origin: center !important;
  transition:
    background-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    border-color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    color 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    box-shadow 150ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))),
    transform 120ms var(--bi-ease, var(--bi-ease-out, cubic-bezier(.16, 1, .3, 1))) !important;
}

.integration-status-card[aria-pressed="true"],
.orders-action-row[aria-pressed="true"] {
  border-color: rgba(217, 47, 73, .36) !important;
  background: #fff7f8 !important;
  box-shadow:
    inset 3px 0 0 var(--bi-accent, #df3650),
    0 1px 0 rgba(15, 23, 42, .04) !important;
}

.category-result {
  border-radius: 8px !important;
}

.catalog-photo-thumb {
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04) !important;
}

.catalog-photo-item.primary .catalog-photo-thumb {
  border-color: rgba(19, 138, 103, .34) !important;
  box-shadow: 0 0 0 3px rgba(19, 138, 103, .1) !important;
}

@media (hover: hover) and (pointer: fine) {
  :where(
    .workspace-card button,
    .catalog-duplicate-actions button,
    .catalog-availability-actions button,
    .catalog-price-shortcuts button,
    .catalog-filter-summary button,
    .composition-add-line button,
    .catalog-editor-actions button,
    .admin-api-tools button,
    .action-queue button,
    .integration-status-card,
    .orders-action-row,
    .category-result,
    .catalog-photo-thumb
  ):hover {
    border-color: #b9c5d4 !important;
    background: var(--bi-button-bg-hover, #f5f7fa) !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, .06) !important;
    transform: translateY(-1px) !important;
  }
}

:where(
  .workspace-card button,
  .catalog-duplicate-actions button,
  .catalog-availability-actions button,
  .catalog-price-shortcuts button,
  .catalog-filter-summary button,
  .composition-add-line button,
  .catalog-editor-actions button,
  .admin-api-tools button,
  .action-queue button,
  .integration-status-card,
  .orders-action-row,
  .category-result,
  .catalog-photo-thumb
):active:not(:disabled):not([aria-disabled="true"]) {
  transform: scale(.972) !important;
}

:where(
  .workspace-card button,
  .catalog-duplicate-actions button,
  .catalog-availability-actions button,
  .catalog-price-shortcuts button,
  .catalog-filter-summary button,
  .composition-add-line button,
  .catalog-editor-actions button,
  .admin-api-tools button,
  .action-queue button,
  .integration-status-card,
  .orders-action-row,
  .category-result,
  .catalog-photo-thumb
):focus-visible {
  outline: 0 !important;
  box-shadow: var(--bi-button-focus-ring), var(--bi-button-shadow) !important;
}

/* 20260718-17: keep marketplace channel button labels readable on narrow screens. */
.catalog-channel-card span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
  align-items: start !important;
}

.catalog-channel-card strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.catalog-channel-card em {
  justify-self: start !important;
  min-width: max-content !important;
  max-width: none !important;
  padding-inline: 6px !important;
  overflow: visible !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (max-width: 420px) {
  .catalog-channel-grid {
    grid-template-columns: 1fr !important;
  }

  .catalog-channel-card {
    min-height: 76px !important;
  }
}

/* 20260718-17: make the account sign-out button visible in the sidebar. */
.account-sidebar [data-sign-out] {
  width: 100% !important;
  min-height: var(--bi-button-height, 40px) !important;
  justify-content: center !important;
  border-color: rgba(217, 47, 73, .26) !important;
  background: #fff6f7 !important;
  color: var(--bi-accent-dark, #b9243a) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 0 rgba(15, 23, 42, .05) !important;
}

@media (hover: hover) and (pointer: fine) {
  .account-sidebar [data-sign-out]:hover {
    border-color: rgba(217, 47, 73, .38) !important;
    background: #ffecef !important;
    color: var(--bi-accent-dark, #b9243a) !important;
    box-shadow: 0 8px 18px rgba(217, 47, 73, .1) !important;
  }
}

.account-sidebar [data-sign-out]:focus-visible {
  outline: 0 !important;
  border-color: rgba(217, 47, 73, .48) !important;
  box-shadow: var(--bi-button-focus-ring, 0 0 0 3px rgba(217, 47, 73, .16)), 0 1px 0 rgba(15, 23, 42, .05) !important;
}

/* 20260718-18: compact subscription, billing summary and admin overview polish. */
.subscription-status-panel {
  overflow: hidden !important;
  padding: 20px !important;
}

.subscription-status-panel .panel-head {
  align-items: center !important;
  gap: 14px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.subscription-status-panel .panel-head h2 {
  margin: 2px 0 0 !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
}

.subscription-status-panel .status-pill {
  min-width: 112px !important;
  justify-content: center !important;
}

.subscription-state-strip {
  display: flex !important;
  gap: 0 !important;
  margin-top: 14px !important;
  padding: 8px !important;
  border: 1px solid var(--bi-line, #d8e0ea) !important;
  border-radius: var(--bi-radius, 8px) !important;
  background: var(--bi-surface-soft, #f8fafc) !important;
}

.subscription-state-strip span {
  display: grid !important;
  flex: 1 1 0 !important;
  gap: 5px !important;
  min-height: 52px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.subscription-state-strip span + span {
  border-left: 1px solid var(--bi-line, #d8e0ea) !important;
  border-radius: 0 6px 6px 0 !important;
}

.subscription-state-strip small {
  color: var(--bi-muted, #667085) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.subscription-state-strip b {
  color: var(--bi-ink, #151922) !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.subscription-checkout {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  margin-top: 16px !important;
}

.subscription-checkout .billing-config {
  align-self: stretch !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 14px !important;
  border-radius: var(--bi-radius, 8px) !important;
  background: var(--bi-surface-soft, #f8fafc) !important;
}

.subscription-checkout .billing-config label {
  gap: 7px !important;
}

.billing-period-grid {
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr)) !important;
  gap: 9px !important;
}

.billing-period-option {
  min-height: 102px !important;
  padding: 14px !important;
  align-content: start !important;
}

.billing-period-option span {
  align-items: start !important;
}

.billing-period-option strong,
.billing-period-option b {
  font-size: 20px !important;
  line-height: 1.1 !important;
}

.billing-period-option small {
  line-height: 1.25 !important;
}

.billing-summary {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 8px !important;
  overflow: hidden !important;
  border-color: var(--bi-line, #d8e0ea) !important;
  background: var(--bi-surface-soft, #f8fafc) !important;
}

.billing-summary span {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  align-content: center !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
}

.billing-summary span + span {
  margin-left: 8px !important;
}

.billing-summary small,
.billing-summary b {
  min-width: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.billing-summary small {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.billing-summary b {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.subscription-status-panel .billing-actions {
  margin-top: 14px !important;
}

.subscription-status-panel .status-text {
  min-height: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--bi-muted, #667085) !important;
}

.admin-shell {
  max-width: 1360px !important;
}

.admin-hero {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 18px !important;
}

.admin-hero h1 {
  max-width: 780px !important;
  font-size: 31px !important;
  line-height: 1.1 !important;
}

.admin-hero p {
  max-width: 700px !important;
}

.admin-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-content: stretch !important;
}

.admin-kpis > * {
  min-height: 78px !important;
  padding: 12px !important;
  border-color: var(--bi-line, #d8e0ea) !important;
  border-radius: var(--bi-radius, 8px) !important;
  background: var(--bi-surface-soft, #f8fafc) !important;
}

.admin-section {
  padding: 18px !important;
}

.system-status-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 10px !important;
}

.system-status-card {
  min-height: 112px !important;
  padding: 14px !important;
}

.admin-auth-screen {
  background: var(--bi-bg, #f3f5f8) !important;
}

.admin-auth-card {
  width: min(540px, calc(100vw - 32px)) !important;
  padding: 24px !important;
  border-radius: var(--bi-radius, 8px) !important;
  box-shadow: 0 24px 72px rgba(15, 23, 42, .12) !important;
}

.admin-access-form {
  gap: 12px !important;
}

.admin-access-form .form-actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.admin-access-form .form-actions [data-admin-token-clear] {
  grid-column: 1 / -1 !important;
}

body .proof-strip {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

body .proof-strip article {
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1180px) {
  .subscription-checkout,
  .admin-hero {
    grid-template-columns: 1fr !important;
  }

  .billing-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .billing-summary span:nth-child(n + 3) {
    margin-top: 8px !important;
  }

  .billing-summary span:nth-child(odd) {
    margin-left: 0 !important;
  }
}

@media (max-width: 720px) {
  .subscription-status-panel .panel-head,
  .subscription-state-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .subscription-state-strip span + span {
    border-top: 1px solid var(--bi-line, #d8e0ea) !important;
    border-left: 0 !important;
    border-radius: 0 0 6px 6px !important;
  }

  .billing-summary {
    grid-template-columns: 1fr !important;
  }

  .admin-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .billing-summary span,
  .billing-summary span + span,
  .billing-summary span:nth-child(n + 3) {
    margin-top: 0 !important;
    margin-left: 0 !important;
  }

  .billing-summary span + span {
    margin-top: 8px !important;
  }

  .admin-hero {
    padding: 14px !important;
  }

  .admin-hero h1 {
    font-size: 26px !important;
    line-height: 1.08 !important;
  }

  .admin-hero p {
    font-size: 13px !important;
    line-height: 1.38 !important;
  }

  .admin-kpis > * {
    min-height: 62px !important;
    padding: 9px !important;
  }

  .admin-kpis small,
  .admin-kpis span {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  .admin-kpis b,
  .admin-kpis strong {
    font-size: 22px !important;
    line-height: 1 !important;
  }
}

/* 20260718-19: clearer subscription status and solid account sign-out affordance. */
.subscription-status-panel {
  border-color: rgba(207, 216, 229, .9) !important;
  background:
    linear-gradient(135deg, rgba(255, 246, 247, .92), rgba(255, 255, 255, .96) 44%, rgba(248, 250, 252, .98)) !important;
}

.subscription-status-panel .panel-head {
  gap: 12px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(207, 216, 229, .72) !important;
}

.subscription-status-panel .status-pill {
  min-width: max-content !important;
  border-color: rgba(217, 47, 73, .2) !important;
  background: #fff !important;
  color: var(--bi-accent-dark, #b9243a) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .05) !important;
}

.subscription-state-strip {
  gap: 10px !important;
  margin-top: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.subscription-state-strip span {
  min-height: 72px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(207, 216, 229, .85) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04) !important;
}

.subscription-state-strip span + span {
  border-left: 1px solid rgba(207, 216, 229, .85) !important;
}

.subscription-state-strip small {
  color: #6b7280 !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.subscription-state-strip b {
  margin-top: 3px !important;
  color: #172033 !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
}

.account-sidebar [data-sign-out] {
  border-color: rgba(185, 36, 58, .9) !important;
  background: var(--bi-accent-dark, #b9243a) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(185, 36, 58, .18), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

@media (hover: hover) and (pointer: fine) {
  .account-sidebar [data-sign-out]:hover {
    border-color: #9f1f33 !important;
    background: #9f1f33 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(185, 36, 58, .22), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  }
}

@media (max-width: 720px) {
  .subscription-status-panel .panel-head {
    align-items: start !important;
  }

  .subscription-state-strip {
    gap: 8px !important;
  }

  .subscription-state-strip span,
  .subscription-state-strip span + span {
    border: 1px solid rgba(207, 216, 229, .85) !important;
    border-radius: 8px !important;
  }
}

/* 20260718-20: launch-grade account, admin and login polish. */
.login-modal {
  background: rgba(17, 24, 39, .46) !important;
  backdrop-filter: blur(10px) saturate(1.05) !important;
}

.login-panel {
  width: min(440px, calc(100vw - 32px)) !important;
  padding: 22px !important;
  border: 1px solid rgba(215, 222, 232, .95) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .18) !important;
}

.login-panel h2 {
  margin: 10px 0 9px !important;
  font-size: 32px !important;
  line-height: 1.04 !important;
}

.login-copy {
  max-width: 370px !important;
  color: #5e687a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.login-checks {
  gap: 6px !important;
  margin: 16px 0 !important;
}

.login-checks span {
  min-height: 28px !important;
  border-color: #dce3ec !important;
  background: #f7f9fc !important;
  color: #4a5568 !important;
  font-size: 12px !important;
}

.login-form input {
  min-height: 44px !important;
  border-color: #d6dee9 !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03) !important;
}

.login-form input:focus,
.login-form input:focus-visible {
  outline: 0 !important;
  border-color: #9aa8bb !important;
  box-shadow: 0 0 0 4px rgba(36, 93, 216, .1), inset 0 1px 0 rgba(15, 23, 42, .03) !important;
}

.login-form input[aria-invalid="true"] {
  border-color: rgba(207, 47, 61, .62) !important;
  box-shadow: 0 0 0 4px rgba(207, 47, 61, .11) !important;
}

.login-form .button {
  min-height: 44px !important;
}

.modal-close {
  border-color: #d7dee8 !important;
  background: #fff !important;
  color: #182031 !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04) !important;
}

.subscription-status-panel {
  padding: 18px !important;
  border: 1px solid #d7dee8 !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(23, 27, 36, .055) !important;
}

.subscription-status-panel::before {
  inset: 0 0 auto 0 !important;
  width: auto !important;
  height: 3px !important;
  background: #6b7280 !important;
}

.subscription-status-panel[data-tone="success"]::before {
  background: var(--bi-green, #0f8766) !important;
}

.subscription-status-panel[data-tone="warning"]::before {
  background: var(--bi-amber, #bd7300) !important;
}

.subscription-status-panel[data-tone="danger"]::before {
  background: var(--bi-red, #cf2f3d) !important;
}

.subscription-status-panel .panel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #e4eaf1 !important;
}

.subscription-status-panel .panel-head h2 {
  max-width: 720px !important;
  margin-top: 2px !important;
  font-size: 26px !important;
  line-height: 1.1 !important;
}

.subscription-status-panel .status-pill {
  min-height: 30px !important;
  padding: 6px 10px !important;
  border-color: #dce3ec !important;
  background: #f8fafc !important;
  color: #384255 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.subscription-status-panel .status-pill[data-tone="success"] {
  border-color: rgba(17, 138, 103, .24) !important;
  background: #eaf8f2 !important;
  color: #0f8766 !important;
}

.subscription-state-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding: 0 !important;
}

.subscription-state-strip span,
.subscription-state-strip span + span {
  min-height: 58px !important;
  padding: 11px 12px !important;
  border: 1px solid #dce3ec !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

.subscription-state-strip small {
  color: #667085 !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
}

.subscription-state-strip b {
  margin-top: 2px !important;
  color: #182031 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
}

.subscription-checkout {
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.subscription-checkout .billing-config {
  padding: 13px !important;
  border: 1px solid #e1e7ef !important;
  background: #f8fafc !important;
}

.billing-period-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 8px !important;
}

.billing-period-option {
  min-height: 92px !important;
  padding: 13px !important;
  background: #f8fafc !important;
}

.billing-period-option[aria-checked="true"] {
  background: #fff7f9 !important;
  box-shadow: inset 0 0 0 1px rgba(223, 54, 80, .22) !important;
}

.billing-summary {
  padding: 7px !important;
  border-color: #e1e7ef !important;
  background: #f8fafc !important;
}

.billing-summary span {
  min-height: 54px !important;
  padding: 9px 11px !important;
}

.billing-actions .primary-button {
  min-height: 48px !important;
}

.settings-section .integration-list {
  gap: 8px !important;
}

.settings-section .integration-status-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  min-height: 68px !important;
  align-items: start !important;
  padding: 11px 12px !important;
  border: 1px solid #dce3ec !important;
  border-left-width: 1px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.settings-section .integration-status-card .connection-state {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  min-height: 24px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.settings-section .integration-status-card strong {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  color: #293247 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.settings-section .integration-status-card small {
  grid-column: 1 / -1 !important;
  display: -webkit-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.settings-section .integration-status-card[data-state="off"],
.settings-section .integration-status-card[data-state="local"] {
  border-color: #e1e7ef !important;
  background: #fff !important;
}

.settings-section .integration-status-card[data-state="ready"] {
  border-color: rgba(17, 138, 103, .3) !important;
  background: #f5fcf9 !important;
}

.settings-section .integration-status-card[data-state="action"] {
  border-color: rgba(189, 115, 0, .26) !important;
  background: #fffaf0 !important;
}

.settings-section .integration-status-card[data-state="blocked"] {
  border-color: rgba(207, 47, 61, .24) !important;
  background: #fff6f7 !important;
}

.settings-section .integration-status-card[data-state="off"] .connection-state,
.settings-section .integration-status-card[data-state="local"] .connection-state {
  border-color: #dce3ec !important;
  background: #f1f5f9 !important;
  color: #536174 !important;
}

.settings-section .integration-status-card[aria-pressed="true"] {
  border-color: rgba(223, 54, 80, .46) !important;
  background: #fff8fa !important;
  box-shadow: inset 3px 0 0 var(--bi-accent, #df3650) !important;
}

.settings-section .integration-status-card[aria-pressed="true"] strong {
  color: #b9243a !important;
}

.admin-shell {
  gap: 16px !important;
}

.admin-hero {
  min-height: 154px !important;
  padding: 18px !important;
}

.system-status-section {
  padding: 16px !important;
}

.system-status-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.system-status-card {
  min-height: 104px !important;
  padding: 13px !important;
  background: #f8fafc !important;
}

.admin-workflow-section {
  padding: 16px !important;
}

.admin-workflow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-workflow-card {
  display: grid;
  gap: 9px;
  min-height: 132px;
  align-content: start;
  padding: 14px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #fff;
  color: #182031;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .035);
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.admin-workflow-card span {
  justify-self: start;
  padding: 4px 7px;
  border-radius: 999px;
  background: #fff1f4;
  color: var(--bi-accent-dark, #b9243a);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.admin-workflow-card strong {
  font-size: 18px;
  line-height: 1.16;
}

.admin-workflow-card small {
  color: #667085;
  font-size: 13px;
  line-height: 1.38;
}

@media (hover: hover) and (pointer: fine) {
  .admin-workflow-card:hover {
    border-color: rgba(223, 54, 80, .34);
    background: #fff8fa;
    transform: translateY(-1px);
  }
}

@media (max-width: 1180px) {
  .subscription-checkout,
  .system-status-grid,
  .admin-workflow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .login-panel {
    padding: 18px !important;
  }

  .login-panel h2 {
    font-size: 28px !important;
  }

  .subscription-status-panel .panel-head,
  .subscription-state-strip,
  .subscription-checkout,
  .system-status-grid,
  .admin-workflow-grid {
    grid-template-columns: 1fr !important;
  }

  .subscription-status-panel {
    padding: 14px !important;
  }
}

/* 20260718-21: smoke-backed login, subscription and shell guard polish. */
.login-panel {
  isolation: isolate !important;
}

.login-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 4px !important;
  border-radius: 8px 8px 0 0 !important;
  background: linear-gradient(90deg, var(--bi-accent, #df3650), #245dd8) !important;
}

.login-panel .eyebrow {
  padding-right: 42px !important;
}

.login-copy {
  margin: 0 !important;
}

.login-checks {
  align-items: center !important;
}

.login-checks span {
  flex: 0 1 auto !important;
  white-space: nowrap !important;
}

.login-panel .form-status {
  min-height: 18px !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.login-panel .form-status:empty {
  display: none !important;
}

.account-session-card span,
.subscription-state-strip span,
.billing-summary span {
  min-width: 0 !important;
}

.account-session-card b,
.subscription-state-strip b,
.billing-summary b {
  overflow-wrap: anywhere !important;
}

.account-sidebar [data-sign-out]:not([hidden]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.subscription-status-panel .panel-head h2 {
  text-wrap: balance !important;
}

@media (max-width: 560px) {
  .login-checks {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .login-checks span {
    justify-content: center !important;
    white-space: normal !important;
  }
}

/* 20260718-23: settings advanced fields stay out of the primary setup flow. */
.settings-section .integration-advanced {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e1e7ef !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.settings-section .integration-advanced[hidden] {
  display: none !important;
}

.settings-section .integration-advanced summary {
  display: flex !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  color: #293247 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.settings-section .integration-advanced summary::-webkit-details-marker {
  display: none !important;
}

.settings-section .integration-advanced summary::after {
  content: "+" !important;
  display: grid !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  place-items: center !important;
  border: 1px solid #dce3ec !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #667085 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform .16s cubic-bezier(.23, 1, .32, 1), color .16s ease, border-color .16s ease !important;
}

.settings-section .integration-advanced[open] summary::after {
  content: "-" !important;
  border-color: rgba(223, 54, 80, .34) !important;
  color: var(--bi-accent-dark, #b9243a) !important;
  transform: rotate(180deg) !important;
}

.settings-section .integration-advanced summary > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.settings-section .integration-advanced summary strong {
  color: #293247 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
}

.settings-section .integration-advanced summary small {
  display: block !important;
  max-width: 720px !important;
  overflow: hidden !important;
  color: #667085 !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.settings-section .integration-advanced-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 12px 12px !important;
}

.settings-section .integration-advanced-grid .integration-field {
  grid-column: auto !important;
  min-width: 0 !important;
}

.settings-section .integration-advanced-grid .integration-field input {
  min-width: 0 !important;
  font-size: 13px !important;
}

@media (hover: hover) and (pointer: fine) {
  .settings-section .integration-advanced summary:hover::after {
    border-color: rgba(223, 54, 80, .34) !important;
    color: var(--bi-accent-dark, #b9243a) !important;
  }
}

@media (max-width: 720px) {
  .settings-section .integration-advanced-grid {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-advanced summary small {
    white-space: normal !important;
  }
}

/* 20260718-24: composition moves into the catalog product card. */
.catalog-composition-card {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

.catalog-composition-card [data-catalog-editor-composition-status] {
  flex: 0 0 auto !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: var(--bi-surface-soft) !important;
  color: var(--bi-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.catalog-composition-card [data-catalog-editor-composition-status][data-tone="ok"] {
  background: var(--bi-green-bg) !important;
  color: var(--bi-green) !important;
}

.catalog-composition-card [data-catalog-editor-composition-status][data-tone="warning"] {
  background: var(--bi-amber-bg) !important;
  color: var(--bi-amber) !important;
}

.catalog-composition-card [data-catalog-editor-composition-status][data-tone="danger"] {
  background: var(--bi-red-bg) !important;
  color: var(--bi-red) !important;
}

.catalog-composition-metrics {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
  gap: 8px !important;
}

.catalog-composition-metrics > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.catalog-composition-metrics > span small,
.catalog-composition-lines small {
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.catalog-composition-metrics > span b {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: var(--bi-ink) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.catalog-composition-metrics > span[data-tone="ok"] {
  border-color: rgba(21, 128, 61, .18) !important;
  background: #f7fdf9 !important;
}

.catalog-composition-metrics > span[data-tone="warning"] {
  border-color: rgba(180, 83, 9, .2) !important;
  background: #fffbeb !important;
}

.catalog-composition-metrics > span[data-tone="danger"] {
  border-color: rgba(185, 28, 28, .18) !important;
  background: #fff7f7 !important;
}

.catalog-composition-lines {
  display: grid !important;
  gap: 7px !important;
}

.catalog-composition-line {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 7px 8px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.catalog-composition-line[data-tone="warning"] {
  border-color: rgba(180, 83, 9, .22) !important;
  background: #fffbeb !important;
}

.catalog-composition-line .product-thumb {
  width: 36px !important;
  height: 36px !important;
}

.catalog-composition-line span,
.catalog-composition-line strong,
.catalog-composition-line small {
  min-width: 0 !important;
}

.catalog-composition-line strong,
.catalog-composition-line small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-composition-empty,
.catalog-composition-more {
  padding: 10px !important;
  border: 1px dashed var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  color: var(--bi-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.catalog-composition-card > .secondary-button {
  justify-self: start !important;
  min-height: 36px !important;
}

/* 20260719-01: selected catalog export as a first-class bulk action. */
.catalog-bulk-actions > div {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.catalog-bulk-actions button {
  min-width: max-content !important;
}

.catalog-bulk-actions [data-account-catalog-export-selected] {
  border-color: rgba(223, 54, 80, .24) !important;
  color: var(--bi-accent-dark, #b9243a) !important;
  background: #fff8fa !important;
}

.catalog-bulk-actions [data-account-catalog-export-selected]:disabled {
  border-color: var(--bi-line) !important;
  color: var(--bi-muted) !important;
  background: var(--bi-surface-soft) !important;
}

@media (max-width: 720px) {
  .catalog-bulk-actions > div {
    justify-content: stretch !important;
  }

  .catalog-bulk-actions button {
    flex: 1 1 160px !important;
    min-width: 0 !important;
  }
}

/* 20260718-26: faster inventory selection inside the catalog composition editor. */
.composition-add-line {
  grid-template-columns: minmax(190px, .9fr) minmax(170px, .7fr) minmax(220px, 1fr) minmax(92px, .32fr) auto !important;
  align-items: end !important;
  gap: 8px !important;
}

.composition-inventory-search-field,
.composition-add-line label {
  min-width: 0 !important;
}

.composition-inventory-search-field input,
.composition-add-line select,
.composition-add-line input {
  width: 100% !important;
  min-width: 0 !important;
}

.composition-inventory-count {
  grid-column: 2 / -1 !important;
  min-width: 0 !important;
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.component-inventory-preview {
  align-self: stretch !important;
  min-height: 58px !important;
}

.component-preview-card,
.component-preview-empty {
  min-height: 58px !important;
  height: 100% !important;
  background: #fff !important;
}

.component-preview-card .product-thumb {
  width: 42px !important;
  height: 42px !important;
}

@media (max-width: 960px) {
  .composition-add-line {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .component-inventory-preview,
  .composition-inventory-count {
    grid-column: 1 / -1 !important;
  }

  .composition-add-line button {
    width: 100% !important;
  }
}

@media (max-width: 560px) {
  .composition-add-line {
    grid-template-columns: 1fr !important;
  }

  .composition-inventory-count {
    grid-column: auto !important;
  }
}

/* 20260719-03: launch polish pass for account, admin and workspace screens. */
:root {
  --bi-ink: #151a26;
  --bi-ink-soft: #2d3546;
  --bi-muted: #667085;
  --bi-muted-2: #8a94a6;
  --bi-line: #d8e0ea;
  --bi-line-soft: #e7edf4;
  --bi-surface: #ffffff;
  --bi-surface-soft: #f7f9fc;
  --bi-surface-strong: #eef3f8;
  --bi-accent: #d82f4d;
  --bi-accent-dark: #ad2037;
  --bi-blue: #245dd8;
  --bi-green: #0f8766;
  --bi-amber: #b96f00;
  --bi-red: #c92f3d;
  --bi-green-bg: #eaf8f2;
  --bi-amber-bg: #fff5df;
  --bi-red-bg: #fff0f3;
  --bi-blue-bg: #edf4ff;
  --bi-radius: 8px;
  --bi-shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 12px 30px rgba(16, 24, 40, .055);
  --bi-shadow-pop: 0 24px 70px rgba(16, 24, 40, .18);
  --bi-ease: cubic-bezier(.16, 1, .3, 1);
}

html,
body {
  background: #f5f7fa !important;
  color: var(--bi-ink) !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

.account-shell,
.admin-shell {
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding: 18px !important;
  gap: 14px !important;
}

.account-section,
.workspace-module,
.subscription-status-panel,
.billing-history-section,
.admin-section,
.operations-card,
.settings-section .integration-panel,
.overview-panel,
.analytics-panel,
.orders-panel,
.inventory-ops-panel,
.order-detail-panel,
.workspace-table-wrap,
.catalog-sync-panel,
.catalog-bulk-panel,
.catalog-duplicates-panel,
.catalog-availability-panel {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface) !important;
  box-shadow: var(--bi-shadow-card) !important;
}

.account-section,
.workspace-module,
.admin-section {
  padding: 16px !important;
}

.section-head,
.module-head,
.panel-head,
.orders-panel-head,
.analytics-panel-head,
.overview-panel-head,
.catalog-sync-head,
.catalog-bulk-head,
.catalog-duplicates-head,
.inventory-ops-head {
  gap: 8px !important;
  margin: 0 !important;
}

.section-head h1,
.section-head h2,
.module-head h2,
.panel-head h2,
.account-toolbar h1,
.admin-hero h1 {
  letter-spacing: 0 !important;
  color: var(--bi-ink) !important;
}

.account-toolbar {
  min-height: 92px !important;
  padding: 14px 16px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface) !important;
  box-shadow: var(--bi-shadow-card) !important;
}

.account-toolbar .workspace-title h1 {
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.08 !important;
}

.account-toolbar .workspace-title p:not(.eyebrow),
.section-head > p:not(.eyebrow),
.module-status,
.status-text,
.connection-help {
  color: var(--bi-muted) !important;
  line-height: 1.45 !important;
}

.account-session-card {
  min-width: min(100%, 430px) !important;
  padding: 8px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.account-session-card span {
  min-height: 48px !important;
  padding: 8px 10px !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.account-session-card small,
.module-metric small,
.status-card small,
.summary-card small,
.settings-overview-card small {
  color: var(--bi-muted) !important;
}

.account-sidebar,
.admin-header {
  border-right: 1px solid var(--bi-line) !important;
  background: #ffffff !important;
  box-shadow: 1px 0 0 rgba(16, 24, 40, .02) !important;
}

.account-sidebar .brand,
.admin-header .brand {
  min-height: 44px !important;
  color: var(--bi-ink) !important;
}

.brand-mark {
  border-radius: 8px !important;
  background: linear-gradient(145deg, var(--bi-accent), var(--bi-blue)) !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(36, 93, 216, .16) !important;
}

.side-nav a,
.admin-nav a {
  border: 1px solid transparent !important;
  border-radius: var(--bi-radius) !important;
  color: var(--bi-ink-soft) !important;
  background: transparent !important;
  transition:
    background-color 140ms var(--bi-ease),
    border-color 140ms var(--bi-ease),
    color 140ms var(--bi-ease),
    box-shadow 140ms var(--bi-ease) !important;
}

.side-nav a small {
  color: var(--bi-muted) !important;
}

.side-nav a[aria-current="page"],
.admin-nav a[aria-current="page"] {
  border-color: rgba(216, 47, 77, .24) !important;
  background: #fff5f7 !important;
  color: var(--bi-accent-dark) !important;
  box-shadow: inset 3px 0 0 var(--bi-accent) !important;
}

@media (hover: hover) and (pointer: fine) {
  .side-nav a:hover,
  .admin-nav a:hover {
    border-color: var(--bi-line) !important;
    background: var(--bi-surface-soft) !important;
    color: var(--bi-ink) !important;
  }
}

.sidebar-status {
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.account-sidebar [data-sign-out]:not([hidden]) {
  width: 100% !important;
  min-height: 40px !important;
  border-color: #c8d2df !important;
  background: #ffffff !important;
  color: var(--bi-ink) !important;
  opacity: 1 !important;
  box-shadow: 0 1px 0 rgba(16, 24, 40, .04) !important;
}

.primary-button,
.secondary-button,
.ghost-button,
.danger-button,
.module-actions button,
.form-actions button,
.billing-actions button,
.catalog-bulk-actions button,
.integration-actions button,
.row-actions button,
.order-product-link,
.category-search-control button,
.module-pagination button {
  min-height: 38px !important;
  border-radius: var(--bi-radius) !important;
  letter-spacing: 0 !important;
}

.primary-button {
  border-color: rgba(173, 32, 55, .36) !important;
  background: linear-gradient(180deg, #e43a58 0%, #c92b45 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(216, 47, 77, .18) !important;
}

.secondary-button,
.ghost-button,
.row-actions button,
.order-product-link,
.category-search-control button,
.module-pagination button {
  border-color: #cfd8e5 !important;
  background: #fff !important;
  color: var(--bi-ink-soft) !important;
  box-shadow: 0 1px 0 rgba(16, 24, 40, .04) !important;
}

.danger-button,
button[data-catalog-action="delete"] {
  border-color: rgba(201, 47, 61, .24) !important;
  background: #fff5f6 !important;
  color: var(--bi-red) !important;
}

.row-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}

.row-actions button,
.order-product-link,
.catalog-offer-inline button {
  min-height: 32px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}

.module-controls,
.toolbar,
.orders-controls,
.formula-controls {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.module-controls label,
.toolbar label,
.integration-form label,
.catalog-editor-field-grid label,
.module-form-grid label,
.billing-config label,
.catalog-bulk-grid label,
.inventory-movement-form label {
  min-width: 0 !important;
}

input,
select,
textarea {
  min-width: 0 !important;
  border-color: #cfd8e5 !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
  box-shadow: inset 0 1px 0 rgba(16, 24, 40, .03) !important;
}

input:focus,
select:focus,
textarea:focus,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 0 !important;
  border-color: rgba(36, 93, 216, .58) !important;
  box-shadow: 0 0 0 3px rgba(36, 93, 216, .12), inset 0 1px 0 rgba(16, 24, 40, .03) !important;
}

.switch-row {
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.switch-row input[type="checkbox"],
.catalog-import-options input[type="checkbox"],
.catalog-bulk-check input,
.catalog-row-select input {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  accent-color: var(--bi-accent) !important;
}

.module-metrics,
.status-grid,
.orders-summary,
.settings-overview,
.analytics-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 8px !important;
}

.module-metric,
.status-card,
.summary-card,
.orders-summary-item,
.settings-overview-card,
.api-audit-card,
.analytics-score-facts > span {
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 10px 11px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

.module-metric b,
.status-card strong,
.summary-card strong,
.orders-summary-item strong,
.settings-overview-card strong,
.analytics-score-facts b {
  font-size: 18px !important;
  line-height: 1.1 !important;
  overflow-wrap: anywhere !important;
}

.status-badge,
.payment-status,
.connection-state,
[data-integration-provider-badge],
.catalog-composition-card [data-catalog-editor-composition-status] {
  min-height: 24px !important;
  padding: 5px 8px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--bi-muted) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.status-badge.ready,
.status-badge.active,
.status-badge.completed,
.status-badge.paid,
.status-badge.ok,
.connection-state[data-tone="ready"],
.catalog-composition-card [data-catalog-editor-composition-status][data-tone="ok"],
[data-state="ready"] .connection-state {
  border-color: rgba(15, 135, 102, .24) !important;
  background: var(--bi-green-bg) !important;
  color: var(--bi-green) !important;
}

.status-badge.warning,
.status-badge.accepted,
.status-badge.assembled,
.status-badge.delivering,
.status-badge.low,
.connection-state[data-tone="action"],
.catalog-composition-card [data-catalog-editor-composition-status][data-tone="warning"],
[data-state="action"] .connection-state,
[data-state="off"] .connection-state {
  border-color: rgba(185, 111, 0, .24) !important;
  background: var(--bi-amber-bg) !important;
  color: var(--bi-amber) !important;
}

.status-badge.locked,
.status-badge.cancelled,
.status-badge.inactive,
.status-badge.shortage,
.status-badge.out_of_stock,
.status-badge.failed,
.connection-state[data-tone="blocked"],
.catalog-composition-card [data-catalog-editor-composition-status][data-tone="danger"],
[data-state="blocked"] .connection-state {
  border-color: rgba(201, 47, 61, .22) !important;
  background: var(--bi-red-bg) !important;
  color: var(--bi-red) !important;
}

.workspace-table-wrap,
.billing-table-wrap,
.table-wrap {
  overflow: auto !important;
  padding: 0 !important;
  border-radius: var(--bi-radius) !important;
}

.workspace-table,
.billing-table,
.table-wrap table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

.workspace-table th,
.workspace-table td,
.billing-table th,
.billing-table td,
.table-wrap th,
.table-wrap td {
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--bi-line-soft) !important;
  vertical-align: middle !important;
}

.workspace-table th,
.billing-table th,
.table-wrap th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  background: #f8fafc !important;
  color: #596579 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.workspace-table tbody tr,
.table-wrap tbody tr {
  transition: background-color 130ms var(--bi-ease) !important;
}

.workspace-table tbody tr[aria-selected="true"],
.workspace-table tbody tr:hover {
  background: #fff8fa !important;
}

.product-cell,
.component-preview-card,
.composition-product-card,
.catalog-duplicate-product,
.catalog-availability-row {
  min-width: 0 !important;
}

.product-main,
.component-title,
.product-cell span,
.catalog-duplicate-product div,
.catalog-availability-row div {
  min-width: 0 !important;
}

.product-main strong,
.component-title strong,
.catalog-duplicate-product strong,
.catalog-availability-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.product-main small,
.component-title small,
.catalog-issue-text,
.stock-shortage-note {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: var(--bi-muted) !important;
  line-height: 1.3 !important;
}

.product-thumb {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: var(--bi-surface-strong) !important;
  color: var(--bi-ink-soft) !important;
  font-weight: 900 !important;
}

.product-thumb.large {
  flex-basis: 58px !important;
  width: 58px !important;
  height: 58px !important;
}

.product-thumb img,
.catalog-photo-preview img,
.inventory-photo-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.orders-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
  gap: 12px !important;
  align-items: start !important;
}

.orders-workbench,
.analytics-workbench {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.orders-panel,
.analytics-panel {
  padding: 12px !important;
  box-shadow: none !important;
}

.orders-action-list,
.analytics-list {
  display: grid !important;
  gap: 7px !important;
}

.analytics-row,
.orders-action-row,
.channel-readiness-row {
  min-height: 52px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.order-detail-panel {
  position: sticky !important;
  top: 16px !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding: 12px !important;
}

.order-detail-head,
.order-detail-meta,
.order-detail-metrics {
  min-width: 0 !important;
}

.order-detail-meta,
.order-detail-metrics {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
  gap: 8px !important;
}

.order-detail-meta > span,
.order-detail-metrics > span {
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.order-detail-meta b,
.order-detail-meta small,
.order-detail-metrics b,
.order-detail-metrics small {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.order-detail-metrics b {
  font-size: 16px !important;
}

.order-product-list {
  display: grid !important;
  gap: 8px !important;
}

.order-product-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) minmax(142px, auto) !important;
  gap: 10px !important;
  align-items: start !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.order-product-row .product-main {
  display: grid !important;
  gap: 4px !important;
}

.order-product-match {
  justify-self: start !important;
  max-width: 100% !important;
}

.order-profit-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(72px, 1fr)) !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.order-profit-stack > span,
.order-profit-stack button {
  min-width: 0 !important;
}

.order-profit-stack small,
.order-profit-stack b,
.order-profit-stack strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.order-profit-stack button {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.analytics-score {
  display: grid !important;
  grid-template-columns: minmax(210px, 280px) minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.analytics-score-card {
  min-height: 118px !important;
  padding: 14px !important;
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.analytics-score-card strong {
  font-size: 34px !important;
  line-height: 1 !important;
}

.analytics-score-facts {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 8px !important;
}

.settings-grid {
  display: grid !important;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) !important;
  gap: 12px !important;
}

.api-audit-grid {
  display: none !important;
}

.settings-section .integration-list {
  display: grid !important;
  gap: 8px !important;
}

.settings-section .integration-status-card {
  min-height: 62px !important;
  padding: 10px 11px !important;
  border-radius: var(--bi-radius) !important;
}

.settings-section .integration-status-card small {
  -webkit-line-clamp: 1 !important;
}

.settings-section .integration-panel {
  padding: 14px !important;
}

.integration-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 6px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.integration-tab {
  flex: 1 1 120px !important;
  min-height: 34px !important;
}

.integration-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.integration-form-head,
.integration-readiness,
.integration-requirements,
.integration-guard,
.integration-webhook-info,
.catalog-settings-fieldset,
.integration-advanced,
.switch-row,
.integration-actions,
.integration-status,
.connection-help,
.integration-form .status-text {
  grid-column: 1 / -1 !important;
}

.integration-readiness {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.integration-readiness-card,
.integration-guard-card,
.integration-requirement {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
  border-radius: var(--bi-radius) !important;
}

.integration-readiness-card em,
.integration-guard-card em,
.integration-requirement small {
  color: var(--bi-muted) !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}

.integration-requirements > div,
.catalog-settings-grid,
.integration-advanced-grid,
.catalog-editor-field-grid,
.module-form-grid,
.catalog-bulk-grid,
.inventory-movement-form {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 10px !important;
}

.catalog-settings-fieldset,
.integration-webhook-info,
.integration-requirements,
.integration-guard {
  padding: 12px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-sync-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, .7fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.catalog-sync-step,
.catalog-sync-hub {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.catalog-channel-grid {
  gap: 7px !important;
}

.catalog-channel-card {
  min-height: 58px !important;
  padding: 9px 10px !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.catalog-import-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 8px !important;
}

.catalog-import-options label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 8px 9px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.catalog-bulk-panel {
  padding: 12px !important;
}

.catalog-bulk-grid {
  grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(140px, 1fr)) !important;
}

.catalog-bulk-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.catalog-price-shortcuts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-self: end !important;
}

.catalog-offer-inline {
  grid-template-columns: minmax(88px, 1fr) auto !important;
  gap: 6px !important;
}

.catalog-offer-inline input {
  min-height: 32px !important;
  padding: 6px 8px !important;
}

.catalog-marketplace-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 5px !important;
}

.catalog-marketplace-pill {
  max-width: 180px !important;
  padding: 5px 7px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: 999px !important;
  background: #fff !important;
}

.catalog-marketplace-pill small {
  display: none !important;
}

.catalog-editor-modal:not([hidden]),
.catalog-duplicates-modal:not([hidden]) {
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
}

.catalog-editor-dialog,
.catalog-duplicates-dialog {
  width: min(1180px, calc(100vw - 36px)) !important;
  max-height: calc(100vh - 36px) !important;
  border: 1px solid rgba(216, 224, 234, .96) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow-pop) !important;
  overflow: hidden !important;
}

.catalog-editor-form,
.catalog-duplicates-dialog {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.catalog-editor-head,
.catalog-editor-actions,
.catalog-duplicates-modal-head,
.catalog-duplicates-toolbar,
.catalog-duplicates-pagination {
  padding: 12px 14px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
}

.catalog-editor-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 14px !important;
  overflow: auto !important;
  background: #f8fafc !important;
}

.catalog-photo-panel,
.catalog-editor-fields,
.catalog-composition-card,
.catalog-marketplace-id-card,
.catalog-category-card {
  min-width: 0 !important;
  border-radius: var(--bi-radius) !important;
}

.catalog-photo-preview {
  aspect-ratio: 1 / 1 !important;
  max-height: 360px !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-strong) !important;
}

.catalog-photo-item {
  min-width: 0 !important;
}

.catalog-photo-item small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.module-editor.composition-editor-modal:not([hidden]),
.composition-editor-modal:not([hidden]) {
  position: fixed !important;
  inset: 18px !important;
  z-index: 90 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  width: min(1040px, calc(100vw - 36px)) !important;
  max-height: calc(100vh - 36px) !important;
  margin: auto !important;
  padding: 0 !important;
  border: 1px solid rgba(216, 224, 234, .96) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow-pop) !important;
  overflow: hidden !important;
}

.composition-editor-modal:not([hidden])::before {
  display: none !important;
}

body[data-composition-modal-open="true"]::before,
body[data-catalog-modal-open="true"]::before,
body[data-catalog-duplicates-modal-open="true"]::before,
body[data-modal-open="true"]::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 80 !important;
  background: rgba(15, 23, 42, .36) !important;
  backdrop-filter: blur(4px) !important;
}

.composition-editor-modal .module-editor-head,
.composition-editor-actions {
  padding: 12px 14px !important;
  border-color: var(--bi-line-soft) !important;
  background: #fff !important;
}

.composition-editor-body {
  display: grid !important;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 14px !important;
  background: #f8fafc !important;
}

.composition-editor-summary,
.composition-editor-main {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.component-editor-list {
  display: grid !important;
  gap: 8px !important;
}

.component-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  gap: 9px !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 9px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
}

.component-row.readonly {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.component-quantity-field {
  width: 90px !important;
}

.component-quantity-field input {
  min-height: 34px !important;
  padding: 6px 8px !important;
}

.composition-add-line {
  display: grid !important;
  grid-template-columns: minmax(190px, .9fr) minmax(170px, .8fr) minmax(210px, 1fr) minmax(86px, .34fr) auto !important;
  gap: 8px !important;
  align-items: end !important;
  padding: 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.component-preview-card,
.component-preview-empty {
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
}

.inventory-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  gap: 12px !important;
  align-items: start !important;
}

.inventory-photo-editor {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
}

.inventory-photo-preview {
  width: 92px !important;
  height: 92px !important;
  border-radius: var(--bi-radius) !important;
}

.admin-auth-screen {
  background: #f5f7fa !important;
}

.admin-auth-card,
.login-panel {
  border: 1px solid var(--bi-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: var(--bi-shadow-pop) !important;
}

.admin-hero {
  border: 1px solid var(--bi-line) !important;
  border-radius: var(--bi-radius) !important;
  background: #fff !important;
  color: var(--bi-ink) !important;
  box-shadow: var(--bi-shadow-card) !important;
}

.admin-kpis,
.system-status-grid,
.admin-workflow-grid,
.operations-grid,
.risk-grid {
  gap: 10px !important;
}

.system-status-card,
.admin-workflow-card,
.admin-kpi,
.risk-card,
.action-row,
.event-row,
.export-row {
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: var(--bi-radius) !important;
  background: var(--bi-surface-soft) !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .primary-button:hover,
  .secondary-button:hover,
  .ghost-button:hover,
  .row-actions button:hover,
  .order-product-link:hover,
  .catalog-channel-card:hover,
  .integration-tab:hover,
  .billing-period-option:hover {
    transform: translateY(-1px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 1180px) {
  .catalog-sync-panel,
  .settings-grid,
  .orders-content,
  .inventory-content,
  .analytics-score,
  .catalog-editor-grid,
  .composition-editor-body {
    grid-template-columns: 1fr !important;
  }

  .order-detail-panel,
  .inventory-ops-panel {
    position: static !important;
    max-height: none !important;
  }
}

@media (max-width: 860px) {
  .account-shell,
  .admin-shell {
    padding: 12px !important;
  }

  .account-toolbar {
    grid-template-columns: 1fr !important;
  }

  .orders-workbench,
  .analytics-workbench,
  .integration-readiness {
    grid-template-columns: 1fr !important;
  }

  .catalog-bulk-grid,
  .integration-form {
    grid-template-columns: 1fr !important;
  }

  .catalog-bulk-actions {
    grid-template-columns: 1fr !important;
  }

  .catalog-bulk-actions > div {
    justify-content: stretch !important;
  }
}

@media (max-width: 640px) {
  .account-section,
  .workspace-module,
  .subscription-status-panel,
  .admin-section {
    padding: 12px !important;
  }

  .module-head,
  .section-head,
  .panel-head,
  .catalog-editor-head,
  .catalog-editor-actions,
  .catalog-duplicates-modal-head,
  .catalog-duplicates-toolbar,
  .composition-editor-modal .module-editor-head,
  .composition-editor-actions {
    grid-template-columns: 1fr !important;
  }

  .module-actions,
  .form-actions,
  .billing-actions,
  .catalog-bulk-actions > div,
  .integration-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .module-controls,
  .toolbar,
  .orders-controls,
  .formula-controls,
  .catalog-import-options,
  .module-metrics,
  .status-grid,
  .orders-summary,
  .settings-overview,
  .analytics-grid,
  .analytics-score-facts {
    grid-template-columns: 1fr !important;
  }

  .order-product-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .order-profit-stack {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .component-row,
  .component-row.readonly {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .component-row > b,
  .component-row > button,
  .component-quantity-field {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .composition-add-line {
    grid-template-columns: 1fr !important;
  }

  .catalog-editor-modal:not([hidden]),
  .catalog-duplicates-modal:not([hidden]) {
    padding: 10px !important;
  }

  .catalog-editor-dialog,
  .catalog-duplicates-dialog,
  .module-editor.composition-editor-modal:not([hidden]),
  .composition-editor-modal:not([hidden]) {
    inset: 10px !important;
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
  }

  .catalog-editor-grid,
  .composition-editor-body {
    padding: 10px !important;
  }

  .workspace-table th,
  .workspace-table td,
  .billing-table th,
  .billing-table td,
  .table-wrap th,
  .table-wrap td {
    padding: 9px !important;
  }
}

/* 20260719-04: explicit integration API modes and compact capability chips */
.settings-section .integration-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.settings-section .connection-mode {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 7px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: 999px !important;
  background: var(--bi-surface-soft) !important;
  color: var(--bi-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.settings-section .connection-mode[data-check="remote_ping"] {
  border-color: rgba(15, 135, 102, .22) !important;
  background: var(--bi-green-bg, #eaf8f2) !important;
  color: var(--bi-green) !important;
}

.settings-section .connection-mode[data-check="readiness_only"] {
  border-color: rgba(185, 111, 0, .24) !important;
  background: var(--bi-amber-bg, #fff5df) !important;
  color: var(--bi-amber) !important;
}

.settings-section .connection-mode[data-check="adapter_missing"] {
  border-color: rgba(207, 47, 61, .2) !important;
  background: var(--bi-red-bg, #fff0f3) !important;
  color: var(--bi-red) !important;
}

.settings-section .integration-capability-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.settings-section .capability-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 23px !important;
  padding: 4px 7px !important;
  border: 1px solid var(--bi-line-soft) !important;
  border-radius: 999px !important;
  background: var(--bi-surface) !important;
  color: var(--bi-muted) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.settings-section .capability-chip[data-ready="true"] {
  border-color: rgba(36, 93, 216, .18) !important;
  background: var(--bi-blue-bg, #edf4ff) !important;
  color: var(--bi-blue) !important;
}

.settings-section .capability-chip[data-ready="false"] {
  border-color: rgba(207, 47, 61, .18) !important;
  background: var(--bi-red-bg, #fff0f3) !important;
  color: var(--bi-red) !important;
}

.settings-section .api-audit-card {
  gap: 8px !important;
}

.settings-section .api-audit-card dl {
  gap: 6px !important;
}

.settings-section .api-audit-card dl div {
  grid-template-columns: 78px minmax(0, 1fr) !important;
}

.settings-section .api-audit-card dd {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.settings-section .api-audit-card[data-state="local"] > span,
.settings-section .integration-status-card[data-state="local"] .connection-state,
.integration-readiness-card[data-state="local"] b,
.workflow-step[data-state="local"] .workflow-state,
.channel-readiness-row[data-state="local"] > b {
  border-color: rgba(185, 111, 0, .24) !important;
  background: var(--bi-amber-bg, #fff5df) !important;
  color: var(--bi-amber) !important;
}

.settings-section .api-audit-card[data-check="adapter_missing"],
.settings-section .integration-status-card[data-state="off"] {
  background: linear-gradient(180deg, #fff, #fafbfc) !important;
}

.integration-readiness {
  grid-template-columns: repeat(5, minmax(118px, 1fr)) !important;
}

.settings-section .integration-readiness-card {
  min-height: 104px !important;
}

@media (max-width: 1280px) {
  .integration-readiness {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .integration-readiness {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  .integration-readiness {
    grid-template-columns: 1fr !important;
  }

  .settings-section .integration-card-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}