/* Appearance tokens shared by marketing, accounts, checkout and operations. */
:root {
  --bg: #f7f7f5; --bg-soft: #f0f0ed; --panel: #fff; --panel-strong: #fff;
  --panel-soft: #eaeae6; --text: #252523; --muted: #64645e;
  --line: #d8d8d1; --line-strong: #a0a098; --border: var(--line); --surface: var(--panel);
  --accent: #bd4434; --accent-strong: #a53527; --accent-soft: #fcece8;
  --danger: #a71e28; --danger-soft: #fff1f2; --danger-line: #d7888e;
  --warning: #704d12; --warning-soft: #fff8e9; --warning-line: #d3b56e;
  --success: #236b43; --success-soft: #edf7ef; --success-line: #96c3a4;
  --info: #244e72; --info-soft: #edf4f8; --info-line: #8ba9c0;
  --button-ink: #fff; --focus: #a53527;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #181818; --bg-soft: #1d1d1d; --panel: #222222; --panel-strong: #282828;
  --panel-soft: #2c2c2c; --text: #f2f0eb; --muted: #aaa8a2;
  --line: #363636; --line-strong: #66645f;
  --accent: #ef7764; --accent-strong: #f68e7d; --accent-soft: #382622;
  --danger: #ffa09e; --danger-soft: #392324; --danger-line: #805354;
  --warning: #e9c78a; --warning-soft: #342e22; --warning-line: #7c6744;
  --success: #a0d1ae; --success-soft: #233028; --success-line: #507359;
  --info: #a8c9df; --info-soft: #242f37; --info-line: #536f83;
  --button-ink: #211b19; --focus: #ef7764;
}
.site-theme .topbar {
  background: var(--bg); color: var(--text); border-bottom: 1px solid var(--line);
  min-height: 88px; gap: 20px; padding-inline: max(28px,calc((100vw - 1392px)/2));
}
.site-theme .brand, .site-theme .brand-copy strong { color: var(--text); }
.site-theme .brand-copy strong { font-size: 1.8rem; }
.site-theme .brand-accent { color: var(--accent); }
.site-theme .topnav a { color: var(--muted); padding-inline: 12px; }
.site-theme .topnav a[aria-current=page] { color: var(--text); border-color: var(--accent); }
.site-theme .topnav a:hover { background: var(--panel-soft); color: var(--text); }
.site-theme :is(.solid-button,.ops-button-primary) { color: var(--button-ink); }
.site-theme :is(.topbar-actions .ghost-button,.ghost-button,.mobile-nav-toggle) {
  color: var(--text); background: transparent; border-color: var(--line-strong);
}
.site-theme .topbar-actions > .ghost-button { border-color: transparent; }
.site-theme .ghost-button:hover { background: var(--panel-soft); border-color: var(--line-strong); }
.site-theme :is(a,button,summary):focus-visible { outline-color: var(--focus); }
.site-theme :is(input,select,textarea):focus { border-color: var(--focus); outline-color: var(--focus); }
.site-theme .appearance-control {
  display: inline-flex; align-items: center; gap: 7px; min-width: 0;
  color: var(--muted); padding-left: 10px; border: 1px solid var(--line); border-radius: 8px;
  background: var(--bg); flex-shrink: 0;
}
.site-theme .appearance-control select {
  min-height: 42px; padding: 8px 24px 8px 0; width: auto; max-width: 106px;
  border: 0; background-color: transparent; color: var(--text); font-size: .8rem;
  cursor: pointer; border-radius: 7px; color-scheme: inherit;
}
.appearance-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.site-theme .appearance-mobile { display: none; }
.site-theme .footer { background: var(--bg-soft); color: var(--muted); border-top: 1px solid var(--line); }
.site-theme :is(.footer-brand strong,.footer-column strong,.footer-column a) { color: var(--text); }
.site-theme .footer-column a:hover { color: var(--accent-strong); }
.site-theme :is(.home-redesign,.materials-redesign,.capabilities-redesign,.services-redesign,.marketing-redesign) { color-scheme: inherit; }
.site-theme .mobile-nav-panel :is(a,.mobile-nav-account) { background: var(--panel); color: var(--text); border-color: var(--line); }
.site-theme .mobile-nav-panel .mobile-nav-primary { background: var(--accent); color: var(--button-ink); }
.site-theme .operations-surface .ops-shell-header .appearance-control { color: var(--muted); }
.site-theme .operations-surface .ops-shell-header > div { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.site-theme .operations-surface .ops-button { background: var(--panel); color: var(--text); border: 1px solid var(--line-strong); }
.site-theme .operations-surface .ops-button-primary { background: var(--accent); color: var(--button-ink); border-color: var(--accent); }
.site-theme .operations-surface .ops-button-done { background: var(--success-soft); color: var(--success); border-color: var(--success-line); }
.site-theme .operations-surface .ops-button:hover { filter: brightness(1.08); }
.site-theme .operations-surface .ops-attention .ops-section-heading h2 { color: var(--accent-strong); }
html[data-theme="dark"] .site-theme :is(.ops-shell-header,.operations-surface .ops-rail,.wizard-dialog .wizard-header) { background: var(--bg-soft); border-color: var(--line); }
html[data-theme="dark"] .site-theme .operations-surface .ops-rail nav a:is(.active,:hover) { background: var(--panel-soft); }
html[data-theme="dark"] .site-theme :is(.materials-breadcrumb-shell,.capabilities-breadcrumb-shell,.services-breadcrumb-shell,.marketing-breadcrumb-shell) { background: var(--bg); }
html[data-theme="dark"] .site-theme :is(.modal-card,.support-help,.inline-preview,.user-directory-tile,.upload-zone,.preview-panel,.order-item,.file-card) { background: var(--panel); border-color: var(--line); color: var(--text); }
html[data-theme="dark"] body.site-theme .home-redesign .wizard-shell .wizard-dialog { --home-ink: var(--text); --home-muted: var(--muted); --home-line: var(--line); }
html[data-theme="dark"] body.site-theme .home-redesign .wizard-dialog :is(.material-help-strip,.part-settings-panel,.quote-lead-card,.material-summary,.material-card,.quoted-part-card,.part-row) { background: var(--panel); border-color: var(--line); color: var(--text); }
html[data-theme="dark"] body.site-theme .home-redesign .wizard-dialog :is(.wizard-header,.quote-review-summary,.quote-parts-head,.stl-stage) { background: var(--bg-soft); border-color: var(--line); }
html[data-theme="dark"] .site-theme :is(.article-table-wrap,.article-table-wrap th,.article-table-wrap td,.technical-table-wrap,.break-table-wrap) { background: var(--panel); color: var(--text); border-color: var(--line); }
html[data-theme="dark"] .site-theme :is(.article-table-wrap th,.technical-table-wrap th,.break-table th) { background: var(--panel-soft); }
@media (max-width:1200px) {
  .site-theme .topbar { flex-wrap: wrap; padding: 14px 24px; min-height: 78px; }
  .site-theme .topbar-main { width: 100%; gap: 12px; }
  .site-theme .topbar > :is(.topnav,.topbar-actions) { display: none; }
  .site-theme .mobile-nav-toggle { display: inline-flex; }
  .site-theme .appearance-mobile { display: inline-flex; margin-left: auto; }
  .site-theme .mobile-nav-panel:not(.hidden) { display: grid; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding-top: 16px; }
}
@media (max-width:760px) {
  .site-theme .topbar { padding: 12px 20px; }
  .site-theme .brand-copy strong { font-size: 1.4rem; }
  .site-theme .appearance-control { padding-left: 7px; gap: 4px; }
  .site-theme .appearance-control svg { width: 15px; }
  .site-theme .appearance-control select { max-width: 88px; padding-right: 10px; }
  .site-theme .mobile-nav-toggle { padding: 10px; }
  .site-theme .mobile-nav-toggle > [data-mobile-nav-label] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
@media (max-width:360px) {
  .site-theme .topbar { padding-inline:16px; }
  .site-theme .topbar-main { gap:8px; }
  .site-theme .brand-copy strong { font-size:1.15rem; }
  .site-theme .appearance-control select { max-width:76px; }
  .site-theme .appearance-control svg { display:none; }
}