/* DashControl 2027 bridge
   Shared visual refresh for legacy support, people, fleet, reports, and admin modules. */

:root {
  --dc27-bg: #eef6f5;
  --dc27-bg-high: #fbfdfc;
  --dc27-surface: rgba(255, 255, 255, 0.86);
  --dc27-surface-strong: rgba(255, 255, 255, 0.96);
  --dc27-ink: #08171b;
  --dc27-ink-soft: #3d555b;
  --dc27-muted: #637980;
  --dc27-line: rgba(21, 66, 73, 0.15);
  --dc27-line-strong: rgba(21, 66, 73, 0.24);
  --dc27-teal: #00a991;
  --dc27-teal-dark: #063f42;
  --dc27-blue: #2d76bd;
  --dc27-amber: #c58b00;
  --dc27-green: #2f8f52;
  --dc27-red: #9a4c35;
  --dc27-shadow: 0 14px 34px rgba(18, 55, 62, 0.08);
  --dc27-shadow-soft: 0 8px 20px rgba(18, 55, 62, 0.055);
  --dc27-radius: 8px;
}

body.has-dash-menu {
  --panel: var(--dc27-surface);
  --panel-solid: #ffffff;
  --panel-strong: #ffffff;
  --panel-soft: #f3fbfa;
  --text: var(--dc27-ink);
  --muted: var(--dc27-muted);
  --border: var(--dc27-line);
  --accent: var(--dc27-teal);
  --accent-strong: #087d78;
  --accent-dark: #ffffff;
  --primary-accent: var(--dc27-blue);
  --primary-accent-strong: #145c99;
  --primary-accent-soft: rgba(45, 118, 189, 0.12);
  --secondary-accent: var(--dc27-teal);
  --secondary-accent-strong: #087d78;
  --ra-bg: var(--dc27-bg);
  --ra-bg-soft: #f3fbfa;
  --ra-panel: var(--dc27-surface);
  --ra-panel-strong: var(--dc27-surface-strong);
  --ra-panel-accent: #f4fbfa;
  --ra-line: var(--dc27-line);
  --ra-line-strong: var(--dc27-line-strong);
  --ra-ink: var(--dc27-ink);
  --ra-ink-strong: var(--dc27-ink);
  --ra-muted: var(--dc27-muted);
  --ra-accent: var(--dc27-teal);
  --ra-accent-soft: rgba(0, 169, 145, 0.12);
  --ra-blue: var(--dc27-blue);
  --ra-blue-soft: rgba(45, 118, 189, 0.12);
  --ra-green: var(--dc27-green);
  --ra-green-soft: rgba(47, 143, 82, 0.12);
  --ra-amber: var(--dc27-amber);
  --ra-amber-soft: rgba(197, 139, 0, 0.12);
  --ra-red: var(--dc27-red);
  --ra-red-soft: rgba(154, 76, 53, 0.12);
  --fleet-panel: var(--dc27-surface);
  --fleet-panel-strong: #ffffff;
  --fleet-panel-soft: rgba(0, 169, 145, 0.08);
  --fleet-input: #ffffff;
  --fleet-border: var(--dc27-line);
  --fleet-border-strong: var(--dc27-line-strong);
  --fleet-text: var(--dc27-ink);
  --fleet-heading: var(--dc27-ink);
  --fleet-muted: var(--dc27-muted);
  --fleet-accent: var(--dc27-teal);
  --fleet-accent-2: var(--dc27-blue);
  --fleet-lime: var(--dc27-teal);
  --devices-panel: var(--dc27-surface);
  --devices-panel-strong: #ffffff;
  --devices-panel-soft: rgba(0, 169, 145, 0.08);
  --devices-input: #ffffff;
  --devices-border: var(--dc27-line);
  --devices-border-strong: var(--dc27-line-strong);
  --devices-text: var(--dc27-ink);
  --devices-heading: var(--dc27-ink);
  --devices-muted: var(--dc27-muted);
  --devices-accent: var(--dc27-teal);
  --devices-blue: var(--dc27-blue);
}

