/* Approved warm mist business theme.
   Visual overrides only: business fields, tables, permissions, workflows and records stay intact. */
@media screen {
  body.site-design[data-theme="cloud"] {
    --bg:#edf3f6;
    --surface:#fff;
    --surface-soft:#f7fafb;
    --surface-muted:#eef3f5;
    --ink:#20384b;
    --text:#20384b;
    --text-secondary:#465f70;
    --muted:#708493;
    --hint:#6c8190;
    --info:#397b90;
    --info-soft:#e8f4f7;
    --line:#d7e2e8;
    --control-line:#c8d8e0;
    --table-head:#eaf1f4;
    --shadow:0 7px 22px rgba(23,49,72,.045);
    --blue:#197391;
    --primary:#197391;
    --action:#197391;
    --theme-accent:#37a9a2;
    --theme-accent-ink:#fff;
    --blue-soft:#e8f4f7;
    --blue-line:#c9dfe7;
    --blue-ring:rgba(25,115,145,.12);
    --blue-shadow:rgba(25,115,145,.14);
    --theme-wash:#e8f4f7;
    --kpi:#173148;
    --order-blue:#197391;
    --nav:#102b3d;
    --navmuted:#91a9b7;
    --nav-open:#1e6078;
    --nav-hover:#173c52;
    --nav-subnav:#0d2435;
    --green:#2e8b70;
    --green-soft:#e4f4ed;
    --green-line:#c5e6da;
    --orange:#b97b23;
    --orange-soft:#fff3dc;
    --orange-line:#efd7aa;
    --red:#c65458;
    --red-soft:#fbeaec;
  }

  body.site-design[data-theme="cloud"] .main-column,
  body.site-design[data-theme="cloud"] .content,
  body.site-design[data-theme="cloud"] .content:has(.dashboard-page) {
    background:linear-gradient(180deg,var(--bg),#e6eef2);
  }
  body.site-design[data-theme="cloud"] .sidebar {
    background:
      radial-gradient(circle at 15% 0%,rgba(55,169,162,.18),transparent 34%),
      linear-gradient(180deg,var(--nav),#0d2435);
  }
  body.site-design[data-theme="cloud"] .enterprise-brand {
    clip-path:none;
    border-radius:8px;
    background:linear-gradient(145deg,#44c1ba 0 48%,#2485a3 48% 100%);
    box-shadow:0 7px 18px rgba(55,169,162,.2);
  }
  body.site-design[data-theme="cloud"] #navigation .nav-item {
    color:#c2d2dc;
  }
  body.site-design[data-theme="cloud"] #navigation {
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  body.site-design[data-theme="cloud"] #navigation::-webkit-scrollbar {
    display:none;
    width:0;
    height:0;
  }
  body.site-design[data-theme="cloud"] #navigation .nav-item:hover {
    background:var(--nav-hover);
    color:#fff;
  }
  body.site-design[data-theme="cloud"] #navigation .nav-item.active,
  body.site-design[data-theme="cloud"] #navigation .nav-item.active:not(.nav-group-toggle),
  body.site-design[data-theme="cloud"] #navigation .nav-group-toggle.active[aria-expanded="false"],
  body.site-design[data-theme="cloud"] #navigation .nav-group-toggle.active[aria-expanded="true"] {
    background:var(--nav-open);
    color:#fff;
    box-shadow:none;
  }
  body.site-design[data-theme="cloud"] #navigation .nav-item.active::before {
    display:none;
    content:none;
  }
  body.site-design[data-theme="cloud"] #navigation .nav-platform {
    color:#b4c7d2;
  }
  body.site-design[data-theme="cloud"] #navigation .nav-platform:hover {
    background:rgba(30,96,120,.48);
    color:#fff;
  }
  body.site-design[data-theme="cloud"] #navigation .nav-platform.active {
    background:linear-gradient(90deg,var(--nav-open),rgba(30,96,120,.72));
    color:#fff;
    box-shadow:none;
  }
  body.site-design[data-theme="cloud"] .sidebar-bottom .local-note {
    color:var(--navmuted);
  }

  body.site-design[data-theme="cloud"] .topbar {
    background:rgba(255,255,255,.94);
    border-color:var(--line);
  }
  body.site-design[data-theme="cloud"] .topbar .breadcrumbs,
  body.site-design[data-theme="cloud"] .user-label,
  body.site-design[data-theme="cloud"] .user-role-label {
    color:var(--muted);
  }
  body.site-design[data-theme="cloud"] .topbar .avatar {
    background:linear-gradient(145deg,var(--blue),var(--theme-accent));
    color:#fff;
  }
  body.site-design[data-theme="cloud"] #mainContent .page-head h1 {
    color:#173148;
  }
  body.site-design[data-theme="cloud"] .panel,
  body.site-design[data-theme="cloud"] .settings-card,
  body.site-design[data-theme="cloud"] .roadmap-card,
  body.site-design[data-theme="cloud"] .dashboard-kpi,
  body.site-design[data-theme="cloud"] .fl-metric-groups>.fl-metric {
    border-color:var(--line);
    background:var(--surface);
    box-shadow:var(--shadow);
  }
  body.site-design[data-theme="cloud"] h2,
  body.site-design[data-theme="cloud"] #mainContent h2,
  body.site-design[data-theme="cloud"] dialog h2 {
    color:#2a4358;
  }
  body.site-design[data-theme="cloud"] h3,
  body.site-design[data-theme="cloud"] #mainContent h3,
  body.site-design[data-theme="cloud"] dialog h3 {
    color:#3d596b;
  }

  body.site-design[data-theme="cloud"] .btn.primary,
  body.site-design[data-theme="cloud"] #mainContent .btn.primary,
  body.site-design[data-theme="cloud"] dialog .btn.primary {
    background:var(--action);
    border-color:var(--action);
    color:#fff;
    box-shadow:0 4px 12px var(--blue-shadow);
  }
  body.site-design[data-theme="cloud"] .btn.primary:hover,
  body.site-design[data-theme="cloud"] #mainContent .btn.primary:hover,
  body.site-design[data-theme="cloud"] dialog .btn.primary:hover {
    background:#125c75;
    border-color:#125c75;
  }
  body.site-design[data-theme="cloud"] .btn:not(.primary):not(.danger):hover {
    color:#125c75;
    border-color:var(--blue-line);
    background:#edf7f9;
  }
  body.site-design[data-theme="cloud"] :is(.text-link,.link-btn,.table-action-link,.order-reference-link,.doc-number-link) {
    color:var(--blue);
  }

  body.site-design[data-theme="cloud"] .muted,
  body.site-design[data-theme="cloud"] .toolbar-note,
  body.site-design[data-theme="cloud"] .settings-hint,
  body.site-design[data-theme="cloud"] .cq-note,
  body.site-design[data-theme="cloud"] .pagination,
  body.site-design[data-theme="cloud"] .pagination-size {
    color:var(--hint);
  }
  body.site-design[data-theme="cloud"] .notice.blue,
  body.site-design[data-theme="cloud"] .validation-strip {
    color:var(--info);
    border-color:var(--blue-line);
    background:var(--info-soft);
  }
  body.site-design[data-theme="cloud"] input::placeholder,
  body.site-design[data-theme="cloud"] textarea::placeholder {
    color:#8a9ba7;
  }

  body.site-design[data-theme="cloud"] .table-wrap {
    border-color:var(--line);
    background:#fff;
  }
  body.site-design[data-theme="cloud"] #mainContent table th,
  body.site-design[data-theme="cloud"] dialog table th {
    background:var(--table-head);
    color:#516b7d;
    border-color:var(--line);
  }
  body.site-design[data-theme="cloud"] #mainContent table td,
  body.site-design[data-theme="cloud"] dialog table td {
    color:var(--text-secondary);
    border-color:#e4ebef;
  }
  body.site-design[data-theme="cloud"] #mainContent tbody tr:nth-child(even),
  body.site-design[data-theme="cloud"] dialog tbody tr:nth-child(even) {
    background:#fbfdfd;
  }
  body.site-design[data-theme="cloud"] #mainContent tbody tr:hover,
  body.site-design[data-theme="cloud"] dialog tbody tr:hover {
    background:var(--surface-soft);
  }
  body.site-design[data-theme="cloud"] .table-wrap [data-col-key="action"],
  body.site-design[data-theme="cloud"] .table-wrap [data-col-key="actions"] {background:var(--surface);}
  body.site-design[data-theme="cloud"] .table-wrap tbody tr:nth-child(even) [data-col-key="action"],
  body.site-design[data-theme="cloud"] .table-wrap tbody tr:nth-child(even) [data-col-key="actions"] {background:#fbfdfd;}
  body.site-design[data-theme="cloud"] .table-wrap tbody tr:hover [data-col-key="action"],
  body.site-design[data-theme="cloud"] .table-wrap tbody tr:hover [data-col-key="actions"] {background:var(--surface-soft);}

  body.site-design[data-theme="cloud"] .tag.blue {background:var(--blue-soft);color:var(--blue);}
  body.site-design[data-theme="cloud"] .tag.green {background:var(--green-soft);color:#23745c;}
  body.site-design[data-theme="cloud"] .tag.amber {background:var(--orange-soft);color:#98631c;}
  body.site-design[data-theme="cloud"] .tag.red {background:var(--red-soft);color:#ad4147;}
  body.site-design[data-theme="cloud"] .tag.gray {background:var(--surface-muted);color:var(--muted);}

  body.site-design[data-theme="cloud"] dialog::backdrop {
    background:rgba(16,43,61,.28);
  }
  body.site-design[data-theme="cloud"] dialog:is(.sd-business-drawer,.sd-entry-drawer,.sd-record-drawer,.order-preview-drawer,.pt-drawer,.bd-drawer) {
    background:#f8fbfc;
    border-left-color:var(--line);
    box-shadow:-18px 0 40px rgba(16,43,61,.18);
  }
  body.site-design[data-theme="cloud"] :is(.sd-drawer-head,.op-head,.pt-drawer-head,.bd-head,.sd-record-footer) {
    background:#fff;
    border-color:var(--line);
  }
  body.site-design[data-theme="cloud"] .footer {
    background:var(--bg);
    color:#8093a0;
  }

  body.site-design[data-theme="cloud"] .warehouse-process-banner {
    border-color:var(--line);
    background:linear-gradient(125deg,#fff 0%,var(--surface-soft) 58%,var(--info-soft) 100%);
    box-shadow:var(--shadow);
  }
  body.site-design[data-theme="cloud"] .warehouse-process-steps li {
    border-color:var(--line);
    color:var(--text-secondary);
  }
  body.site-design[data-theme="cloud"] .warehouse-process-steps li:not(:last-child)::after {background:var(--line);}
  body.site-design[data-theme="cloud"] .warehouse-process-steps b {background:var(--blue-soft);color:var(--blue);}
  body.site-design[data-theme="cloud"] .warehouse-process-steps .is-current {
    border-color:var(--blue-line);
    background:var(--info-soft);
    color:#245b69;
  }
  body.site-design[data-theme="cloud"] .warehouse-workbench-filters,
  body.site-design[data-theme="cloud"] .warehouse-template-picker {
    border-color:var(--line);
    background:var(--surface-soft);
  }
  body.site-design[data-theme="cloud"] .warehouse-workbench-filters label,
  body.site-design[data-theme="cloud"] .warehouse-template-picker legend {color:var(--hint);}
  body.site-design[data-theme="cloud"] .warehouse-template-option:has(input:checked) {
    border-color:var(--blue-line);
    box-shadow:0 0 0 2px var(--blue-ring);
  }
}