:root {
    --onea-bg: #f6f7fb;
    --onea-surface: #ffffff;
    --onea-surface-raised: #ffffff;
    --onea-surface-soft: #f8fafc;
    --onea-surface-muted: #f2f4f7;
    --onea-border: #e4e7ec;
    --onea-border-strong: #d0d5dd;
    --onea-text: #101828;
    --onea-text-secondary: #475467;
    --onea-muted: #667085;
    --onea-subtle: #98a2b3;
    --onea-primary: #175cd3;
    --onea-primary-soft: #eff4ff;
    --onea-input: #ffffff;
    --onea-shadow: 0 10px 30px rgb(16 24 40 / 8%);
    --app-background: var(--onea-bg);
    --app-surface: var(--onea-surface);
    --app-surface-subtle: var(--onea-surface-soft);
    --app-border: var(--onea-border);
    --app-text: var(--onea-text);
    --app-text-muted: var(--onea-muted);
    --app-primary: var(--onea-primary);
    --app-shadow-sm: var(--onea-shadow);
}

html[data-theme="dark"] {
    --onea-bg: #0b1220;
    --onea-surface: #111a2a;
    --onea-surface-raised: #162235;
    --onea-surface-soft: #182538;
    --onea-surface-muted: #1d2b40;
    --onea-border: #2a394f;
    --onea-border-strong: #3a4d68;
    --onea-text: #e7edf7;
    --onea-text-secondary: #c0ccdc;
    --onea-muted: #9aa9bd;
    --onea-subtle: #76879e;
    --onea-primary: #7da5ff;
    --onea-primary-soft: #182b50;
    --onea-input: #0e1726;
    --onea-shadow: 0 16px 38px rgb(0 0 0 / 28%);
    color-scheme: dark;
}

