/* Shared screen palette sampled from the user's production-order reference.
 * Presentation only: retain every control, state, layout and print template.
 */
@media screen {
  :root {
    color-scheme: light;
    --brand-primary: #883d42;
    --brand-strong: #68393c;
    --brand-dark: #60474a;
    --brand-soft: #efe8df;
    --brand-bg: #f5f7f5;
    --brand-surface: #fffdfa;
    --brand-line: #e0d5cb;
    --brand-text: #403934;
    --brand-muted: #88776c;
    --brand-on-dark: #fffdfa;
    --brand-focus: #a06e6e;
    --brand-selection: #f2e3df;
    --brand-shadow: 0 8px 28px #60474a12;
    --ink: var(--brand-text);
    --muted: var(--brand-muted);
    --primary: var(--brand-primary);
    --accent: var(--brand-primary);
    --dark: var(--brand-dark);
    --line: var(--brand-line);
    --bg: var(--brand-bg);
    --paper: var(--brand-surface);
  }
  html, body { background: var(--brand-bg); color: var(--brand-text); }
  ::selection { background: var(--brand-selection); color: var(--brand-strong); }
  :where(button, a, input, select, textarea, summary):focus-visible {
    outline-color: var(--brand-focus);
  }
  body.fusion-business-page,
  html[data-fusion-shell] body.fusion-business-page {
    background: var(--brand-bg) !important;
    color: var(--brand-text);
  }

  /* Common navigation in both the native workspace and full business pages. */
  #sidebar.sidebar, #fusion-shell .fusion-sidebar {
    background: var(--brand-dark) !important;
    color: var(--brand-on-dark) !important;
  }
  #sidebar .brand, #fusion-shell .fusion-brand { color: var(--brand-on-dark); }
  #sidebar .brand-mark, .login-brand .brand-mark, #fusion-shell .fusion-brand-mark {
    background: var(--brand-primary);
    color: var(--brand-on-dark);
    border-color: #b89391;
  }
  #sidebar .brand small, #fusion-shell .fusion-brand small,
  #sidebar .workspace-label, #fusion-shell .fusion-workspace-label,
  #sidebar .sidebar-footer, #fusion-shell .fusion-shell-footer {
    color: #e2cec7;
  }
  #sidebar .workspace-label span { border-color: #b79891; }
  #fusion-shell .fusion-workspace-label span { color: #eadbd4; }
  #sidebar .fusion-business-nav .fusion-nav-link,
  #fusion-shell .fusion-business-nav .fusion-nav-link { color: #f0e3dc; }
  #sidebar .fusion-business-nav .fusion-nav-group summary,
  #fusion-shell .fusion-business-nav .fusion-nav-group summary { color: #e6d6cf; }
  #sidebar .fusion-business-nav .fusion-nav-count,
  #fusion-shell .fusion-business-nav .fusion-nav-count { color: #ceb3aa; }
  #sidebar .fusion-business-nav .fusion-nav-link:hover,
  #fusion-shell .fusion-business-nav .fusion-nav-link:hover { background: #ffffff0c; color: #fffdfa; }
  #sidebar .fusion-business-nav .fusion-nav-link.active,
  #fusion-shell .fusion-business-nav .fusion-nav-link.active {
    background: #8d6468;
    color: #fffdfa;
    box-shadow: inset 3px 0 #dcc1b3;
  }
  #sidebar .fusion-all-functions, #fusion-shell .fusion-all-functions { color: #fffdfa; }
  .topbar, #fusion-shell .fusion-topbar {
    background: var(--brand-surface);
    border-bottom-color: var(--brand-line);
    color: var(--brand-text);
  }
  .breadcrumb, #fusion-shell .fusion-crumb span { color: var(--brand-muted); }
  .breadcrumb strong, #fusion-shell .fusion-crumb strong { color: var(--brand-strong); }
  .breadcrumb-divider { color: #cdbfb5; }
  .topbar-right, #fusion-shell .fusion-account { color: #79675e; }
  .avatar, #fusion-shell .sidebar-profile .profile-toggle {
    background: var(--brand-soft);
    color: var(--brand-strong);
  }
  #fusion-shell button {
    border-color: var(--brand-line);
    color: var(--brand-strong);
    background: var(--brand-surface);
  }
  #fusion-shell .sidebar-profile #account {
    border-color: var(--brand-line);
    background: var(--brand-surface);
    box-shadow: 0 8px 25px #60474a20;
  }
  #fusion-shell .fusion-shade, .sidebar-shade:not([hidden]) { background: #352b2b70; }
  .app-footer { border-color: var(--brand-line); color: var(--brand-muted); }
  .icon-button { color: var(--brand-muted); }
  .icon-button:hover { background: var(--brand-soft); }
  .test-tag, .login-env, #fusion-shell .fusion-test-badge {
    background: var(--brand-soft);
    border-color: var(--brand-line);
    color: #796353;
  }

  /* Full function directory. */
  .fusion-feature-summary, .fusion-feature-card p { color: var(--brand-muted); }
  .fusion-feature-section > h2, .fusion-feature-card strong { color: var(--brand-strong); }
  .fusion-feature-card { border-color: var(--brand-line); background: var(--brand-surface); color: var(--brand-text); }
  .fusion-feature-card:hover { border-color: var(--brand-focus); box-shadow: 0 3px 14px #60474a12; }
  .fusion-feature-card small { color: var(--brand-primary); }

  /* Native login, including the narrow/mobile layout. */
  #loginScreen .login-story { background: var(--brand-dark); color: var(--brand-on-dark); }
  #loginScreen .login-story h1 { color: var(--brand-on-dark); }
  #loginScreen .login-brand small, #loginScreen .login-story-main > p,
  #loginScreen .login-flow, #loginScreen .login-story-main .eyebrow,
  #loginScreen .login-footnote { color: #ead8d0; }
  #loginScreen .login-flow i { color: #cfaaa4; }
  #loginScreen .loom-decoration {
    border-color: #ba92962a;
    box-shadow: 0 0 0 35px #ba92960c, 0 0 0 70px #c5a7960b, 0 0 0 105px #c5a79608;
  }
  #loginScreen .loom-decoration::after { border-color: #cbb0a530; }
  #loginScreen .login-panel { background: var(--brand-surface); }
  #loginScreen .login-panel h2 { color: var(--brand-strong); }
  #loginScreen .password-toggle { color: var(--brand-muted); }
  #loginScreen .login-note { color: var(--brand-muted); border-color: var(--brand-line); }

  /* Native business components; semantic statuses retain their own colors. */
  body:not(.fusion-business-page) {
    color: var(--brand-text);
    background: var(--brand-bg);
  }
  body:not(.fusion-business-page) :is(h1,h2,h3,.section-title) { color: var(--brand-strong); }
  body:not(.fusion-business-page) a { color: var(--brand-primary); }
  body:not(.fusion-business-page) :is(.muted,.eyebrow,.field-hint,.detail-label,.section-caption,.metric-top,.metric-note,.table-note) { color: var(--brand-muted); }
  body:not(.fusion-business-page) .btn {
    background: var(--brand-surface); color: var(--brand-strong); border-color: var(--brand-line);
  }
  body:not(.fusion-business-page) .btn:hover { background: #f5ece6; border-color: var(--brand-focus); }
  body:not(.fusion-business-page) .btn-primary { background: var(--brand-primary); color: #fffdfa; border-color: var(--brand-primary); }
  body:not(.fusion-business-page) .btn-primary:hover { background: var(--brand-strong); color: #fffdfa; border-color: var(--brand-strong); }
  body:not(.fusion-business-page) .btn-ghost { background: transparent; border-color: transparent; color: var(--brand-muted); }
  body:not(.fusion-business-page) .btn-ghost:hover { background: var(--brand-soft); }
  body:not(.fusion-business-page) .btn-danger { background: #fff4f1; color: #a63d35; border-color: #e6bdb6; }
  body:not(.fusion-business-page) :is(.input,textarea) {
    background: var(--brand-surface); color: var(--brand-text); border-color: var(--brand-line);
  }
  body:not(.fusion-business-page) :is(.input,textarea)::placeholder { color: #a3958a; }
  body:not(.fusion-business-page) :is(.input,textarea):focus { border-color: var(--brand-focus); box-shadow: 0 0 0 3px #883d4214; }
  body:not(.fusion-business-page) :is(.input:disabled,.input:read-only,textarea:read-only) { background: #f9f6f1; color: #88776c; }
  body:not(.fusion-business-page) .field label { color: var(--brand-muted); }
  body:not(.fusion-business-page) :is(.card,.metric-card,.modal,.flow-strip) { background: var(--brand-surface); border-color: var(--brand-line); }
  body:not(.fusion-business-page) :is(.card-heading,.form-section,.modal-heading,.modal-footer) { border-color: var(--brand-line); }
  body:not(.fusion-business-page) .metric-icon { background: var(--brand-soft); color: #a06e6e; }
  body:not(.fusion-business-page) :is(.metric-value,.quantity,.detail-value) { color: var(--brand-strong); }
  body:not(.fusion-business-page) .metric-value small { color: var(--brand-muted); }
  body:not(.fusion-business-page) .metric-card.accent { background: #f2e6e0; border-color: var(--brand-line); }
  body:not(.fusion-business-page) .metric-card.accent .metric-icon { background: #e6ccc4; }
  body:not(.fusion-business-page) .data-table th { background: var(--brand-soft); color: #79675c; border-color: var(--brand-line); }
  body:not(.fusion-business-page) .data-table td { color: var(--brand-text); border-color: #eee5dc; }
  body:not(.fusion-business-page) .data-table strong { color: var(--brand-strong); }
  body:not(.fusion-business-page) .data-table small { color: var(--brand-muted); }
  body:not(.fusion-business-page) .data-table tbody tr:hover { background: #fcf7f2; }
  body:not(.fusion-business-page) .filter-tabs button { color: var(--brand-muted); }
  body:not(.fusion-business-page) .filter-tabs button:hover { color: var(--brand-strong); }
  body:not(.fusion-business-page) .filter-tabs button:is(.active,[aria-selected=true]) { color: var(--brand-primary); border-color: var(--brand-line); background: #fffdfa; box-shadow: 0 1px 2px #60474a08; }
  body:not(.fusion-business-page) :is(.empty-state,.loading-state,.error-state) { color: var(--brand-muted); }
  body:not(.fusion-business-page) .spinner { border-color: var(--brand-line); border-top-color: var(--brand-primary); }
  body:not(.fusion-business-page) .flow-step { color: var(--brand-muted); border-color: var(--brand-line); }
  body:not(.fusion-business-page) .flow-step:hover { background: #fcf7f2; }
  body:not(.fusion-business-page) :is(.flow-step strong,.quick-action strong) { color: var(--brand-strong); }
  body:not(.fusion-business-page) :is(.flow-step small,.quick-action small) { color: var(--brand-muted); }
  body:not(.fusion-business-page) :is(.flow-step svg,.quick-action>svg:last-child) { color: #b99b8a; }
  body:not(.fusion-business-page) :is(.flow-number,.quick-icon) { background: var(--brand-soft); color: var(--brand-primary); }
  body:not(.fusion-business-page) .quick-action { color: var(--brand-primary); border-color: var(--brand-line); }
  body:not(.fusion-business-page) .progress-line { background: var(--brand-soft); }
  body:not(.fusion-business-page) .progress-line span { background: #a06e6e; }
  body:not(.fusion-business-page) :is(.overview-notice,.notice,.info-banner) { background: #f7efe8; color: #796258; border-color: var(--brand-line); }
  body:not(.fusion-business-page) .overview-notice strong { color: var(--brand-strong); }
  body:not(.fusion-business-page) .modal { color: var(--brand-text); box-shadow: 0 20px 90px #60474a30; }
  body:not(.fusion-business-page) .modal::backdrop { background: #352b2b66; }
  body:not(.fusion-business-page) .modal-footer { background: #f9f6f1; }
  body:not(.fusion-business-page) .subtle { background: #f9f6f1; }
  body:not(.fusion-business-page) details summary { color: var(--brand-strong); }
  body:not(.fusion-business-page) .search-field svg { color: var(--brand-muted); }
  body:not(.fusion-business-page) :is(input[type=checkbox],input[type=radio]) { accent-color: var(--brand-primary); }
  /* The explicit contextual colors below convey outcome, not a second theme. */
  body:not(.fusion-business-page) .badge-success { color: #367350; background: #eef5eb; }
  body:not(.fusion-business-page) .badge-warning { color: #946320; background: #fbf0dc; }
  body:not(.fusion-business-page) :is(.badge-danger,.badge-error) { color: #a63d35; background: #fae8e4; }
  body:not(.fusion-business-page) .badge-info { color: var(--brand-strong); background: #f3e8e4; }
  body:not(.fusion-business-page) .badge-muted { color: var(--brand-muted); background: var(--brand-soft); }
}