/* Seller workspace only. Storefronts, previews and customer portal retain their themes. */
body.seller-editorial {
  --theme-background: #f8f7ef;
  --theme-background-alt: #eeeddf;
  --theme-foreground: #263b32;
  --theme-muted: #526052;
  --theme-accent: #637949;
  --theme-secondary: #b6c4a0;
  --theme-success: #52704d;
  --theme-accent-soft: #e4e9d4;
  --theme-surface: #fffdf6;
  --theme-nav-surface: #fffdf6;
  --theme-quote-surface: #f1eddf;
  --theme-field-surface: #fffefa;
  --theme-field-foreground: #263b32;
  --theme-field-placeholder: #6d7668;
  --theme-surface-border: #c4cbb8;
  --theme-line: #bac2b0;
  --theme-panel-shadow: #263b3220;
  --theme-body-font: Arial, Helvetica, sans-serif;
  --theme-heading-font: Georgia, 'Times New Roman', serif;
  --theme-accent-font: Georgia, 'Times New Roman', serif;
  background: #f8f7ef;
  color: #263b32;
  font-family: Arial, Helvetica, sans-serif;
}

body.seller-editorial::before { opacity: .08; background-size: 36px 36px; }
.seller-editorial :is(h1,h2,h3,h4,.font-serif-display,.admin-sidebar-brand-name,.admin-topbar-title) { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; text-transform: none; letter-spacing: -.035em; }
.seller-editorial .admin-page-title { font-size: clamp(2rem, 3.4vw, 3.6rem); line-height: 1.12; color: var(--theme-foreground); text-wrap: balance; }
.seller-editorial .admin-page-summary { color: var(--theme-muted); font-size: .95rem; line-height: 1.7; }
.seller-editorial :is(.paper-panel,.section-card,.metric-card,.table-shell,.admin-record-card,.empty-state) { background: var(--theme-surface); border: 1px solid var(--theme-line); border-radius: 10px; box-shadow: none; backdrop-filter: none; }
.seller-editorial .admin-page-header { background: var(--theme-accent-soft); border: 1px solid var(--theme-line); border-radius: 10px; box-shadow: none; gap: 1.5rem; }
.seller-editorial .section-card > .admin-page-header { background: transparent; border: 0; border-radius: 0; padding: 0 0 1.5rem; border-bottom: 1px solid var(--theme-line); }
.seller-editorial .admin-sidebar-card { background: #eeeddf; border: 1px solid var(--theme-line); box-shadow: none; backdrop-filter: none; border-radius: 10px; padding: 1.25rem; }
.seller-editorial .admin-sidebar-brand { padding-bottom: 1.5rem; border-bottom: 1px solid var(--theme-line); gap: .8rem; }
.seller-editorial .admin-sidebar-brand-mark { border-radius: 8px; box-shadow: none; height: 2.8rem; width: 2.8rem; font-family: Georgia, serif; }
.seller-editorial .admin-sidebar-brand-name { font-size: 1.5rem; }
.seller-editorial .admin-sidebar-nav { margin-top: 1rem; margin-bottom: 1.5rem; }
.seller-editorial .admin-sidebar-group, .seller-editorial .admin-sidebar-group[open] { background: transparent; box-shadow: none; padding: .6rem 0; }
.seller-editorial .admin-sidebar-section-heading { font: 600 .65rem/1.5 monospace; letter-spacing: .12em; }
.seller-editorial .admin-sidebar-link { border-radius: 5px; font-size: .87rem; font-weight: 500; }
.seller-editorial .admin-sidebar-link-inactive { background: transparent; }
.seller-editorial .admin-sidebar-link-inactive:hover { background: #dfe5d1; }
.seller-editorial .admin-sidebar-link-active { background: #263b32; color: #fffdf6; }
.seller-editorial .admin-topbar { background: #eeeddf; border-radius: 8px; box-shadow: none; }
.seller-editorial :is(.primary-button,.secondary-button,.admin-menu-button) { font-family: Arial, Helvetica, sans-serif; font-size: .85rem; font-weight: 600; text-transform: none; letter-spacing: 0; border: 1px solid var(--theme-line); border-radius: 5px; box-shadow: none; padding: .8rem 1rem; transform: none; }
.seller-editorial .primary-button { background: #263b32; color: #fffdf6; border-color: #263b32; }
.seller-editorial .primary-button:hover { background: #3b5848; }
.seller-editorial .secondary-button { background: transparent; color: #263b32; }
.seller-editorial .secondary-button:hover { background: #e4e9d4; }
.seller-editorial :is(a,button,summary):focus-visible { outline: 3px solid #637949; outline-offset: 3px; }
.seller-editorial .text-field { background: #fffefa; border: 1px solid #a8b49d; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; box-shadow: none; }
.seller-editorial .text-field:focus { outline: 2px solid #637949; outline-offset: 2px; }
.seller-editorial .field-label { font: 600 .82rem/1.5 Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: 0; }
.seller-editorial .eyebrow { font: 600 .65rem/1.5 monospace; letter-spacing: .12em; }
.seller-editorial .table-shell th { background: #eeeddf; font-size: .75rem; text-transform: none; letter-spacing: .01em; }
.seller-editorial .table-shell tbody tr:hover td { background: #f1f2e8; }
.seller-editorial .status-badge { font-size: .7rem; text-transform: none; letter-spacing: .01em; }
.seller-editorial .empty-state { border-style: dashed; background: #f1f2e8; }
.seller-editorial .metric-card { border-top: 3px solid #b6c4a0; }
.seller-editorial .admin-content-wrap > section:not(.section-card) { box-shadow: none; }
@media (min-width: 1024px) {
  .seller-editorial .admin-shell { grid-template-columns: 17rem minmax(0,1fr); gap: 2rem; max-width: 110rem; margin-inline: auto; }
  .seller-editorial .admin-main-column { padding-block: 2rem; }
}
@media (max-width: 639px) {
  .seller-editorial .section-card { padding: 1.1rem; }
  .seller-editorial .admin-page-header { padding: 1.25rem; }
  .seller-editorial .admin-page-actions { gap: .6rem; }
  .seller-editorial .admin-sidebar-card-mobile { border-radius: 8px; }
}

.seller-editorial .admin-page-actions { min-width: 0; }
.seller-editorial .admin-page-header > * { min-width: 0; }

/* Keep editing controls and the live preview together on laptop screens. */
.seller-site-editor { display: grid; gap: 1.5rem; min-width: 0; }
.seller-site-editor > * { min-width: 0; }
.seller-site-editor__notice { grid-column: 1 / -1; }
@media (min-width: 900px) {
  .seller-site-editor { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; }
  .seller-site-editor__preview { position: sticky; top: 1rem; }
  .seller-site-editor__preview iframe { height: calc(100vh - 6rem); }
}