html {
  color-scheme: light;
}

body,
body[data-theme],
body[data-default-ops-theme] {
  min-height: 100dvh;
  margin: 0;
  background:
    linear-gradient(180deg, var(--dc27-bg-high) 0%, #f2f8f7 46%, var(--dc27-bg) 100%) !important;
  color: var(--dc27-ink) !important;
  font-family: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: 0 !important;
}

body,
button,
input,
select,
textarea {
  letter-spacing: 0 !important;
}

::selection {
  background: rgba(0, 169, 145, 0.22);
  color: var(--dc27-ink);
}

a {
  color: #086f90;
}

:where(
  .page-shell,
  .page,
  .shell,
  .workspace-shell,
  .uniform-shell,
  .mobile-shell,
  .fleet-shell,
  .devices-shell,
  .performance-shell,
  .board-shell,
  .db-shell,
  .ops-container,
  .container,
  .infractions-shell,
  .process-shell
) {
  color: var(--dc27-ink) !important;
}

:where(
  .hero-card,
  .hero,
  .landing-header,
  .topbar,
  .db-topbar,
  .devices-header,
  .main-header,
  .fleet-panel-page .header-main,
  .fleet-intake-page .header-flex,
  .report-header,
  .toolbar,
  .tablet-header,
  .board-toolbar,
  .mobile-topbar,
  .panel-header,
  .panel-head,
  .db-section,
  .section-head,
  .rts-section-head
) {
  border: 1px solid var(--dc27-line) !important;
  border-top: 3px solid var(--dc27-teal) !important;
  border-radius: var(--dc27-radius) !important;
  background:
    linear-gradient(135deg, rgba(247, 255, 253, 0.94), rgba(232, 244, 252, 0.82)) !important;
  box-shadow: var(--dc27-shadow-soft) !important;
  color: var(--dc27-ink) !important;
}

:where(
  .hero-card,
  .hero,
  .performance-hero,
  .report-header,
  .snapshot-card,
  .devices-summary-panel,
  .rts-summary-panel
) :where(h1, h2, h3) {
  color: var(--dc27-ink) !important;
  text-wrap: balance;
}

:where(
  .eyebrow,
  .tablet-eyebrow,
  .tablet-section-kicker,
  .section-kicker,
  .section-label,
  .db-kicker,
  .devices-eyebrow,
  .devices-section-kicker,
  .hero-kicker,
  .report-kicker,
  .card-kicker,
  .focus-label,
  .tablet-search-label,
  .summary-label
) {
  color: var(--dc27-teal) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

:where(
  .panel,
  .panel-card,
  .board-panel,
  .process-panel,
  .summary-card,
  .stat-card,
  .stat-box,
  .tablet-stat-card,
  .feature-card,
  .action-card,
  .track-card,
  .filter-card,
  .filters-card,
  .table-card,
  .catalog-form-card,
  .list-card,
  .toolbar-card,
  .state-panel,
  .recipient-panel,
  .composer-panel,
  .activity-panel,
  .devices-board,
  .devices-summary-panel,
  .devices-search-block,
  .metadata-card,
  .safety-panel,
  .cleanup-card,
  .preview-card,
  .detail-pane,
  .explorer-pane,
  .selected-summary-panel,
  .access-health,
  .directory-panel,
  .employee-panel,
  .profile-card,
  .case-detail,
  .create-panel,
  .history-panel,
  .form-panel,
  .filters-card,
  .pdf-card,
  .signature-panel,
  .cost-card,
  .chart-panel,
  .chart-suite-card,
  .snapshot-stat-card,
  .metric-button,
  .box,
  .card,
  .confirm-box,
  .rts-workbench,
  .scan-dock,
  .status-summary-board,
  .summary-strip,
  .report-page,
  .modal-card,
  .modal-content,
  .modal-panel,
  .modal-dialog,
  .soft-modal,
  .tablet-modal-card,
  .confirm-card
) {
  border: 1px solid var(--dc27-line) !important;
  border-radius: var(--dc27-radius) !important;
  background:
    linear-gradient(180deg, var(--dc27-surface-strong), var(--dc27-surface)) !important;
  box-shadow: var(--dc27-shadow-soft) !important;
  color: var(--dc27-ink) !important;
}

:where(
  .panel,
  .panel-card,
  .board-panel,
  .process-panel,
  .summary-card,
  .stat-card,
  .feature-card,
  .filter-card,
  .devices-board,
  .metadata-card,
  .safety-panel,
  .cleanup-card,
  .detail-pane,
  .explorer-pane,
  .directory-panel,
  .employee-panel,
  .form-panel,
  .history-panel,
  .rts-workbench,
  .report-page
):hover {
  border-color: var(--dc27-line-strong) !important;
}

:where(
  .muted,
  .txt-muted,
  .sub-txt,
  .tablet-board-note,
  .tablet-summary-copy p,
  .devices-copy,
  .devices-summary-copy,
  .page-copy,
  .subcopy,
  .modal-subtitle,
  .modal-subhead,
  .report-submeta,
  .summary-meta,
  .card-note,
  .empty-state,
  .empty-msg
) {
  color: var(--dc27-muted) !important;
}

:where(
  button,
  .btn,
  .btn-primary,
  .btn-secondary,
  .primary-btn,
  .secondary-btn,
  .ghost-btn,
  .ghost,
  .primary,
  .secondary,
  .submit-btn,
  .tablet-open-btn,
  .toolbar-btn,
  .toolbar-link,
  .nav-link,
  .device-link-btn,
  .devices-link-btn,
  .devices-add-btn,
  .scan-add-btn,
  .utility-btn,
  .tab-btn,
  .access-tab,
  .db-tab,
  .chart-tab,
  .report-tab,
  .theme-btn,
  .home-btn,
  .doc-link
) {
  min-height: 34px;
  border-radius: 7px !important;
  border: 1px solid var(--dc27-line) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: var(--dc27-ink) !important;
  box-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

:where(
  .btn-primary,
  .primary-btn,
  .primary,
  .submit-btn,
  .toolbar-btn-primary,
  .devices-add-btn,
  .scan-add-btn,
  .tablet-open-btn,
  .action-primary,
  .modal-submit-full
) {
  border-color: rgba(0, 169, 145, 0.42) !important;
  background: linear-gradient(135deg, #06272d, #0a5c5b 58%, var(--dc27-teal)) !important;
  color: #ffffff !important;
}

:where(
  .danger,
  .danger-btn,
  .abort-btn,
  .close-report-btn,
  .scan-cancel
) {
  border-color: rgba(154, 76, 53, 0.36) !important;
  background: rgba(255, 241, 235, 0.94) !important;
  color: #7c3d2b !important;
}

:where(
  .ghost,
  .ghost-btn,
  .btn-secondary,
  .secondary-btn,
  .btn-ghost,
  .toolbar-btn,
  .nav-link,
  .device-link-btn,
  .devices-link-btn
):hover {
  border-color: rgba(0, 169, 145, 0.38) !important;
  background: rgba(236, 252, 249, 0.94) !important;
  color: var(--dc27-teal-dark) !important;
}

:where(input, select, textarea, .input, .search-field, .search-input, .search-box, .field input, .field select, .field textarea) {
  border: 1px solid var(--dc27-line) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: var(--dc27-ink) !important;
  box-shadow: none !important;
}

:where(input, select, textarea):focus {
  outline: 2px solid rgba(0, 169, 145, 0.22) !important;
  border-color: rgba(0, 169, 145, 0.54) !important;
  background: #ffffff !important;
}

:where(table, .tbl, .tbl-modern, .orders-table, .tablet-history-table, .tablet-history-table, .history-table) {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--dc27-ink) !important;
}

:where(th, .table-head, .devices-list-head, .tablet-grid-head, .pane-head, .directory-head) {
  background: rgba(229, 245, 243, 0.92) !important;
  color: var(--dc27-teal-dark) !important;
  font-weight: 950 !important;
}

:where(td, .tree-row, .tablet-row, .entity-list > *, .case-list > *, .employee-list > *, .directory-list > *) {
  border-color: rgba(21, 66, 73, 0.1) !important;
}

:where(.pill, .status-pill, .meta-pill, .count-pill, .summary-chip, .tablet-modal-pill, .report-badge, .it-badge, .total-badge) {
  border: 1px solid var(--dc27-line) !important;
  border-radius: 999px !important;
  background: rgba(236, 252, 249, 0.86) !important;
  color: var(--dc27-teal-dark) !important;
  box-shadow: none !important;
}

:where(.active, .is-active, .selected, .tab-btn.active, .access-tab.active, .db-tab.active, .chart-tab.is-active, .report-tab.active) {
  border-color: rgba(0, 169, 145, 0.42) !important;
  background: rgba(222, 249, 245, 0.96) !important;
  color: var(--dc27-teal-dark) !important;
}

:where(.modal, .modal-backdrop, .modal-overlay, .confirm-modal, .tablet-modal) {
  backdrop-filter: blur(8px);
}

:where(.modal, .modal-backdrop, .modal-overlay, .confirm-modal, .tablet-modal, .report-modal, .track-modal-backdrop, .activation-backdrop) {
  overscroll-behavior: contain;
}

:where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .tablet-modal-card, .confirm-card, .picker-modal, .track-modal, .notebook-modal-panel) {
  max-height: calc(100dvh - 28px);
  overflow: auto;
  scrollbar-gutter: stable;
}

:where(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .confirm-actions, .modal-footer) {
  border-color: var(--dc27-line) !important;
  background: rgba(247, 252, 251, 0.94) !important;
}

:where(.home-logo-link, .logo-link, .brand-link, .hero-home-link, .tablet-logo-link, .devices-logo-shell, .rts-logo-shell, .db-logo, .header-home-link) {
  border-radius: 8px !important;
  border: 1px solid rgba(0, 169, 145, 0.32) !important;
  background: linear-gradient(135deg, #061417, #0b3d42 58%, #00a991) !important;
  box-shadow: none !important;
}

:where(.stats-grid, .summary-grid, .devices-summary-grid, .metrics-grid, .snapshot-grid, .chart-suite-card, .board-grid, .workspace-grid, .grid, .grid-2, .grid-3) {
  gap: 10px !important;
}

:where(.stat-card, .stat-box, .mini-stat, .snapshot-stat-card, .metric-button, .tablet-stat-card) :where(strong, .stat-val, .big-number) {
  color: var(--dc27-ink) !important;
}

:where(.hidden, [hidden]) {
  display: none !important;
}

@media (max-width: 780px) {
  body {
    background: linear-gradient(180deg, #fbfdfc 0%, #edf6f5 100%) !important;
  }

  :where(
    .page-shell,
    .page,
    .shell,
    .workspace-shell,
    .uniform-shell,
    .mobile-shell,
    .fleet-shell,
    .devices-shell,
    .performance-shell,
    .board-shell,
    .db-shell,
    .ops-container,
    .container,
    .infractions-shell,
    .process-shell
  ) {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  :where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .tablet-modal-card, .confirm-card, .notebook-modal-panel) {
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 8px !important;
  }

  :where(button, .btn, .btn-primary, .btn-secondary, .primary-btn, .secondary-btn, .ghost-btn, .tablet-open-btn) {
    min-height: 40px;
  }
}

/* Platform mobile and modal hardening */
:where(.table-wrap, .table-container, .orders-table-wrap, .db-table-wrap, .devices-board, .report-table-wrap, .snapshot-table-wrap) {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

:where(.modal, .modal-overlay, .modal-backdrop, .report-modal, .track-modal-backdrop, .activation-backdrop) {
  z-index: 7000 !important;
}

:where(.modal-backdrop) {
  z-index: 0 !important;
}

:where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .track-modal, .picker-modal, .tablet-modal-card, .confirm-card) {
  position: relative;
  z-index: 1 !important;
}

:where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .track-modal, .picker-modal) {
  width: min(980px, calc(100vw - 28px)) !important;
}

:where(.modal-body, .modal-inner, .detail-body, .form-modal-card .modal-body, .catalog-modal-body) {
  max-height: calc(100dvh - 180px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body.has-dash-menu :where(.modal-backdrop, .track-modal-backdrop, .activation-backdrop) {
  background: rgba(4, 20, 24, 0.42) !important;
  backdrop-filter: blur(5px) !important;
}

body.has-dash-menu :where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .track-modal, .picker-modal, .email-route-dialog) {
  border: 1px solid var(--dc27-line) !important;
  background: var(--dc27-surface-strong) !important;
  color: var(--dc27-ink) !important;
  box-shadow: 0 26px 70px rgba(8, 38, 44, 0.18) !important;
}

body.has-dash-menu :where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .track-modal, .picker-modal, .email-route-dialog)
  :where(h1, h2, h3, h4, p, label, span, strong, small, div:not([class*="btn"]):not([class*="button"])) {
  color: var(--dc27-ink) !important;
}

body.has-dash-menu :where(.muted, .txt-muted, .sub, .helper, .hint, .meta, .user-label, .route-note p, .email-health-card small, .modal-subline) {
  color: var(--dc27-muted) !important;
}

body.has-dash-menu :where(.sidebar, .editor, .directory-panel, .email-side-panel, .email-editor, .employee-picker-card, .manual-email-card, .route-note, .catalog-entry, .catalog-form-card) {
  border-color: var(--dc27-line) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 249, 247, 0.9)) !important;
  color: var(--dc27-ink) !important;
}

body.has-dash-menu :where(.btn-primary, .primary-btn, .btn.primary, .devices-add-btn, .btn-logout) {
  border-color: rgba(0, 130, 119, 0.34) !important;
  background: linear-gradient(135deg, #00a991, #087d78) !important;
  color: #ffffff !important;
}

body.has-dash-menu :where(.btn-secondary, .secondary-btn, .btn-outline, .ghost-btn, .btn.ghost, .toolbar-btn, .devices-link-btn) {
  border-color: var(--dc27-line-strong) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: var(--dc27-ink) !important;
}

body.has-dash-menu :where(.main-header .logo-wrapper, .toolbar > .toolbar-logo, .toolbar-brand > .toolbar-logo, .hero-card .hero-home-link, .hero-card .logo-link, .hero > .brand, .db-topbar > .db-logo, .header-brand > .home-logo-link, .devices-brand > .devices-logo-shell, .topbar > .brand-box) {
  display: none !important;
}

body.has-dash-menu :where(.main-header, .hero-card, .devices-header, .header-main, .topbar) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body.has-dash-menu :where(.hero-main, .header-brand, .devices-brand, .topbar-copy, .report-head-copy) {
  min-width: 0 !important;
}

body.has-dash-menu :where(.hero-kicker, .eyebrow, .section-label, .section-kicker, .devices-eyebrow, .report-kicker) {
  border: 0 !important;
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.has-dash-menu :where(.header-pills, .hero-side, .page-glow, .bg-glow) {
  display: none !important;
}

body.has-dash-menu :where(.walker-shell) {
  min-height: calc(100dvh - var(--dash-menu-height, 62px)) !important;
  padding-top: 16px !important;
}

body.has-dash-menu::before {
  display: none !important;
}

body.has-dash-menu.staff-mode .ops-container {
  padding-top: 16px !important;
}

body.has-dash-menu.staff-mode .main-header {
  margin-top: 0 !important;
  align-items: stretch !important;
}

body.has-dash-menu.staff-mode .hero-main {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

:where(.modal-head, .modal-header, .modal-foot, .modal-footer, .modal-actions) {
  position: sticky;
  z-index: 2;
}

:where(.modal-head, .modal-header) {
  top: 0;
}

:where(.modal-foot, .modal-footer, .modal-actions) {
  bottom: 0;
}

:where(.icon.close, .icon-close, .modal-close, .close-x, .modal-close-btn, .icon-btn) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 0 10px !important;
  border-radius: 8px !important;
  line-height: 1 !important;
}

:where(.launch-report-card, .form-modal-card, .detail-card, .recipient-modal-card, .walker-request-card) {
  width: min(920px, calc(100vw - 28px)) !important;
  border-top: 3px solid var(--dc27-teal) !important;
}

:where(.launch-report-body, .launch-option-grid, .editor-card-grid, .request-compose-panel, .request-picker-panel) {
  display: grid;
  gap: 12px;
}

:where(.launch-option-card, .action-panel, .selected-request-card) {
  border: 1px solid var(--dc27-line) !important;
  border-radius: var(--dc27-radius) !important;
  background: linear-gradient(135deg, rgba(248, 253, 252, 0.98), rgba(231, 245, 242, 0.88)) !important;
  color: var(--dc27-ink) !important;
}

:where(.devices-list-head, .tbl-modern thead, .tbl thead, .orders-table thead) {
  position: sticky;
  top: 0;
  z-index: 3;
}

:where(.main-header, .devices-header, .header-main, .hero-card, .intro-card, .report-header, .topbar, .db-topbar) {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 1520px);
}

body.has-dash-menu :where(.topbar, .db-topbar, .devices-header, .main-header, .header-main) {
  margin-top: 12px !important;
}

@media (max-width: 980px) {
  :where(.grid, .grid-2, .grid-3, .summary-grid, .stats-grid, .stats-grid-modern, .devices-summary-grid, .snapshot-grid, .metrics-grid, .board, .profile-layout, .content-grid, .workspace-grid, .edit-grid, .catalog-form-grid, .filters, .filters-row) {
    grid-template-columns: 1fr !important;
  }

  :where(.hero-card, .intro-card, .main-header, .devices-header, .header-main, .db-topbar, .topbar, .panel-head, .panel-header, .modal-head, .modal-header, .modal-foot, .modal-footer) {
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  :where(.hero-actions, .header-actions, .devices-header-links, .panel-top-actions, .modal-actions, .modal-foot, .modal-footer) {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100%;
  }

  :where(.hero-actions > *, .header-actions > *, .devices-header-links > *, .panel-top-actions > *, .modal-actions > *, .modal-foot > *, .modal-footer > *) {
    flex: 1 1 148px;
  }

  :where(h1) {
    font-size: clamp(2rem, 12vw, 3.4rem) !important;
    line-height: 0.98 !important;
  }

  :where(h2) {
    font-size: clamp(1.25rem, 7vw, 2rem) !important;
  }
}

@media (max-width: 640px) {
  body.has-dash-menu {
    padding-top: var(--dash-menu-height, 58px) !important;
  }

  :where(.page-shell, .page, .shell, .workspace-shell, .uniform-shell, .mobile-shell, .fleet-shell, .devices-shell, .performance-shell, .board-shell, .db-shell, .ops-container, .container, .infractions-shell, .process-shell, .wrap) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px !important;
  }

  :where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .track-modal, .picker-modal) {
    width: calc(100vw - 14px) !important;
    max-height: calc(100dvh - 14px) !important;
  }

  :where(.modal-body, .modal-inner, .detail-body, .form-modal-card .modal-body, .catalog-modal-body) {
    max-height: calc(100dvh - 150px);
  }

  :where(table) {
    min-width: 720px;
  }

  :where(input, select, textarea) {
    min-height: 42px;
    font-size: 16px !important;
  }

  :where(.devices-list-head, .device-card, .directory-user-row, .case-row, .ticket-row, .report-row, .truck-row) {
    min-width: 0 !important;
  }
}