/* Selection and quote use the exact colors of realization-workspace.css.
   Primary buttons and modal frames use the shared polished theme used by realization.
   Screen-only paint: table geometry, white customer documents and print stay intact. */
@media screen {
  body.selection-ui-mode {
    --sq-surface: rgba(15, 23, 42, .45);
    --sq-raised: rgba(51, 65, 85, .44);
    --sq-line: rgba(148, 163, 184, .24);
    --sq-line-strong: rgba(148, 163, 184, .48);
    --sq-text: var(--text);
    --sq-muted: var(--muted);
    --sq-cyan: #7dd3fc;
    --sq-teal: #6ee7b7;
    --sq-amber: #fcd34d;
    --sq-rose: #fda4af;
    --sq-shadow: var(--shadow-lg);
  }

  /* Supporting cards read as a single workspace, without luminous decoration. */
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspaceBar, #selectionWorkspacePanel,
    #quoteWorkspaceSettings, #quoteWorkspaceSelection, #quoteAlternativesPanel, #rowSelectionBar, #topTotalsBar) {
    background: linear-gradient(120deg, rgba(30, 41, 59, .94), rgba(15, 23, 42, .75)) !important;
    border-color: var(--sq-line-strong) !important;
    box-shadow: var(--sq-shadow);
    color: var(--sq-text);
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspacePanel, #quoteWorkspaceSettings)::before {
    background: var(--sq-line);
    box-shadow: none;
  }
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspacePanel, #quoteWorkspaceSettings) h5 {
    color: var(--text);
    font-weight: 650;
    letter-spacing: -.01em;
  }
  body.selection-ui-mode :is(#dealInfoCard, #quoteWorkspaceSettings) .info-field label,
  body.selection-ui-mode :is(.selw-muted, .selw-current-label, .selw-completion-status, .qw-field,
    .qw-context-row, .qw-price-strip small, .qa-summary, .qa-hint) { color: var(--sq-muted); }
  body.selection-ui-mode :is(.selw-panel-buttons, .qw-summary, .qw-price-strip, .qa-choices,
    .qw-modal-header, .qw-modal-actions) { border-color: var(--sq-line); }
  body.selection-ui-mode .qw-collapse-toggle {
    color: var(--text);
    transition: color 150ms ease, background-color 150ms ease;
  }
  body.selection-ui-mode .qw-collapse-toggle:hover { color: var(--text); background-color: rgba(148, 163, 184, .1); }
  body.selection-ui-mode .qw-collapse-chevron { color: var(--muted); transition: transform 160ms ease, color 150ms ease; }
  body.selection-ui-mode .qw-card-collapsed .qw-collapse-chevron { color: var(--sq-cyan); }

  /* Local navigation and alternatives use the same selected treatment. */
  body.selection-ui-mode .selw-panel-buttons .selw-icon,
  body.selection-ui-mode .qa-choice {
    background: rgba(15, 23, 42, .4);
    color: var(--muted);
    border-color: var(--sq-line);
    box-shadow: none;
  }
  body.selection-ui-mode .selw-panel-buttons .selw-icon:hover:not(:disabled),
  body.selection-ui-mode .qa-choice:hover:not(:disabled) {
    background: rgba(56, 189, 248, .12);
    border-color: rgba(125, 211, 252, .6);
    color: var(--text);
  }
  body.selection-ui-mode .selw-panel-buttons .selw-icon.is-active,
  body.selection-ui-mode .selw-panel-buttons .selw-icon.is-active.selw-ready,
  body.selection-ui-mode .qa-choice.is-current {
    background: linear-gradient(120deg, rgba(14, 116, 144, .45), rgba(79, 70, 229, .3));
    border-color: rgba(56, 189, 248, .35);
    color: #e0f2fe !important;
    box-shadow: 0 1px 8px rgba(2, 6, 23, .3);
  }
  body.selection-ui-mode .selw-panel-buttons .selw-ready:not(.is-active) { color: var(--sq-teal) !important; border-color: #34d399; }
  body.selection-ui-mode #quoteAlternativesPanel > summary { transition: background-color 150ms ease; }
  body.selection-ui-mode #quoteAlternativesPanel > summary:hover { background-color: rgba(148, 163, 184, .1); }
  body.selection-ui-mode #quoteAlternativesPanel > summary::before { color: var(--muted); transition: transform 160ms ease, color 150ms ease; }
  body.selection-ui-mode :is(.qa-heading, .qa-current > strong) { color: var(--text); }
  body.selection-ui-mode .qa-choice small { color: var(--muted); }
  body.selection-ui-mode .qa-choice.is-accounting small { color: #bae6fd; }
  body.selection-ui-mode .qa-badge.is-accounting { color: #bae6fd; border-color: rgba(56, 189, 248, .35); background-color: rgba(8, 47, 73, .45); }
  body.selection-ui-mode .qa-badge.is-draft { color: var(--sq-amber); border-color: rgba(204, 169, 105, .35); background-color: rgba(140, 112, 57, .08); }

  /* The pending action uses the shared blue CTA; green denotes completed work. */
  body.selection-ui-mode #selectionCompleteButton,
  body.selection-ui-mode #selectionCompleteButton.is-pending {
    background: linear-gradient(145deg, #2a69c8, #2056b9);
    border-color: #82b2ff4d;
    color: var(--text);
    box-shadow: 0 1px 0 #bddbff66 inset, 0 -1px 0 #123e91a6 inset, 0 3px 9px #2169e333;
  }
  body.selection-ui-mode #selectionCompleteButton:hover:not(:disabled) {
    background: linear-gradient(145deg, #3074d7, #2863c9);
    border-color: #82b2ff4d;
    color: var(--text);
  }
  body.selection-ui-mode #selectionCompleteButton.is-complete {
    background: rgba(15, 23, 42, .4);
    border-color: #34d399;
    color: #6ee7b7;
    box-shadow: none;
  }
  body.selection-ui-mode .selw-prepare {
    background: rgba(15, 23, 42, .4);
    border-color: var(--sq-line-strong);
    color: var(--text);
    box-shadow: none;
  }
  body.selection-ui-mode .selw-prepare:hover:not(:disabled) { background: rgba(56, 189, 248, .12); border-color: rgba(125, 211, 252, .6); }
  body.selection-ui-mode :is(.selw-readiness, .selw-attachments, .qw-onboarding, .qw-safe-note) {
    background: var(--sq-surface);
    border-color: var(--sq-line);
    box-shadow: none;
  }
  body.selection-ui-mode .selw-readiness > strong { color: var(--text); }
  body.selection-ui-mode .selw-check { border-color: var(--sq-line); color: var(--muted); }
  body.selection-ui-mode .selw-check:hover { border-color: rgba(125, 211, 252, .6); background-color: rgba(56, 189, 248, .12); }
  body.selection-ui-mode .selw-missing { color: var(--sq-amber); }
  body.selection-ui-mode .selw-file { border-color: var(--sq-line); }
  body.selection-ui-mode .selw-file-name { color: var(--sq-cyan); }
  body.selection-ui-mode .selw-file-name:hover { color: #bae6fd; }

  /* Hierarchy keeps its existing compact dimensions and structural rules. */
  body.selection-ui-mode #systemsContainer .system-card {
    background: var(--sq-surface) !important;
    border-color: var(--sq-line-strong) !important;
    box-shadow: var(--sq-shadow);
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }
  body.selection-ui-mode #systemsContainer .system-card:hover {
    border-color: var(--sq-line-strong) !important;
    box-shadow: var(--sq-shadow);
  }
  body.selection-ui-mode #systemsContainer .system-header {
    background: linear-gradient(110deg, rgba(51, 65, 85, .7), rgba(30, 41, 59, .65)) !important;
    border-bottom-color: var(--sq-line-strong);
    color: var(--text);
    box-shadow: none;
  }
  body.selection-ui-mode #systemsContainer .system-title:hover { background-color: rgba(148, 163, 184, .1); }
  body.selection-ui-mode #systemsContainer .system-name-input {
    border-color: var(--sq-line-strong) !important;
    background: var(--panel2) !important;
    color: var(--text) !important;
  }
  body.selection-ui-mode #systemsContainer .system-header .badge-blue {
    background: rgba(15, 23, 42, .4);
    border-color: var(--sq-line-strong);
    color: var(--muted);
    box-shadow: none;
  }
  body.selection-ui-mode #systemsContainer .agent-supplier-system { border-color: rgba(158, 147, 183, .43) !important; }
  body.selection-ui-mode #systemsContainer .agent-supplier-system .system-header {
    background: linear-gradient(105deg, #34384e, #242e43) !important;
    border-bottom-color: rgba(163, 151, 190, .4);
  }
  body.selection-ui-mode #systemsContainer .agent-system-badge {
    color: #d5caea;
    background-color: rgba(138, 113, 171, .12);
    border-color: rgba(177, 155, 203, .34);
  }
  body.selection-ui-mode #systemsContainer tr.sec-header > td {
    background: var(--sq-raised) !important;
    border-top-color: var(--sq-line-strong) !important;
    border-bottom-color: var(--sq-line-strong) !important;
    color: var(--text);
    box-shadow: inset 2px 0 0 rgba(148, 163, 184, .48);
  }
  body.selection-ui-mode #systemsContainer tr.sub-header > td {
    background: rgba(15, 23, 42, .7) !important;
    border-top-color: var(--sq-line) !important;
    border-bottom-color: var(--sq-line) !important;
    color: #cbd5e1;
    box-shadow: inset 2px 0 0 rgba(148, 163, 184, .24);
  }
  body.selection-ui-mode #systemsContainer .sec-title .bi-folder-fill { color: #cbd5e1; }
  body.selection-ui-mode #systemsContainer .sub-title .bi-folder2-open { color: var(--muted); }
  body.selection-ui-mode #systemsContainer .system-footer-actions { background-color: var(--sq-surface); border-color: var(--sq-line); }
  body.selection-ui-mode #systemsContainer .toggle-icon { transition-duration: 160ms; }
  body.selection-ui-mode #systemsContainer .drag-handle { color: #94a3b8; }

  /* Quiet grid: paint colors only, leaving user bookmarks and problem states intact. */
  body.selection-ui-mode :is(#systemsContainer, .floating-table-header) table.grid thead th {
    background: rgba(51, 65, 85, .44) !important;
    color: #cbd5e1 !important;
    border-bottom-color: var(--sq-line-strong) !important;
    box-shadow: none;
    letter-spacing: .025em;
  }
  body.selection-ui-mode #systemsContainer table.grid .row-pos > td { border-bottom-color: var(--sq-line) !important; }
  body.selection-ui-mode #systemsContainer .row-pos:nth-child(even) { background-color: rgba(148, 163, 184, .025); }
  body.selection-ui-mode #systemsContainer .row-pos:hover { background-color: rgba(56, 189, 248, .055) !important; }
  body.selection-ui-mode #systemsContainer .row-pos:focus-within {
    background-color: rgba(56, 189, 248, .055) !important;
    box-shadow: inset 3px 0 0 #7dd3fc;
  }
  body.selection-ui-mode #systemsContainer .row-pos > td:focus-within:not(.conditional-problem-cell) {
    background-color: rgba(56, 189, 248, .055) !important;
  }
  body.selection-ui-mode #systemsContainer .row-pos > .addr-cell { color: #bae6fd; background-color: rgba(15, 23, 42, .7); }
  body.selection-ui-mode #systemsContainer .row-pos.selected {
    background-color: rgba(53, 139, 121, .13) !important;
    box-shadow: inset 0 0 0 1px rgba(109, 186, 165, .23);
  }
  body.selection-ui-mode #systemsContainer .row-pos.selected > .addr-cell { background-color: #1b3840; color: #abe1d4; }
  body.selection-ui-mode #systemsContainer .row-pos > .calc-cell:not(.conditional-problem-cell) {
    background-color: transparent !important;
    color: var(--text) !important;
  }
  body.selection-ui-mode #systemsContainer tr.bulk-selected { outline-color: #86cbe2; }
  body.selection-ui-mode #systemsContainer tr.bulk-selected > td:not(.conditional-problem-cell) {
    background-color: rgba(62, 124, 162, .26) !important;
  }
  body.selection-ui-mode #systemsContainer td.conditional-problem-error { background-color: rgba(174, 70, 86, .16) !important; box-shadow: inset 3px 0 0 #d7838d; }
  body.selection-ui-mode #systemsContainer td.conditional-problem-warning { background-color: rgba(159, 131, 69, .13) !important; box-shadow: inset 3px 0 0 #cfaf6e; }
  body.selection-ui-mode #systemsContainer td.conditional-problem-attention { background-color: rgba(171, 123, 75, .13) !important; box-shadow: inset 3px 0 0 #d49c70; }
  body.selection-ui-mode #systemsContainer td.conditional-problem-info { background-color: rgba(136, 168, 186, .075) !important; box-shadow: inset 3px 0 0 #829fac; }
  body.selection-ui-mode #systemsContainer .allocation-status.warning { color: #d4ba84; }
  body.selection-ui-mode #systemsContainer .allocation-status.error { color: #f0aeb5; }
  body.selection-ui-mode #systemsContainer .allocation-status.info { color: #a6bdce; }
  body.selection-ui-mode #systemsContainer .qw-delivery-breakdown { color: var(--muted) !important; }
  body.selection-ui-mode #systemsContainer .qw-delivery-breakdown:hover { color: var(--sq-cyan) !important; }
  body.selection-ui-mode #systemsContainer .qw-optional .addr-cell::after { color: #bae6fd; }
  body.selection-ui-mode #systemsContainer .markup-editor.is-override { background-color: rgba(128, 103, 62, .18); border-color: rgba(214, 179, 113, .45); }
  body.selection-ui-mode #systemsContainer .system-card.project-search-match { border-color: rgba(226, 190, 106, .65) !important; }
  body.selection-ui-mode #systemsContainer table.grid tr.project-search-match > td:not(.conditional-problem-cell) { background-color: rgba(200, 168, 74, .14) !important; }
  body.selection-ui-mode #systemsContainer table.grid tr.project-search-current > td:not(.conditional-problem-cell) { background-color: rgba(201, 141, 74, .24) !important; }
  body.selection-ui-mode #systemsContainer table.grid tr.drag-over-top > td { border-top-color: #8acadd !important; }
  body.selection-ui-mode #systemsContainer table.grid tr.drag-over-bottom > td { border-bottom-color: #8acadd !important; }

  /* Primary and secondary actions share deliberate, restrained interaction. */
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspaceBar, #selectionWorkspacePanel,
    #quoteWorkspaceSettings, #quoteWorkspaceSelection, #quoteAlternativesPanel, #systemsContainer,
    #rowSelectionBar, #addSystemBtnWrap, #quoteWorkspaceModal, #quoteAlternativeModal,
    #bulkEditModal, #columnSettingsModal, #addSectionModal, #addSubsectionModal, #createSpecPositionModal,
    .sx-dialog, .st-text-popover) :is(button, input, select, textarea):not(.qw-client-document *) {
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, box-shadow 160ms ease;
  }
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspacePanel, #quoteWorkspaceSettings,
    #quoteWorkspaceSelection, #quoteAlternativesPanel, #rowSelectionBar, #addSystemBtnWrap,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal,
    #createSpecPositionModal) .btn-primary-custom:not(.qw-client-document *) {
    background: linear-gradient(145deg, #2a69c8, #2056b9) !important;
    color: var(--text) !important;
    box-shadow: 0 1px 0 #bddbff66 inset, 0 -1px 0 #123e91a6 inset, 0 3px 9px #2169e333;
    text-shadow: 0 1px 1px #16438959;
  }
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspacePanel, #quoteWorkspaceSettings,
    #quoteWorkspaceSelection, #quoteAlternativesPanel, #rowSelectionBar, #addSystemBtnWrap,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal,
    #createSpecPositionModal) .btn-primary-custom:hover:not(:disabled):not(.qw-client-document *) {
    background: linear-gradient(145deg, #3074d7, #2863c9) !important;
    box-shadow: 0 1px 0 #d0e7ff80 inset, 0 4px 15px #367bed50, 0 0 0 3px #4f90f011;
    transform: none;
  }
  body.selection-ui-mode :is(#systemsContainer, #quoteWorkspaceSettings, #quoteWorkspaceSelection,
    #quoteAlternativesPanel, #selectionWorkspacePanel, #rowSelectionBar, #addSystemBtnWrap,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal)
    :is(.btn-ghost, .btn-ico):not(.danger):not(.success):not(.has-problems):not(.has-blocking):not(.qw-client-document *) {
    background: rgba(15, 23, 42, .4) !important;
    border-color: var(--sq-line-strong) !important;
    color: var(--text) !important;
    box-shadow: none;
  }
  body.selection-ui-mode :is(#systemsContainer, #quoteWorkspaceSettings, #quoteWorkspaceSelection,
    #quoteAlternativesPanel, #selectionWorkspacePanel, #rowSelectionBar, #addSystemBtnWrap,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal)
    :is(.btn-ghost, .btn-ico):not(.danger):not(.success):not(.has-problems):not(.has-blocking):hover:not(:disabled):not(.qw-client-document *) {
    background: rgba(56, 189, 248, .12) !important;
    border-color: rgba(125, 211, 252, .6) !important;
    color: var(--text) !important;
  }
  body.selection-ui-mode #systemsContainer .btn-ico.success {
    background: rgba(49, 119, 107, .16) !important;
    border-color: rgba(123, 187, 171, .32) !important;
    color: #addbcc !important;
  }
  body.selection-ui-mode #systemsContainer .btn-ico.success:hover:not(:disabled) { background: rgba(62, 140, 125, .24) !important; border-color: #79b5a3 !important; }
  body.selection-ui-mode #systemsContainer .btn-ico.danger { background: rgba(146, 75, 90, .09) !important; border-color: rgba(198, 137, 148, .23) !important; color: #dab0b7 !important; }
  body.selection-ui-mode #systemsContainer .btn-ico.danger:hover:not(:disabled) { background: rgba(155, 68, 84, .2) !important; border-color: #b87784 !important; color: #f4c1c8 !important; }
  body.selection-ui-mode :is(.st-icon, .selw-icon, .selection-name-choice):hover:not(:disabled) { background-color: rgba(56, 189, 248, .12); color: var(--text); border-color: rgba(125, 211, 252, .6); }
  body.selection-ui-mode :is(#systemsContainer, #selectionWorkspaceBar, #selectionWorkspacePanel,
    #quoteWorkspaceSettings, #quoteWorkspaceSelection, #quoteAlternativesPanel) button:disabled {
    opacity: .42;
    box-shadow: none !important;
    transform: none;
    cursor: not-allowed;
  }

  /* Input paint is separate from the existing numeric and row geometry rules. */
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspacePanel, #quoteWorkspaceSettings,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal,
    #addSectionModal, #addSubsectionModal, #createSpecPositionModal, .sx-dialog)
    :is(input:not([type=checkbox]):not([type=radio]), select, textarea):not(.qw-client-document *) {
    background: var(--panel2) !important;
    border-color: var(--sq-line-strong) !important;
    color: var(--text);
    box-shadow: none;
    caret-color: var(--sq-cyan);
  }
  body.selection-ui-mode #systemsContainer .row-pos :is(input, select):not([type=checkbox]) {
    color: var(--text) !important;
    caret-color: var(--sq-cyan);
  }
  body.selection-ui-mode :is(#systemsContainer, #dealInfoCard, #selectionWorkspacePanel,
    #quoteWorkspaceSettings, #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal,
    #columnSettingsModal, #addSectionModal, #addSubsectionModal, #createSpecPositionModal, .sx-dialog)
    :is(input, select, textarea):focus-visible:not(.qw-client-document *) {
    outline: 2px solid #7dd3fc !important;
    outline-offset: -1px;
    border-color: #7dd3fc !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, .12) !important;
  }
  body.selection-ui-mode #systemsContainer .row-pos :is(input, select):focus:not([type=checkbox]) { background-color: var(--panel2) !important; }
  body.selection-ui-mode :is(#systemsContainer, #selectionWorkspaceBar, #selectionWorkspacePanel,
    #quoteWorkspaceSettings, #quoteWorkspaceSelection, #quoteAlternativesPanel, #dealInfoCard,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal,
    .selection-cascade, .st-text-popover) :is(button, summary, a):focus-visible:not(.qw-client-document *) {
    outline: 2px solid #7dd3fc !important;
    outline-offset: 2px;
  }
  body.selection-ui-mode :is(#systemsContainer, #selectionWorkspacePanel, #quoteWorkspaceModal,
    #quoteWorkspaceSettings, #quoteAlternativeModal, #bulkEditModal) input[type=checkbox] { accent-color: #38bdf8 !important; }
  body.selection-ui-mode :is(#dealInfoCard, #selectionWorkspacePanel, #quoteWorkspaceSettings,
    #quoteWorkspaceModal, #quoteAlternativeModal) :is(input, select, textarea):disabled:not(.qw-client-document *) {
    background: var(--panel2) !important;
    color: var(--muted);
    border-color: var(--sq-line) !important;
    box-shadow: none;
  }

  /* Monetary hierarchy stays readable without green washes across every cell. */
  body.selection-ui-mode :is(#quoteWorkspaceSummary, #quoteWorkspaceSettings) .qw-metric span,
  body.selection-ui-mode #topTotalsBar .total-box .label { color: var(--muted); }
  body.selection-ui-mode :is(#quoteWorkspaceSummary, #quoteWorkspaceSettings) .qw-metric strong { color: var(--text); letter-spacing: -.025em; }
  body.selection-ui-mode :is(#quoteWorkspaceSummary, #quoteWorkspaceSettings) .qw-metric:last-child strong { color: var(--text); }
  body.selection-ui-mode #topTotalsBar .total-box { border-left-color: var(--sq-line-strong); }
  body.selection-ui-mode #topTotalsBar .total-box:last-child { border-left-color: var(--sq-line-strong); }
  body.selection-ui-mode #topTotalsBar .total-box .value { color: var(--text); }
  body.selection-ui-mode .qw-delivery-result { border-color: var(--sq-line); }
  body.selection-ui-mode .qw-delivery-result strong { color: var(--text); }
  body.selection-ui-mode .qw-delivery-result small { color: var(--sq-amber); }

  /* Modal frames and compact menus match the page; the white preview is excluded. */
  body.selection-ui-mode :is(#quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal,
    #columnSettingsModal, #addSectionModal, #addSubsectionModal, #createSpecPositionModal) .modal-box,
  body.selection-ui-mode :is(.sx-dialog, .st-text-popover, .selection-cascade, .compact-popup) {
    background: linear-gradient(130deg, #172943, #101d33);
    color: var(--sq-text);
    border-color: #89add940;
    box-shadow: 0 30px 100px #000a, 0 1px 0 #c4dcff12 inset;
  }
  body.selection-ui-mode :is(#quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal,
    #columnSettingsModal, #addSectionModal, #addSubsectionModal, #createSpecPositionModal) {
    transition-duration: 160ms;
  }
  body.selection-ui-mode :is(.qw-modal-header h4, .qa-modal header h4) { color: var(--text); }
  body.selection-ui-mode :is(.qa-modal header, .qa-modal footer, .qw-source-picker, .qw-saved-list > div,
    .selection-cascade-column + .selection-cascade-column) { border-color: var(--sq-line); }
  body.selection-ui-mode #quoteWorkspaceModal .qw-source-picker > label { border-color: var(--sq-line); transition: background-color 140ms ease; }
  body.selection-ui-mode #quoteWorkspaceModal .qw-source-picker > label:hover,
  body.selection-ui-mode #quoteWorkspaceModal .qw-source-picker > label:focus-within { background-color: rgba(56, 189, 248, .055); }
  body.selection-ui-mode #quoteWorkspaceModal .qw-source-picker b { color: var(--sq-cyan); }
  body.selection-ui-mode #quoteWorkspaceModal .qw-source-picker small { color: var(--muted); }
  body.selection-ui-mode #quoteWorkspaceModal :is(.qw-metrics, .qw-table th):not(.qw-client-document *) { background: var(--sq-raised); border-color: var(--sq-line); }
  body.selection-ui-mode #quoteWorkspaceModal :is(.qw-table th, .qw-metric span):not(.qw-client-document *) { color: var(--muted); }
  body.selection-ui-mode #quoteWorkspaceModal .qw-table td:not(.qw-client-document *) { border-color: var(--sq-line); }
  body.selection-ui-mode #quoteAlternativeModal .qa-create-options section { background: var(--sq-surface); border-color: var(--sq-line-strong); box-shadow: none; }
  body.selection-ui-mode .selection-cascade-heading { color: var(--muted); }
  body.selection-ui-mode .selection-cascade-item:hover:not(:disabled),
  body.selection-ui-mode .selection-cascade-item[aria-expanded=true] { background-color: rgba(56, 189, 248, .12); color: var(--text); }
  body.selection-ui-mode .numeric-stepper { background-color: var(--panel2); border-color: var(--sq-line-strong); }
  body.selection-ui-mode .numeric-stepper button { color: var(--muted); }
  body.selection-ui-mode .numeric-stepper button:hover { background-color: rgba(56, 189, 248, .12); color: var(--text); }
}

@media screen and (prefers-reduced-motion: reduce) {
  body.selection-ui-mode :is(#systemsContainer, #selectionWorkspaceBar, #selectionWorkspacePanel,
    #dealInfoCard, #quoteWorkspaceSettings, #quoteWorkspaceSelection, #quoteAlternativesPanel,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal,
    .selection-cascade, .st-text-popover, .compact-popup),
  body.selection-ui-mode :is(#systemsContainer, #selectionWorkspaceBar, #selectionWorkspacePanel,
    #dealInfoCard, #quoteWorkspaceSettings, #quoteWorkspaceSelection, #quoteAlternativesPanel,
    #quoteWorkspaceModal, #quoteAlternativeModal, #bulkEditModal, #columnSettingsModal,
    .selection-cascade, .st-text-popover, .compact-popup) * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}