:root {
  --brand:#d61f72;
  --brand-dark:#b8175c;
  --ink:#202830;
  --muted:#65717a;
  --line:#d8dee3;
  --line-strong:#c2cbd2;
  --canvas:#fbfbfc;
  --surface:#fff;
  --surface-subtle:#fff;
  --surface-muted:#f7f8f9;
  --panel-shadow:0 1px 2px rgba(23,32,40,.05),0 8px 22px rgba(23,32,40,.035);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

html,body { background:var(--canvas); color:var(--ink); }
body { font-size:14px; }
button,input,select,textarea { color:var(--ink); }

/* Common controls */
.primary-button {
  border-color:var(--brand);
  border-radius:6px;
  background:var(--brand);
  box-shadow:0 1px 1px rgba(81,14,45,.12);
}
.primary-button:hover { border-color:var(--brand-dark); background:var(--brand-dark); }
.secondary-button,
.heading-actions button,
.queue-actions button,
.operations-row button,
.operations-band-heading button {
  border-color:var(--line-strong);
  border-radius:6px;
  background:#fff;
  color:#303b43;
}
.secondary-button:hover,
.heading-actions button:hover,
.queue-actions button:hover,
.operations-row button:hover,
.operations-band-heading button:hover { border-color:#8f9ba3; background:#f5f6f7; }
input,select,textarea {
  border-color:var(--line-strong) !important;
  border-radius:5px !important;
  background:#fff;
}
input:focus,select:focus,textarea:focus { border-color:#8f9ba3 !important; box-shadow:0 0 0 3px rgba(93,109,120,.1); }

/* Navigation and page frame */
.real-sidebar {
  width:248px;
  padding:16px 12px;
  border-right:1px solid var(--line-strong);
  background:#fff;
  box-shadow:2px 0 12px rgba(26,35,42,.025);
}
.real-sidebar nav { gap:4px; }
.real-sidebar a,.sidebar-nav-toggle {
  min-height:41px;
  border:1px solid transparent;
  border-radius:5px;
  color:#39454d;
}
.real-sidebar a:hover,.sidebar-nav-toggle:hover { border-color:#e2e6e9; background:#f4f6f7; }
.real-sidebar a.active,
.real-sidebar .sidebar-subnav a.active,
.sidebar-nav-toggle.active {
  border-color:#efd5e1;
  background:#fff0f6;
  color:var(--brand-dark);
  box-shadow:inset 3px 0 0 var(--brand);
}
.real-sidebar .sidebar-subnav { border-color:#e1e5e8; }
.real-sidebar .nav-count {
  border-color:#d5dce1;
  background:#f2f4f5;
  color:#414d55;
}
.real-sidebar a.active .nav-count { border-color:#e6bfd0; background:#fff; color:var(--brand-dark); }
.nav-alert { background:#b4232c; color:#fff; }
.profile-button { border-top-color:var(--line); background:#fff; }
.profile-button:hover { background:#f5f6f7; }
.real-workspace { margin-left:248px; padding:0 32px 72px; }
.real-topbar {
  height:76px;
  margin:0 -32px;
  padding:0 32px;
  border-bottom:1px solid var(--line-strong);
  background:#fff;
}
.real-topbar h1 { color:#202830; font-size:26px; font-weight:750; }
.real-topbar span { color:#6b757d; }
.app-view { padding-top:28px; }

/* Shared page headings */
.section-heading,
.operations-header,
.team-board-heading,
.shipping-provider-header,
.growth-section-heading,
.marketplace-queue-heading,
.wholesale-heading,
.idosell-products-heading,
.users-heading {
  border-bottom:1px solid var(--line-strong);
  background:var(--surface-subtle);
  color:var(--ink);
}
.section-heading,
.operations-header,
.wholesale-heading,
.idosell-products-heading,
.users-heading {
  padding:16px 18px;
  border:1px solid var(--line-strong);
  border-radius:6px;
}
.section-heading h2,.operations-header h2,.wholesale-heading h2,.users-heading h2 { color:#202830; }
.section-heading p,.operations-header p,.team-board-heading p,.growth-section-heading span { color:var(--muted); }

/* Home and shared tasks */
.team-board {
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--panel-shadow);
}
.team-board-heading { padding:15px 18px; }
.team-task-columns { gap:0; padding:16px 18px 19px; }
.team-task-column { gap:11px; }
.team-task-column + .team-task-column { padding-left:18px; border-left-color:var(--line); }
.team-task-list-heading {
  min-height:54px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#fafafb;
}
.team-task-card {
  border-color:#cfd6db;
  border-left-color:#65727a;
  background:#fff;
  box-shadow:0 2px 8px rgba(23,32,40,.045);
}
.team-task-card.is-note { border-left-color:#8c7139; }
.team-task-kind-label { background:#eceff1; color:#465159; }
.team-task-status { border-color:#d1d8dd; background:#eef1f3; }
.team-task-empty { border:1px dashed #cbd3d8; border-left:4px solid #909ba2; background:#f7f8f9; }
.today-shortcuts-heading {
  grid-column:1/-1;
  padding:12px 15px;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:#fff;
}
.today-shortcuts-heading h2 { margin:0; color:#273139; font-size:15px; }
.work-section,
.work-section.rose,.work-section.aqua,.work-section.blue,.work-section.yellow,.work-section.green {
  --section-line:#d4dbe0;
  --section-soft:#eef1f3;
  --section-ink:#3f4b53;
  border-color:var(--line-strong);
  border-radius:6px;
  box-shadow:var(--panel-shadow);
}
.work-section header { border-bottom-color:var(--line-strong); background:#fff; }
.clickable-work-section:hover { border-color:#8e9aa2; box-shadow:0 5px 16px rgba(23,32,40,.07); }

/* Operations */
.operations-view { display:grid; gap:16px; }
.operations-header { margin:0; }
.operations-stats {
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--panel-shadow);
}
.operations-stat { border-color:var(--line); background:#fff; }
.operations-band {
  padding:0 16px 16px;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--panel-shadow);
}
.operations-band-heading {
  min-height:51px;
  margin:0 -16px 8px;
  padding:10px 16px;
  border-bottom:1px solid var(--line-strong);
  background:var(--surface-subtle);
}
.operations-filters { padding:10px 0; border-bottom:1px solid var(--line); }
.operations-filters button { border-color:var(--line-strong); background:#fff; color:#46535b; }
.operations-filters button[aria-pressed="true"] { border-color:#9ca7ae; background:#e9edef; color:#263139; }
.operations-row { border-bottom-color:#e0e5e8; }
.operations-history,.operations-notice { border-color:#909ca4; background:#f1f3f4; }
.operations-purchase-table th { border-bottom:1px solid var(--line-strong); background:#e9edef; color:#354149; }
.operations-purchase-table td { border-bottom-color:#e1e5e8; background:#fff; }

/* Consistent containers across modules */
.delayed-orders-band,
.shipping-provider-module,
.return-case-section,
.growth-section,
.growth-command-panel,
.idosell-assistant-conversation,
.idosell-assistant-objects,
.emag-document-queue,
.wholesale-order,
.user-list,
.catalog-list {
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--panel-shadow);
}
.delayed-orders-band>header,
.return-case-section>header,
.growth-section-heading,
.marketplace-queue-heading,
.idosell-assistant-conversation>header,
.idosell-assistant-objects>header {
  border-bottom:1px solid var(--line-strong);
  background:var(--surface-subtle);
}
.queue-row,.idosell-product-row,.shipping-row { border-bottom-color:#e0e5e8; background:#fff; }
.queue-row:hover,.idosell-product-row:hover { background:#f7f8f9; }

/* Messages and customer orders */
.message-status-filters,.message-secondary-filters,.growth-controls {
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:#fff;
}
.message-status-filters button,.message-secondary-filters button { color:#4b575f; }
.message-status-filters button[aria-pressed="true"],.message-secondary-filters button[aria-pressed="true"] {
  background:#fff;
  color:#253038;
  box-shadow:0 1px 3px rgba(23,32,40,.09);
}
.message-thread-list {
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--panel-shadow);
}
.message-row { border-bottom-color:#dde3e6; background:#fff; }
.message-row:hover { background:#f6f8f9; }
.message-row.is-selected { background:#f0f2f4; box-shadow:inset 4px 0 0 var(--brand); }
.message-row.message-response-warning,
.message-row.message-response-warning:hover { background:#fff; box-shadow:inset 6px 0 0 #d4a017; }
.message-row.message-response-overdue,
.message-row.message-response-overdue:hover,
.message-row.is-deadline-alert,
.message-row.is-deadline-alert:hover { background:#fff; box-shadow:inset 6px 0 0 #c42c43; }
.delayed-orders-table th { border-bottom:1px solid var(--line-strong); background:#e9edef; color:#354149; }
.delayed-orders-table td { border-bottom-color:#e0e5e8; background:#fff; }
.delayed-orders-table tr.is-delayed td,.delayed-orders-table tr.is-unpaid td { background:#fff; }
.delayed-orders-table tr.is-delayed td:first-child { box-shadow:inset 4px 0 0 #b4232c; }
.delayed-orders-table tr.is-unpaid td:first-child { box-shadow:inset 4px 0 0 #b27a17; }

/* Marketplaces, shipping, returns and users */
.etsy-order,.trendyol-order,.emag-document-row,.shipping-preview,.return-case-card,.user-row {
  border-color:#d1d8dd;
  border-radius:6px;
  background:#fff;
  box-shadow:0 2px 8px rgba(23,32,40,.04);
}
.shipping-provider-module { overflow:hidden; }
.shipping-provider-module,
.shipping-provider-module.is-apaczka {
  border-color:var(--line-strong);
  border-top-color:#7f8b93;
  background:#fff;
}
.shipping-provider-module.is-apaczka { border-top-color:#a07358; }
.shipping-provider-header,
.shipping-provider-module.is-apaczka .shipping-provider-header {
  padding:15px 18px;
  border-bottom-color:var(--line-strong);
  background:#fff;
}
.shipping-provider-header h2 { color:#2b3740; }
.shipping-provider-module.is-apaczka .shipping-provider-header h2 { color:#4c3b31; }
.shipping-provider-content { background:#fff; }
.shipping-form,
.shipping-form.is-apaczka {
  border-color:#d3dbe0;
  border-left-color:#7f8b93;
  background:#f7f8f9;
}
.shipping-form.is-apaczka { border-left-color:#a07358; }
.shipping-preview>header,.customer-order-card>header,.wholesale-order-header { background:#f0f2f4; }
.return-case-section { overflow:hidden; }
.return-case-section>header { padding:13px 15px; }
.return-case-section.is-active,.return-case-section.is-waiting,.return-case-section.is-complete { background:#fff; }

/* Growth keeps data colours, but its structure follows the same system */
.growth-center { color:var(--ink); }
.growth-section { padding:0 16px 17px; overflow:hidden; }
.growth-section-heading { margin:0 -16px 15px; padding:14px 16px; }
.growth-command-panel { overflow:hidden; }
.growth-command-heading,.growth-helper-analytics>header { padding:14px 16px; border-bottom:1px solid var(--line-strong); background:#fff; }
.growth-section-heading[data-growth-tone],
.growth-command-heading[data-growth-tone],
.growth-helper-analytics>header[data-growth-tone] {
  border-left:4px solid var(--growth-heading-accent);
  background:var(--growth-heading-bg);
}
[data-growth-tone="rose"] { --growth-heading-bg:#fff2f6; --growth-heading-accent:#c43a70; }
[data-growth-tone="blue"] { --growth-heading-bg:#eff7fc; --growth-heading-accent:#3d7fa6; }
[data-growth-tone="teal"] { --growth-heading-bg:#edf8f6; --growth-heading-accent:#2e8078; }
[data-growth-tone="amber"] { --growth-heading-bg:#fff8e8; --growth-heading-accent:#b77d1f; }
[data-growth-tone="green"] { --growth-heading-bg:#f0f8f1; --growth-heading-accent:#4d8b5e; }
.growth-action-card,.growth-product-card,.growth-channel-card,.growth-creative-card,.growth-experiment-card {
  border-color:#d1d8dd;
  background:#fff;
  box-shadow:0 2px 7px rgba(23,32,40,.035);
}
.growth-goal-band,.growth-conversion-program,.growth-command-band { background:transparent; }

/* Dialogs */
dialog,.wide-dialog,.form-dialog,.operations-dialog,.team-task-composer-dialog {
  border:1px solid #aeb9c0;
  border-radius:7px;
  background:#fff;
  box-shadow:0 22px 70px rgba(18,27,34,.24);
}
.dialog-header,.team-task-submit,.message-dialog-footer {
  border-color:var(--line-strong);
  background:var(--surface-subtle);
}
dialog::backdrop { background:rgba(28,36,42,.48); }

/* Login */
.auth-page { background:#f7f8f9; }
.auth-shell { gap:24px; }
.auth-brand { color:#303b43; }
.auth-panel {
  border:1px solid var(--line-strong);
  border-radius:7px;
  background:#fff;
  box-shadow:0 14px 40px rgba(23,32,40,.09);
}

@media (max-width:820px) {
  .real-sidebar { position:static; width:100%; padding:12px 10px 8px; box-shadow:none; }
  .real-workspace { margin-left:0; padding:0 18px 52px; }
  .real-topbar { height:66px; margin:0 -18px; padding:0 18px; }
  .app-view { padding-top:20px; }
  .team-task-columns { padding:14px; }
  .team-task-column + .team-task-column { padding:18px 0 0; border-top:1px solid var(--line); border-left:0; }
}

@media (max-width:560px) {
  .real-topbar h1 { font-size:21px; }
  .section-heading,.operations-header,.wholesale-heading,.idosell-products-heading,.users-heading { padding:13px; }
  .team-board-heading { padding:13px; }
  .team-task-columns { padding:12px; }
  .team-task-list-heading { min-height:0; }
  .work-section { min-height:112px; }
  .operations-band { padding:0 12px 12px; }
  .operations-band-heading { margin:0 -12px 7px; padding:10px 12px; }
  .growth-section { padding:0 12px 13px; }
  .growth-section-heading { margin:0 -12px 12px; padding:12px; }
}