/* Shared visual contract. Geometry and type sizes remain with each layout. */
:root {
  --ui-radius: 2px;
  --ui-action-height: 40px;
  --ui-compact-height: 32px;
  --ui-level-tab-height: 36px;
  --ui-mode-tab-height: 40px;
  --ui-choice-height: 38px;
  --ui-disclosure-height: 28px;
  --ui-icon-size: 32px;
  --ui-mini-icon-size: 24px;
  --ui-close-size: 28px;
  --ui-header-icon-size: 40px;
  --ui-page-inset-x: 16px;
  --ui-page-inset-top: 12px;
  --ui-page-heading-icon-size: 44px;
  --ui-page-heading-gap: 12px;
  --ui-page-heading-title-height: 30px;
  --ui-page-heading-support-gap: 3px;
  --ui-page-heading-support-height: 18px;
  --ui-page-heading-height: 51px;
  --ui-page-heading-content-gap: 8px;
  --ui-page-heading-glyph-size: 22.64px;
  --ui-page-heading-glyph-opacity: .78;
  --ui-page-heading-frame-width: .8px;
  --ui-page-heading-frame-line: rgba(255, 122, 26, .290196);
  --ui-page-heading-frame-fill: rgba(255, 122, 26, .0470588);
  --ui-page-tab-height: 37px;
  --ui-detail-tab-height: 63px;
  --ui-equipment-tab-height: 40px;
  --ui-tab-arrow-width: 20px;
  --ui-matrix-tab-height: 44px;
  --ui-auth-height: 46px;
  --ui-management-field-height: 42px;
  --ui-management-check-size: 18px;
  --ui-management-tab-height: 44px;
  --ui-menu-action-padding: 6px 10px;
  --ui-auth-reveal-width: 61px;
  --ui-upload-field-height: 48px;
  --ui-inline-toggle-height: 19px;
  --ui-chip-close-size: 18px;
  --ui-summary-height: 46px;
  --ui-accordion-height: 72px;
  --ui-date-height: 40px;
  --ui-date-compact-height: 34px;
  --ui-date-panel-height: 44px;
  --ui-calendar-nav-size: 32px;
  --ui-menu-row-height: 35px;
  --ui-option-row-height: 34px;
  --ui-check-size: 16px;
  --ui-stepper-width: 19px;
  --ui-button-padding: 6px 12px;
  --ui-field-padding: 6px 10px;
  --ui-multiline-padding: 8px;
  --ui-form-date-padding: 6px 34px 6px 11px;
  --ui-table-date-padding: 0 32px 0 10px;
  --ui-compact-combo-padding: 0 6px;
  --ui-editor-combo-padding: 0 8px;
  --ui-cell-combo-padding: 0 2px 0 5px;
  --ui-cell-field-padding: 6px 8px;
  --ui-combo-padding: 6px 30px 6px 10px;
  --ui-border-width: 1px;
  --ui-motion: 120ms;
  --ui-disabled-opacity: .55;
  --ui-focus: #2563eb;
  --ui-focus-width: 2px;
  --ui-text: #111827;
  --ui-muted: #617083;
  --ui-inactive-surface: #f1f5f9;
  --ui-readonly-surface: #f3f4f6;
  --ui-surface: #fff;
  --ui-line: #aebbcc;
  --ui-surface-line: #dce3eb;
  --ui-group-line: #d8e0ea;
  --ui-accent: #ff7a1a;
  --ui-accent-hover: #ff9b4a;
  --ui-selection: #fff1e6;
  --ui-icon-asset: #0891b2;
  --ui-icon-personnel: #238b5a;
  --ui-icon-layout: #426a73;
  --ui-layout-tint: #eff5f6;
  --ui-icon-checks: var(--ui-icon-layout);
  --ui-icon-temperature: var(--ui-accent);
  --ui-icon-humidity: var(--ui-icon-asset);
  --ui-icon-cleaning: var(--ui-icon-personnel);
  --ui-icon-waste: var(--ui-icon-layout);
  --ui-status-positive: #24523b;
  --ui-status-negative: #7a3039;
  --ui-layout-check-tint: #edf4f5;
  --ui-option-hover: #e9eef5;
  --ui-popup-shadow: 0 4px 12px #0f172a14;
  --ui-pressed-shadow: inset 0 1px 2px #17243328;
}
@media (prefers-reduced-motion: reduce) { :root { --ui-motion: 0ms; } }