html,
body,
.app-header,
.card,
.form-control,
.form-select,
.btn,
.modal-content {
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

html[data-theme="dark"] body {
    background: var(--onea-bg);
    color: var(--onea-text);
}

html[data-theme="dark"] .text-muted {
    color: var(--onea-muted) !important;
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button {
    background-color: var(--onea-surface) !important;
    border-color: var(--onea-border) !important;
    color: var(--onea-text);
}

html[data-theme="dark"] .table {
    --bs-table-bg: var(--onea-surface);
    --bs-table-color: var(--onea-text);
    --bs-table-border-color: var(--onea-border);
    --bs-table-hover-bg: var(--onea-surface-soft);
    --bs-table-hover-color: var(--onea-text);
}

html[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: var(--onea-surface);
    color: var(--onea-text);
}

html[data-theme="dark"] .table > thead > tr > * {
    background-color: var(--onea-surface-soft);
    color: var(--onea-text-secondary);
}

html[data-theme="dark"] .table-hover > tbody > tr:hover > * {
    background-color: var(--onea-surface-raised);
    color: var(--onea-text);
}

html[data-theme="dark"] .badge.text-bg-light {
    background-color: var(--onea-surface-muted) !important;
    color: var(--onea-text) !important;
}

html[data-theme="dark"] .alert-light {
    background-color: var(--onea-surface-soft);
    border-color: var(--onea-border);
    color: var(--onea-text);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-check-input,
html[data-theme="dark"] .input-group-text {
    background-color: var(--onea-input);
    border-color: var(--onea-border-strong);
    color: var(--onea-text);
}

html[data-theme="dark"] .form-control::placeholder {
    color: var(--onea-subtle);
}

html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-select:disabled,
html[data-theme="dark"] .form-control[readonly] {
    background-color: var(--onea-surface-muted);
    color: var(--onea-muted);
}

html[data-theme="dark"] .btn-outline-secondary {
    --bs-btn-bg: transparent;
    --bs-btn-color: #c0ccdc;
    --bs-btn-border-color: #52647d;
    --bs-btn-hover-bg: #293950;
    --bs-btn-hover-border-color: #6e819d;
    --bs-btn-hover-color: #ffffff;
}

html[data-theme="dark"] .btn-outline-primary {
    --bs-btn-bg: transparent;
    --bs-btn-color: #9bb8ff;
    --bs-btn-border-color: #527dcc;
    --bs-btn-hover-bg: #244b91;
    --bs-btn-hover-border-color: #6d96e8;
    --bs-btn-hover-color: #ffffff;
}

html[data-theme="dark"] a:where(
    :not(.btn):not(.nav-link):not(.metric-card):not(.recent-row):not(.task-card):not(.user-card)) {
    color: #8eb1ff;
}

html[data-theme="dark"] hr {
    border-color: var(--onea-border);
    opacity: 1;
}

html[data-theme="dark"] .app-header,
html[data-theme="dark"] .app-header .navbar {
    background: #0f1928;
    border-color: var(--onea-border);
}

html[data-theme="dark"] .app-header {
    box-shadow: 0 4px 18px rgb(0 0 0 / 24%);
}

html[data-theme="dark"] .navbar-brand {
    background: #ffffff;
    border-radius: .65rem;
    box-shadow: 0 4px 14px rgb(0 0 0 / 18%);
    padding: .3rem .5rem;
}

html[data-theme="dark"] .header-account-row,
html[data-theme="dark"] .header-collapse {
    border-color: var(--onea-border);
}

html[data-theme="dark"] .user-name,
html[data-theme="dark"] .navbar .nav-link,
html[data-theme="dark"] .header-navigation .dropdown-toggle {
    color: var(--onea-text-secondary);
}

html[data-theme="dark"] .user-role {
    color: var(--onea-subtle);
}

html[data-theme="dark"] .navbar .nav-link:hover {
    background: var(--onea-surface-soft);
    color: #ffffff;
}

html[data-theme="dark"] .navbar .nav-link.active {
    background: #193661;
    color: #a8c1ff;
}

html[data-theme="dark"] .header-navigation .dropdown-toggle.active {
    background: #193661;
    color: #a8c1ff;
}

html[data-theme="dark"] .primary-navigation .dropdown-menu {
    background: var(--onea-surface-raised);
    border-color: var(--onea-border);
    box-shadow: 0 10px 24px rgb(0 0 0 / 24%);
}

html[data-theme="dark"] .primary-navigation .dropdown-item {
    color: var(--onea-text-secondary);
}

html[data-theme="dark"] .primary-navigation .dropdown-item:hover,
html[data-theme="dark"] .primary-navigation .dropdown-item.active {
    background: var(--onea-surface-soft);
    color: #ffffff;
}

html[data-theme="dark"] .primary-navigation .dropdown-header {
    color: var(--onea-muted);
    font-weight: 750;
}

html[data-theme="dark"] .navbar-toggler {
    border-color: var(--onea-border-strong);
}

html[data-theme="dark"] .theme-switch,
html[data-theme="dark"] .language-switch {
    background: var(--onea-surface-muted);
    color: var(--onea-text-secondary);
}

html[data-theme="dark"] .theme-switch select,
html[data-theme="dark"] .theme-switch select option,
html[data-theme="dark"] .language-switch select,
html[data-theme="dark"] .language-switch select option {
    background: var(--onea-surface-muted);
    color: var(--onea-text-secondary);
}

html[data-theme="dark"] .btn:disabled {
    background-color: var(--onea-surface-soft);
    border-color: var(--onea-border-strong);
    color: var(--onea-muted);
    opacity: 1;
}

html[data-theme="dark"] .theme-switch i,
html[data-theme="dark"] .language-switch i,
html[data-theme="dark"] .language-switch select {
    color: #a9b8ca;
}

html[data-theme="dark"] .user-summary {
    color: var(--onea-text);
}

html[data-theme="dark"] .app-build-info {
    color: var(--onea-subtle);
}

@media (max-width: 1399.98px) {
    html[data-theme="dark"] .user-summary {
        background: var(--onea-surface-soft);
        border-color: var(--onea-border);
    }
}

@media (max-width: 575.98px) {
    html[data-theme="dark"] .primary-navigation > .nav-item + .nav-item {
        border-color: var(--onea-border);
    }
}

html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .dashboard-panel,
html[data-theme="dark"] .group-create,
html[data-theme="dark"] .group-card,
html[data-theme="dark"] .member-panel,
html[data-theme="dark"] .action-card,
html[data-theme="dark"] .directory-summary > div,
html[data-theme="dark"] .directory-toolbar,
html[data-theme="dark"] .user-card,
html[data-theme="dark"] .task-card,
html[data-theme="dark"] .restore-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .edit-card {
    background: var(--onea-surface);
    border-color: var(--onea-border);
    color: var(--onea-text);
    box-shadow: none;
}

html[data-theme="dark"] .metric-card:hover,
html[data-theme="dark"] .user-card:hover,
html[data-theme="dark"] .task-card:hover,
html[data-theme="dark"] .group-card:hover {
    background: var(--onea-surface-raised);
    border-color: #527dcc;
    box-shadow: var(--onea-shadow);
}

html[data-theme="dark"] .metric-card small,
html[data-theme="dark"] .panel-heading p,
html[data-theme="dark"] .recent-row small,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .groups-heading p,
html[data-theme="dark"] .member-heading p,
html[data-theme="dark"] .group-card small,
html[data-theme="dark"] .source-row small,
html[data-theme="dark"] .member-row small,
html[data-theme="dark"] .directory-heading p,
html[data-theme="dark"] .directory-summary span,
html[data-theme="dark"] .user-card small,
html[data-theme="dark"] .edit-card p,
html[data-theme="dark"] .edit-card small,
html[data-theme="dark"] .backup-heading p,
html[data-theme="dark"] .action-card p,
html[data-theme="dark"] .restore-card p,
html[data-theme="dark"] .action-card small,
html[data-theme="dark"] .archive-row small,
html[data-theme="dark"] .profile-card p {
    color: var(--onea-muted);
}

html[data-theme="dark"] .recent-row,
html[data-theme="dark"] .source-list,
html[data-theme="dark"] .member-list,
html[data-theme="dark"] .change-heading {
    border-color: var(--onea-border);
}

html[data-theme="dark"] .source-row,
html[data-theme="dark"] .member-row,
html[data-theme="dark"] .archive-row,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .change-entry,
html[data-theme="dark"] .status-chip,
html[data-theme="dark"] .source-badge,
html[data-theme="dark"] .source-badge.local {
    background: var(--onea-surface-soft);
    color: var(--onea-text-secondary);
}

html[data-theme="dark"] .avatar {
    background: #1a315c;
    color: #a8c1ff;
}

html[data-theme="dark"] .status.active,
html[data-theme="dark"] .source-badge:not(.local),
html[data-theme="dark"] .signature-badge {
    background: #123b32;
    color: #72dfbd;
}

html[data-theme="dark"] .metric-card.urgent,
html[data-theme="dark"] .task-card.overdue {
    background: #351c29;
    border-color: #e46273;
}

html[data-theme="dark"] .task-card.due-soon,
html[data-theme="dark"] .confirm-row {
    background: #342a16;
    border-color: #d9a441;
}

html[data-theme="dark"] .desktop-matrix {
    background: var(--onea-surface);
    border-color: var(--onea-border);
    scrollbar-color: #5d7394 var(--onea-surface-soft);
}

html[data-theme="dark"] .desktop-matrix .table {
    --bs-table-bg: var(--onea-surface);
    --bs-table-border-color: var(--onea-border);
    --bs-table-color: var(--onea-text);
    --bs-table-bg-state: transparent;
    --bs-table-bg-type: transparent;
}

html[data-theme="dark"] .desktop-matrix .table > :not(caption) > * > * {
    background-color: var(--onea-surface) !important;
    border-color: var(--onea-border) !important;
    box-shadow: none !important;
    color: var(--onea-text) !important;
}

html[data-theme="dark"] .desktop-matrix .table > thead > tr > *,
html[data-theme="dark"] .desktop-matrix .table > tbody > tr > th {
    background-color: var(--onea-surface-raised) !important;
    color: var(--onea-text) !important;
}

html[data-theme="dark"] .desktop-matrix .table > tbody > tr:hover > * {
    background-color: var(--onea-surface-soft) !important;
}

html[data-theme="dark"] .task-card.due-soon .task-time strong {
    color: #f3c56b;
}

html[data-theme="dark"] .task-card.overdue .task-time strong {
    color: #ff8b99;
}

html[data-theme="dark"] .task-deadline.due-soon {
    background: #342a16;
    border-color: #d9a441;
    color: #f3c56b;
}

html[data-theme="dark"] .task-deadline.overdue {
    background: #351c29;
    border-color: #e46273;
    color: #ff8b99;
}

html[data-theme="dark"] .form-completion-card {
    background: linear-gradient(135deg, #182b50, #172235);
    border-color: #355a9f;
}

html[data-theme="dark"] .calculated-value {
    background: linear-gradient(135deg, #19335c, #302758);
    border-color: #506fae;
    color: #c0d2ff;
}

html[data-theme="dark"] .value-change > span:not([aria-hidden]) {
    background: var(--onea-input);
    border-color: var(--onea-border);
}

html[data-theme="dark"] .pdf-preview-frame {
    background: #172235;
    border-color: var(--onea-border);
}

html[data-theme="dark"] .pdf-loading {
    background: rgb(11 18 32 / 90%);
    color: var(--onea-text);
}

html[data-theme="dark"] .flatpickr-calendar {
    background: var(--onea-surface-raised);
    border: 1px solid var(--onea-border);
    box-shadow: var(--onea-shadow);
}

html[data-theme="dark"] .flatpickr-months,
html[data-theme="dark"] .flatpickr-month,
html[data-theme="dark"] .flatpickr-current-month,
html[data-theme="dark"] .flatpickr-weekday,
html[data-theme="dark"] .flatpickr-day {
    color: var(--onea-text);
    fill: var(--onea-text);
}

html[data-theme="dark"] .flatpickr-day:hover,
html[data-theme="dark"] .flatpickr-day:focus {
    background: var(--onea-surface-muted);
    border-color: var(--onea-border-strong);
}

html[data-theme="dark"] .flatpickr-day.prevMonthDay,
html[data-theme="dark"] .flatpickr-day.nextMonthDay {
    color: var(--onea-subtle);
}

html[data-theme="dark"] .flatpickr-day.selected {
    background: #527dcc;
    border-color: #527dcc;
    color: #ffffff;
}

html[data-theme="dark"] #components-reconnect-modal {
    background: var(--onea-surface-raised);
    border: 1px solid var(--onea-border);
    box-shadow: var(--onea-shadow);
    color: var(--onea-text);
}

html[data-theme="dark"] #components-reconnect-modal::backdrop {
    background: rgb(3 7 18 / 72%);
}

html[data-theme="dark"] .designer-shell {
    --designer-border: #2a394f;
    --designer-blue: #7da5ff;
    --designer-ink: #e7edf7;
    background: #0b1220;
    color: var(--designer-ink);
}

html[data-theme="dark"] .designer-topbar,
html[data-theme="dark"] .designer-tabs,
html[data-theme="dark"] .designer-validation,
html[data-theme="dark"] .designer-palette,
html[data-theme="dark"] .designer-properties,
html[data-theme="dark"] .canvas-toolbar {
    background: #111a2a;
    border-color: var(--designer-border);
}

html[data-theme="dark"] .designer-title-input,
html[data-theme="dark"] .designer-tab,
html[data-theme="dark"] .palette-item,
html[data-theme="dark"] .palette-layout,
html[data-theme="dark"] .flow-palette-item,
html[data-theme="dark"] .flow-node,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .position-pad button,
html[data-theme="dark"] .empty-flow,
html[data-theme="dark"] .field-toolbar {
    background: #162235;
    border-color: var(--designer-border);
    color: var(--designer-ink);
}

html[data-theme="dark"] .designer-context-menu {
    background: #162235;
    border-color: var(--designer-border);
    box-shadow: 0 8px 24px rgb(0 0 0 / 32%);
}

html[data-theme="dark"] .designer-context-menu button {
    color: var(--designer-ink);
}

html[data-theme="dark"] .designer-context-menu button:hover {
    background: #1b2c46;
    color: #ffffff;
}

html[data-theme="dark"] .designer-context-menu .danger {
    color: #ffb4ae;
}

html[data-theme="dark"] .palette-item:hover,
html[data-theme="dark"] .palette-layout:hover,
html[data-theme="dark"] .flow-palette-item:hover,
html[data-theme="dark"] .flow-node:hover,
html[data-theme="dark"] .flow-canvas.is-connecting .flow-node:hover {
    background: #1b2c46;
    border-color: var(--designer-blue);
}

html[data-theme="dark"] .designer-tab span,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .property-title > span,
html[data-theme="dark"] .settings-icon,
html[data-theme="dark"] .connect-hint,
html[data-theme="dark"] .assignment-chips button {
    background: #1a315c;
    color: #a8c1ff;
}

html[data-theme="dark"] .designer-back,
html[data-theme="dark"] .designer-kicker,
html[data-theme="dark"] .designer-save-state,
html[data-theme="dark"] .designer-tab,
html[data-theme="dark"] .designer-palette > p,
html[data-theme="dark"] .canvas-toolbar span,
html[data-theme="dark"] .property-title p,
html[data-theme="dark"] .property-group small,
html[data-theme="dark"] .property-subtitle,
html[data-theme="dark"] .property-empty,
html[data-theme="dark"] .flow-palette-item small,
html[data-theme="dark"] .flow-node small,
html[data-theme="dark"] .settings-card-head p,
html[data-theme="dark"] .setting-toggle small,
html[data-theme="dark"] .revision-list span,
html[data-theme="dark"] .revision-list small {
    color: var(--onea-muted);
}

html[data-theme="dark"] .property-group label {
    color: var(--onea-text-secondary);
}

html[data-theme="dark"] .column-dropzone,
html[data-theme="dark"] .empty-canvas,
html[data-theme="dark"] .add-row-inline,
html[data-theme="dark"] .pattern-preview,
html[data-theme="dark"] .designer-progress,
html[data-theme="dark"] .calculation-example {
    background: #182538;
    border-color: #3a4d68;
    color: var(--onea-muted);
}

html[data-theme="dark"] .palette-category h3,
html[data-theme="dark"] .palette-empty {
    color: var(--onea-muted);
}

html[data-theme="dark"] .media-field-preview,
html[data-theme="dark"] .html-field-preview {
    background: var(--onea-surface-soft);
    border-color: var(--onea-border-strong);
    color: var(--onea-muted);
}

html[data-theme="dark"] .designer-section.selected,
html[data-theme="dark"] .designer-field:hover,
html[data-theme="dark"] .designer-field.selected {
    background: #152745;
    border-color: var(--designer-blue);
}

html[data-theme="dark"] .designer-drag-preview {
    background: #1b2c46;
    border-color: #a8c1ff;
    box-shadow: 0 12px 28px rgb(0 0 0 / 38%);
    color: var(--designer-ink);
}

html[data-theme="dark"] .designer-shell.has-item-drag .designer-column,
html[data-theme="dark"] .designer-shell.has-item-drag .flow-canvas {
    outline-color: rgb(125 165 255 / 70%);
}

html[data-theme="dark"] .designer-shell.has-item-drag .designer-column:hover,
html[data-theme="dark"] .designer-shell.has-item-drag .designer-section.drop-placeholder {
    background: #1b2c46;
    outline-color: var(--designer-blue);
}

html[data-theme="dark"] .flow-canvas {
    background-color: #0e1726;
    background-image: radial-gradient(#31435d 1px, transparent 1px);
}

html[data-theme="dark"] .flow-path {
    stroke: #72849d;
}

html[data-theme="dark"] .parallel-block-button,
html[data-theme="dark"] .fallback-guide {
    background: #352a16;
    border-color: #8d6428;
    color: #f0ca7a;
}

html[data-theme="dark"] .parallel-block-button small {
    color: #d3b06c;
}

html[data-theme="dark"] .approval-block-button {
    background: #2b2448;
    border-color: #7662c8;
    color: #c9bcff;
}

html[data-theme="dark"] .approval-block-button small {
    color: #a99cdf;
}

html[data-theme="dark"] .start-badge {
    background: #123b32;
    color: #72dfbd;
}

html[data-theme="dark"] .deadline-badge,
html[data-theme="dark"] .fallback-badge {
    background: #3a2d16;
    color: #f0c66e;
}

html[data-theme="dark"] .node-connect-port {
    border-color: #d8e1ee;
}

html[data-theme="dark"] .calculated-field-preview {
    background: linear-gradient(135deg, #19335c, #302758);
    border-color: #506fae;
}

html[data-theme="dark"] .form-paper {
    --bs-body-color: var(--onea-text);
    --bs-secondary-color: var(--onea-muted);
    --bs-border-color: var(--onea-border-strong);
    --bs-form-control-bg: var(--onea-input);
    background: var(--onea-surface-raised);
    border-color: #4a5b72;
    box-shadow: 0 18px 48px rgb(0 0 0 / 38%);
    color: var(--onea-text);
    color-scheme: dark;
}

html[data-theme="dark"] .form-paper .form-control,
html[data-theme="dark"] .form-paper .form-select,
html[data-theme="dark"] .form-paper .input-group-text {
    background: var(--onea-input);
    border-color: var(--onea-border-strong);
    color: var(--onea-text);
}

html[data-theme="dark"] .form-paper .form-intro {
    background: var(--onea-surface-soft);
}

html[data-theme="dark"] .form-paper .designer-section.selected {
    background: #182b50;
}

html[data-theme="dark"] .form-paper .designer-field:hover,
html[data-theme="dark"] .form-paper .designer-field.selected {
    background: #1b2c46;
}

html[data-theme="dark"] .form-paper .field-toolbar {
    background: var(--onea-surface-raised);
}

html[data-theme="dark"] .form-paper .column-dropzone,
html[data-theme="dark"] .form-paper .empty-canvas,
html[data-theme="dark"] .form-paper .add-row-inline {
    background: var(--onea-surface-soft);
    border-color: var(--onea-border-strong);
    color: var(--onea-muted);
}

html[data-theme="dark"] .form-paper .designer-field small,
html[data-theme="dark"] .form-paper .designer-section-head p {
    color: var(--onea-muted);
}

html[data-theme="dark"] .form-paper .calculated-field-preview {
    background: linear-gradient(135deg, #19335c, #302758);
    border-color: #506fae;
    color: #c0d2ff;
}

html[data-theme="dark"] .form-paper .form-paper-head {
    border-color: var(--onea-text-secondary);
}

html[data-theme="dark"] .form-paper .form-paper-head p,
html[data-theme="dark"] .form-paper .designer-field label {
    color: var(--onea-text);
}

.form-field-info,
.form-field-success,
.form-field-warning,
.form-field-danger {
    border-left: 3px solid transparent;
    padding-left: .8rem;
}

.form-field-info { border-left-color: #2d7dd2; }
.form-field-success { border-left-color: #219653; }
.form-field-warning { border-left-color: #d08a13; }
.form-field-danger { border-left-color: #d6414b; }
.form-media-image,
.form-media-video { display: block; height: auto; max-width: 100%; }
.form-media-image { border-radius: .35rem; }
.form-media-video { border-radius: .35rem; max-height: 34rem; }
.form-html-content { line-height: 1.55; overflow-wrap: anywhere; }
.form-html-content pre { background: var(--app-surface-subtle); border: 1px solid var(--app-border); border-radius: .3rem; padding: .75rem; white-space: pre-wrap; }
.form-rating { display: flex; flex-wrap: wrap; gap: .4rem; }
.form-rating button { background: var(--app-surface-subtle); border: 1px solid var(--app-border); border-radius: .3rem; color: inherit; min-width: 2.25rem; padding: .4rem .55rem; }
.form-rating button.active { background: #2463eb; border-color: #2463eb; color: #fff; }
.form-rating-stars button { font-size: 1.35rem; line-height: 1; }
.form-rating-thumbs button { min-width: 2.9rem; font-size: 1.15rem; }
.form-rating-scale { display: grid; gap: .35rem; }
.form-rating-labels { color: var(--app-text-muted); display: flex; font-size: .825rem; justify-content: space-between; margin-top: .35rem; }
.form-slider { align-items: center; display: grid; gap: .45rem; grid-template-columns: minmax(0, 1fr) auto; }
.form-slider output { min-width: 2.5rem; text-align: right; }
.experimental-script-field { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; }
.experimental-script-field output { flex: 1 1 14rem; }
.forms-index-table .form-list-closed { opacity: .68; }
.forms-index-table .form-list-closed:hover { opacity: .9; }
.form-status-completed, .form-status-archived { background: var(--app-surface-subtle); color: var(--app-text-muted); }
.form-status-discarded { background: #fff1f1; color: #a11d2a; }
html[data-theme="dark"] .form-status-discarded { background: #3a1820; color: #ffabb4; }

@media (prefers-reduced-motion: reduce) {
    html,
    body,
    .app-header,
    .card,
    .form-control,
    .form-select,
    .btn,
    .modal-content {
        transition: none;
    }
}