/* Shared screen components. The existing design system and tokens remain authoritative. */
@media screen {
  html[data-th-ui="unified"] {
    color-scheme: light;
    font-family: var(--ds-font-sans);
    text-size-adjust: 100%;
  }
  html[data-th-ui="unified"] body {
    font-family: var(--ds-font-sans);
    line-height: var(--ds-leading-body);
    -webkit-font-smoothing: antialiased;
  }
  html[data-th-ui="unified"][data-th-app="customer"] body {
    background: var(--ds-ui-page);
    color: var(--ds-ink-strong);
  }
  html[data-th-ui="unified"] :is(button,input,select,textarea) { font-family: inherit; }
  html[data-th-ui="unified"] :is(button,.button,.primary-button,.ghost-button,.filter-button)
    :is(svg,img) { flex-shrink: 0; }
  html[data-th-ui="unified"] :is(button,.button,.primary-button,.ghost-button,.filter-button):not(.nav-link,.point,.ai-draft-marker,.palette-device,.solution-flow button,.mobile-workbench-nav button) {
    min-height: 44px;
    border-radius: var(--ds-ui-control-radius);
    font-size: var(--ds-text-md);
    font-weight: 600;
    line-height: 1.45;
    box-shadow: none;
    text-shadow: none;
    letter-spacing: normal;
  }
  html[data-th-ui="unified"] :is(.ghost,.ghost-button,.secondary,.text-button,.filter-button):not(.active,[aria-pressed="true"]) {
    color: var(--ds-accent-strong);
    background: var(--ds-surface-clean);
    border: 1px solid var(--ds-ui-field-line);
  }
  html[data-th-ui="unified"] :is(button.primary,button.primary-button,a.primary,a.primary-button,button[type="submit"],#btnSave,#btnCreate,button[data-action="adopt"]) {
    background: var(--ds-ui-action);
    color: var(--ds-ui-on-action);
    border: 1px solid var(--ds-ui-action);
    box-shadow: none;
    text-shadow: none;
  }
  html[data-th-ui="unified"] :is(button.primary,button.primary-button,a.primary,a.primary-button,button[type="submit"],#btnSave,#btnCreate,button[data-action="adopt"]):hover:not(:disabled) {
    background: var(--ds-ui-action-hover);
    border-color: var(--ds-ui-action-hover);
  }
  html[data-th-ui="unified"] :is(button.danger,button.danger-button,.danger-button,.button.danger) {
    color: var(--ds-ui-danger);
    background: var(--ds-surface-clean);
    border: 1px solid var(--ds-ui-danger);
  }
  html[data-th-ui="unified"] :is(input,select,textarea):not([type="checkbox"],[type="radio"],[type="range"],[type="color"],[type="hidden"]) {
    min-height: 44px;
    min-width: 0;
    border: 1px solid var(--ds-ui-field-line);
    border-radius: var(--ds-ui-control-radius);
    background-color: var(--ds-surface-clean);
    color: var(--ds-ink-strong);
    font-size: var(--ds-text-md);
    line-height: 1.5;
    box-shadow: none;
    box-sizing: border-box;
  }
  html[data-th-ui="unified"] :is(input,textarea)::placeholder { color: var(--ds-muted); opacity: 1; }
  html[data-th-ui="unified"] :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--ds-ui-action); }
  html[data-th-ui="unified"] :is(button,a,input,select,textarea,summary):focus-visible:not(.solution-flow button,.mobile-workbench-nav button,.point,.ai-draft-marker) {
    outline: 2px solid var(--ds-ui-action);
    outline-offset: 3px;
  }
  html[data-th-ui="unified"] :is(button,input,select,textarea):disabled {
    opacity: .55;
    cursor: not-allowed;
    text-shadow: none;
  }
  html[data-th-ui="unified"] :is(.panel,.card,.surface,.topbar,.catalog-editor-card,.quote-builder-card,.top,.empty-state-panel,.crm-section):not(.drawing-sheet) {
    border-radius: var(--ds-radius-card);
    box-shadow: var(--ds-ui-shadow);
    border-color: var(--ds-line-strong);
  }
  html[data-th-ui="unified"] dialog:not(#customerModal) {
    color: var(--ds-ink-strong);
    background: var(--ds-surface-clean);
    border: 1px solid var(--ds-ui-field-line);
    border-radius: var(--ds-radius-panel);
    box-shadow: var(--ds-ui-dialog-shadow);
  }
  html[data-th-ui="unified"] dialog::backdrop { background: rgba(4,13,20,.55); backdrop-filter: blur(2px); }
  html[data-th-ui="unified"] :is(h1,h2,h3,h4) { font-family: var(--ds-font-sans); letter-spacing: normal; }
  html[data-th-ui="unified"] :is(th,td,.metric-value,.order-money,.amount) { font-variant-numeric: tabular-nums; }
  html[data-th-ui="unified"] :is(.badge,.pill,.tag) { font-family: var(--ds-font-sans); font-size: var(--ds-text-xs); line-height: 1.5; }
  html[data-th-ui="unified"] :is(.tabs,.workspace-nav,.statistics-nav,.assistant-work-tabs) button[aria-pressed="true"],
  html[data-th-ui="unified"] [role="tab"][aria-selected="true"],
  html[data-th-ui="unified"] .filter-button.active {
    color: var(--ds-ui-action);
    background: var(--ds-brand-blue-soft);
    border-color: var(--ds-ui-action);
  }
  html[data-th-ui="unified"] :is(button,a,summary) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
  @media (max-width:720px) {
    html[data-th-ui="unified"] :is(input,select,textarea):not([type="checkbox"],[type="radio"],[type="range"],[type="color"],[type="hidden"]) { font-size: 16px; }
  }
  @media (prefers-reduced-motion:reduce) {
    html[data-th-ui="unified"] *,html[data-th-ui="unified"] *::before,html[data-th-ui="unified"] *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; scroll-behavior: auto!important; }
  }
}