/* OrionOS portal hard-dark final layer: loaded last so non-product portals never fall back to white. */
/* OrionOS portal hard-dark override */

html:has(#app.app-shell:not(.orionos-product-os)),
body:has(#app.app-shell:not(.orionos-product-os)),
body:has(#app.orionos-portal-os) {
  background:
    linear-gradient(90deg, rgba(88, 212, 255, .045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(48, 213, 163, .03) 1px, transparent 1px),
    radial-gradient(circle at 14% 0%, rgba(88, 212, 255, .19), transparent 30%),
    linear-gradient(180deg, #050b14 0%, #071221 46%, #08101b 100%) !important;
  background-size: 54px 54px, 54px 54px, auto, auto !important;
}

#app.app-shell.orionos-portal-os,
#app.app-shell:not(.orionos-product-os) {
  --suite-bg: #050b14;
  --suite-panel: rgba(9, 20, 34, .96);
  --suite-panel-2: rgba(12, 27, 45, .94);
  --suite-panel-3: rgba(16, 34, 54, .9);
  --suite-line: rgba(124, 199, 255, .24);
  --suite-line-strong: rgba(124, 199, 255, .42);
  --suite-text: #f3f8ff;
  --suite-muted: #b9cce0;
  --suite-soft: #dcecff;
  --suite-cyan: #58d4ff;
  --suite-mint: #30d5a3;
  min-height: 100vh !important;
  color: var(--suite-text) !important;
  background:
    linear-gradient(90deg, rgba(88, 212, 255, .04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(48, 213, 163, .028) 1px, transparent 1px),
    radial-gradient(circle at 12% 0%, rgba(88, 212, 255, .18), transparent 32%),
    linear-gradient(180deg, #050b14, #071221 48%, #08101b) !important;
  background-size: 52px 52px, 52px 52px, auto, auto !important;
}

#app.app-shell.orionos-portal-os > .shell-grid,
#app.app-shell:not(.orionos-product-os) > .shell-grid {
  background:
    linear-gradient(90deg, rgba(88, 212, 255, .035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(48, 213, 163, .024) 1px, transparent 1px),
    linear-gradient(180deg, #071221, #08101b) !important;
  background-size: 48px 48px, 48px 48px, auto !important;
}

#app.app-shell.orionos-portal-os .topbar,
#app.app-shell:not(.orionos-product-os) .topbar,
#app.app-shell.orionos-portal-os .sidebar,
#app.app-shell:not(.orionos-product-os) .sidebar {
  border-color: rgba(124, 199, 255, .18) !important;
  background:
    linear-gradient(180deg, rgba(10, 24, 40, .98), rgba(5, 13, 24, .96)) !important;
  color: var(--suite-text) !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product),
#app.app-shell.orionos-portal-os > .orionos-lms-course-theme,
#app.app-shell:not(.orionos-product-os) > .orionos-lms-course-theme {
  min-height: calc(100vh - 86px) !important;
  color: var(--suite-text) !important;
  background:
    radial-gradient(circle at 17% 0%, rgba(88, 212, 255, .17), transparent 31%),
    radial-gradient(circle at 94% 0%, rgba(48, 213, 163, .12), transparent 28%),
    linear-gradient(90deg, rgba(88, 212, 255, .034) 1px, transparent 1px),
    linear-gradient(0deg, rgba(48, 213, 163, .024) 1px, transparent 1px),
    linear-gradient(180deg, #071221, #08101b) !important;
  background-size: auto, auto, 44px 44px, 44px 44px, auto !important;
  padding: clamp(16px, 1.55vw, 26px) !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product) > .workspace-head,
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) > .workspace-head,
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.lms-course-stage, .lms-course-main, .lms-course-sidebar),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.lms-course-stage, .lms-course-main, .lms-course-sidebar) {
  border: 1px solid rgba(124, 199, 255, .24) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(88, 212, 255, .15), transparent 44%),
    linear-gradient(180deg, rgba(15, 32, 51, .92), rgba(7, 17, 29, .97)) !important;
  color: var(--suite-text) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .card, .card.pad, [class*="card"], details.card, details.data-drawer, details.customer-utility-drawer,
  .customer-surface-panel, .module-card, .customer-module-card, .enterprise-module-card, .enterprise-workspace-card,
  .enterprise-action-card, .enterprise-focus-card, .timeline-item, .metric, .metric.card, .notice, .table-wrap,
  .driver-file, .load-work-card, .provider-card, .path-card, .action-card, .followup-card, .quote-card,
  .portal-command-surface, .role-home-screen, .portal-operating-brief, .broker-workspace-identity,
  .current-load-strip, .alert-triage-bar, .form-helper-bar, .table-filter-bar, .notification-center-upgrade,
  .tms-designed-command-center, .tms-settlement-upgrade, .tms-control-tower-upgrade, .owner-admin-panel,
  .enterprise-home, .overview-grid > *, .scorecard-grid > *, .metric-grid > *, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder
),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .card, .card.pad, [class*="card"], details.card, details.data-drawer, details.customer-utility-drawer,
  .customer-surface-panel, .module-card, .customer-module-card, .enterprise-module-card, .enterprise-workspace-card,
  .enterprise-action-card, .enterprise-focus-card, .timeline-item, .metric, .metric.card, .notice, .table-wrap,
  .driver-file, .load-work-card, .provider-card, .path-card, .action-card, .followup-card, .quote-card,
  .portal-command-surface, .role-home-screen, .portal-operating-brief, .broker-workspace-identity,
  .current-load-strip, .alert-triage-bar, .form-helper-bar, .table-filter-bar, .notification-center-upgrade,
  .tms-designed-command-center, .tms-settlement-upgrade, .tms-control-tower-upgrade, .owner-admin-panel,
  .enterprise-home, .overview-grid > *, .scorecard-grid > *, .metric-grid > *, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder
),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.card, .card.pad, [class*="card"], .lms-course-sidebar, .lms-course-main, .lms-course-module, .lms-stage-card, .lms-academy-card, .notice, .table-wrap),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.card, .card.pad, [class*="card"], .lms-course-sidebar, .lms-course-main, .lms-course-module, .lms-stage-card, .lms-academy-card, .notice, .table-wrap) {
  border: 1px solid var(--suite-line) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018)),
    var(--suite-panel) !important;
  color: var(--suite-text) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.card .card, .module-card .card, .portal-command-surface .portal-command-surface, .enterprise-workspace-card .card),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.card .card, .module-card .card, .portal-command-surface .portal-command-surface, .enterprise-workspace-card .card) {
  background: rgba(5, 14, 25, .64) !important;
  box-shadow: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(h1, h2, h3, h4, strong, summary strong),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(h1, h2, h3, h4, strong, summary strong),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(h1, h2, h3, h4, strong, summary strong),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(h1, h2, h3, h4, strong, summary strong) {
  color: var(--suite-text) !important;
  text-shadow: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(p, li, small, .help, .small, .muted, .subtle),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(p, li, small, .help, .small, .muted, .subtle),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(p, li, small, .help, .small, .muted, .subtle),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(p, li, small, .help, .small, .muted, .subtle) {
  color: var(--suite-muted) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.eyebrow, label, th, summary),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.eyebrow, label, th, summary),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.eyebrow, label, th, summary),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.eyebrow, label, th, summary) {
  color: var(--suite-cyan) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.btn, button:not(.nav-button):not(.nav-group-toggle)),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.btn, button:not(.nav-button):not(.nav-group-toggle)),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.btn, button:not(.nav-button):not(.nav-group-toggle)),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.btn, button:not(.nav-button):not(.nav-group-toggle)) {
  border: 1px solid rgba(124, 199, 255, .3) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)),
    rgba(11, 25, 42, .92) !important;
  color: #edf8ff !important;
  box-shadow: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.btn.primary, button.primary, .primary),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.btn.primary, button.primary, .primary),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.btn.primary, button.primary, .primary),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.btn.primary, button.primary, .primary) {
  border-color: rgba(88, 212, 255, .72) !important;
  background: linear-gradient(135deg, #0b63ce, #1688ff 52%, #0ea5b7) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(22, 136, 255, .22) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.btn:hover, button:not(.nav-button):not(.nav-group-toggle):hover, .btn:focus-visible, button:not(.nav-button):not(.nav-group-toggle):focus-visible),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.btn:hover, button:not(.nav-button):not(.nav-group-toggle):hover, .btn:focus-visible, button:not(.nav-button):not(.nav-group-toggle):focus-visible) {
  border-color: rgba(88, 212, 255, .64) !important;
  background: rgba(88, 212, 255, .13) !important;
  outline: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(input, select, textarea),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(input, select, textarea),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(input, select, textarea),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(input, select, textarea) {
  min-height: 42px !important;
  border: 1px solid rgba(124, 199, 255, .34) !important;
  border-radius: 8px !important;
  background: rgba(3, 12, 22, .96) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  caret-color: var(--suite-cyan) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(input::placeholder, textarea::placeholder),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(input::placeholder, textarea::placeholder) {
  color: #a9bdd1 !important;
  -webkit-text-fill-color: #a9bdd1 !important;
  opacity: 1 !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) select option,
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) select option,
#app.app-shell.orionos-portal-os .orionos-lms-course-theme select option,
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme select option {
  background: #081321 !important;
  color: #f8fbff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) table,
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) table,
#app.app-shell.orionos-portal-os .orionos-lms-course-theme table,
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme table {
  color: var(--suite-text) !important;
  background: transparent !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(th, td),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(th, td),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(th, td),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(th, td) {
  border-bottom-color: rgba(124, 199, 255, .12) !important;
  color: #dcecff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) tbody tr:hover td,
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) tbody tr:hover td {
  background: rgba(88, 212, 255, .075) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.status-pill, .pill, .badge),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.status-pill, .pill, .badge),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.status-pill, .pill, .badge),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.status-pill, .pill, .badge) {
  border-color: rgba(124, 199, 255, .22) !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #eaf4ff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.status-pill.active, .pill.active, .pill.on),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.status-pill.active, .pill.active, .pill.on) {
  border-color: rgba(48, 213, 163, .38) !important;
  background: rgba(48, 213, 163, .12) !important;
  color: #c9ffec !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .customer-quick-switch,
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) .customer-quick-switch {
  border: 1px solid rgba(124, 199, 255, .18) !important;
  border-radius: 8px !important;
  background: rgba(6, 17, 30, .72) !important;
  backdrop-filter: blur(14px);
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .customer-quick-switch .quick-switch-btn,
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) .customer-quick-switch .quick-switch-btn {
  border-color: rgba(124, 199, 255, .2) !important;
  background: rgba(255, 255, 255, .055) !important;
  color: #dcecff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .customer-quick-switch .quick-switch-btn.active,
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) .customer-quick-switch .quick-switch-btn.active {
  border-color: rgba(88, 212, 255, .58) !important;
  background: rgba(88, 212, 255, .16) !important;
  color: #ffffff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) > :is(
  .experience-utility-bar, .experience-digest, .contextual-help-drawer, .workspace-more-drawer,
  .portal-context-ribbon, .portal-workflow-rail, .hey-command-dock, .workspace-related-rail,
  .workspace-relocated-drawer, .seamless-today-strip, .seamless-finance-readiness,
  .seamless-record-lens, .product-route-context
),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) > :is(
  .experience-utility-bar, .experience-digest, .contextual-help-drawer, .workspace-more-drawer,
  .portal-context-ribbon, .portal-workflow-rail, .hey-command-dock, .workspace-related-rail,
  .workspace-relocated-drawer, .seamless-today-strip, .seamless-finance-readiness,
  .seamless-record-lens, .product-route-context
) {
  display: none !important;
}

@media (max-width: 760px) {
  #app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product),
  #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product),
  #app.app-shell.orionos-portal-os > .orionos-lms-course-theme,
  #app.app-shell:not(.orionos-product-os) > .orionos-lms-course-theme {
    padding: 12px !important;
  }
}

/* OrionOS blue-chrome contrast pass: brighter brand-blue background with readable foregrounds. */
html:has(#app.app-shell:not(.orionos-product-os)),
body:has(#app.app-shell:not(.orionos-product-os)),
body:has(#app.orionos-portal-os) {
  background:
    radial-gradient(circle at 16% 0%, rgba(28, 126, 255, .38), transparent 34%),
    radial-gradient(circle at 88% 2%, rgba(156, 225, 255, .28), transparent 29%),
    linear-gradient(122deg, rgba(255, 255, 255, .13) 0 1px, transparent 1px 22px),
    linear-gradient(90deg, rgba(94, 194, 255, .065) 1px, transparent 1px),
    linear-gradient(0deg, rgba(177, 222, 255, .045) 1px, transparent 1px),
    linear-gradient(180deg, #082650 0%, #061c3b 45%, #071529 100%) !important;
  background-size: auto, auto, 30px 30px, 54px 54px, 54px 54px, auto !important;
}

#app.app-shell.orionos-portal-os,
#app.app-shell:not(.orionos-product-os) {
  --suite-bg: #071a33;
  --suite-panel: rgba(7, 29, 58, .94);
  --suite-panel-2: rgba(10, 43, 82, .92);
  --suite-panel-3: rgba(13, 55, 101, .9);
  --suite-line: rgba(170, 225, 255, .36);
  --suite-line-strong: rgba(214, 240, 255, .64);
  --suite-text: #fbfdff;
  --suite-muted: #d8e8f9;
  --suite-soft: #eef7ff;
  --suite-cyan: #9ee7ff;
  --suite-mint: #5cf2d2;
  --suite-chrome: #f3f8ff;
  color: var(--suite-text) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(31, 132, 255, .34), transparent 35%),
    radial-gradient(circle at 92% 0%, rgba(191, 233, 255, .24), transparent 31%),
    linear-gradient(122deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 24px),
    linear-gradient(90deg, rgba(94, 194, 255, .055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(177, 222, 255, .042) 1px, transparent 1px),
    linear-gradient(180deg, #082650 0%, #061d3e 48%, #071529 100%) !important;
  background-size: auto, auto, 32px 32px, 52px 52px, 52px 52px, auto !important;
}

#app.app-shell.orionos-portal-os > .shell-grid,
#app.app-shell:not(.orionos-product-os) > .shell-grid {
  background:
    radial-gradient(circle at 18% 0%, rgba(39, 141, 255, .2), transparent 32%),
    linear-gradient(116deg, rgba(255, 255, 255, .09) 0 1px, transparent 1px 24px),
    linear-gradient(90deg, rgba(94, 194, 255, .05) 1px, transparent 1px),
    linear-gradient(0deg, rgba(177, 222, 255, .038) 1px, transparent 1px),
    linear-gradient(180deg, #08264f 0%, #061a35 100%) !important;
  background-size: auto, 32px 32px, 48px 48px, 48px 48px, auto !important;
}

#app.app-shell.orionos-portal-os .topbar,
#app.app-shell:not(.orionos-product-os) .topbar,
#app.app-shell.orionos-portal-os .sidebar,
#app.app-shell:not(.orionos-product-os) .sidebar {
  border-color: rgba(170, 225, 255, .28) !important;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .025) 35%, transparent),
    linear-gradient(180deg, rgba(9, 44, 84, .98), rgba(4, 18, 38, .98)) !important;
  color: var(--suite-text) !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product),
#app.app-shell.orionos-portal-os > .orionos-lms-course-theme,
#app.app-shell:not(.orionos-product-os) > .orionos-lms-course-theme {
  color: var(--suite-text) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(41, 144, 255, .32), transparent 34%),
    radial-gradient(circle at 90% 0%, rgba(186, 232, 255, .22), transparent 30%),
    linear-gradient(123deg, rgba(255, 255, 255, .13) 0 1px, transparent 1px 26px),
    linear-gradient(90deg, rgba(94, 194, 255, .052) 1px, transparent 1px),
    linear-gradient(0deg, rgba(177, 222, 255, .038) 1px, transparent 1px),
    linear-gradient(180deg, #0a2b59 0%, #071d3b 47%, #071528 100%) !important;
  background-size: auto, auto, 34px 34px, 44px 44px, 44px 44px, auto !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product) > .workspace-head,
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) > .workspace-head,
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.lms-course-stage, .lms-course-main, .lms-course-sidebar),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.lms-course-stage, .lms-course-main, .lms-course-sidebar) {
  border-color: rgba(188, 231, 255, .44) !important;
  background:
    linear-gradient(135deg, rgba(152, 221, 255, .2), rgba(19, 88, 160, .08) 42%, transparent),
    linear-gradient(180deg, rgba(14, 52, 94, .94), rgba(6, 24, 49, .97)) !important;
  color: var(--suite-text) !important;
  box-shadow: 0 24px 58px rgba(0, 12, 32, .34), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .card, .card.pad, [class*="card"], details.card, details.data-drawer, details.customer-utility-drawer,
  .customer-surface-panel, .module-card, .customer-module-card, .enterprise-module-card, .enterprise-workspace-card,
  .enterprise-action-card, .enterprise-focus-card, .timeline-item, .metric, .metric.card, .notice, .table-wrap,
  .driver-file, .load-work-card, .provider-card, .path-card, .action-card, .followup-card, .quote-card,
  .portal-command-surface, .role-home-screen, .portal-operating-brief, .broker-workspace-identity,
  .current-load-strip, .alert-triage-bar, .form-helper-bar, .table-filter-bar, .notification-center-upgrade,
  .tms-designed-command-center, .tms-settlement-upgrade, .tms-control-tower-upgrade, .owner-admin-panel,
  .enterprise-home, .overview-grid > *, .scorecard-grid > *, .metric-grid > *, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder
),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .card, .card.pad, [class*="card"], details.card, details.data-drawer, details.customer-utility-drawer,
  .customer-surface-panel, .module-card, .customer-module-card, .enterprise-module-card, .enterprise-workspace-card,
  .enterprise-action-card, .enterprise-focus-card, .timeline-item, .metric, .metric.card, .notice, .table-wrap,
  .driver-file, .load-work-card, .provider-card, .path-card, .action-card, .followup-card, .quote-card,
  .portal-command-surface, .role-home-screen, .portal-operating-brief, .broker-workspace-identity,
  .current-load-strip, .alert-triage-bar, .form-helper-bar, .table-filter-bar, .notification-center-upgrade,
  .tms-designed-command-center, .tms-settlement-upgrade, .tms-control-tower-upgrade, .owner-admin-panel,
  .enterprise-home, .overview-grid > *, .scorecard-grid > *, .metric-grid > *, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder
),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.card, .card.pad, [class*="card"], .lms-course-sidebar, .lms-course-main, .lms-course-module, .lms-stage-card, .lms-academy-card, .notice, .table-wrap),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.card, .card.pad, [class*="card"], .lms-course-sidebar, .lms-course-main, .lms-course-module, .lms-stage-card, .lms-academy-card, .notice, .table-wrap) {
  border-color: rgba(188, 231, 255, .34) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(151, 217, 255, .045) 42%, rgba(255, 255, 255, .025)),
    rgba(6, 27, 55, .94) !important;
  color: var(--suite-text) !important;
  box-shadow: 0 18px 42px rgba(0, 12, 32, .32), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.card .card, .module-card .card, .portal-command-surface .portal-command-surface, .enterprise-workspace-card .card),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.card .card, .module-card .card, .portal-command-surface .portal-command-surface, .enterprise-workspace-card .card) {
  background: rgba(4, 20, 42, .82) !important;
  color: var(--suite-text) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(h1, h2, h3, h4, strong, summary strong, .workspace-head h2),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(h1, h2, h3, h4, strong, summary strong, .workspace-head h2),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(h1, h2, h3, h4, strong, summary strong),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(h1, h2, h3, h4, strong, summary strong) {
  color: #ffffff !important;
  text-shadow: 0 1px 14px rgba(0, 18, 46, .58) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt) {
  color: #dcecff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill) {
  color: #aeeaff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(a, a:visited),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(a, a:visited),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(a, a:visited),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(a, a:visited) {
  color: #c7f0ff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(input, select, textarea),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(input, select, textarea),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(input, select, textarea),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(input, select, textarea) {
  border-color: rgba(188, 231, 255, .46) !important;
  background: rgba(3, 17, 36, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 0 1px rgba(31, 132, 255, .08) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(input::placeholder, textarea::placeholder),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(input::placeholder, textarea::placeholder) {
  color: #bfd8ef !important;
  -webkit-text-fill-color: #bfd8ef !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.btn, button:not(.nav-button):not(.nav-group-toggle)),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.btn, button:not(.nav-button):not(.nav-group-toggle)),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.btn, button:not(.nav-button):not(.nav-group-toggle)),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.btn, button:not(.nav-button):not(.nav-group-toggle)) {
  border-color: rgba(188, 231, 255, .42) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .045)),
    rgba(7, 33, 67, .94) !important;
  color: #ffffff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.btn.primary, button.primary, .primary),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.btn.primary, button.primary, .primary),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.btn.primary, button.primary, .primary),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.btn.primary, button.primary, .primary) {
  border-color: rgba(220, 247, 255, .78) !important;
  background: linear-gradient(135deg, #063b78, #0753a6 52%, #0a65a8) !important;
  background-color: #0753a6 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 12px rgba(0, 24, 60, .48) !important;
}

/* OrionOS readability winner: tested blue/chrome palette with the strongest text contrast. */
html:has(#app.app-shell:not(.orionos-product-os)),
body:has(#app.app-shell:not(.orionos-product-os)),
body:has(#app.orionos-portal-os) {
  background:
    radial-gradient(circle at 14% 0%, rgba(28, 126, 255, .34), transparent 30%),
    radial-gradient(circle at 84% 0%, rgba(190, 236, 255, .2), transparent 26%),
    linear-gradient(118deg, rgba(255, 255, 255, .11) 0 1px, transparent 1px 24px),
    linear-gradient(90deg, rgba(79, 179, 255, .06) 1px, transparent 1px),
    linear-gradient(0deg, rgba(196, 235, 255, .042) 1px, transparent 1px),
    linear-gradient(180deg, #020d22 0%, #041833 48%, #061f43 100%) !important;
  background-size: auto, auto, 34px 34px, 54px 54px, 54px 54px, auto !important;
}

#app.app-shell.orionos-portal-os,
#app.app-shell:not(.orionos-product-os) {
  --suite-bg: #020d22;
  --suite-panel: rgba(4, 24, 51, .97);
  --suite-panel-2: rgba(5, 30, 62, .96);
  --suite-panel-3: rgba(7, 38, 78, .94);
  --suite-line: rgba(199, 242, 255, .4);
  --suite-line-strong: rgba(232, 248, 255, .7);
  --suite-text: #ffffff;
  --suite-muted: #e5f2ff;
  --suite-soft: #f7fbff;
  --suite-cyan: #c7f2ff;
  --suite-mint: #7cf8dd;
  color: var(--suite-text) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(28, 126, 255, .32), transparent 31%),
    radial-gradient(circle at 88% 0%, rgba(190, 236, 255, .18), transparent 27%),
    linear-gradient(118deg, rgba(255, 255, 255, .105) 0 1px, transparent 1px 24px),
    linear-gradient(90deg, rgba(79, 179, 255, .055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(196, 235, 255, .038) 1px, transparent 1px),
    linear-gradient(180deg, #020d22 0%, #041833 48%, #061f43 100%) !important;
  background-size: auto, auto, 34px 34px, 52px 52px, 52px 52px, auto !important;
}

#app.app-shell.orionos-portal-os > .shell-grid,
#app.app-shell:not(.orionos-product-os) > .shell-grid {
  background:
    radial-gradient(circle at 18% 0%, rgba(36, 138, 255, .2), transparent 32%),
    linear-gradient(118deg, rgba(255, 255, 255, .09) 0 1px, transparent 1px 26px),
    linear-gradient(90deg, rgba(79, 179, 255, .052) 1px, transparent 1px),
    linear-gradient(0deg, rgba(196, 235, 255, .036) 1px, transparent 1px),
    linear-gradient(180deg, #020d22 0%, #041833 100%) !important;
  background-size: auto, 34px 34px, 48px 48px, 48px 48px, auto !important;
}

#app.app-shell.orionos-portal-os .topbar,
#app.app-shell:not(.orionos-product-os) .topbar,
#app.app-shell.orionos-portal-os .sidebar,
#app.app-shell:not(.orionos-product-os) .sidebar {
  border-color: rgba(199, 242, 255, .3) !important;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .12), rgba(140, 214, 255, .035) 42%, transparent),
    linear-gradient(180deg, rgba(5, 30, 62, .99), rgba(2, 13, 34, .99)) !important;
  color: #ffffff !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product),
#app.app-shell.orionos-portal-os > .orionos-lms-course-theme,
#app.app-shell:not(.orionos-product-os) > .orionos-lms-course-theme {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(32, 133, 255, .26), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(199, 242, 255, .16), transparent 28%),
    linear-gradient(118deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 26px),
    linear-gradient(90deg, rgba(79, 179, 255, .05) 1px, transparent 1px),
    linear-gradient(0deg, rgba(196, 235, 255, .034) 1px, transparent 1px),
    linear-gradient(180deg, #020d22 0%, #041833 52%, #061f43 100%) !important;
  background-size: auto, auto, 34px 34px, 44px 44px, 44px 44px, auto !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product) > .workspace-head,
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) > .workspace-head,
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.lms-course-stage, .lms-course-main, .lms-course-sidebar),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.lms-course-stage, .lms-course-main, .lms-course-sidebar) {
  border-color: rgba(199, 242, 255, .46) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(125, 207, 255, .055) 42%, rgba(255, 255, 255, .025)),
    rgba(4, 24, 51, .97) !important;
  color: #ffffff !important;
  box-shadow: 0 24px 58px rgba(0, 7, 20, .44), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

#app.app-shell.orionos-portal-os > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .card, .card.pad, [class*="card"], details.card, details.data-drawer, details.customer-utility-drawer,
  .customer-surface-panel, .module-card, .customer-module-card, .enterprise-module-card, .enterprise-workspace-card,
  .enterprise-action-card, .enterprise-focus-card, .timeline-item, .metric, .metric.card, .notice, .table-wrap,
  .driver-file, .load-work-card, .provider-card, .path-card, .action-card, .followup-card, .quote-card,
  .portal-command-surface, .role-home-screen, .portal-operating-brief, .broker-workspace-identity,
  .current-load-strip, .alert-triage-bar, .form-helper-bar, .table-filter-bar, .notification-center-upgrade,
  .tms-designed-command-center, .tms-settlement-upgrade, .tms-control-tower-upgrade, .owner-admin-panel,
  .enterprise-home, .overview-grid > *, .scorecard-grid > *, .metric-grid > *, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder
),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .card, .card.pad, [class*="card"], details.card, details.data-drawer, details.customer-utility-drawer,
  .customer-surface-panel, .module-card, .customer-module-card, .enterprise-module-card, .enterprise-workspace-card,
  .enterprise-action-card, .enterprise-focus-card, .timeline-item, .metric, .metric.card, .notice, .table-wrap,
  .driver-file, .load-work-card, .provider-card, .path-card, .action-card, .followup-card, .quote-card,
  .portal-command-surface, .role-home-screen, .portal-operating-brief, .broker-workspace-identity,
  .current-load-strip, .alert-triage-bar, .form-helper-bar, .table-filter-bar, .notification-center-upgrade,
  .tms-designed-command-center, .tms-settlement-upgrade, .tms-control-tower-upgrade, .owner-admin-panel,
  .enterprise-home, .overview-grid > *, .scorecard-grid > *, .metric-grid > *, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder
),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.card, .card.pad, [class*="card"], .lms-course-sidebar, .lms-course-main, .lms-course-module, .lms-stage-card, .lms-academy-card, .notice, .table-wrap),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.card, .card.pad, [class*="card"], .lms-course-sidebar, .lms-course-main, .lms-course-module, .lms-stage-card, .lms-academy-card, .notice, .table-wrap) {
  border-color: rgba(199, 242, 255, .4) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(125, 207, 255, .05) 42%, rgba(255, 255, 255, .022)),
    rgba(4, 24, 51, .97) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .4), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(h1, h2, h3, h4, strong, summary strong, .workspace-head h2),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(h1, h2, h3, h4, strong, summary strong, .workspace-head h2),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(h1, h2, h3, h4, strong, summary strong),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(h1, h2, h3, h4, strong, summary strong) {
  color: #ffffff !important;
  text-shadow: 0 1px 16px rgba(0, 10, 28, .72) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt, td),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt, td),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt, td),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(p, li, small, .help, .small, .muted, .subtle, span, dd, dt, td) {
  color: #f7fbff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.muted, .subtle, .help, .small, small),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.muted, .subtle, .help, .small, small),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.muted, .subtle, .help, .small, small),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.muted, .subtle, .help, .small, small) {
  color: #e5f2ff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(.eyebrow, label, th, summary, .badge, .status-pill, .pill) {
  color: #c7f2ff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(a, a:visited),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(a, a:visited),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(a, a:visited),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(a, a:visited) {
  color: #d8f7ff !important;
  text-decoration-color: rgba(216, 247, 255, .6) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(input, select, textarea),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(input, select, textarea),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(input, select, textarea),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(input, select, textarea) {
  border-color: rgba(199, 242, 255, .52) !important;
  background: rgba(2, 13, 34, .99) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #c7f2ff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder),
#app.app-shell.orionos-portal-os .orionos-lms-course-theme :is(input::placeholder, textarea::placeholder),
#app.app-shell:not(.orionos-product-os) .orionos-lms-course-theme :is(input::placeholder, textarea::placeholder) {
  color: #e5f2ff !important;
  -webkit-text-fill-color: #e5f2ff !important;
}

/* OrionOS portal contrast safety sweep: no light-on-light survivors in non-product portals. */
body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) {
  --suite-bg: #020d22;
  --suite-panel: rgba(4, 24, 51, .98);
  --suite-panel-2: rgba(5, 31, 66, .96);
  --suite-panel-3: rgba(7, 41, 83, .94);
  --suite-text: #ffffff;
  --suite-muted: #edf7ff;
  --suite-soft: #f8fcff;
  --suite-cyan: #c7f2ff;
  --suite-line: rgba(199, 242, 255, .44);
  --suite-line-strong: rgba(232, 248, 255, .68);
  color: #ffffff !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(32, 133, 255, .28), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(199, 242, 255, .17), transparent 28%),
    linear-gradient(118deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 26px),
    linear-gradient(90deg, rgba(79, 179, 255, .052) 1px, transparent 1px),
    linear-gradient(0deg, rgba(196, 235, 255, .038) 1px, transparent 1px),
    linear-gradient(180deg, #020d22 0%, #041833 52%, #061f43 100%) !important;
  background-size: auto, auto, 34px 34px, 44px 44px, 44px 44px, auto !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .workspace-head, .client-portal-organizer, .client-section, .polished-gap-panel, .role-home-screen,
  .portal-operating-brief, .workspace-answer-panel, .workspace-related-rail, .broker-workspace-identity,
  .enterprise-workspace-command, .enterprise-home, .owner-admin-panel, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder, .customer-surface-panel,
  .portal-command-surface, .notification-center-upgrade, .tms-designed-command-center, .tms-settlement-upgrade,
  .tms-control-tower-upgrade, .shipper-ops-hero, .shipper-ops-primary, .shipper-ops-stat, .shipper-ops-card,
  .shipper-facility-maintenance, .shipper-control-suite, .shipper-control-hero, .shipper-control-card,
  .shipper-mini-board, .shipper-scorecard-grid, .shipper-consequence-grid, .broker-workspace-head,
  .card, .card.pad, details.card, details.data-drawer, .module-card, .customer-module-card,
  .enterprise-module-card, .enterprise-workspace-card, .enterprise-action-card, .enterprise-focus-card,
  .timeline-item, .metric, .notice, .table-wrap, .driver-file, .load-work-card, .provider-card,
  .path-card, .action-card, .followup-card, .quote-card, .empty, .portal-empty-polished
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .workspace-head, .client-portal-organizer, .client-section, .polished-gap-panel, .role-home-screen,
  .portal-operating-brief, .workspace-answer-panel, .workspace-related-rail, .broker-workspace-identity,
  .enterprise-workspace-command, .enterprise-home, .owner-admin-panel, .owner-client-account-dashboard,
  .owner-client-account-actions, .owner-client-reports, .owner-report-builder, .customer-surface-panel,
  .portal-command-surface, .notification-center-upgrade, .tms-designed-command-center, .tms-settlement-upgrade,
  .tms-control-tower-upgrade, .shipper-ops-hero, .shipper-ops-primary, .shipper-ops-stat, .shipper-ops-card,
  .shipper-facility-maintenance, .shipper-control-suite, .shipper-control-hero, .shipper-control-card,
  .shipper-mini-board, .shipper-scorecard-grid, .shipper-consequence-grid, .broker-workspace-head,
  .card, .card.pad, details.card, details.data-drawer, .module-card, .customer-module-card,
  .enterprise-module-card, .enterprise-workspace-card, .enterprise-action-card, .enterprise-focus-card,
  .timeline-item, .metric, .notice, .table-wrap, .driver-file, .load-work-card, .provider-card,
  .path-card, .action-card, .followup-card, .quote-card, .empty, .portal-empty-polished
) {
  border-color: var(--suite-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(125, 207, 255, .052) 42%, rgba(255, 255, 255, .024)),
    var(--suite-panel) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .4), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .customer-quick-switch, .quick-switch-group, .client-org-context, .client-org-flow, .client-org-metrics,
  .client-org-status, .client-related-nav, .client-next-list, .split-actions, .row-actions, .toolbar,
  .status-strip, .portal-command-action-row, .table-filter-bar, .form-helper-bar, .current-load-strip,
  .alert-triage-bar, .experience-utility-bar, .tabs, .tab-strip, .segmented-controls, .os-template-tabs
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .customer-quick-switch, .quick-switch-group, .client-org-context, .client-org-flow, .client-org-metrics,
  .client-org-status, .client-related-nav, .client-next-list, .split-actions, .row-actions, .toolbar,
  .status-strip, .portal-command-action-row, .table-filter-bar, .form-helper-bar, .current-load-strip,
  .alert-triage-bar, .experience-utility-bar, .tabs, .tab-strip, .segmented-controls, .os-template-tabs
) {
  border-color: rgba(199, 242, 255, .32) !important;
  background: rgba(3, 17, 38, .88) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  h1, h2, h3, h4, h5, h6, strong, summary strong, .workspace-title, .module-title strong,
  .split-actions h3, .client-org-context strong, .broker-workspace-head h3
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  h1, h2, h3, h4, h5, h6, strong, summary strong, .workspace-title, .module-title strong,
  .split-actions h3, .client-org-context strong, .broker-workspace-head h3
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 16px rgba(0, 10, 28, .72) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  p, li, span, small, .help, .small, .muted, .subtle, dd, dt, td, figcaption,
  .workspace-head p, .workspace-head .help, .client-org-context small, .broker-workspace-head p
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  p, li, span, small, .help, .small, .muted, .subtle, dd, dt, td, figcaption,
  .workspace-head p, .workspace-head .help, .client-org-context small, .broker-workspace-head p
) {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .eyebrow, label, th, summary, legend, .field-label, .module-title span, .badge, .status-pill, .pill
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .eyebrow, label, th, summary, legend, .field-label, .module-title span, .badge, .status-pill, .pill
) {
  color: #c7f2ff !important;
  -webkit-text-fill-color: #c7f2ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .quick-switch-btn, .client-org-metric, .client-next-item, .btn, button:not(.nav-button):not(.nav-group-toggle),
  .status-pill, .pill, .badge, .chip, [class*="pill"], [class*="chip"]
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .quick-switch-btn, .client-org-metric, .client-next-item, .btn, button:not(.nav-button):not(.nav-group-toggle),
  .status-pill, .pill, .badge, .chip, [class*="pill"], [class*="chip"]
) {
  border-color: rgba(199, 242, 255, .42) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04)),
    rgba(4, 24, 51, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .quick-switch-btn.active, .btn.primary, button.primary, .status-pill.active, .pill.active, .pill.on, [aria-selected="true"]
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .quick-switch-btn.active, .btn.primary, button.primary, .status-pill.active, .pill.active, .pill.on, [aria-selected="true"]
) {
  border-color: rgba(232, 248, 255, .78) !important;
  background: linear-gradient(135deg, #063b78, #0753a6 52%, #0a65a8) !important;
  background-color: #0753a6 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 12px rgba(0, 24, 60, .48) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(input, select, textarea),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(input, select, textarea) {
  border-color: rgba(199, 242, 255, .54) !important;
  background: rgba(2, 13, 34, .99) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #c7f2ff !important;
  opacity: 1 !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(input::placeholder, textarea::placeholder) {
  color: #e5f2ff !important;
  -webkit-text-fill-color: #e5f2ff !important;
  opacity: 1 !important;
}

/* OrionOS max readability sweep: catches workflow/status surfaces that older white rules keep introducing. */
body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  section, article, aside, nav, header, footer, div, button
):is(
  [class*="automation"], [class*="status"], [class*="flow"], [class*="snapshot"], [class*="board"],
  [class*="lane"], [class*="tile"], [class*="hero"], [class*="summary"], [class*="register"],
  [class*="shipment"], [class*="outbound"], [class*="workspace"], [class*="organizer"],
  [class*="panel"], [class*="surface"], [class*="card"], [class*="metric"], [class*="stage"],
  [class*="step"], [class*="source"], [class*="strip"], [class*="rail"], [class*="list"]
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  section, article, aside, nav, header, footer, div, button
):is(
  [class*="automation"], [class*="status"], [class*="flow"], [class*="snapshot"], [class*="board"],
  [class*="lane"], [class*="tile"], [class*="hero"], [class*="summary"], [class*="register"],
  [class*="shipment"], [class*="outbound"], [class*="workspace"], [class*="organizer"],
  [class*="panel"], [class*="surface"], [class*="card"], [class*="metric"], [class*="stage"],
  [class*="step"], [class*="source"], [class*="strip"], [class*="rail"], [class*="list"]
),
body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .outbound-status-automation, .outbound-status-head, .outbound-status-flow,
  .outbound-status-flow article, .outbound-automation-sources, .outbound-automation-sources span,
  .outbound-shipments-hero, .outbound-shipments-primary, .outbound-shipments-stat,
  .outbound-shipment-board, .outbound-shipment-lane, .outbound-shipment-card,
  .outbound-shipment-snapshot, .outbound-snapshot-grid, .outbound-snapshot-grid article,
  .outbound-snapshot-list, .outbound-snapshot-list button
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .outbound-status-automation, .outbound-status-head, .outbound-status-flow,
  .outbound-status-flow article, .outbound-automation-sources, .outbound-automation-sources span,
  .outbound-shipments-hero, .outbound-shipments-primary, .outbound-shipments-stat,
  .outbound-shipment-board, .outbound-shipment-lane, .outbound-shipment-card,
  .outbound-shipment-snapshot, .outbound-snapshot-grid, .outbound-snapshot-grid article,
  .outbound-snapshot-list, .outbound-snapshot-list button
) {
  border-color: rgba(232, 248, 255, .52) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(116, 204, 255, .07) 44%, rgba(255, 255, 255, .026)),
    rgba(3, 18, 39, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .42), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  h1, h2, h3, h4, h5, h6, strong, b, p, li, span, small, em, a, button, label,
  summary, legend, th, td, dt, dd, figcaption
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  h1, h2, h3, h4, h5, h6, strong, b, p, li, span, small, em, a, button, label,
  summary, legend, th, td, dt, dd, figcaption
) {
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  h1, h2, h3, h4, h5, h6, strong, b, .outbound-status-head h3, .outbound-status-flow strong
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  h1, h2, h3, h4, h5, h6, strong, b, .outbound-status-head h3, .outbound-status-flow strong
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 14px rgba(0, 10, 28, .58) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  p, li, td, dd, dt, span, small, .help, .small, .muted, .subtle,
  .outbound-status-flow small, .outbound-automation-sources
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  p, li, td, dd, dt, span, small, .help, .small, .muted, .subtle,
  .outbound-status-flow small, .outbound-automation-sources
) {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .eyebrow, th, label, legend, .field-label, .module-title span
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .eyebrow, th, label, legend, .field-label, .module-title span
) {
  color: #d9f7ff !important;
  -webkit-text-fill-color: #d9f7ff !important;
  letter-spacing: .04em !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .status-pill, .pill, .badge, .chip, [class*="pill"], [class*="chip"],
  .outbound-status-flow span, .outbound-automation-sources span
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .status-pill, .pill, .badge, .chip, [class*="pill"], [class*="chip"],
  .outbound-status-flow span, .outbound-automation-sources span
) {
  border-color: rgba(232, 248, 255, .52) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .045)),
    rgba(8, 40, 81, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* OrionOS final readability circuit breaker: never leave pale portal panels with pale text. */
body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .customer-quick-switch, .customer-quick-switch > *, .quick-switch-group, .quick-switch-btn,
  .portal-operating-brief, .portal-operating-main, .portal-operating-lanes, .portal-operating-lanes button,
  .portal-operating-metrics, .portal-operating-metrics article,
  .workspace-answer-panel, .workspace-answer-panel article, .workspace-related-rail, .workspace-related-list button,
  .current-load-strip, .current-load-strip > *, .lifecycle-rail, .lifecycle-rail span, .tms-lifecycle-line, .tms-lifecycle-line span,
  .client-ui30-status-strip, .client-ui30-status-metrics, .client-ui30-favorites, .client-ui30-page-tools,
  .client-ui30-tool-actions, .client-ui30-unified-today, .client-ui30-panel-head, .client-ui30-action-grid button,
  .client-ui30-home-command, .client-ui30-command-grid button, .client-ui30-message-center, .client-ui30-message-tabs,
  .client-ui30-document-panel, .client-ui30-mini-list button, .client-ui30-invoice-panel, .client-ui30-invoice-chips button,
  .client-ui30-people-panel, .client-ui30-settings-panel, .client-ui30-settings-panel article,
  .client-ui30-notification-categories, .client-ui30-category-grid button, .client-ui30-table-controls,
  .client-ui30-saved-views, .client-ui30-saved-views button, .client-ui30-bulk-toolbar,
  .client-portal-organizer, .client-org-context, .client-org-flow, .client-org-metrics, .client-org-metric,
  .client-org-status, .client-related-nav, .client-next-list, .client-next-item,
  .status-strip, .split-actions, .row-actions, .toolbar, .tabs, .tab-strip, .segmented-controls, .os-template-tabs,
  .empty, .portal-empty-polished, .notice, .table-filter-bar, .form-helper-bar
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .customer-quick-switch, .customer-quick-switch > *, .quick-switch-group, .quick-switch-btn,
  .portal-operating-brief, .portal-operating-main, .portal-operating-lanes, .portal-operating-lanes button,
  .portal-operating-metrics, .portal-operating-metrics article,
  .workspace-answer-panel, .workspace-answer-panel article, .workspace-related-rail, .workspace-related-list button,
  .current-load-strip, .current-load-strip > *, .lifecycle-rail, .lifecycle-rail span, .tms-lifecycle-line, .tms-lifecycle-line span,
  .client-ui30-status-strip, .client-ui30-status-metrics, .client-ui30-favorites, .client-ui30-page-tools,
  .client-ui30-tool-actions, .client-ui30-unified-today, .client-ui30-panel-head, .client-ui30-action-grid button,
  .client-ui30-home-command, .client-ui30-command-grid button, .client-ui30-message-center, .client-ui30-message-tabs,
  .client-ui30-document-panel, .client-ui30-mini-list button, .client-ui30-invoice-panel, .client-ui30-invoice-chips button,
  .client-ui30-people-panel, .client-ui30-settings-panel, .client-ui30-settings-panel article,
  .client-ui30-notification-categories, .client-ui30-category-grid button, .client-ui30-table-controls,
  .client-ui30-saved-views, .client-ui30-saved-views button, .client-ui30-bulk-toolbar,
  .client-portal-organizer, .client-org-context, .client-org-flow, .client-org-metrics, .client-org-metric,
  .client-org-status, .client-related-nav, .client-next-list, .client-next-item,
  .status-strip, .split-actions, .row-actions, .toolbar, .tabs, .tab-strip, .segmented-controls, .os-template-tabs,
  .empty, .portal-empty-polished, .notice, .table-filter-bar, .form-helper-bar
) {
  border-color: rgba(210, 244, 255, .5) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(92, 184, 255, .06) 45%, rgba(255, 255, 255, .025)),
    rgba(3, 18, 39, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .36), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .quick-switch-btn, .portal-operating-lanes button, .portal-operating-metrics article,
  .workspace-answer-panel article, .workspace-related-list button, .lifecycle-rail span, .tms-lifecycle-line span,
  .client-ui30-action-grid button, .client-ui30-command-grid button, .client-ui30-message-tabs > *,
  .client-ui30-mini-list button, .client-ui30-invoice-chips button, .client-ui30-settings-panel article,
  .client-ui30-category-grid button, .client-ui30-saved-views button, .status-pill, .pill, .badge, .chip
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .quick-switch-btn, .portal-operating-lanes button, .portal-operating-metrics article,
  .workspace-answer-panel article, .workspace-related-list button, .lifecycle-rail span, .tms-lifecycle-line span,
  .client-ui30-action-grid button, .client-ui30-command-grid button, .client-ui30-message-tabs > *,
  .client-ui30-mini-list button, .client-ui30-invoice-chips button, .client-ui30-settings-panel article,
  .client-ui30-category-grid button, .client-ui30-saved-views button, .status-pill, .pill, .badge, .chip
) {
  min-height: 36px !important;
  border-color: rgba(210, 244, 255, .48) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .045)),
    rgba(5, 30, 62, .99) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .quick-switch-btn.active, .lifecycle-rail span.active, .tms-lifecycle-line span.active,
  .client-ui30-action-grid button.primary, .status-pill.active, .pill.active, .pill.on, [aria-selected="true"]
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .quick-switch-btn.active, .lifecycle-rail span.active, .tms-lifecycle-line span.active,
  .client-ui30-action-grid button.primary, .status-pill.active, .pill.active, .pill.on, [aria-selected="true"]
) {
  border-color: rgba(255, 255, 255, .78) !important;
  background: linear-gradient(135deg, #063b78, #0753a6 52%, #0a65a8) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .quick-switch-btn *, .portal-operating-brief *, .workspace-answer-panel *, .workspace-related-rail *,
  .current-load-strip *, .lifecycle-rail *, .tms-lifecycle-line *, [class^="client-ui30-"] *, [class*=" client-ui30-"] *,
  .client-portal-organizer *, .status-strip *, .empty *, .portal-empty-polished *
),
body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .quick-switch-btn *, .portal-operating-brief *, .workspace-answer-panel *, .workspace-related-rail *,
  .current-load-strip *, .lifecycle-rail *, .tms-lifecycle-line *, [class^="client-ui30-"] *, [class*=" client-ui30-"] *,
  .client-portal-organizer *, .status-strip *, .empty *, .portal-empty-polished *
) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* OrionOS readability guard v20260704: runtime contrast sweep targets. */
#app.app-shell [data-orionos-readability-panel="dark"] {
  border-color: rgba(218, 247, 255, .58) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(93, 187, 255, .07) 46%, rgba(255, 255, 255, .028)),
    rgba(3, 18, 39, .985) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .42), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

/* OrionOS command card readability guard v20260704-3. */
body[data-orionos-theme-guard="portal"] #app.app-shell :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
),
#app.app-shell.orionos-portal-os .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
),
#app.app-shell .main.customer-facing:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-metric-grid > article,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .customer-next-actions > article,
  .action-card-lite
),
#app.app-shell .main.internal-facing:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-metric-grid > article,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .customer-next-actions > article,
  .action-card-lite
) {
  border: 1px solid rgba(218, 247, 255, .58) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(93, 187, 255, .07) 46%, rgba(255, 255, 255, .028)),
    rgba(3, 18, 39, .985) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .42), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
) :is(span, small, p, li, label, .help, .small, .muted, .subtle),
#app.app-shell.orionos-portal-os .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
) :is(span, small, p, li, label, .help, .small, .muted, .subtle),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
) :is(span, small, p, li, label, .help, .small, .muted, .subtle),
#app.app-shell .main.customer-facing:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-metric-grid > article,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .customer-next-actions > article,
  .action-card-lite
) :is(span, small, p, li, label, .help, .small, .muted, .subtle),
#app.app-shell .main.internal-facing:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-metric-grid > article,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .customer-next-actions > article,
  .action-card-lite
) :is(span, small, p, li, label, .help, .small, .muted, .subtle) {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
) :is(strong, h1, h2, h3, h4, b),
#app.app-shell.orionos-portal-os .main.orionos-portal-theme:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
) :is(strong, h1, h2, h3, h4, b),
#app.app-shell:not(.orionos-product-os) > .shell-grid > .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .action-card-lite
) :is(strong, h1, h2, h3, h4, b),
#app.app-shell .main.customer-facing:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-metric-grid > article,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .customer-next-actions > article,
  .action-card-lite
) :is(strong, h1, h2, h3, h4, b),
#app.app-shell .main.internal-facing:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-panel,
  .customer-command-workflow-card,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-metric-grid > article,
  .customer-command-more,
  .customer-search-panel,
  .customer-setup-mini,
  .customer-next-actions > article,
  .action-card-lite
) :is(strong, h1, h2, h3, h4, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 14px rgba(0, 10, 28, .58) !important;
}

/* OrionOS sitewide portal readability guard v20260704-4.
   Regulation/FMCSA light panels must never inherit white text. */
#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(
  .portal-readable-surface,
  .regulation-reference-hero,
  .regulation-search-console,
  .regulation-source-status,
  .regulation-source-status > article,
  .regulation-source-list a,
  .regulation-ops-console,
  .regulation-ops-card,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-post-accident-tree,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result
),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(
  .portal-readable-surface,
  .regulation-reference-hero,
  .regulation-search-console,
  .regulation-source-status,
  .regulation-source-status > article,
  .regulation-source-list a,
  .regulation-ops-console,
  .regulation-ops-card,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-post-accident-tree,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result
) {
  border-color: rgba(109, 132, 160, .24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .985), rgba(244, 249, 255, .96)),
    #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 16px 34px rgba(0, 16, 44, .18), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(
  .portal-readable-surface,
  .regulation-reference-hero,
  .regulation-search-console,
  .regulation-source-status,
  .regulation-source-status > article,
  .regulation-source-list a,
  .regulation-ops-console,
  .regulation-ops-card,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-post-accident-tree,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result
) :is(h1, h2, h3, h4, h5, h6, strong, b),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(
  .portal-readable-surface,
  .regulation-reference-hero,
  .regulation-search-console,
  .regulation-source-status,
  .regulation-source-status > article,
  .regulation-source-list a,
  .regulation-ops-console,
  .regulation-ops-card,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-post-accident-tree,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(
  .portal-readable-surface,
  .regulation-reference-hero,
  .regulation-search-console,
  .regulation-source-status,
  .regulation-source-status > article,
  .regulation-source-list a,
  .regulation-ops-console,
  .regulation-ops-card,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-post-accident-tree,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result
) :is(p, li, span, small, label, legend, summary, td, dd, dt, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(
  .portal-readable-surface,
  .regulation-reference-hero,
  .regulation-search-console,
  .regulation-source-status,
  .regulation-source-status > article,
  .regulation-source-list a,
  .regulation-ops-console,
  .regulation-ops-card,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-post-accident-tree,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result
) :is(p, li, span, small, label, legend, summary, td, dd, dt, figcaption, .help, .small, .muted, .subtle, .eyebrow) {
  color: #0b2d55 !important;
  -webkit-text-fill-color: #0b2d55 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) :is(.portal-readable-surface, .decision-field, .decision-result, [class*="regulation"], [class*="fmcsa"]) :is(input, select, textarea),
#app.app-shell:not(.orionos-product-os) .main:not(.orionos-sellable-product) :is(.portal-readable-surface, .decision-field, .decision-result, [class*="regulation"], [class*="fmcsa"]) :is(input, select, textarea) {
  border-color: rgba(199, 242, 255, .58) !important;
  background: rgba(2, 13, 34, .99) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #c7f2ff !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-panel="dark"] :is(
  h1, h2, h3, h4, h5, h6, strong, b, p, li, span, small, em, a, button, label,
  summary, legend, th, td, dt, dd, figcaption
),
#app.app-shell [data-orionos-readability-tone="light"] {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="dark"] :is(h1, h2, h3, h4, h5, h6, strong, b),
#app.app-shell [data-orionos-readability-tone="strong"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 14px rgba(0, 10, 28, .58) !important;
}

#app.app-shell [data-orionos-readability-tone="dark"] {
  color: #06182c !important;
  -webkit-text-fill-color: #06182c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-opacity="fixed"] {
  opacity: 1 !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell :is(
  .muted, .subtle, .help, .small, small, [class*="muted"], [class*="subtitle"],
  [class*="description"], [class*="caption"], [class*="secondary"]
) {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-orionos-theme-guard="product"] #app.app-shell :is(
  .muted, .subtle, .help, .small, small, [class*="muted"], [class*="subtitle"],
  [class*="description"], [class*="caption"], [class*="secondary"]
) {
  color: #dceeff !important;
  -webkit-text-fill-color: #dceeff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell :is(input, select, textarea)[data-orionos-readability-tone] {
  caret-color: currentColor !important;
}

#app.app-shell :is(input, select, textarea)[data-orionos-readability-panel="dark"],
#app.app-shell [data-orionos-readability-panel="dark"] :is(input, select, textarea) {
  background: rgba(2, 13, 34, .99) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(218, 247, 255, .58) !important;
}

#app.app-shell [data-orionos-readability-panel="dark"] :is(input::placeholder, textarea::placeholder),
#app.app-shell :is(input::placeholder, textarea::placeholder) {
  color: #dceeff !important;
  -webkit-text-fill-color: #dceeff !important;
  opacity: 1 !important;
}

/* OrionOS portal control readability guard v20260704-4. */
body[data-orionos-theme-guard="portal"] #app.app-shell :is(
  .topbar .btn,
  .topbar button,
  .btn.compact,
  .nav-badge,
  .status-pill,
  .pill,
  .badge,
  .chip,
  [class*="pill"],
  [class*="badge"],
  [class*="chip"]
),
#app.app-shell.orionos-portal-os :is(
  .topbar .btn,
  .topbar button,
  .btn.compact,
  .nav-badge,
  .status-pill,
  .pill,
  .badge,
  .chip,
  [class*="pill"],
  [class*="badge"],
  [class*="chip"]
),
#app.app-shell:not(.orionos-product-os) :is(
  .topbar .btn,
  .topbar button,
  .btn.compact,
  .nav-badge,
  .status-pill,
  .pill,
  .badge,
  .chip,
  [class*="pill"],
  [class*="badge"],
  [class*="chip"]
) {
  border-color: rgba(218, 247, 255, .56) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .048)),
    rgba(4, 24, 51, .99) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell :is(.status-pill.active, .status-pill.complete, .pill.active, .pill.on, .badge.active, .chip.active, .nav-badge),
#app.app-shell.orionos-portal-os :is(.status-pill.active, .status-pill.complete, .pill.active, .pill.on, .badge.active, .chip.active, .nav-badge),
#app.app-shell:not(.orionos-product-os) :is(.status-pill.active, .status-pill.complete, .pill.active, .pill.on, .badge.active, .chip.active, .nav-badge) {
  border-color: rgba(145, 232, 255, .7) !important;
  background: linear-gradient(135deg, #063b78, #0753a6 54%, #0a65a8) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 10px rgba(0, 24, 60, .42) !important;
}

/* FreightFlow tabs carry full-word operational labels, so the selected state
   uses Orion's darker blue range instead of the decorative cyan endpoint. */
body[data-orionos-theme-guard="portal"] #app.app-shell .main[data-view="freightflow"] .freightflow-roster-tabs button[aria-selected="true"] {
  background: linear-gradient(135deg, #063b78, #0753a6 52%, #0a65a8) !important;
  background-color: #0753a6 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell .main[data-view="freightflow"] .freightflow-roster-tabs button[aria-selected="true"] > span {
  background: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* OrionOS product and cross-portal readability guard v20260704-5. */
#app.app-shell :is(.avatar-dot, .nav-icon) {
  border-color: rgba(168, 227, 255, .62) !important;
  background:
    linear-gradient(135deg, rgba(24, 130, 255, .96), rgba(49, 206, 255, .82)),
    #0d4f9f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 9px rgba(0, 20, 50, .52) !important;
}

#app.app-shell :is(.avatar-dot, .nav-icon) :is(svg, path, circle, line, polyline, rect) {
  color: #ffffff !important;
  stroke: currentColor !important;
}

body[data-orionos-theme-guard="product"] #app.app-shell :is(
  .product-access-mode,
  .hey-orion-sales-copy,
  .hey-orion-capability-strip,
  .hey-orion-capability-strip span,
  .product-command-cockpit,
  .product-command-grid button,
  .product-kpi-card,
  .product-feature-card,
  .product-workspace-link,
  .product-integration-card,
  .product-record-panel,
  .product-feature-console,
  .product-automation-map,
  .product-integration-console,
  .product-workspace-links,
  .product-live-queue,
  .product-control-panel,
  .product-evidence-panel,
  .product-queue-row,
  .product-control-list button,
  .product-record-grid article,
  .product-record-grid button,
  .product-brand-card,
  .product-related-workspaces,
  .product-related-workspaces .module-card,
  .product-commerce-panel,
  .enterprise-action-card,
  .enterprise-focus-card,
  .addon-signal-card
) {
  border-color: rgba(194, 238, 255, .48) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(64, 169, 255, .06) 46%, rgba(255, 255, 255, .026)),
    rgba(3, 18, 39, .965) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .36), inset 0 1px 0 rgba(255, 255, 255, .13) !important;
}

body[data-orionos-theme-guard="product"] #app.app-shell :is(
  .product-access-mode,
  .hey-orion-sales-copy,
  .hey-orion-capability-strip,
  .product-command-cockpit,
  .product-command-grid button,
  .product-kpi-card,
  .product-feature-card,
  .product-workspace-link,
  .product-integration-card,
  .product-record-panel,
  .product-feature-console,
  .product-automation-map,
  .product-integration-console,
  .product-workspace-links,
  .product-live-queue,
  .product-control-panel,
  .product-evidence-panel,
  .product-queue-row,
  .product-control-list button,
  .product-record-grid article,
  .product-record-grid button,
  .product-brand-card,
  .product-related-workspaces,
  .product-related-workspaces .module-card,
  .product-commerce-panel,
  .enterprise-action-card,
  .enterprise-focus-card,
  .addon-signal-card
) :is(h1, h2, h3, h4, h5, h6, strong, b, .price) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 14px rgba(0, 10, 28, .58) !important;
}

body[data-orionos-theme-guard="product"] #app.app-shell :is(
  .product-access-mode,
  .hey-orion-sales-copy,
  .hey-orion-capability-strip,
  .product-command-cockpit,
  .product-command-grid button,
  .product-kpi-card,
  .product-feature-card,
  .product-workspace-link,
  .product-integration-card,
  .product-record-panel,
  .product-feature-console,
  .product-automation-map,
  .product-integration-console,
  .product-workspace-links,
  .product-live-queue,
  .product-control-panel,
  .product-evidence-panel,
  .product-queue-row,
  .product-control-list button,
  .product-record-grid article,
  .product-record-grid button,
  .product-brand-card,
  .product-related-workspaces,
  .product-related-workspaces .module-card,
  .product-commerce-panel,
  .enterprise-action-card,
  .enterprise-focus-card,
  .addon-signal-card
) :is(p, li, span, small, label, legend, summary, td, dd, dt, figcaption, .help, .small, .muted, .subtle, .eyebrow, .product-tagline, .product-card-link) {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-orionos-theme-guard="product"] #app.app-shell :is(.product-access-mode, .hey-orion-capability-strip span, .product-card-link) {
  border-color: rgba(145, 232, 255, .66) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05)),
    rgba(5, 32, 67, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-orionos-theme-guard="product"] #app.app-shell :is(.btn, button.btn, .status-pill, .pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) {
  border-color: rgba(145, 232, 255, .66) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .048)),
    rgba(5, 32, 67, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 10px rgba(0, 24, 60, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

body[data-orionos-theme-guard="product"] #app.app-shell :is(.btn.primary, button.primary, .status-pill.active, .status-pill.complete, .pill.active, .pill.on, .badge.active, .chip.active) {
  border-color: rgba(145, 232, 255, .78) !important;
  background: linear-gradient(135deg, #063b78, #0753a6 54%, #0a65a8) !important;
  background-color: #0753a6 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell :is(
  .war-room-case,
  .war-room-case-board,
  .war-room-case-meta,
  .war-room-case-meta span,
  .war-room-lane,
  .enterprise-module-meta,
  .enterprise-module-meta span,
  .load-meta,
  .load-meta span,
  .product-module-meta,
  .product-module-meta span,
  .lead-scout-facts,
  .lead-scout-facts div,
  .tracking-readout,
  .tracking-readout div
) {
  border-color: rgba(194, 238, 255, .48) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(64, 169, 255, .06) 46%, rgba(255, 255, 255, .026)),
    rgba(3, 18, 39, .965) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell :is(
  .war-room-case,
  .war-room-case-board,
  .war-room-case-meta,
  .war-room-case-meta span,
  .war-room-lane,
  .enterprise-module-meta,
  .enterprise-module-meta span,
  .load-meta,
  .load-meta span,
  .product-module-meta,
  .product-module-meta span,
  .lead-scout-facts,
  .lead-scout-facts div,
  .tracking-readout,
  .tracking-readout div
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  .war-room-case,
  .war-room-case-board,
  .war-room-case-meta,
  .war-room-case-meta span,
  .war-room-lane,
  .enterprise-module-meta,
  .enterprise-module-meta span,
  .load-meta,
  .load-meta span,
  .product-module-meta,
  .product-module-meta span,
  .lead-scout-facts,
  .lead-scout-facts div,
  .tracking-readout,
  .tracking-readout div
) :is(p, li, span, small, label, .help, .small, .muted, .subtle, .eyebrow) {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  opacity: 1 !important;
}

/* OrionOS white-card navy text contract v20260705-12.
   White/light cards across OrionOS use the page navy as text color. */
#app.app-shell [data-orionos-readability-panel="light"],
#app.app-shell :is(.card, .card.pad, .module-card, .metric, .notice, .table-wrap, .timeline-item, .decision-field, .decision-result, .regulation-search-console, .regulation-source-status > article)[data-orionos-readability-panel="light"],
#app.app-shell .main:not([data-view="addons"]):not([data-view="auditguard"]):not([data-view="coldvault"]):not([data-view="doorguard"]):not([data-view="hey_orion"]):not([data-view="powerlink"]):not([data-view="safetrace"]):not([data-view="scaniq"]):not([data-view="sentinel"]):not([data-view="v2x"]):not([data-view="vision_ai"]) :is(
  .card,
  .card.pad,
  .module-card,
  .customer-module-card,
  .enterprise-module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .metric.card,
  .notice,
  .table-wrap,
  .driver-file,
  .load-work-card,
  .provider-card,
  .path-card,
  .action-card,
  .followup-card,
  .quote-card,
  .portal-command-surface,
  .role-home-screen,
  .portal-operating-brief,
  .current-load-strip,
  .alert-triage-bar,
  .form-helper-bar,
  .table-filter-bar,
  .notification-center-upgrade,
  .tms-designed-command-center,
  .tms-settlement-upgrade,
  .tms-control-tower-upgrade,
  .owner-admin-panel,
  .enterprise-home,
  .overview-grid > *,
  .scorecard-grid > *,
  .metric-grid > *
),
#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result
) {
  border-color: rgba(109, 132, 160, .24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .96)),
    #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 16px 34px rgba(0, 16, 44, .18), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main:not([data-view="addons"]):not([data-view="auditguard"]):not([data-view="coldvault"]):not([data-view="doorguard"]):not([data-view="hey_orion"]):not([data-view="powerlink"]):not([data-view="safetrace"]):not([data-view="scaniq"]):not([data-view="sentinel"]):not([data-view="v2x"]):not([data-view="vision_ai"]) :is(.card, .card.pad, .module-card, .metric, .metric.card, .notice, .table-wrap, .timeline-item, .portal-command-surface, .role-home-screen, .portal-operating-brief) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(.regulation-search-console, .regulation-source-status > article, .regulation-results-card, .regulation-part-map, .regulation-result-row, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty, .decision-field, .decision-result) :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(p, li, span, small, em, a, button, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main:not([data-view="addons"]):not([data-view="auditguard"]):not([data-view="coldvault"]):not([data-view="doorguard"]):not([data-view="hey_orion"]):not([data-view="powerlink"]):not([data-view="safetrace"]):not([data-view="scaniq"]):not([data-view="sentinel"]):not([data-view="v2x"]):not([data-view="vision_ai"]) :is(.card, .card.pad, .module-card, .metric, .metric.card, .notice, .table-wrap, .timeline-item, .portal-command-surface, .role-home-screen, .portal-operating-brief) :is(p, li, span, small, em, a, button, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(.regulation-search-console, .regulation-source-status > article, .regulation-results-card, .regulation-part-map, .regulation-result-row, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty, .decision-field, .decision-result) :is(p, li, span, small, em, a, button, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow) {
  color: #0b2d55 !important;
  -webkit-text-fill-color: #0b2d55 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(input, select, textarea),
#app.app-shell .main:not([data-view="addons"]):not([data-view="auditguard"]):not([data-view="coldvault"]):not([data-view="doorguard"]):not([data-view="hey_orion"]):not([data-view="powerlink"]):not([data-view="safetrace"]):not([data-view="scaniq"]):not([data-view="sentinel"]):not([data-view="v2x"]):not([data-view="vision_ai"]) :is(.card, .card.pad, .module-card, .metric, .metric.card, .notice, .table-wrap, .timeline-item, .portal-command-surface, .role-home-screen, .portal-operating-brief) :is(input, select, textarea),
#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(.regulation-search-console, .regulation-source-status > article, .regulation-results-card, .regulation-part-map, .regulation-result-row, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty, .decision-field, .decision-result) :is(input, select, textarea) {
  border-color: rgba(11, 45, 85, .28) !important;
  background: #031426 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #c7f2ff !important;
}

/* OrionOS sitewide pale-surface contrast circuit v20260705-12. */
#app.app-shell [data-orionos-readability-panel="light"] {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(
  h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="label"], [class*="status"]
):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *, input, select, textarea)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is([data-orionos-readability-inline="navy-on-light"], [data-orionos-readability-inline="navy-on-light"] *) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is([data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS FMCSA/OSHA light-card contrast lock v20260705-1. */
#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(
  .fmcsa-post-accident-tree,
  .decision-field,
  .decision-result,
  .regulation-ops-console,
  .regulation-results-card,
  .regulation-part-map,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-search-console,
  .regulation-source-status > article,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
}

#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-ops-console,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty
) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(246, 250, 255, 0.965)) !important;
  border-color: rgba(112, 140, 176, 0.38) !important;
  box-shadow: 0 18px 42px rgba(2, 18, 39, 0.12) !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
}

#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(
  .decision-result > strong,
  .decision-result > p,
  .decision-result .decision-next-steps,
  .decision-result .decision-next-steps li,
  .regulation-ops-head .eyebrow,
  .regulation-ops-head h3,
  .regulation-results-card > .split-actions h3,
  .regulation-result-copy h3,
  .regulation-result-copy p,
  .regulation-result-meta .eyebrow,
  .regulation-part-row h4,
  .regulation-part-row p,
  .regulation-part-group-head strong,
  .regulation-part-mini span,
  .regulation-part-mini strong,
  .regulation-part-mini small,
  .fmcsa-update-panel h3,
  .fmcsa-update-panel p,
  .regulation-side-panel h3,
  .regulation-side-panel p
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(
  .decision-result > p,
  .decision-result .decision-next-steps,
  .decision-result .decision-next-steps li,
  .regulation-result-copy p,
  .regulation-part-row p,
  .regulation-part-mini small,
  .fmcsa-update-panel p,
  .regulation-side-panel p
) {
  color: #0b2d55 !important;
  -webkit-text-fill-color: #0b2d55 !important;
}

#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) .regulation-keywords span {
  color: #0b2d55 !important;
  -webkit-text-fill-color: #0b2d55 !important;
  text-shadow: none !important;
}

#app.app-shell :is(.main[data-view="fmcsa_regs"], .main[data-view="osha_regs"], .regulation-reference-clean-room) :is(
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-mini,
  .decision-result
) :is(.btn, .pill, .status-pill) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* OrionOS final light-surface descendant lock v20260705-13.
   Structural fallback for pale cards across portals, including FMCSA/OSHA regulation rows. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .main[data-view="fmcsa_regs"] :is(
    .decision-field,
    .decision-result,
    .fmcsa-post-accident-tree,
    .regulation-search-console,
    .regulation-source-status > article,
    .regulation-ops-console,
    .regulation-results-card,
    .regulation-result-row,
    .regulation-part-map,
    .regulation-part-row,
    .regulation-part-group,
    .regulation-part-mini,
    .regulation-topic-card,
    .fmcsa-update-panel,
    .regulation-side-panel,
    .regulation-empty
  ),
  .main[data-view="osha_regs"] :is(
    .decision-field,
    .decision-result,
    .regulation-search-console,
    .regulation-source-status > article,
    .regulation-ops-console,
    .regulation-results-card,
    .regulation-result-row,
    .regulation-part-map,
    .regulation-part-row,
    .regulation-part-group,
    .regulation-part-mini,
    .regulation-topic-card,
    .fmcsa-update-panel,
    .regulation-side-panel,
    .regulation-empty
  ),
  .regulation-reference-clean-room :is(
    .decision-field,
    .decision-result,
    .regulation-search-console,
    .regulation-source-status > article,
    .regulation-ops-console,
    .regulation-results-card,
    .regulation-result-row,
    .regulation-part-map,
    .regulation-part-row,
    .regulation-part-group,
    .regulation-part-mini,
    .regulation-topic-card,
    .fmcsa-update-panel,
    .regulation-side-panel,
    .regulation-empty
  )
) :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .main[data-view="fmcsa_regs"] :is(
    .decision-field,
    .decision-result,
    .fmcsa-post-accident-tree,
    .regulation-search-console,
    .regulation-source-status > article,
    .regulation-ops-console,
    .regulation-results-card,
    .regulation-result-row,
    .regulation-part-map,
    .regulation-part-row,
    .regulation-part-group,
    .regulation-part-mini,
    .regulation-topic-card,
    .fmcsa-update-panel,
    .regulation-side-panel,
    .regulation-empty
  ),
  .main[data-view="osha_regs"] :is(
    .decision-field,
    .decision-result,
    .regulation-search-console,
    .regulation-source-status > article,
    .regulation-ops-console,
    .regulation-results-card,
    .regulation-result-row,
    .regulation-part-map,
    .regulation-part-row,
    .regulation-part-group,
    .regulation-part-mini,
    .regulation-topic-card,
    .fmcsa-update-panel,
    .regulation-side-panel,
    .regulation-empty
  ),
  .regulation-reference-clean-room :is(
    .decision-field,
    .decision-result,
    .regulation-search-console,
    .regulation-source-status > article,
    .regulation-ops-console,
    .regulation-results-card,
    .regulation-result-row,
    .regulation-part-map,
    .regulation-part-row,
    .regulation-part-group,
    .regulation-part-mini,
    .regulation-topic-card,
    .fmcsa-update-panel,
    .regulation-side-panel,
    .regulation-empty
  )
) :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *, input, select, textarea)) {
  color: #0b2d55 !important;
  -webkit-text-fill-color: #0b2d55 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell :is(
  .main[data-view="fmcsa_regs"],
  .main[data-view="osha_regs"],
  .regulation-reference-clean-room
) :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) {
  text-shadow: none !important;
}

/* OrionOS Safari-safe light-card text override v20260705-14.
   Avoid nested complex selectors inside :is(); Safari can drop those entire rules. */
#app.app-shell [data-orionos-readability-panel="light"] :is(h1, h2, h3, h4, h5, h6, strong, b, summary):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *)),
#app.app-shell .main[data-view="fmcsa_regs"] :is(.decision-field, .decision-result, .fmcsa-post-accident-tree, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main[data-view="fmcsa_regs"] .regulation-source-status > article :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main[data-view="osha_regs"] :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main[data-view="osha_regs"] .regulation-source-status > article :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .regulation-reference-clean-room :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .regulation-reference-clean-room .regulation-source-status > article :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *)),
#app.app-shell .main[data-view="fmcsa_regs"] :is(.decision-field, .decision-result, .fmcsa-post-accident-tree, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main[data-view="fmcsa_regs"] .regulation-source-status > article :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main[data-view="osha_regs"] :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main[data-view="osha_regs"] .regulation-source-status > article :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .regulation-reference-clean-room :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .regulation-reference-clean-room .regulation-source-status > article :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow) {
  color: #0b2d55 !important;
  -webkit-text-fill-color: #0b2d55 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell .main[data-view="fmcsa_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]),
#app.app-shell .main[data-view="osha_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]),
#app.app-shell .regulation-reference-clean-room :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

#app.app-shell .main[data-view="fmcsa_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) *,
#app.app-shell .main[data-view="osha_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) *,
#app.app-shell .regulation-reference-clean-room :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: none !important;
}

/* OrionOS light-card chrome-blue descendant lock v20260705-17.
   White FMCSA/OSHA cards use the dark blue/chrome shell color for readable text. */
#app.app-shell [data-orionos-readability-panel="light"] :is(h1, h2, h3, h4, h5, h6, strong, b, p, li, span, small, em, label, legend, summary, th, td, dt, dd, figcaption):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *)),
#app.app-shell .main[data-view="fmcsa_regs"] :is(.decision-field, .decision-result, .fmcsa-post-accident-tree, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, p, li, span, small, em, label, legend, summary, th, td, dt, dd, figcaption):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *)),
#app.app-shell .main[data-view="osha_regs"] :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, p, li, span, small, em, label, legend, summary, th, td, dt, dd, figcaption):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *)),
#app.app-shell .regulation-reference-clean-room :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, p, li, span, small, em, label, legend, summary, th, td, dt, dd, figcaption):not(:where(button, button *, .btn, .btn *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell .main[data-view="fmcsa_regs"] .regulation-result-copy :is(h3, p),
#app.app-shell .main[data-view="osha_regs"] .regulation-result-copy :is(h3, p),
#app.app-shell .regulation-reference-clean-room .regulation-result-copy :is(h3, p),
#app.app-shell .main[data-view="fmcsa_regs"] .decision-result :is(strong, p, li),
#app.app-shell .main[data-view="osha_regs"] .decision-result :is(strong, p, li),
#app.app-shell .regulation-reference-clean-room .decision-result :is(strong, p, li) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* OrionOS Safari-safe light-card text override v20260705-15.
   No :not/:where exceptions: first force readable text, then restore controls. */
#app.app-shell [data-orionos-readability-panel="light"] :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main[data-view="fmcsa_regs"] :is(.decision-field, .decision-result, .fmcsa-post-accident-tree, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main[data-view="fmcsa_regs"] .regulation-source-status > article :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main[data-view="osha_regs"] :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .main[data-view="osha_regs"] .regulation-source-status > article :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .regulation-reference-clean-room :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
#app.app-shell .regulation-reference-clean-room .regulation-source-status > article :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main[data-view="fmcsa_regs"] :is(.decision-field, .decision-result, .fmcsa-post-accident-tree, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main[data-view="fmcsa_regs"] .regulation-source-status > article :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main[data-view="osha_regs"] :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .main[data-view="osha_regs"] .regulation-source-status > article :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .regulation-reference-clean-room :is(.decision-field, .decision-result, .regulation-search-console, .regulation-ops-console, .regulation-results-card, .regulation-result-row, .regulation-part-map, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) :is(p, li, span, small, em, label, legend, th, td, dt, dd, figcaption, .help, .small, .muted, .subtle, .eyebrow),
#app.app-shell .regulation-reference-clean-room .regulation-source-status > article :is(p, li, span, small, em, label, legend, th, td, dd, dt, figcaption, .help, .small, .muted, .subtle, .eyebrow) {
  color: #0b2d55 !important;
  -webkit-text-fill-color: #0b2d55 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]),
#app.app-shell .main[data-view="fmcsa_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]),
#app.app-shell .main[data-view="osha_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]),
#app.app-shell .regulation-reference-clean-room :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) *,
#app.app-shell .main[data-view="fmcsa_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) *,
#app.app-shell .main[data-view="osha_regs"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) *,
#app.app-shell .regulation-reference-clean-room :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: none !important;
}


/* OrionOS global computed light-surface contrast lock v20260705-18.
   White or pale cards/rows/chips must use chrome-blue text everywhere. */
#app.app-shell [data-orionos-readability-panel="light"],
#app.app-shell .portal-readable-surface,
#app.app-shell .customer-command-row,
#app.app-shell .customer-command-row-list > article,
#app.app-shell .carrier-asset-roster-list button,
#app.app-shell .carrier-asset-roster-stats small,
#app.app-shell .carrier-maintenance-lead,
#app.app-shell .carrier-maintenance-selected,
#app.app-shell .carrier-maintenance-selected :is(.tracking-readout div, .carrier-maintenance-spec-list div),
#app.app-shell .main[data-view="fmcsa_regs"] :is(.decision-field, .decision-result, .regulation-search-console, .regulation-source-status > article, .regulation-results-card, .regulation-result-row, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty),
#app.app-shell .main[data-view="osha_regs"] :is(.decision-field, .decision-result, .regulation-search-console, .regulation-source-status > article, .regulation-results-card, .regulation-result-row, .regulation-part-row, .regulation-part-group, .regulation-part-mini, .regulation-topic-card, .fmcsa-update-panel, .regulation-side-panel, .regulation-empty) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
#app.app-shell :is([data-orionos-readability-panel="light"], .portal-readable-surface, .customer-command-row, .customer-command-row-list > article, .carrier-asset-roster-list button, .carrier-maintenance-lead, .carrier-maintenance-selected, .decision-field, .decision-result, .regulation-result-row, .regulation-results-card, .regulation-part-row, .regulation-part-group, .regulation-part-mini) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, label, legend, summary, th, td, dt, dd, li, figcaption):not(:where(.btn, .btn *, button, button *, .status-pill, .status-pill *, .pill, .pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *)),
#app.app-shell .carrier-asset-roster-stats small,
#app.app-shell .carrier-maintenance-selected :is(.tracking-readout div, .carrier-maintenance-spec-list div) :is(span, strong, small),
#app.app-shell [data-orionos-readability-inline="navy-on-light"] {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final light-panel control contrast lock v20260705-19.
   Older rules forced controls inside light cards to white; pale chips/buttons must stay chrome-blue unless the runtime marks them as dark controls. */
#app.app-shell [data-orionos-readability-panel="light"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]):not([data-orionos-readability-inline="light-on-dark-control"]),
#app.app-shell [data-orionos-readability-panel="light"] :is(.btn, button, .pill, .status-pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]):not([data-orionos-readability-inline="light-on-dark-control"]) * {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-inline="light-on-dark-control"],
#app.app-shell [data-orionos-readability-inline="light-on-dark-control"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS absolute white-card blue-text lock v20260705-22.
   Last-loaded fallback: white/pale portal surfaces keep chrome-blue text even
   when older page rules or glow styles try to make the copy white. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
),
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(
  h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  .pill, .status-pill, .badge, .chip,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"],
  [class*="pill"], [class*="badge"], [class*="chip"]
):not(:where([data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final white-surface navy-text lock v20260705-25 actual EOF.
   Any white/pale OrionOS card or row must render navy text; app.js also enforces this after each render. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-panel,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-workflow-card,
  .customer-command-health,
  .customer-focus-records,
  .customer-setup-mini,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
),
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-panel,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-workflow-card,
  .customer-command-health,
  .customer-focus-records,
  .customer-setup-mini,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a, label, legend, summary, th, td, dt, dd, li, figcaption, input, select, textarea, .help, .small, .muted, .subtle, .eyebrow, [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .regulation-results-card,
  .regulation-result-row,
  .decision-field,
  .decision-result,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(.pill:not(.active):not(.pending):not(.blocked):not(.critical):not(.danger):not(.warn):not(.info):not(.success), .badge:not(.active):not(.pending):not(.blocked):not(.critical):not(.danger):not(.warn):not(.info):not(.success), .chip:not(.active):not(.pending):not(.blocked):not(.critical):not(.danger):not(.warn):not(.info):not(.success), .status-pill:not(.active):not(.pending):not(.blocked):not(.critical):not(.danger):not(.warn):not(.info):not(.success)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final white-surface navy-text lock v20260705-26 actual EOF.
   True final cascade: white cards get navy text; dark cards keep white text. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  .pill, .badge, .chip, .status-pill,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"],
  [class*="pill"], [class*="badge"], [class*="chip"]
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="dark"],
  [data-orionos-readability-panel="dark"] *,
  [data-orionos-readability-inline="white-on-dark"],
  [data-orionos-readability-inline="white-on-dark"] *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS true EOF white-card chrome-blue text lock v20260707-6.
   Any light/white OrionOS card that carries text gets visible chrome-blue text.
   Dark controls inside those cards keep white text. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  .orionos-light-command-card,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .customer-command-health .customer-command-metric,
  .customer-focus-records,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  .orionos-light-command-card,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .customer-command-health .customer-command-metric,
  .customer-focus-records,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(
  h1, h2, h3, h4, h5, h6,
  p, div, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  [data-orionos-readability-inline="white-on-dark"],
  [data-orionos-readability-inline="white-on-dark"] *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-health .customer-command-metric
) > :is(span, strong, small),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card
) > div,
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card
) > div * {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .orionos-light-command-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .orionos-light-command-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS absolute final universal light-card readability override v20260707-6.
   Final rule in this file: marked/detected white cards get blue text, not white. */
#app.app-shell :is(
  .orionos-force-light-card-text,
  .orionos-light-card-readable-text,
  [data-orionos-light-card-fixed="true"],
  [data-orionos-light-card-fixed="true"] :is(
    h1, h2, h3, h4, h5, h6,
    p, div, span, small, strong, b, em, a,
    label, legend, summary, th, td, dt, dd, li, figcaption,
    input, select, textarea,
    .help, .small, .muted, .subtle, .eyebrow,
    [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
  ),
  .orionos-force-light-card-text :is(
    h1, h2, h3, h4, h5, h6,
    p, div, span, small, strong, b, em, a,
    label, legend, summary, th, td, dd, dt, li, figcaption,
    input, select, textarea,
    .help, .small, .muted, .subtle, .eyebrow,
    [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
  )
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  [data-orionos-readability-inline="white-on-dark"],
  [data-orionos-readability-inline="white-on-dark"] *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(.orionos-force-light-card-text, [data-orionos-light-card-fixed="true"]) :is(
  button, .btn, [role="button"], .status-pill, .pill, .badge, .chip
),
#app.app-shell :is(.orionos-force-light-card-text, [data-orionos-light-card-fixed="true"]) :is(
  button, .btn, [role="button"], .status-pill, .pill, .badge, .chip
) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS true-final broker/customer white-card text lock v20260708-13.
   Hard-dark stylesheet final word: white cards get chrome-blue text. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .broker-workspace-metrics > article,
  .broker-workspace-metrics > article *,
  .orionos-readable-metric-card,
  .orionos-readable-metric-card *,
  .orionos-force-light-card-text,
  .orionos-force-light-card-text *,
  .orionos-light-command-card,
  .orionos-light-command-card *,
  [data-orionos-light-card-fixed="true"],
  [data-orionos-light-card-fixed="true"] *,
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-panel="light"] *,
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *,
  .customer-command-metric,
  .customer-command-metric *,
  .customer-command-metric-grid > article,
  .customer-command-metric-grid > article *,
  .customer-command-row,
  .customer-command-row *,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-row-list > article.customer-command-row *,
  .customer-command-health-grid > article,
  .customer-command-health-grid > article *,
  .metric.card.orionos-force-light-card-text,
  .metric.card.orionos-force-light-card-text *,
  .metric.card.orionos-light-command-card,
  .metric.card.orionos-light-command-card *
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .broker-workspace-metrics > article,
  .orionos-readable-metric-card,
  .orionos-force-light-card-text,
  .orionos-light-command-card,
  [data-orionos-light-card-fixed="true"],
  [data-orionos-readability-panel="light"],
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-health-grid > article,
  .metric.card.orionos-force-light-card-text,
  .metric.card.orionos-light-command-card
) {
  background-color: #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS true EOF command-dashboard white-card text lock v20260708-1.
   White customer command cards must never carry white/faint text. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-health-grid > article
) {
  background: #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-health-grid > article
) :is(
  h1, h2, h3, h4, h5, h6,
  p, div, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS explicit dark command-card style v20260708-12.
   Only cards deliberately marked dark keep white text; white cards use chrome-blue text. */
#app.app-shell :is(
  .customer-command-metric.orionos-dark-command-card,
  .customer-command-workflow-card.orionos-dark-command-card,
  .customer-command-row.orionos-dark-command-card
) {
  border-color: rgba(126, 199, 255, .42) !important;
  background: linear-gradient(145deg, #071a32, #0e3154 72%, #0b223b) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  box-shadow: 0 16px 34px rgba(0, 8, 24, .34), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

#app.app-shell .customer-command-metric.orionos-dark-command-card span {
  color: #9edcff !important;
  -webkit-text-fill-color: #9edcff !important;
}

#app.app-shell :is(
  .customer-command-metric.orionos-dark-command-card,
  .customer-command-workflow-card.orionos-dark-command-card,
  .customer-command-row.orionos-dark-command-card
) strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

#app.app-shell :is(
  .customer-command-metric.orionos-dark-command-card,
  .customer-command-workflow-card.orionos-dark-command-card,
  .customer-command-row.orionos-dark-command-card
) small {
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
  text-shadow: none !important;
}

/* OrionOS final universal light-card readability override v20260707-6.
   If a card is explicitly marked or detected as light, ordinary text is blue.
   This is deliberately the final CSS rule for the white-card problem. */
#app.app-shell :is(
  .orionos-force-light-card-text,
  .orionos-light-card-readable-text,
  [data-orionos-light-card-fixed="true"],
  [data-orionos-light-card-fixed="true"] :is(
    h1, h2, h3, h4, h5, h6,
    p, div, span, small, strong, b, em, a,
    label, legend, summary, th, td, dt, dd, li, figcaption,
    input, select, textarea,
    .help, .small, .muted, .subtle, .eyebrow,
    [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
  ),
  .orionos-force-light-card-text :is(
    h1, h2, h3, h4, h5, h6,
    p, div, span, small, strong, b, em, a,
    label, legend, summary, th, td, dd, dt, li, figcaption,
    input, select, textarea,
    .help, .small, .muted, .subtle, .eyebrow,
    [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
  )
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  [data-orionos-readability-inline="white-on-dark"],
  [data-orionos-readability-inline="white-on-dark"] *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(.orionos-force-light-card-text, [data-orionos-light-card-fixed="true"]) :is(
  button, .btn, [role="button"], .status-pill, .pill, .badge, .chip
),
#app.app-shell :is(.orionos-force-light-card-text, [data-orionos-light-card-fixed="true"]) :is(
  button, .btn, [role="button"], .status-pill, .pill, .badge, .chip
) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS customer command light-card text lock v20260707-6.
   This must remain last: portal command metrics and record rows are white
   operating cards, so their ordinary text must be chrome navy while dark
   action/status controls stay white. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .orionos-light-command-card,
  .customer-command-metric,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-health .customer-command-metric
) {
  background: #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .orionos-light-command-card,
  .customer-command-metric,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-health .customer-command-metric
) :is(
  h1, h2, h3, h4, h5, h6,
  p, div, span, small, strong, b, em, label,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
):not(:where(button, button *, .btn, .btn *, [role="button"], [role="button"] *, .status-pill, .status-pill *, .pill, .pill *, .badge, .badge *, .chip, .chip *)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row
) > div,
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row
) > div * {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-health .customer-command-metric
) > :is(span, strong, small) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final painted white-card contract v20260707-6.
   Any surface the runtime detects as white/light must render navy text, including
   pills, metrics, generated rows, and action cards after portal navigation. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
),
#app.app-shell [data-orionos-readability-panel="light"] :is(
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  .pill, .badge, .chip, .status-pill,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"],
  [class*="pill"], [class*="badge"], [class*="chip"]
):not(:where([data-orionos-readability-inline="white-on-dark"], [data-orionos-readability-inline="white-on-dark"] *, [data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(button, .button, .btn, [role="button"], .status-pill, .pill, .badge, .chip) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(
  input, select, textarea
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  caret-color: #0e5f93 !important;
}

/* Hey Orion Transportation legacy lockup backstop v20260707-6. */
#app.app-shell .hey-orion-dock :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text, .hey-orion-final-button, .hey-orion-preview-button) {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 !important;
  border: 1px solid rgba(124, 199, 255, .86) !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(223, 247, 255, .18), transparent 28%),
    linear-gradient(180deg, #092a52 0%, #061a31 52%, #030713 100%) !important;
  box-shadow:
    0 16px 34px rgba(3, 7, 19, .46),
    0 0 0 1px rgba(124, 199, 255, .26),
    inset 0 1px 0 rgba(255, 255, 255, .34) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

#app.app-shell .hey-orion-dock .orion-constellation {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #07152d, #020713) !important;
  border: 1px solid rgba(124, 199, 255, .38) !important;
}

#app.app-shell .hey-orion-dock .hey-orion-launcher-logo {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

#app.app-shell .hey-orion-dock .orion-type,
#app.app-shell .hey-orion-dock .orion-type * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .hey-orion-dock .orion-type {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
  min-width: 0 !important;
}

#app.app-shell .hey-orion-dock .orion-type strong {
  display: block !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

#app.app-shell .hey-orion-dock .orion-type span:not(.orion-mode),
#app.app-shell .hey-orion-dock .orion-mode {
  display: block !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* OrionOS final painted white-card contract v20260707-6.
   This is intentionally last: any rendered light/white card gets chrome-blue
   text, while dark buttons and pills inside those cards remain white. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-panel="light"] :is(
    h1, h2, h3, h4, h5, h6,
    p, span, small, strong, b, em, a,
    label, legend, summary, th, td, dt, dd, li, figcaption,
    input, select, textarea,
    .help, .small, .muted, .subtle, .eyebrow,
    [class*="title"], [class*="copy"], [class*="meta"], [class*="label"],
    [class*="help"], [class*="small"], [class*="muted"], [class*="eyebrow"]
  ),
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(
  button,
  .btn,
  .status-pill,
  .pill,
  .badge,
  .chip,
  [class*="pill"],
  [class*="badge"],
  [class*="chip"],
  [data-orionos-readability-inline="light-on-dark-control"]
),
#app.app-shell [data-orionos-readability-panel="light"] :is(
  button,
  .btn,
  .status-pill,
  .pill,
  .badge,
  .chip,
  [class*="pill"],
  [class*="badge"],
  [class*="chip"],
  [data-orionos-readability-inline="light-on-dark-control"]
) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Hey Orion Transportation legacy lockup backstop v20260707-6. */
#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(89, 178, 245, .96) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .18), transparent 28%),
    linear-gradient(180deg, #092b52 0%, #061a31 48%, #030814 100%) !important;
  box-shadow:
    0 18px 40px rgba(3, 7, 19, .52),
    0 0 0 2px rgba(56, 189, 248, .14),
    inset 0 1px 0 rgba(255, 255, 255, .28) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  font-family: Inter, "Roboto Condensed", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
)::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border: 1px solid rgba(70, 157, 226, .72) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(13, 36, 70, .86), rgba(5, 14, 31, .82)) !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) > * {
  position: relative !important;
  z-index: 1 !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-constellation {
  display: grid !important;
  grid-column: 1 !important;
  place-items: center !important;
  width: 42px !important;
  height: 52px !important;
  min-width: 42px !important;
  overflow: hidden !important;
  border-right: 1px solid rgba(158, 216, 255, .52) !important;
  border-radius: 9px 0 0 9px !important;
  background: rgba(255, 255, 255, .08) !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .hey-orion-launcher-logo {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-star {
  display: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-type {
  display: flex !important;
  grid-column: 2 !important;
  min-width: 0 !important;
  height: 52px !important;
  padding: 0 38px 0 10px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  line-height: .92 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-type b {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  letter-spacing: .06em !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-type small {
  color: #bde8ff !important;
  -webkit-text-fill-color: #bde8ff !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-mode {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  z-index: 2 !important;
  min-width: 29px !important;
  padding: 3px 5px !important;
  border: 1px solid rgba(124, 199, 255, .62) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #e9f8ff !important;
  -webkit-text-fill-color: #e9f8ff !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  text-align: center !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-hero {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  border: 1px solid rgba(89, 178, 245, .38) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(80, 224, 255, .20), transparent 28%),
    linear-gradient(135deg, rgba(7, 31, 61, .98), rgba(3, 12, 26, .98) 62%, rgba(2, 7, 18, .98)) !important;
  box-shadow: 0 24px 70px rgba(2, 8, 20, .45), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-hero :is(.eyebrow, h2, h3, p, span, small, strong, b, .help, .small) {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  text-shadow: none !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-hero .eyebrow {
  color: #43f0b0 !important;
  -webkit-text-fill-color: #43f0b0 !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-product-lockup {
  align-items: center !important;
  grid-template-columns: minmax(180px, 340px) minmax(0, 1fr) !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-preview-stack.hero {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 0 !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-evidence {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(89, 178, 245, .24) !important;
  border-radius: 12px !important;
  background: rgba(2, 11, 25, .46) !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-evidence-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-evidence-grid > article {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(89, 178, 245, .2) !important;
  border-radius: 10px !important;
  background: rgba(4, 24, 48, .8) !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-evidence-grid > article.attention {
  border-color: rgba(255, 156, 108, .54) !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-evidence-grid > article.stale {
  border-color: rgba(255, 211, 109, .5) !important;
}

#app.app-shell .main[data-view="hey_orion"] .hey-orion-entitlement-lock {
  display: grid !important;
  gap: 10px !important;
  justify-items: start !important;
}

@media (max-width: 640px) {
  #app.app-shell .main[data-view="hey_orion"] .hey-product-lockup {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 16px !important;
  }

  #app.app-shell .main[data-view="hey_orion"] .hey-orion-preview-stack.hero {
    width: 100% !important;
  }

  #app.app-shell .main[data-view="hey_orion"] :is(.hey-command-form, .hey-signal-grid, .quick-command-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  #app.app-shell .main[data-view="hey_orion"] :is(.hey-product-lockup, .hey-orion-hero, .hey-answer, .hey-orion-evidence, .module-card) {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
}

/* OrionOS final empty-workspace density lock v20260706-11.
   Empty support, message, and timeline surfaces must fit the useful controls instead of stretching into dead space. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .timeline-workspace,
  .messenger-shell,
  .support-ticket-grid,
  .mail-center-grid,
  .war-room-shell,
  .grid.two.section
) {
  align-self: start !important;
  align-items: start !important;
  align-content: start !important;
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
  height: max-content !important;
  max-height: none !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .timeline-workspace,
  .messenger-shell,
  .support-ticket-grid,
  .mail-center-grid,
  .war-room-shell,
  .grid.two.section
) > :is(.card, .card.pad, article, aside, section, .thread-list, .message-panel) {
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .thread-list.is-empty,
  .message-panel.is-empty,
  .timeline-rail.is-empty,
  .timeline-event-form-panel,
  .portal-command-empty-surface
) {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .thread-list.is-empty,
  .message-panel.is-empty,
  .timeline-rail.is-empty
) > :is(.empty, .portal-empty-polished, .portal-command-empty) {
  min-height: 0 !important;
  height: auto !important;
  padding: 16px !important;
}

/* OrionOS final select-option contrast lock v20260706-12.
   Safari applies text-fill to option rows separately from select controls. */
#app.app-shell .main:not(.orionos-sellable-product) select option {
  background: #081321 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* OrionOS final support dark-surface and Hey Orion runtime backstop v20260706-13. */
#app.app-shell .main[data-view="support"]:not(.orionos-sellable-product) :is(
  .status-strip,
  .owner-support-metrics,
  .owner-support-list,
  .split-actions.portal-command-header,
  .portal-command-empty
),
#app.app-shell .main[data-view="support"]:not(.orionos-sellable-product) :is(
  .status-strip,
  .owner-support-metrics,
  .owner-support-list,
  .split-actions.portal-command-header,
  .portal-command-empty
) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a, label, legend, summary, th, td, dt, dd, li, figcaption, .help, .small, .muted, .subtle, .eyebrow, [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .hey-orion-dock :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text, .hey-orion-final-button),
#app.app-shell .hey-orion-dock :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text, .hey-orion-final-button) :is(.orion-type, .orion-type *, .orion-mode) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS timeline density and white-card final contract v20260706-8.
   Empty two-column workspaces must fit their content, and every light card must end with navy text. */
#app.app-shell .main:not(.orionos-sellable-product) :is(.timeline-workspace, .grid.two.section, .mail-center-grid, .war-room-shell) {
  align-items: start !important;
  align-content: start !important;
  grid-auto-rows: max-content !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.timeline-workspace, .grid.two.section, .mail-center-grid, .war-room-shell) > :is(.card, .card.pad, article, aside, section) {
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.timeline-workspace.is-empty, .timeline-workspace:has(.timeline > .empty)) > :is(.card, .card.pad, article) {
  min-height: 0 !important;
  height: auto !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.timeline-rail.is-empty, .timeline-workspace.is-empty .timeline-rail) {
  max-height: none !important;
  overflow: visible !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.timeline-rail, .timeline-event-form-panel) {
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.timeline-event-form-panel, .timeline-rail) > :is(h1, h2, h3, h4, p, span, small, strong, b, label, .help, .small, .eyebrow) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.timeline-workspace, .grid.two.section) :is(.empty, .portal-empty-polished) {
  min-height: 0 !important;
  height: auto !important;
  padding: 16px !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  .card[data-orionos-readability-panel="light"],
  .card.pad[data-orionos-readability-panel="light"],
  .timeline-rail,
  .timeline-event-form-panel,
  .message-panel.is-empty,
  .thread-list.is-empty,
  .enterprise-workspace-owned,
  .client-ui30-message-tabs,
  .os-template-tabs,
  .form-helper-bar,
  .table-filter-bar
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  .card[data-orionos-readability-panel="light"],
  .card.pad[data-orionos-readability-panel="light"],
  .timeline-rail,
  .timeline-event-form-panel,
  .message-panel.is-empty,
  .thread-list.is-empty,
  .enterprise-workspace-owned,
  .client-ui30-message-tabs,
  .os-template-tabs,
  .form-helper-bar,
  .table-filter-bar
) :is(
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
):not(:where(.btn, .btn *, button, button *, .pill, .pill *, .status-pill, .status-pill *, .badge, .badge *, .chip, .chip *, [class*="pill"], [class*="pill"] *, [class*="badge"], [class*="badge"] *, [class*="chip"], [class*="chip"] *, input, select, textarea)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  .timeline-rail,
  .timeline-event-form-panel,
  .message-panel.is-empty,
  .thread-list.is-empty
) :is(input, select, textarea) {
  border-color: rgba(11, 45, 85, .28) !important;
  background: #031426 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #c7f2ff !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  .timeline-rail,
  .timeline-event-form-panel,
  .message-panel.is-empty,
  .thread-list.is-empty
) :is(.btn, button:not(.nav-button):not(.nav-group-toggle), .pill, .status-pill) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .timeline-rail .empty,
  .message-panel.is-empty > .empty,
  .thread-list.is-empty > .empty
) :is(h1, h2, h3, h4, p, span, small, strong, b, em, a, label, .help, .small, .eyebrow) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Hey Orion brand lock v20260706-8. */
#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text) {
  width: 166px !important;
  min-width: 166px !important;
  height: 58px !important;
  min-height: 58px !important;
  border-color: rgba(124, 199, 255, .86) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(223, 247, 255, .18), transparent 28%),
    linear-gradient(180deg, #092a52 0%, #061a31 52%, #030713 100%) !important;
  box-shadow: 0 18px 42px rgba(3, 7, 19, .48), 0 0 0 1px rgba(124, 199, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell :is(.ovx-mic, .orion-hey-mic).wake-listening {
  outline: 2px solid #66f0c2 !important;
  outline-offset: 3px !important;
  box-shadow: 0 18px 42px rgba(3, 7, 19, .48), 0 0 0 5px rgba(102, 240, 194, .18), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}

#app.app-shell :is(.ovx-mic, .orion-hey-mic).wake-paused {
  outline: 2px solid #f6b94d !important;
  outline-offset: 3px !important;
  box-shadow: 0 18px 42px rgba(3, 7, 19, .48), 0 0 0 5px rgba(246, 185, 77, .17), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}

#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text) .orion-constellation {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  overflow: hidden !important;
  border-right: 1px solid rgba(158, 216, 255, .52) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .08) !important;
}

#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text) .hey-orion-launcher-logo {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text) .orion-star {
  display: none !important;
}

#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text) :is(.orion-type, .orion-type *, .orion-mode) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final communication density/contrast lock v20260706-2.
   Support, messenger, and alert empty states stay compact and readable. */
#app.app-shell .main:not(.orionos-sellable-product) :is(.messenger-shell, .support-ticket-grid, .alerts-shell) {
  align-items: start !important;
}

/* OrionOS messenger density lock v20260706-7.
   Empty messenger states must fit the actions shown, not reserve a full workspace. */
#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell {
  align-items: start !important;
  align-content: start !important;
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
  height: auto !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell:is(.is-empty, :has(.message-panel.is-empty)) {
  min-height: 0 !important;
  height: auto !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell > :is(.thread-list, .message-panel) {
  align-self: start !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell > :is(.thread-list.is-empty, .message-panel.is-empty) {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell > :is(.thread-list.is-empty, .message-panel.is-empty) > .empty {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .support-center-hero {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .support-center-hero > * {
  min-height: 0 !important;
  padding: 14px !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.messenger-shell, .support-ticket-grid, .alerts-shell) :is(.empty, .portal-empty-polished) {
  min-height: 72px !important;
  padding: 14px 16px !important;
  border-color: rgba(124, 199, 255, .34) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(92, 184, 255, .04)),
    rgba(4, 24, 51, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.messenger-shell, .support-ticket-grid, .alerts-shell) :is(.empty, .portal-empty-polished) :is(
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.messenger-shell, .support-ticket-grid, .alerts-shell, .action-drawer) :is(
  .split-actions,
  .portal-command-header,
  .portal-command-form,
  .timeline,
  .field,
  .help,
  .small,
  .muted,
  .subtle,
  .eyebrow,
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, label, legend, summary, li
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.support-sla-command, .support-sla-lane) :is(
  .portal-command-header,
  .split-actions,
  .timeline,
  .timeline-item,
  .empty,
  .help,
  .small,
  .muted,
  .subtle,
  .eyebrow,
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, label, legend, summary, li
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.enterprise-workspace-owned span, .enterprise-workspace-owned-button:not(.active), .client-ui30-message-tabs > :not(.active), .os-template-tabs button:not(.active)) {
  border-color: rgba(31, 95, 139, .16) !important;
  background: linear-gradient(180deg, #ffffff, #f4f9ff) !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS compact support/message surfaces v20260706-1.
   Empty communication panels should fit their content; pale chips/tabs must use navy text. */
#app.app-shell .main:not(.orionos-sellable-product) :is(.messenger-shell, .support-ticket-grid, .alerts-shell) {
  align-items: start !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.thread-list, .message-panel) {
  align-self: start !important;
  min-height: 0 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .message-panel {
  min-height: clamp(260px, 34vh, 360px) !important;
  grid-template-rows: auto minmax(96px, 1fr) auto !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell > .message-panel.is-empty {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  grid-template-rows: none !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell > .thread-list.is-empty {
  min-height: 0 !important;
  height: auto !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .messenger-shell > :is(.thread-list.is-empty, .message-panel.is-empty) > .empty {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
}

#app.app-shell .main:not(.orionos-sellable-product) .message-stream {
  min-height: 96px !important;
  max-height: min(300px, 36vh) !important;
  align-content: start !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.thread-list, .message-panel, .support-ticket-grid .card, .support-center-hero > *, .enterprise-workspace-command) :is(.empty, .portal-empty-polished) {
  min-height: 72px !important;
  padding: 14px 16px !important;
  place-items: start !important;
  text-align: left !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(.enterprise-workspace-owned, .client-ui30-message-tabs, .os-template-tabs) {
  min-height: 0 !important;
  padding: 8px !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .enterprise-workspace-owned span,
  .enterprise-workspace-owned-button:not(.active),
  .client-ui30-message-tabs > :not(.active),
  .os-template-tabs button:not(.active),
  .portal-workflow-rail .btn:not(.primary)
) {
  border-color: rgba(31, 95, 139, .16) !important;
  background: linear-gradient(180deg, #ffffff, #f4f9ff) !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .enterprise-workspace-owned span *,
  .enterprise-workspace-owned-button:not(.active) *,
  .client-ui30-message-tabs > :not(.active) *,
  .os-template-tabs button:not(.active) *,
  .portal-workflow-rail .btn:not(.primary) *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS product logo visibility lock v20260706-1.
   Product marks must stay image surfaces under the hard-dark fallback layer. */
#app.app-shell :is(.product-mark, .product-interface-mark, .product-hero-mark) {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

#app.app-shell .product-mark {
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .055), transparent),
    linear-gradient(145deg, #06182d, #0d2c51) !important;
}

/* OrionOS compact product identity separation lock v20260804-1.
   Mirror the 64px product-card contract after the hard-dark logo lock. */
#app.app-shell .product-brand-card .product-mark {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
}

#app.app-shell :is(.product-interface-mark, .product-hero-mark) {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .06), transparent),
    linear-gradient(145deg, #07131f, #11283a) !important;
}

#app.app-shell :is(.product-mark, .product-interface-mark, .product-hero-mark) img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  object-position: center !important;
  pointer-events: none !important;
}

#app.app-shell .product-mark img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

#app.app-shell :is(.product-interface-mark, .product-hero-mark) img {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

/* OrionOS computed-background readability lock v20260705-26.
   Final cascade contract: light surfaces use Orion navy text; dark surfaces use white text. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="dark"],
  [data-orionos-readability-panel="dark"] *,
  [data-orionos-readability-inline="white-on-dark"],
  [data-orionos-readability-inline="white-on-dark"] *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final white-surface navy-text lock v20260705-24.
   This must stay at EOF: every known white/pale portal card, row, metric,
   decision box, and regulation result uses chrome navy text. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-panel,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-workflow-card,
  .customer-command-health,
  .customer-focus-records,
  .customer-setup-mini,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-panel,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-workflow-card,
  .customer-command-health,
  .customer-focus-records,
  .customer-setup-mini,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(
  h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
):not(:where(
  button, button *, .btn, .btn *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .regulation-results-card,
  .regulation-result-row,
  .decision-field,
  .decision-result,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(.btn, button, .status-pill, .pill, .badge, .chip, [class*="pill"], [class*="badge"], [class*="chip"]) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS command white-card blue-text lock v20260705-23.
   Last hard-dark command fallback for white command metrics and record rows. */
#app.app-shell :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article,
  .action-card-lite,
  .compact-search-card,
  .customer-command-panel,
  .customer-search-panel,
  .customer-setup-mini
) {
  background: #ffffff !important;
  color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article,
  .action-card-lite,
  .compact-search-card,
  .customer-command-panel,
  .customer-search-panel,
  .customer-setup-mini
) :is(
  h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
):not(:where(.btn, .btn *, button, button *, .status-pill, .status-pill *, .pill, .pill *, .badge, .badge *, .chip, .chip *, [data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article,
  .action-card-lite,
  .compact-search-card,
  .customer-command-panel,
  .customer-search-panel,
  .customer-setup-mini
) :is(.btn, button, .status-pill, .pill, .badge, .chip, [data-orionos-readability-inline="light-on-dark-control"]),
#app.app-shell :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article,
  .action-card-lite,
  .compact-search-card,
  .customer-command-panel,
  .customer-search-panel,
  .customer-setup-mini
) :is(.btn, button, .status-pill, .pill, .badge, .chip, [data-orionos-readability-inline="light-on-dark-control"]) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS absolute white-card blue-text lock v20260705-21.
   Last-loaded static fallback: white/pale cards use chrome-blue/navy text. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
),
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a, label, legend, summary, th, td, dt, dd, li, figcaption, .help, .small, .muted, .subtle, .eyebrow, [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]):not(:where([data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is([data-orionos-readability-inline="navy-on-light"], [data-orionos-readability-inline="navy-on-light"] *) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is([data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS absolute white-card blue-text lock v20260705-20.
   White or pale cards use the page's chrome navy text. This deliberately
   overrides old white/glow text rules that made card copy disappear. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .regulation-result-row,
  .regulation-results-card,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .decision-field,
  .decision-result,
  .customer-command-row,
  .customer-command-row-list > article,
  .carrier-asset-roster-list button,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, label, legend, summary, th, td, dt, dd, li, figcaption, .help, .small, .muted, .subtle, .eyebrow, [class*="title"], [class*="copy"], [class*="meta"]):not(:where(.btn, .btn *, button, button *, input, input *, select, select *, textarea, textarea *, .status-pill, .status-pill *, .pill, .pill *, .badge, .badge *, .chip, .chip *, [data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *)),
#app.app-shell :is(.regulation-result-copy, .regulation-result-meta, .decision-result, .decision-field, .carrier-maintenance-selected, .carrier-maintenance-form-card, .carrier-maintenance-records) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, label, legend, li, .help, .small, .muted, .subtle, .eyebrow):not(:where(.btn, .btn *, button, button *, input, input *, select, select *, textarea, textarea *, .status-pill, .status-pill *, .pill, .pill *, .badge, .badge *, .chip, .chip *)),
#app.app-shell [data-orionos-readability-inline="navy-on-light"],
#app.app-shell [data-orionos-readability-inline="navy-on-light"] * {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .regulation-result-row,
  .regulation-results-card,
  .regulation-search-console,
  .decision-field,
  .decision-result,
  .customer-command-row,
  .customer-command-row-list > article,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(input, select, textarea) {
  color: #eef7ff !important;
  -webkit-text-fill-color: #eef7ff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-inline="light-on-dark-control"],
#app.app-shell [data-orionos-readability-inline="light-on-dark-control"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS absolute white-card blue-text lock v20260705-22.
   Final hard-dark override after all legacy portal theme blocks. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
),
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-row,
  .customer-command-row-list > article,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(
  h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  .pill, .status-pill, .badge, .chip,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"],
  [class*="pill"], [class*="badge"], [class*="chip"]
):not(:where([data-orionos-readability-inline="light-on-dark-control"], [data-orionos-readability-inline="light-on-dark-control"] *)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final white-surface navy-text lock v20260705-25 actual EOF.
   Last rule wins: white/light portal surfaces must never render white text. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-panel,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-workflow-card,
  .customer-command-health,
  .customer-focus-records,
  .customer-setup-mini,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
),
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  .portal-readable-surface,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-panel,
  .customer-command-row,
  .customer-command-row-list > article,
  .customer-command-workflow-card,
  .customer-command-health,
  .customer-focus-records,
  .customer-setup-mini,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-map,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, a, label, legend, summary, th, td, dt, dd, li, figcaption, input, select, textarea, .help, .small, .muted, .subtle, .eyebrow, .pill, .badge, .chip, .status-pill, [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS final white-surface navy-text lock v20260705-26 verified EOF.
   Computed readability fallback: white cards get navy text; dark cards get white text. */
#app.app-shell :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS actual EOF white-card chrome-blue text lock v20260707-6.
   This rule intentionally sits after the dark fallback: white cards get visible blue text. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  .orionos-light-command-card,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .customer-command-health .customer-command-metric,
  .customer-focus-records,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  .orionos-light-command-card,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .customer-command-health .customer-command-metric,
  .customer-focus-records,
  .customer-search-panel,
  .action-card-lite,
  .compact-search-card,
  .decision-field,
  .decision-result,
  .regulation-search-console,
  .regulation-source-status > article,
  .regulation-results-card,
  .regulation-result-row,
  .regulation-part-row,
  .regulation-part-group,
  .regulation-part-mini,
  .regulation-topic-card,
  .fmcsa-reg-card,
  .fmcsa-update-panel,
  .regulation-side-panel,
  .regulation-empty,
  .carrier-asset-roster-list button,
  .carrier-asset-roster-stats small,
  .carrier-maintenance-lead,
  .carrier-maintenance-selected,
  .carrier-maintenance-form-card,
  .carrier-maintenance-records
) :is(
  h1, h2, h3, h4, h5, h6,
  p, div, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  [data-orionos-readability-inline="white-on-dark"],
  [data-orionos-readability-inline="white-on-dark"] *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-health .customer-command-metric
) > :is(span, strong, small),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card
) > div,
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card
) > div * {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .orionos-light-command-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .orionos-light-command-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell [data-orionos-readability-panel="light"] :is(
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, b, em, a,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  input, select, textarea,
  .help, .small, .muted, .subtle, .eyebrow,
  .pill, .badge, .chip, .status-pill,
  [class*="title"], [class*="copy"], [class*="meta"], [class*="label"],
  [class*="pill"], [class*="badge"], [class*="chip"]
) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(
  [data-orionos-readability-panel="dark"],
  [data-orionos-readability-panel="dark"] *,
  [data-orionos-readability-inline="white-on-dark"],
  [data-orionos-readability-inline="white-on-dark"] *,
  [data-orionos-readability-inline="light-on-dark-control"],
  [data-orionos-readability-inline="light-on-dark-control"] *
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS last-word white-card chrome-blue override v20260707-6.
   This is the final cascade word for the exact issue: no white text on white cards. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *,
  .orionos-light-command-card,
  .customer-command-metric,
  .customer-command-metric *,
  .customer-command-metric-grid > article,
  .customer-command-metric-grid > article *,
  .customer-command-row,
  .customer-command-row > div,
  .customer-command-row > div *,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-row-list > article.customer-command-row > div,
  .customer-command-row-list > article.customer-command-row > div *,
  .customer-command-health-grid > article,
  .customer-command-health-grid > article *,
  .customer-command-workflow-card,
  .customer-command-workflow-card > div,
  .customer-command-workflow-card > div *
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .orionos-light-command-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip),
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .orionos-light-command-card
) :is(button, .btn, [role="button"], .status-pill, .pill, .badge, .chip) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS absolute-final marked light-card text rule v20260707-7.
   This must remain below the last-word command override above. */
#app.app-shell :is(
  .orionos-force-light-card-text,
  .orionos-light-card-readable-text,
  [data-orionos-light-card-fixed="true"],
  [data-orionos-light-card-fixed="true"] :is(
    h1, h2, h3, h4, h5, h6,
    p, div, span, small, strong, b, em, a,
    label, legend, summary, th, td, dt, dd, li, figcaption,
    input, select, textarea,
    .help, .small, .muted, .subtle, .eyebrow,
    [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
  ),
  .orionos-force-light-card-text :is(
    h1, h2, h3, h4, h5, h6,
    p, div, span, small, strong, b, em, a,
    label, legend, summary, th, td, dd, dt, li, figcaption,
    input, select, textarea,
    .help, .small, .muted, .subtle, .eyebrow,
    [class*="title"], [class*="copy"], [class*="meta"], [class*="label"]
  )
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell :is(.orionos-force-light-card-text, [data-orionos-light-card-fixed="true"]) :is(
  button, .btn, [role="button"], .status-pill, .pill, .badge, .chip
),
#app.app-shell :is(.orionos-force-light-card-text, [data-orionos-light-card-fixed="true"]) :is(
  button, .btn, [role="button"], .status-pill, .pill, .badge, .chip
) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS true-EOF hard-dark white-card text lock v20260708-14.
   Broker metrics, command rows, and health cards are white cards with chrome-blue text. */
#app.app-shell .main:not(.orionos-sellable-product) :is(
  .broker-workspace-metrics > article,
  .broker-workspace-metrics > article *,
  .orionos-readable-metric-card,
  .orionos-readable-metric-card *,
  .metric.card,
  .metric.card *,
  .orionos-force-light-card-text,
  .orionos-force-light-card-text *,
  .orionos-light-command-card,
  .orionos-light-command-card *,
  [data-orionos-light-card-fixed="true"],
  [data-orionos-light-card-fixed="true"] *,
  [data-orionos-readability-panel="light"],
  [data-orionos-readability-panel="light"] *,
  [data-orionos-readability-inline="navy-on-light"],
  [data-orionos-readability-inline="navy-on-light"] *,
  .customer-command-metric,
  .customer-command-metric *,
  .customer-command-metric-grid > article,
  .customer-command-metric-grid > article *,
  .customer-command-row,
  .customer-command-row *,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-row-list > article.customer-command-row *,
  .customer-command-health-grid > article,
  .customer-command-health-grid > article *,
  .metric.card.orionos-force-light-card-text,
  .metric.card.orionos-force-light-card-text *,
  .metric.card.orionos-light-command-card,
  .metric.card.orionos-light-command-card *
):not(:where(
  button, button *,
  .btn, .btn *,
  [role="button"], [role="button"] *,
  .status-pill, .status-pill *,
  .pill, .pill *,
  .badge, .badge *,
  .chip, .chip *
)) {
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product) :is(
  .broker-workspace-metrics > article,
  .orionos-readable-metric-card,
  .metric.card,
  .orionos-force-light-card-text,
  .orionos-light-command-card,
  [data-orionos-light-card-fixed="true"],
  [data-orionos-readability-panel="light"],
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-health-grid > article,
  .metric.card.orionos-force-light-card-text,
  .metric.card.orionos-light-command-card
) {
  background-color: #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS readability recovery v20260708-15.
   Match the base stylesheet: portal command cards are dark readable surfaces,
   while actual white panels keep chrome-blue text. */
#app.app-shell .main:not(.orionos-sellable-product):not([data-view="fmcsa_regs"]):not([data-view="osha_regs"]) :is(
  .orionos-readable-dark-card,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-health-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .broker-workspace-metrics > article
) {
  border-color: rgba(126, 199, 255, .42) !important;
  background:
    linear-gradient(145deg, rgba(7, 26, 50, .98), rgba(14, 49, 84, .98) 72%, rgba(11, 34, 59, .98)) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  text-shadow: none !important;
  box-shadow: 0 16px 34px rgba(0, 8, 24, .34), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  opacity: 1 !important;
}

#app.app-shell .main:not(.orionos-sellable-product):not([data-view="fmcsa_regs"]):not([data-view="osha_regs"]) :is(
  .orionos-readable-dark-card,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-health-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .broker-workspace-metrics > article
) :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* CCTV camera network clean-room route v20260709-1.
   The CCTV page is a purpose-built lookup tool, not a training/dashboard surface. */
#app.app-shell .main[data-view="camera_network"] {
  --camera-shell: #061b32;
  --camera-panel: #0b2745;
  --camera-panel-2: #0e3458;
  --camera-line: rgba(138, 210, 255, .34);
  --camera-text: #f7fbff;
  --camera-muted: #c9e8ff;
  --camera-cyan: #55c6ff;
  gap: 14px !important;
}

#app.app-shell .main[data-view="camera_network"] :is(
  .customer-quick-switch,
  .client-portal-organizer,
  .role-home-screen,
  .experience-digest,
  .experience-utility-bar,
  .workspace-more-drawer,
  .portal-context-ribbon,
  .portal-workflow-rail,
  .workspace-answer-panel,
  .workspace-related-rail,
  .current-load-strip,
  .seamless-today-strip,
  .people-compliance-command,
  .orion-enterprise-ribbon
) {
  display: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-page,
#app.app-shell .main[data-view="camera_network"] .camera-network-page * {
  text-shadow: none !important;
  opacity: 1 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-page {
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--camera-text) !important;
  -webkit-text-fill-color: var(--camera-text) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] :is(
  .camera-network-hero,
  .camera-network-card,
  .camera-network-results,
  .camera-network-selected,
  .camera-network-add,
  .camera-network-preview,
  .camera-network-row,
  .camera-network-stats > div,
  .camera-network-map,
  .camera-network-map-label
) {
  border-color: var(--camera-line) !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(85, 198, 255, .14), transparent 30%),
    linear-gradient(145deg, rgba(7, 27, 50, .98), rgba(13, 49, 82, .97) 72%, rgba(5, 19, 36, .98)) !important;
  color: var(--camera-text) !important;
  -webkit-text-fill-color: var(--camera-text) !important;
  box-shadow: 0 18px 42px rgba(0, 8, 24, .28), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-hero {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 14px !important;
  border-radius: 10px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-title h2 {
  margin: 2px 0 4px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(24px, 2.8vw, 38px) !important;
  line-height: 1.05 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-title p {
  max-width: 820px !important;
  color: var(--camera-muted) !important;
  -webkit-text-fill-color: var(--camera-muted) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-search {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(240px, 1.6fr) minmax(100px, .45fr) minmax(110px, .45fr) minmax(130px, .55fr) auto auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 10px !important;
  border: 1px solid rgba(138, 210, 255, .28) !important;
  border-radius: 10px !important;
  background: rgba(3, 16, 31, .64) !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-search label, .camera-network-add label, .camera-network-page .eyebrow) {
  color: #9fe5ff !important;
  -webkit-text-fill-color: #9fe5ff !important;
  letter-spacing: .08em !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-search input, .camera-network-search select, .camera-network-add input, .camera-network-add select, .camera-network-add textarea) {
  min-height: 42px !important;
  border-color: rgba(138, 210, 255, .40) !important;
  background: #031426 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #9fe5ff !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-search input::placeholder, .camera-network-add input::placeholder, .camera-network-add textarea::placeholder) {
  color: #8fb2cc !important;
  -webkit-text-fill-color: #8fb2cc !important;
  opacity: 1 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-stats {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-stats > div {
  min-height: 78px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-stats span,
#app.app-shell .main[data-view="camera_network"] .camera-network-stats small {
  display: block !important;
  color: var(--camera-muted) !important;
  -webkit-text-fill-color: var(--camera-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-stats strong {
  display: block !important;
  margin: 5px 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-layout {
  display: grid !important;
  grid-template-columns: minmax(430px, 1fr) minmax(360px, .74fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-shell {
  display: grid !important;
  gap: 12px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview {
  position: relative !important;
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-media {
  position: relative !important;
  min-height: 138px !important;
  border: 1px solid rgba(138, 210, 255, .22) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(138, 210, 255, .10) 1px, transparent 1px),
    linear-gradient(0deg, rgba(138, 210, 255, .09) 1px, transparent 1px),
    linear-gradient(135deg, #06172b, #0d3a5f) !important;
  background-size: 22px 22px, 22px 22px, auto !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: #06172b !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-fallback {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 14px !important;
  text-align: center !important;
  color: var(--camera-muted) !important;
  -webkit-text-fill-color: var(--camera-muted) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-lens {
  width: 46px !important;
  height: 46px !important;
  border: 2px solid rgba(138, 210, 255, .72) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 8px rgba(85, 198, 255, .12), inset 0 0 18px rgba(85, 198, 255, .24) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-live-dot {
  position: absolute !important;
  z-index: 3 !important;
  left: 8px !important;
  bottom: 8px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 999px !important;
  background: rgba(3, 20, 38, .82) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview figcaption {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview figcaption strong,
#app.app-shell .main[data-view="camera_network"] .camera-network-preview figcaption small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview figcaption small {
  color: var(--camera-muted) !important;
  -webkit-text-fill-color: var(--camera-muted) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview.compact {
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  pointer-events: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview.compact .camera-network-preview-media {
  min-height: 64px !important;
  border-radius: 8px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview.compact figcaption,
#app.app-shell .main[data-view="camera_network"] .camera-network-preview.compact .camera-network-preview-actions,
#app.app-shell .main[data-view="camera_network"] .camera-network-preview.compact .camera-network-live-dot {
  display: none !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-card, .camera-network-results, .camera-network-selected, .camera-network-add) {
  display: grid !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 10px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-panel-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: start !important;
  border-bottom: 1px solid rgba(138, 210, 255, .20) !important;
  padding-bottom: 10px !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-panel-head h3, .camera-network-selected h3, .camera-network-row-main strong, .camera-network-add summary) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-list {
  display: grid !important;
  gap: 10px !important;
  max-height: min(70vh, 720px) !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row {
  display: grid !important;
  gap: 9px !important;
  padding: 10px !important;
  border-radius: 10px !important;
  background: rgba(8, 31, 57, .94) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row.active {
  border-color: rgba(85, 198, 255, .86) !important;
  background: linear-gradient(135deg, rgba(14, 68, 104, .98), rgba(8, 32, 58, .98)) !important;
  box-shadow: inset 3px 0 0 var(--camera-cyan), 0 12px 26px rgba(0, 8, 24, .18) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row-main {
  display: grid !important;
  grid-template-columns: 118px 62px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row-preview {
  display: block !important;
  min-width: 0 !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-row-main small, .camera-network-selected p, .camera-network-selected .help, .camera-network-map-label small) {
  color: var(--camera-muted) !important;
  -webkit-text-fill-color: var(--camera-muted) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-rank {
  display: inline-grid !important;
  place-items: center !important;
  min-height: 42px !important;
  border: 1px solid rgba(138, 210, 255, .42) !important;
  border-radius: 9px !important;
  background: rgba(138, 210, 255, .10) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 950 !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-row-meta, .camera-network-row-actions, .camera-network-selected .row-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map {
  position: relative !important;
  overflow: hidden !important;
  min-height: 360px !important;
  background:
    linear-gradient(90deg, rgba(126, 199, 255, .10) 1px, transparent 1px),
    linear-gradient(0deg, rgba(126, 199, 255, .09) 1px, transparent 1px),
    radial-gradient(circle at 22% 30%, rgba(74, 179, 255, .20), transparent 28%),
    linear-gradient(135deg, #06172b, #0b3355 72%, #051426) !important;
  background-size: 34px 34px, 34px 34px, auto, auto !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin {
  position: absolute !important;
  z-index: 4 !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border: 2px solid rgba(255, 255, 255, .82) !important;
  border-radius: 50% !important;
  background: var(--camera-cyan) !important;
  color: #06172b !important;
  -webkit-text-fill-color: #06172b !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 0 0 7px rgba(85, 198, 255, .16), 0 0 28px rgba(85, 198, 255, .56) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin.active {
  width: 42px !important;
  height: 42px !important;
  background: #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.pill, .status-pill, .badge, .chip) {
  border-color: rgba(138, 210, 255, .36) !important;
  background: rgba(5, 20, 39, .82) !important;
  color: #eaf8ff !important;
  -webkit-text-fill-color: #eaf8ff !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.btn, button:not(.nav-button):not(.nav-group-toggle)) {
  border-color: rgba(138, 210, 255, .42) !important;
  background: linear-gradient(145deg, rgba(15, 48, 80, .96), rgba(8, 26, 48, .98)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.btn.primary, button.primary) {
  border-color: rgba(85, 198, 255, .70) !important;
  background: linear-gradient(135deg, #1274d9, #55c6ff) !important;
  color: #031426 !important;
  -webkit-text-fill-color: #031426 !important;
}

@media (max-width: 1120px) {
  #app.app-shell .main[data-view="camera_network"] :is(.camera-network-hero, .camera-network-search, .camera-network-layout, .camera-network-stats) {
    grid-template-columns: 1fr !important;
  }

  #app.app-shell .main[data-view="camera_network"] .camera-network-hero-actions {
    justify-content: stretch !important;
  }

  #app.app-shell .main[data-view="camera_network"] .camera-network-hero-actions .btn {
    flex: 1 1 150px !important;
  }

  #app.app-shell .main[data-view="camera_network"] .camera-network-list {
    max-height: none !important;
  }

  #app.app-shell .main[data-view="camera_network"] .camera-network-row-main {
    grid-template-columns: 92px minmax(48px, auto) minmax(0, 1fr) !important;
  }
}

#app.app-shell .main:not(.orionos-sellable-product):not([data-view="fmcsa_regs"]):not([data-view="osha_regs"]) :is(
  .orionos-readable-dark-card,
  .customer-command-metric,
  .customer-command-metric-grid > article,
  .customer-command-health-grid > article,
  .customer-command-row,
  .customer-command-row-list > article.customer-command-row,
  .customer-command-workflow-card,
  .broker-workspace-metrics > article
) :is(p, span, small, em, a, label, legend, th, td, dt, dd, li, figcaption, .help, .small, .muted, .subtle, .eyebrow) {
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* OrionOS camera network clean surface pass v20260710-1.
   Keep real panels framed, but stop typography from being painted as mini cards. */
#app.app-shell .main[data-view="camera_network"] .camera-network-page {
  --camera-clean-line: rgba(138, 210, 255, .24);
  --camera-clean-line-strong: rgba(138, 210, 255, .54);
  --camera-clean-panel: rgba(5, 20, 39, .78);
}

#app.app-shell .main[data-view="camera_network"] :is(
  .camera-network-title,
  .camera-network-title *,
  .camera-network-panel-head,
  .camera-network-panel-head > div,
  .camera-network-panel-head > div *,
  .camera-network-preview-fallback,
  .camera-network-preview-fallback *:not(.camera-network-lens),
  .camera-network-preview figcaption,
  .camera-network-preview figcaption *,
  .camera-network-row-main > span:not(.camera-network-row-preview):not(.camera-network-rank),
  .camera-network-row-main > span:not(.camera-network-row-preview):not(.camera-network-rank) *,
  .camera-network-stats > div > span,
  .camera-network-stats > div > strong,
  .camera-network-stats > div > small,
  .camera-network-selected > p,
  .camera-network-selected .help,
  .camera-network-map-label,
  .camera-network-map-label *,
  .camera-network-search .field,
  .camera-network-search .field label,
  .camera-network-add .field,
  .camera-network-add .field label,
  .camera-network-add summary
):not(:where(
  button,
  button *,
  .btn,
  .btn *,
  input,
  select,
  textarea,
  .pill,
  .pill *,
  .badge,
  .badge *,
  .chip,
  .chip *,
  .status-pill,
  .status-pill *,
  .camera-network-rank,
  .camera-network-rank *,
  .camera-network-live-dot,
  .camera-network-live-dot *,
  .camera-network-pin,
  .camera-network-pin *
)) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-panel-head {
  padding-bottom: 2px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-search .field,
#app.app-shell .main[data-view="camera_network"] .camera-network-add .field {
  padding: 0 !important;
}

#app.app-shell .main[data-view="camera_network"] :is(
  .camera-network-hero,
  .camera-network-card,
  .camera-network-results,
  .camera-network-selected,
  .camera-network-add,
  .camera-network-row,
  .camera-network-stats > div
) {
  border-color: var(--camera-clean-line) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row.active {
  border-color: var(--camera-clean-line-strong) !important;
  box-shadow: inset 3px 0 0 #55c6ff, 0 12px 24px rgba(0, 8, 24, .16) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row-main {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row-main > span:not(.camera-network-row-preview):not(.camera-network-rank),
#app.app-shell .main[data-view="camera_network"] .camera-network-row-main > span:not(.camera-network-row-preview):not(.camera-network-rank) * {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview {
  border-color: rgba(138, 210, 255, .22) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-media {
  border-color: rgba(138, 210, 255, .18) !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.pill, .status-pill, .badge, .chip) {
  border-color: rgba(138, 210, 255, .22) !important;
  background: rgba(5, 20, 39, .64) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] :is(
  .camera-network-title p,
  .camera-network-row-main small,
  .camera-network-preview figcaption small,
  .camera-network-selected > p,
  .camera-network-selected .help,
  .camera-network-map-label small,
  .camera-network-stats span,
  .camera-network-stats small
) {
  color: #cfeeff !important;
  -webkit-text-fill-color: #cfeeff !important;
}

#app.app-shell .main[data-view="camera_network"] :is(
  .camera-network-title h2,
  .camera-network-panel-head h3,
  .camera-network-preview figcaption strong,
  .camera-network-row-main strong,
  .camera-network-selected h3,
  .camera-network-stats strong,
  .camera-network-add summary
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Hey Orion portal launchers use the Orion Transportation constellation lockup. */
#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  gap: 0 !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 !important;
  border: 1px solid rgba(89, 178, 245, .92) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .16), transparent 28%),
    linear-gradient(180deg, #092b52 0%, #061a31 48%, #030814 100%) !important;
  box-shadow:
    0 16px 34px rgba(3, 7, 19, .46),
    0 0 0 2px rgba(56, 189, 248, .10),
    inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  letter-spacing: .04em !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
)::before {
  display: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .hey-orion-launcher-logo {
  display: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-constellation {
  position: relative !important;
  grid-column: 1 !important;
  justify-self: end !important;
  display: block !important;
  width: 34px !important;
  height: 32px !important;
  min-width: 34px !important;
  border: 0 !important;
  border-right: 1px solid rgba(158, 216, 255, .62) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-constellation::before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  left: 8px !important;
  top: 19px !important;
  width: 22px !important;
  height: 1px !important;
  background: rgba(158, 216, 255, .9) !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: rotate(-29deg) !important;
  transform-origin: left center !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-constellation::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  left: 12px !important;
  top: 10px !important;
  width: 17px !important;
  height: 1px !important;
  background: rgba(158, 216, 255, .9) !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: rotate(35deg) !important;
  transform-origin: left center !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-star {
  position: absolute !important;
  display: block !important;
  width: 5px !important;
  height: 5px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #8fe3ff !important;
  box-shadow: 0 0 10px rgba(124, 199, 255, 1) !important;
}

#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text, .hey-orion-final-button, .hey-orion-preview-button) .orion-star.s1 { left: 5px !important; top: 20px !important; }
#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text, .hey-orion-final-button, .hey-orion-preview-button) .orion-star.s2 { left: 15px !important; top: 11px !important; }
#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text, .hey-orion-final-button, .hey-orion-preview-button) .orion-star.s3 { left: 27px !important; top: 18px !important; }
#app.app-shell :is(.ovx-mic, .orion-hey-mic, .opc-fab, .orion-hey-text, .hey-orion-final-button, .hey-orion-preview-button) .orion-star.s4 { left: 24px !important; top: 6px !important; width: 3px !important; height: 3px !important; opacity: .78 !important; }

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-type {
  grid-column: 2 !important;
  display: flex !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 28px 0 10px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-align: left !important;
  background: transparent !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-type b {
  display: block !important;
  width: 100% !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font: 900 17px/1 "Roboto Condensed", Inter, Arial, Helvetica, sans-serif !important;
  letter-spacing: .07em !important;
  text-shadow: 0 0 10px rgba(124, 199, 255, .46) !important;
  white-space: nowrap !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-type small {
  display: block !important;
  width: 100% !important;
  margin-top: 4px !important;
  color: #8fdcff !important;
  -webkit-text-fill-color: #8fdcff !important;
  font: 900 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .075em !important;
  white-space: nowrap !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button
) .orion-mode {
  position: absolute !important;
  top: 7px !important;
  right: 8px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #8fdcff !important;
  -webkit-text-fill-color: #8fdcff !important;
  font: 900 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .08em !important;
  box-shadow: none !important;
}

/* OrionOS portal clean chrome + exact Hey Orion Transportation lockup v20260710-2. */
#app.app-shell .main :is(
  .card,
  .card.pad,
  [class*="card"],
  details.card,
  details.data-drawer,
  .module-card,
  .customer-module-card,
  .enterprise-module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .notice,
  .table-wrap,
  .portal-command-surface,
  .role-home-screen,
  .portal-operating-brief,
  .workspace-answer-panel,
  .workspace-related-rail,
  .customer-surface-panel,
  .camera-network-card,
  .camera-network-row,
  .camera-network-preview,
  .camera-network-stats > div,
  .camera-network-command-strip > article,
  .camera-network-inspection-grid > article,
  .camera-network-playbook-steps > article
) {
  border-color: rgba(166, 224, 255, .18) !important;
  box-shadow: 0 10px 26px rgba(0, 7, 20, .22), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

#app.app-shell .main :is(
  .card,
  [class*="card"],
  .module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .portal-command-surface,
  .camera-network-card
) :is(
  .card,
  [class*="card"],
  .module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .camera-network-card,
  .camera-network-row,
  .camera-network-preview
) {
  border-color: rgba(166, 224, 255, .10) !important;
  box-shadow: none !important;
}

#app.app-shell .main :is(
  h1, h2, h3, h4, h5, h6,
  p, span, small, strong, b, em,
  label, legend, summary, th, td, dt, dd, li, figcaption,
  .help, .small, .muted, .subtle, .eyebrow
):not(:where(
  button, button *,
  .btn, .btn *,
  .pill, .pill *,
  .status-pill, .status-pill *,
  .badge, .badge *,
  .chip, .chip *,
  [class*="pill"], [class*="pill"] *,
  [class*="badge"], [class*="badge"] *,
  [class*="chip"], [class*="chip"] *,
  input, select, textarea,
  .avatar-dot, .avatar-dot *,
  [class*="avatar"], [class*="avatar"] *,
  [class*="icon"], [class*="icon"] *,
  .orion-call-constellation, .orion-call-constellation *,
  .orion-call-type, .orion-call-type *,
  .orion-call-mode, .orion-call-mode *,
  .camera-network-rank, .camera-network-rank *,
  .camera-network-live-dot, .camera-network-live-dot *,
  .camera-network-feed-score, .camera-network-feed-score *,
  .camera-network-lens,
  .camera-network-pin, .camera-network-pin *
)) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
}

#app.app-shell .main :is(.split-actions, .row-actions, .status-strip, .table-filter-bar, .form-helper-bar) {
  border-color: rgba(166, 224, 255, .12) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip > article,
#app.app-shell .main[data-view="camera_network"] .camera-network-inspection-grid > article,
#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps > article {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(138, 210, 255, .18) !important;
  border-radius: 8px !important;
  background: rgba(3, 16, 31, .48) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip span,
#app.app-shell .main[data-view="camera_network"] .camera-network-inspection-grid span,
#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps span {
  color: #9fe5ff !important;
  -webkit-text-fill-color: #9fe5ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip strong,
#app.app-shell .main[data-view="camera_network"] .camera-network-inspection-grid strong,
#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip small,
#app.app-shell .main[data-view="camera_network"] .camera-network-inspection-grid small,
#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps small {
  color: #cfeeff !important;
  -webkit-text-fill-color: #cfeeff !important;
  line-height: 1.32 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-search {
  grid-template-columns: minmax(240px, 1.5fr) minmax(90px, .42fr) minmax(100px, .42fr) minmax(132px, .52fr) minmax(132px, .52fr) auto auto !important;
  border-color: rgba(138, 210, 255, .16) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-feed-score {
  position: absolute !important;
  z-index: 4 !important;
  top: 8px !important;
  right: 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 26px !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 8px !important;
  background: rgba(3, 20, 38, .84) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-inspection-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-playbook {
  display: grid !important;
  gap: 12px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps {
  display: grid !important;
  gap: 8px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps > article {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: start !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps > article > span {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(85, 198, 255, .16) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell .main[data-view="camera_network"] .access-pill.client {
  border-color: rgba(94, 234, 212, .36) !important;
}

#app.app-shell .main[data-view="camera_network"] .access-pill.agency {
  border-color: rgba(147, 197, 253, .36) !important;
}

#app.app-shell .main[data-view="camera_network"] .access-pill.open {
  border-color: rgba(216, 180, 254, .32) !important;
}

#app.app-shell .orion-calling-hub-hey-face {
  position: fixed !important;
  right: 18px !important;
  bottom: 146px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2147482602 !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(89, 178, 245, .96) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .18), transparent 28%), linear-gradient(180deg, #092b52 0%, #061a31 48%, #030814 100%) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  box-shadow: 0 18px 40px rgba(3, 7, 19, .52), 0 0 0 2px rgba(56, 189, 248, .14), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
  font-family: Inter, "Roboto Condensed", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

#app.app-shell .hey-orion-dock .orion-calling-hub-hey-face {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
}

#app.app-shell .orion-calling-hub-hey-face:hover {
  transform: translateY(-2px) scale(1.03) !important;
  filter: saturate(1.04) !important;
  box-shadow: 0 22px 52px rgba(3, 7, 19, .56), 0 0 0 4px rgba(22, 136, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

#app.app-shell .orion-calling-hub-hey-face:active {
  transform: translateY(0) scale(.98) !important;
}

#app.app-shell .orion-calling-hub-hey-face::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 5px !important;
  border: 1px solid rgba(70, 157, 226, .72) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(13, 36, 70, .86), rgba(5, 14, 31, .82)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  pointer-events: none !important;
}

#app.app-shell .orion-calling-hub-hey-face::after {
  content: "" !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#app.app-shell .orion-calling-hub-hey-face > *:not(.orion-call-constellation):not(.orion-call-type):not(.orion-call-mode),
#app.app-shell .orion-calling-hub-hey-face :is(.och-mark, .och-copy, .och-chip, svg, img, .orion-mode, .orion-constellation, .orion-type, .hey-orion-launcher-logo) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#app.app-shell .orion-calling-hub-hey-face > .orion-call-constellation {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 1 !important;
  justify-self: end !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 34px !important;
  height: 32px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-right: 1px solid rgba(158, 216, 255, .62) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#app.app-shell .orion-calling-hub-hey-face > .orion-call-constellation::before {
  content: "" !important;
  position: absolute !important;
  display: none !important;
  left: 0 !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  transform-origin: left center !important;
}

#app.app-shell .orion-calling-hub-hey-face > .orion-call-constellation::after {
  content: "" !important;
  position: absolute !important;
  display: none !important;
  left: 0 !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  transform-origin: left center !important;
}

#app.app-shell .orion-calling-hub-hey-face .orion-call-link {
  position: absolute !important;
  z-index: 1 !important;
  display: block !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(128, 211, 255, .82) !important;
  box-shadow: 0 0 8px rgba(79, 184, 255, .38) !important;
  transform-origin: left center !important;
}

#app.app-shell .orion-calling-hub-hey-face .orion-call-link.l1 { left: 7px !important; top: 22px !important; width: 14px !important; transform: rotate(-42deg) !important; }
#app.app-shell .orion-calling-hub-hey-face .orion-call-link.l2 { left: 18px !important; top: 14px !important; width: 14px !important; transform: rotate(31deg) !important; }
#app.app-shell .orion-calling-hub-hey-face .orion-call-link.l3 { left: 18px !important; top: 14px !important; width: 10px !important; transform: rotate(-38deg) !important; }

#app.app-shell .orion-calling-hub-hey-face .orion-call-star {
  position: absolute !important;
  z-index: 2 !important;
  display: block !important;
  width: 5px !important;
  height: 5px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #8fe3ff !important;
  box-shadow: 0 0 10px rgba(124, 199, 255, 1) !important;
}

#app.app-shell .orion-calling-hub-hey-face .orion-call-star.s1 { left: 5px !important; top: 20px !important; }
#app.app-shell .orion-calling-hub-hey-face .orion-call-star.s2 { left: 15px !important; top: 11px !important; }
#app.app-shell .orion-calling-hub-hey-face .orion-call-star.s3 { left: 27px !important; top: 18px !important; }
#app.app-shell .orion-calling-hub-hey-face .orion-call-star.s4 { left: 24px !important; top: 6px !important; width: 3px !important; height: 3px !important; opacity: .78 !important; }

#app.app-shell .orion-calling-hub-hey-face > .orion-call-type {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 2 !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 8px 0 10px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-align: left !important;
  background: transparent !important;
  background-image: none !important;
}

#app.app-shell .orion-calling-hub-hey-face .orion-call-type b {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font: 900 17px/1 "Roboto Condensed", Inter, Arial, Helvetica, sans-serif !important;
  letter-spacing: .07em !important;
  text-shadow: 0 0 10px rgba(124, 199, 255, .46) !important;
  white-space: nowrap !important;
  text-align: left !important;
}

#app.app-shell .orion-calling-hub-hey-face .orion-call-type small {
  display: block !important;
  width: 100% !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  color: #8fdcff !important;
  -webkit-text-fill-color: #8fdcff !important;
  font: 900 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .075em !important;
  white-space: nowrap !important;
  text-align: left !important;
}

/* OrionOS portal tight surface + CCTV location pass v20260710-3. */
#app.app-shell .main :is(
  .card,
  .card.pad,
  [class*="card"],
  details.card,
  details.data-drawer,
  .module-card,
  .customer-module-card,
  .enterprise-module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .notice,
  .table-wrap,
  .portal-command-surface,
  .role-home-screen,
  .portal-operating-brief,
  .workspace-answer-panel,
  .workspace-related-rail,
  .customer-surface-panel,
  .camera-network-card,
  .camera-network-row,
  .camera-network-preview,
  .camera-network-location-bar,
  .camera-network-stats > div,
  .camera-network-command-strip > article,
  .camera-network-inspection-grid > article,
  .camera-network-playbook-steps > article
) {
  border-color: rgba(166, 224, 255, .12) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(0, 7, 20, .16), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

#app.app-shell .main :is(
  .card,
  [class*="card"],
  .module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .portal-command-surface,
  .camera-network-card,
  .camera-network-location-bar
) :is(
  .card,
  [class*="card"],
  .module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .camera-network-card,
  .camera-network-row,
  .camera-network-preview,
  .camera-network-location-bar
) {
  border-color: rgba(166, 224, 255, .06) !important;
  box-shadow: none !important;
}

#app.app-shell .main :is(.split-actions, .row-actions, .status-strip, .table-filter-bar, .form-helper-bar) {
  border-color: rgba(166, 224, 255, .08) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-hero {
  gap: 10px !important;
  padding: 12px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-title h2 {
  font-size: clamp(23px, 2.4vw, 34px) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-title p {
  max-width: 760px !important;
  line-height: 1.36 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip {
  gap: 8px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip > article,
#app.app-shell .main[data-view="camera_network"] .camera-network-inspection-grid > article,
#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps > article {
  gap: 3px !important;
  padding: 9px 10px !important;
  border-color: rgba(138, 210, 255, .10) !important;
  background: rgba(3, 16, 31, .36) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-command-strip strong,
#app.app-shell .main[data-view="camera_network"] .camera-network-inspection-grid strong,
#app.app-shell .main[data-view="camera_network"] .camera-network-playbook-steps strong {
  font-size: 16px !important;
  overflow-wrap: anywhere !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-search {
  grid-template-columns: minmax(240px, 1.5fr) minmax(88px, .42fr) minmax(94px, .42fr) minmax(126px, .52fr) minmax(126px, .52fr) auto auto !important;
  gap: 8px !important;
  padding: 9px !important;
  border-color: rgba(138, 210, 255, .10) !important;
  border-radius: 8px !important;
  background: rgba(3, 16, 31, .50) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-location-bar {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, .9fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(138, 210, 255, .12) !important;
  border-radius: 8px !important;
  background: rgba(3, 16, 31, .42) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-location-bar > div {
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-location-bar strong,
#app.app-shell .main[data-view="camera_network"] .camera-network-location-bar small,
#app.app-shell .main[data-view="camera_network"] .camera-network-nearest-card span {
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-wrap: anywhere !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-location-bar strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.14 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-location-bar small,
#app.app-shell .main[data-view="camera_network"] .camera-network-nearest-card span {
  color: #cfeeff !important;
  -webkit-text-fill-color: #cfeeff !important;
  line-height: 1.28 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-location-bar .row-actions {
  justify-content: flex-end !important;
  border: 0 !important;
}

#app.app-shell .main[data-view="camera_network"] :is(.camera-network-card, .camera-network-results, .camera-network-selected, .camera-network-add) {
  gap: 10px !important;
  padding: 11px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-panel-head {
  border-bottom-color: rgba(138, 210, 255, .08) !important;
  padding-bottom: 8px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-stats {
  gap: 8px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-stats > div {
  min-height: 68px !important;
  padding: 9px 10px !important;
  border-color: rgba(138, 210, 255, .10) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-stats strong {
  margin: 3px 0 !important;
  font-size: 24px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-list {
  gap: 8px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row {
  gap: 7px !important;
  padding: 9px !important;
  border-color: rgba(138, 210, 255, .10) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-row.active {
  border-color: rgba(85, 198, 255, .44) !important;
  box-shadow: inset 2px 0 0 #55c6ff !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview {
  padding: 7px !important;
  border-color: rgba(138, 210, 255, .10) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-preview-media {
  border-color: rgba(138, 210, 255, .08) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-player {
  border-color: rgba(126, 199, 255, .44) !important;
  background: linear-gradient(145deg, rgba(4, 18, 36, .96), rgba(8, 34, 61, .90)) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-player :is(h3, strong, span, small, p, .help) {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-player :is(small, .help, .camera-network-player-foot) {
  color: #d8ecff !important;
  -webkit-text-fill-color: #d8ecff !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-player-screen {
  border-color: rgba(126, 199, 255, .42) !important;
  background: linear-gradient(135deg, #020b18, #071d33) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-player-media,
#app.app-shell .main[data-view="camera_network"] .camera-network-player-frame {
  background: #020b18 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-rank {
  border-color: rgba(138, 210, 255, .18) !important;
  background: rgba(138, 210, 255, .06) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-label {
  border-color: rgba(138, 210, 255, .12) !important;
  border-radius: 8px !important;
  background: rgba(5, 18, 35, .82) !important;
  box-shadow: none !important;
}

@media (max-width: 1120px) {
  #app.app-shell .main[data-view="camera_network"] :is(.camera-network-command-strip, .camera-network-inspection-grid) {
    grid-template-columns: 1fr 1fr !important;
  }

  #app.app-shell .main[data-view="camera_network"] .camera-network-location-bar,
  #app.app-shell .main[data-view="camera_network"] .camera-network-search {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  #app.app-shell .orion-calling-hub-hey-face {
    right: 12px !important;
    bottom: 130px !important;
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  #app.app-shell .main[data-view="camera_network"] :is(.camera-network-command-strip, .camera-network-inspection-grid) {
    grid-template-columns: 1fr !important;
  }
}

/* OrionOS Safari final contrast authority v20260712-38.
   Safari resolves the legacy light-card markers differently than Chromium, so
   solid dark work surfaces and pale status chips receive explicit final colors. */
#app.app-shell.orionos-portal-os .main.orionos-sellable-product :is(
  .product-queue-row,
  .product-control-list > button,
  .product-brand-card,
  .product-interface-hero,
  .product-workspace-panel,
  .product-advanced-placeholder,
  .product-related-workspaces,
  .product-commerce-panel
) {
  border-color: rgba(126, 208, 255, .24) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(73, 177, 255, .025)), rgba(3, 18, 39, .98) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell.orionos-portal-os .main.orionos-sellable-product :is(
  .product-queue-row,
  .product-control-list > button,
  .product-brand-card,
  .product-interface-hero,
  .product-workspace-panel,
  .product-advanced-placeholder,
  .product-related-workspaces,
  .product-commerce-panel
) :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell.orionos-portal-os .main.orionos-sellable-product :is(
  .product-queue-row,
  .product-control-list > button,
  .product-brand-card,
  .product-interface-hero,
  .product-workspace-panel,
  .product-advanced-placeholder,
  .product-related-workspaces,
  .product-commerce-panel
) :is(p, span, small, em, label, .help, .small, .muted, .subtle, .eyebrow) {
  background: transparent !important;
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
}

#app.app-shell.orionos-portal-os :is(.main[data-view="lms"], .main[data-view="quote_to_load"], .main[data-view="messenger"], .main[data-view="finance"][data-portal-role="driver"]) :is(
  .card, .card.pad, [class*="card"], [class*="panel"], .timeline-item, .notice, .table-wrap, .message-panel, .thread-list, .messenger-shell
) {
  border-color: rgba(126, 208, 255, .22) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(73, 177, 255, .02)), rgba(3, 18, 39, .98) !important;
}

#app.app-shell.orionos-portal-os :is(.main[data-view="lms"], .main[data-view="quote_to_load"], .main[data-view="messenger"], .main[data-view="finance"][data-portal-role="driver"]) :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell.orionos-portal-os :is(.main[data-view="lms"], .main[data-view="quote_to_load"], .main[data-view="messenger"], .main[data-view="finance"][data-portal-role="driver"]) :is(p, span, small, em, label, legend, th, td, li, .help, .small, .muted, .subtle, .eyebrow) {
  background: transparent !important;
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
}

#app.app-shell.orionos-portal-os :is(.main[data-view="lms"], .main[data-view="quote_to_load"], .main[data-view="messenger"], .main[data-view="finance"][data-portal-role="driver"], .main[data-view="settings"], .main.orionos-sellable-product) :is(.status-pill.active, .status-pill.complete, .pill.active, .pill.on, .badge.active, .chip.active),
#app.app-shell.orionos-portal-os :is(.main[data-view="lms"], .main[data-view="quote_to_load"], .main[data-view="messenger"], .main[data-view="finance"][data-portal-role="driver"], .main[data-view="settings"], .main.orionos-sellable-product) :is(.status-pill.active, .status-pill.complete, .pill.active, .pill.on, .badge.active, .chip.active) * {
  background: linear-gradient(145deg, #f7fbff, #cfeeff) !important;
  color: #031b33 !important;
  -webkit-text-fill-color: #031b33 !important;
  text-shadow: none !important;
}

#app.app-shell.orionos-portal-os :is(.main[data-view="lms"], .main[data-view="quote_to_load"], .main[data-view="messenger"]) .quick-switch-btn.active {
  background: linear-gradient(135deg, #073d8f, #0b5fba 58%, #1177cc) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Hey Orion Transportation lockup v20260710-4: all launchers render the same MIC/TXT face. */
#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(66, 150, 220, .78) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg, rgba(115, 202, 255, .14), transparent 31%),
    linear-gradient(180deg, #09254a 0%, #061731 55%, #020714 100%) !important;
  box-shadow:
    0 16px 34px rgba(0, 6, 18, .56),
    0 0 0 2px rgba(53, 150, 229, .16),
    inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-family: Inter, "Roboto Condensed", Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

#app.app-shell .product-workspace-panel[data-product-id="hey-orion"] .product-hero-v2 {
  grid-template-columns: 154px minmax(0, 1fr) minmax(260px, auto) !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card .product-brand-top {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}

#app.app-shell .hey-orion-transport-product-mark {
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  border-radius: 13px !important;
}

#app.app-shell .hey-orion-dock :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  top: auto !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: 0 !important;
  border: 1px solid rgba(74, 158, 229, .62) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(10, 33, 64, .88), rgba(3, 12, 28, .84)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
  pointer-events: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
)::after {
  display: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) > *:not(.orion-call-constellation):not(.orion-call-type):not(.orion-call-mode),
#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) :is(.och-mark, .och-copy, .och-chip, svg, img, .orion-mode, .orion-constellation, .orion-type, .hey-orion-launcher-logo) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) > .orion-call-constellation {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 1 !important;
  justify-self: end !important;
  display: block !important;
  width: 34px !important;
  height: 32px !important;
  min-width: 34px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  border: 0 !important;
  border-right: 1px solid rgba(158, 216, 255, .64) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) > .orion-call-constellation::before {
  content: "" !important;
  position: absolute !important;
  display: none !important;
  left: 0 !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transform-origin: left center !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) > .orion-call-constellation::after {
  content: "" !important;
  position: absolute !important;
  display: none !important;
  left: 0 !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transform-origin: left center !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) .orion-call-link {
  position: absolute !important;
  z-index: 1 !important;
  display: block !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(128, 211, 255, .82) !important;
  box-shadow: 0 0 8px rgba(79, 184, 255, .38) !important;
  transform-origin: left center !important;
}

#app.app-shell :is(.ovx-mic,.orion-hey-mic,.opc-fab,.orion-hey-text,.hey-orion-final-button,.hey-orion-preview-button,.orion-calling-hub-hey-face,.orion-transport-hey-face) .orion-call-link.l1 { left: 7px !important; top: 22px !important; width: 14px !important; transform: rotate(-42deg) !important; }
#app.app-shell :is(.ovx-mic,.orion-hey-mic,.opc-fab,.orion-hey-text,.hey-orion-final-button,.hey-orion-preview-button,.orion-calling-hub-hey-face,.orion-transport-hey-face) .orion-call-link.l2 { left: 18px !important; top: 14px !important; width: 14px !important; transform: rotate(31deg) !important; }
#app.app-shell :is(.ovx-mic,.orion-hey-mic,.opc-fab,.orion-hey-text,.hey-orion-final-button,.hey-orion-preview-button,.orion-calling-hub-hey-face,.orion-transport-hey-face) .orion-call-link.l3 { left: 18px !important; top: 14px !important; width: 10px !important; transform: rotate(-38deg) !important; }

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) .orion-call-star {
  position: absolute !important;
  z-index: 2 !important;
  display: block !important;
  width: 5px !important;
  height: 5px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #8fe3ff !important;
  box-shadow: 0 0 10px rgba(124, 199, 255, .98) !important;
}

#app.app-shell :is(.ovx-mic,.orion-hey-mic,.opc-fab,.orion-hey-text,.hey-orion-final-button,.hey-orion-preview-button,.orion-calling-hub-hey-face,.orion-transport-hey-face) .orion-call-star.s1 { left: 5px !important; top: 20px !important; }
#app.app-shell :is(.ovx-mic,.orion-hey-mic,.opc-fab,.orion-hey-text,.hey-orion-final-button,.hey-orion-preview-button,.orion-calling-hub-hey-face,.orion-transport-hey-face) .orion-call-star.s2 { left: 15px !important; top: 11px !important; }
#app.app-shell :is(.ovx-mic,.orion-hey-mic,.opc-fab,.orion-hey-text,.hey-orion-final-button,.hey-orion-preview-button,.orion-calling-hub-hey-face,.orion-transport-hey-face) .orion-call-star.s3 { left: 27px !important; top: 18px !important; }
#app.app-shell :is(.ovx-mic,.orion-hey-mic,.opc-fab,.orion-hey-text,.hey-orion-final-button,.hey-orion-preview-button,.orion-calling-hub-hey-face,.orion-transport-hey-face) .orion-call-star.s4 { left: 24px !important; top: 6px !important; width: 3px !important; height: 3px !important; opacity: .78 !important; }

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) > .orion-call-type {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 2 !important;
  display: flex !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 4px 0 10px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  text-align: left !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) .orion-call-type b {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font: 950 20px/1 "Roboto Condensed", Inter, Arial, Helvetica, sans-serif !important;
  letter-spacing: .055em !important;
  text-shadow: 0 0 12px rgba(124, 199, 255, .40) !important;
  white-space: nowrap !important;
  text-align: left !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) .orion-call-type small {
  display: block !important;
  width: 100% !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  color: #8fdcff !important;
  -webkit-text-fill-color: #8fdcff !important;
  font: 950 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .155em !important;
  white-space: nowrap !important;
  text-align: left !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
) > .orion-call-mode {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 3 !important;
  justify-self: center !important;
  align-self: center !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 32px !important;
  width: 32px !important;
  height: 18px !important;
  padding: 0 !important;
  border: 1px solid rgba(127, 205, 255, .72) !important;
  border-radius: 5px !important;
  background: rgba(32, 77, 112, .56) !important;
  color: #b9e9ff !important;
  -webkit-text-fill-color: #b9e9ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
  font: 950 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .09em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

#app.app-shell :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button,
  .hey-orion-preview-button,
  .orion-calling-hub-hey-face,
  .orion-transport-hey-face
):hover {
  transform: translateY(-2px) scale(1.025) !important;
  filter: saturate(1.04) !important;
  box-shadow:
    0 20px 46px rgba(0, 6, 18, .58),
    0 0 0 3px rgba(53, 150, 229, .22),
    inset 0 1px 0 rgba(255, 255, 255, .26) !important;
}

@media (max-width: 640px) {
  #app.app-shell :is(
    .ovx-mic,
    .orion-hey-mic,
    .opc-fab,
    .orion-hey-text,
    .hey-orion-final-button,
    .hey-orion-preview-button,
    .orion-calling-hub-hey-face,
    .orion-transport-hey-face
  ) {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }
}

/* Hey Orion TXT command panel: Orion Transportation lockup and in-place text box. */
.hey-orion-command-panel {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147482604;
  display: flex;
  width: min(420px, calc(100vw - 32px));
  max-height: min(580px, calc(100vh - 48px));
  min-height: 360px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(88, 169, 231, .34);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(38, 105, 158, .20), transparent 34%),
    linear-gradient(180deg, rgba(6, 23, 47, .98), rgba(2, 8, 20, .98));
  box-shadow:
    0 24px 72px rgba(0, 6, 18, .58),
    0 0 0 1px rgba(106, 193, 255, .12),
    inset 0 1px 0 rgba(255, 255, 255, .10);
  color: #f7fbff;
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px) scale(.98);
  transition: opacity .16s ease, transform .16s ease;
}

.hey-orion-command-panel[data-open="true"] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.hey-orion-command-panel[hidden] {
  display: none !important;
}

.hey-orion-command-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px 10px;
}

.hey-orion-command-close {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(134, 205, 255, .34);
  border-radius: 9px;
  background: rgba(16, 45, 79, .72);
  color: #dff5ff;
  font: 800 22px/1 Inter, Arial, sans-serif;
  cursor: pointer;
}

.hey-orion-command-close:hover,
.hey-orion-command-close:focus-visible {
  border-color: rgba(143, 220, 255, .72);
  background: rgba(29, 82, 125, .86);
  outline: 0;
}

.hey-orion-command-lockup {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(66, 150, 220, .78) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg, rgba(115, 202, 255, .14), transparent 31%),
    linear-gradient(180deg, #09254a 0%, #061731 55%, #020714 100%) !important;
  box-shadow:
    0 16px 34px rgba(0, 6, 18, .56),
    0 0 0 2px rgba(53, 150, 229, .16),
    inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-family: Inter, "Roboto Condensed", Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.hey-orion-command-lockup::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: 0 !important;
  border: 1px solid rgba(74, 158, 229, .62) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(10, 33, 64, .88), rgba(3, 12, 28, .84)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
  pointer-events: none !important;
}

.hey-orion-command-lockup::after {
  display: none !important;
}

.hey-orion-command-lockup > *:not(.orion-call-constellation):not(.orion-call-type):not(.orion-call-mode),
.hey-orion-command-lockup :is(.och-mark, .och-copy, .och-chip, svg, img, .orion-mode, .orion-constellation, .orion-type, .hey-orion-launcher-logo) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.hey-orion-command-lockup > .orion-call-constellation {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 1 !important;
  justify-self: end !important;
  display: block !important;
  width: 34px !important;
  height: 32px !important;
  min-width: 34px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-right: 1px solid rgba(158, 216, 255, .64) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.hey-orion-command-lockup > .orion-call-constellation::before,
.hey-orion-command-lockup > .orion-call-constellation::after {
  display: none !important;
}

.hey-orion-command-lockup .orion-call-link {
  position: absolute !important;
  z-index: 1 !important;
  display: block !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(128, 211, 255, .82) !important;
  box-shadow: 0 0 8px rgba(79, 184, 255, .38) !important;
  transform-origin: left center !important;
}

.hey-orion-command-lockup .orion-call-link.l1 { left: 7px !important; top: 22px !important; width: 14px !important; transform: rotate(-42deg) !important; }
.hey-orion-command-lockup .orion-call-link.l2 { left: 18px !important; top: 14px !important; width: 14px !important; transform: rotate(31deg) !important; }
.hey-orion-command-lockup .orion-call-link.l3 { left: 18px !important; top: 14px !important; width: 10px !important; transform: rotate(-38deg) !important; }

.hey-orion-command-lockup .orion-call-star {
  position: absolute !important;
  z-index: 2 !important;
  display: block !important;
  width: 5px !important;
  height: 5px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #8fe3ff !important;
  box-shadow: 0 0 10px rgba(124, 199, 255, .98) !important;
}

.hey-orion-command-lockup .orion-call-star.s1 { left: 5px !important; top: 20px !important; }
.hey-orion-command-lockup .orion-call-star.s2 { left: 15px !important; top: 11px !important; }
.hey-orion-command-lockup .orion-call-star.s3 { left: 27px !important; top: 18px !important; }
.hey-orion-command-lockup .orion-call-star.s4 { left: 24px !important; top: 6px !important; width: 3px !important; height: 3px !important; opacity: .78 !important; }

.hey-orion-command-lockup > .orion-call-type {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 2 !important;
  display: flex !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 4px 0 10px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  text-align: left !important;
}

.hey-orion-command-lockup .orion-call-type b {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font: 950 20px/1 "Roboto Condensed", Inter, Arial, Helvetica, sans-serif !important;
  letter-spacing: .055em !important;
  text-shadow: 0 0 12px rgba(124, 199, 255, .40) !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.hey-orion-command-lockup .orion-call-type small {
  display: block !important;
  width: 100% !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  color: #8fdcff !important;
  -webkit-text-fill-color: #8fdcff !important;
  font: 950 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .155em !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.hey-orion-command-lockup > .orion-call-mode {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 3 !important;
  justify-self: center !important;
  align-self: center !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 32px !important;
  width: 32px !important;
  height: 18px !important;
  padding: 0 !important;
  border: 1px solid rgba(127, 205, 255, .72) !important;
  border-radius: 5px !important;
  background: rgba(32, 77, 112, .56) !important;
  color: #b9e9ff !important;
  -webkit-text-fill-color: #b9e9ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
  font: 950 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .09em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* OrionOS final Hey Orion product-card layout lock v20260710-5. */
#app.app-shell .product-brand-card.hey-orion-purchase-card .product-brand-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card .product-brand-top > .hey-orion-transport-product-mark {
  grid-column: 1 !important;
  justify-self: start !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card :is(.hey-orion-product-summary, .product-brand-top > div:not(.product-mark):not(.hey-orion-transport-product-mark)) {
  grid-column: 1 !important;
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
  overflow: visible !important;
  white-space: normal !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card .product-brand-top > .status-pill {
  grid-column: 1 !important;
  justify-self: start !important;
  width: fit-content !important;
  max-width: 100% !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card :is(.hey-orion-product-summary .eyebrow, .product-brand-top .eyebrow) {
  color: #8fdcff !important;
  -webkit-text-fill-color: #8fdcff !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  line-height: 1.15 !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card :is(.hey-orion-product-summary h3, .product-brand-top h3) {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 18px rgba(124, 199, 255, .24) !important;
  overflow-wrap: normal !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card .product-tagline {
  margin: 0 !important;
  color: #cfeeff !important;
  -webkit-text-fill-color: #cfeeff !important;
  font-size: 14px !important;
  line-height: 1.36 !important;
  max-width: 32rem !important;
  overflow-wrap: normal !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card :is(.hey-orion-sales-copy, .hey-orion-product-preview, .product-wiring, .row-actions.product-card-actions, .product-action-row) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border-color: rgba(127, 205, 255, .12) !important;
  background: rgba(3, 16, 31, .20) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card .hey-orion-product-preview {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card :is(.hey-orion-sales-copy p, .product-wiring span) {
  color: #cfeeff !important;
  -webkit-text-fill-color: #cfeeff !important;
  overflow-wrap: normal !important;
}

#app.app-shell .product-brand-card.hey-orion-purchase-card .product-wiring strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* OrionOS hard audit final line reduction + paint containment v20260711. */
#app.app-shell .main[data-orion-ui-audit="true"] :is(
  .card,
  .card.pad,
  .module-card,
  .customer-module-card,
  .enterprise-module-card,
  .enterprise-workspace-card,
  .enterprise-action-card,
  .enterprise-focus-card,
  .timeline-item,
  .metric,
  .notice,
  .portal-command-surface,
  .product-surface,
  .camera-network-card,
  .camera-network-row,
  .camera-network-preview
) {
  border-color: rgba(166, 224, 255, .08) !important;
  box-shadow: 0 4px 14px rgba(0, 7, 20, .12) !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 180px !important;
}

#app.app-shell .main[data-orion-ui-audit="true"] :is(.split-actions, .row-actions, .status-strip, .table-filter-bar, .form-helper-bar, .camera-network-panel-head, .message-head) {
  border-color: rgba(166, 224, 255, .06) !important;
  box-shadow: none !important;
}

#app.app-shell .main[data-orion-ui-audit="true"] :is(.pill, .status-pill, .camera-network-rank, input, select, textarea) {
  border-color: rgba(166, 224, 255, .12) !important;
}

#app.app-shell .main[data-orion-ui-audit="true"] :is(.module-card .help, .enterprise-workspace-card .help, .enterprise-module-card .help, .timeline-item .help, .notice .help, .split-actions .help) {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
}

#app.app-shell .main[data-orion-ui-audit="true"] :is(.fmcsa-reg-card, .orionos-weather-center, .message-panel, .support-ticket-grid, .camera-network-page) .help {
  display: revert !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}

.hey-orion-command-messages {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  padding: 10px 16px 16px;
}

.hey-orion-command-empty {
  margin: auto;
  color: #cfeeff;
  font: 700 14px/1.35 Inter, Arial, sans-serif;
  text-align: center;
}

.hey-orion-command-message {
  max-width: 88%;
  padding: 11px 12px;
  border: 0;
  border-radius: 12px;
  box-shadow: none;
  font: 600 13px/1.45 Inter, Arial, sans-serif;
}

.hey-orion-command-message p {
  margin: 0;
  color: inherit;
}

.hey-orion-command-message small {
  display: block;
  margin-top: 6px;
  color: rgba(218, 244, 255, .68);
  font: 800 12px/1.2 Inter, Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hey-orion-command-message.user {
  align-self: flex-end;
  background: rgba(52, 134, 204, .24);
  color: #f8fbff;
}

.hey-orion-command-message.assistant {
  align-self: flex-start;
  background: rgba(255, 255, 255, .07);
  color: #eef9ff;
}

.hey-orion-command-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px 16px 16px;
  border-top: 1px solid rgba(128, 211, 255, .14);
}

.hey-orion-command-form textarea {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 68px;
  max-height: 160px;
  resize: vertical;
  border: 1px solid rgba(128, 211, 255, .32);
  border-radius: 12px;
  background: rgba(1, 10, 24, .72);
  color: #f8fbff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  font: 600 14px/1.35 Inter, Arial, sans-serif;
  outline: 0;
  padding: 12px;
}

.hey-orion-attachment-control {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  color: rgba(218, 244, 255, .72);
  font: 700 12px/1.3 Inter, Arial, sans-serif;
}

.hey-orion-attachment-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid rgba(143, 220, 255, .46);
  border-radius: 10px;
  background: rgba(10, 55, 101, .76);
  color: #f8fbff;
  cursor: pointer;
  font-weight: 900;
}

.hey-orion-command-message.pending {
  border: 1px solid rgba(143, 220, 255, .24);
  animation: hey-orion-thinking 1.25s ease-in-out infinite alternate;
}

@keyframes hey-orion-thinking {
  from { opacity: .68; }
  to { opacity: 1; }
}

.hey-orion-command-form textarea:focus {
  border-color: rgba(143, 220, 255, .78);
  box-shadow:
    0 0 0 3px rgba(69, 173, 255, .16),
    inset 0 1px 0 rgba(255, 255, 255, .10);
}

.hey-orion-command-form button {
  align-self: end;
  height: 42px;
  min-width: 74px;
  border: 1px solid rgba(143, 220, 255, .62);
  border-radius: 10px;
  background: linear-gradient(180deg, #1c70b6, #0b3f77);
  color: #f8fbff;
  font: 900 13px/1 Inter, Arial, sans-serif;
  cursor: pointer;
}

.hey-orion-command-form button:hover,
.hey-orion-command-form button:focus-visible {
  border-color: rgba(196, 239, 255, .88);
  filter: saturate(1.08);
  outline: 0;
}

@media (max-width: 640px) {
  .hey-orion-command-panel {
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    min-height: min(420px, calc(100vh - 24px));
    border-radius: 14px;
  }

  .hey-orion-command-head {
    padding: 12px 12px 8px;
  }

  .hey-orion-command-messages {
    padding: 8px 12px 12px;
  }

  .hey-orion-command-form {
    grid-template-columns: 1fr;
    padding: 10px 12px 12px;
  }

  .hey-orion-command-form button {
    width: 100%;
  }
}

/* CCTV map/location refresh v20260711: real map layer, lean rows, clickable in-app pins. */
#app.app-shell .main[data-view="camera_network"] .camera-network-list-more {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  align-items: center !important;
  border: 1px solid rgba(138, 210, 255, .14) !important;
  border-radius: 8px !important;
  background: rgba(138, 210, 255, .06) !important;
  padding: 10px 12px !important;
  color: #d9f2ff !important;
  -webkit-text-fill-color: #d9f2ff !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map {
  position: relative !important;
  overflow: hidden !important;
  min-height: 420px !important;
  padding: 0 !important;
  background: #071321 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-stage,
#app.app-shell .main[data-view="camera_network"] .camera-network-map-tiles,
#app.app-shell .main[data-view="camera_network"] .camera-network-map-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-stage {
  z-index: 1 !important;
  will-change: transform !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-tiles {
  z-index: 1 !important;
  overflow: hidden !important;
  filter: saturate(.86) contrast(1.06) brightness(.72) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-tiles-loading {
  opacity: 0 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-tiles-previous {
  opacity: 1 !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-tile {
  position: absolute !important;
  display: block !important;
  object-fit: cover !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-overlay {
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(2, 11, 24, .10), rgba(2, 11, 24, .28)) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin,
#app.app-shell .main[data-view="camera_network"] .camera-network-origin-pin {
  position: absolute !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #041423 !important;
  -webkit-text-fill-color: #041423 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  transform: translate(-50%, -50%) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin {
  z-index: 4 !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid rgba(255, 255, 255, .82) !important;
  background: #7ec7ff !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  box-shadow: 0 0 0 7px rgba(74, 179, 255, .16), 0 0 28px rgba(74, 179, 255, .56) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin .camera-network-pin-core,
#app.app-shell .main[data-view="camera_network"] .camera-network-origin-pin span {
  display: block !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin .camera-network-pin-core {
  width: 6px !important;
  height: 6px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin.regional {
  border-style: dashed !important;
  background: #bfeaff !important;
  color: #041423 !important;
  -webkit-text-fill-color: #041423 !important;
  box-shadow: 0 0 0 6px rgba(74, 179, 255, .10), 0 0 22px rgba(74, 179, 255, .36) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin.cluster {
  width: 25px !important;
  height: 25px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin-count {
  position: absolute !important;
  right: -9px !important;
  top: -9px !important;
  display: grid !important;
  place-items: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 4px !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  background: #0b4776 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 12px/1 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-pin.active {
  width: 24px !important;
  height: 24px !important;
  background: #ffffff !important;
  color: #0e5f93 !important;
  -webkit-text-fill-color: #0e5f93 !important;
  box-shadow: 0 0 0 9px rgba(63, 232, 170, .20), 0 0 36px rgba(255, 255, 255, .82) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-origin-pin {
  z-index: 3 !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid rgba(255, 255, 255, .92) !important;
  background: #3fe8aa !important;
  box-shadow: 0 0 0 8px rgba(63, 232, 170, .20), 0 0 28px rgba(63, 232, 170, .56) !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-origin-pin span {
  width: 7px !important;
  height: 7px !important;
}

#app.app-shell .main[data-view="camera_network"] .camera-network-map-label {
  z-index: 5 !important;
  pointer-events: none !important;
  border-color: rgba(138, 210, 255, .16) !important;
  background: rgba(5, 18, 35, .88) !important;
}

/* OrionOS unified sapphire shell v20260712-4.
   Remove the white repair-card patchwork and give the portal one deliberate,
   readable glass hierarchy from navigation through operating surfaces. */
#app.app-shell.orionos-portal-os .topbar .brand-copy {
  border: 0 !important;
  border-radius: 10px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(126, 199, 255, .035)),
    rgba(3, 20, 43, .82) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  padding: 5px 10px !important;
}

#app.app-shell.orionos-portal-os .topbar .brand-copy :is(h1, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell.orionos-portal-os .topbar .brand-copy :is(span, small, p) {
  color: #bfe8ff !important;
  -webkit-text-fill-color: #bfe8ff !important;
}

#app.app-shell.orionos-portal-os .sidebar :is(.nav-button, .sidebar-priority-button) {
  border: 1px solid rgba(135, 211, 255, .14) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(126, 199, 255, .015)),
    rgba(4, 25, 52, .9) !important;
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

#app.app-shell.orionos-portal-os .sidebar :is(.nav-button, .sidebar-priority-button):hover {
  border-color: rgba(126, 213, 255, .38) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(82, 183, 255, .045)),
    rgba(6, 36, 71, .96) !important;
}

#app.app-shell.orionos-portal-os .sidebar .nav-button.active {
  border-color: rgba(132, 222, 255, .62) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .18), transparent 38%),
    linear-gradient(135deg, #073d8f, #0b5fba 58%, #1177cc) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(4, 80, 180, .28), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

#app.app-shell.orionos-portal-os .sidebar .nav-group-toggle {
  border-color: rgba(135, 211, 255, .1) !important;
  background: rgba(2, 15, 33, .72) !important;
  color: #9edbff !important;
  -webkit-text-fill-color: #9edbff !important;
  box-shadow: none !important;
}

#app.app-shell.orionos-portal-os :is(.nav-icon, .nav-badge, .status-pill.active) {
  border-color: rgba(255, 255, 255, .72) !important;
  background: linear-gradient(145deg, #f7fbff, #cfeeff) !important;
  color: #031b33 !important;
  -webkit-text-fill-color: #031b33 !important;
  text-shadow: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .workspace-head {
  border-color: rgba(126, 208, 255, .26) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(82, 198, 255, .18), transparent 34%),
    linear-gradient(135deg, rgba(15, 58, 101, .98), rgba(5, 26, 54, .98) 68%, rgba(3, 18, 40, .98)) !important;
  box-shadow: 0 16px 36px rgba(0, 8, 24, .28), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .client-portal-organizer {
  border-color: rgba(126, 208, 255, .22) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 145, 255, .16), transparent 34%),
    linear-gradient(145deg, rgba(7, 35, 67, .98), rgba(3, 20, 43, .98)) !important;
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
  box-shadow: 0 18px 42px rgba(0, 7, 20, .34), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .client-portal-organizer > :is(.client-org-context, .client-org-metrics, .client-org-flow) {
  border: 1px solid rgba(126, 208, 255, .12) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(82, 183, 255, .018)),
    rgba(4, 25, 52, .9) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .client-portal-organizer :is(.client-org-metric, .client-next-item) {
  border-color: rgba(126, 208, 255, .12) !important;
  background: rgba(7, 36, 68, .88) !important;
  color: #d7ecff !important;
  -webkit-text-fill-color: #d7ecff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .client-portal-organizer :is(h1, h2, h3, h4, strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .client-portal-organizer :is(p, span, small, .help, .muted, .subtle) {
  color: #bfe8ff !important;
  -webkit-text-fill-color: #bfe8ff !important;
}

#app.app-shell.orionos-portal-os .main[data-view="command"] > .client-portal-organizer {
  display: none !important;
}

#app.app-shell.orionos-portal-os .main:not(.orionos-sellable-product) .customer-search-hint {
  min-height: 64px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px dashed rgba(126, 208, 255, .2) !important;
  border-radius: 10px !important;
  background: rgba(4, 25, 52, .62) !important;
  color: #bfe8ff !important;
  -webkit-text-fill-color: #bfe8ff !important;
  padding: 14px !important;
  text-align: center !important;
}

@media (prefers-reduced-motion: no-preference) {
  #app.app-shell.orionos-portal-os .sidebar :is(.nav-button, .sidebar-priority-button),
  #app.app-shell.orionos-portal-os .main button,
  #app.app-shell.orionos-portal-os .main .card {
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
  }

  #app.app-shell.orionos-portal-os .sidebar :is(.nav-button, .sidebar-priority-button):hover,
  #app.app-shell.orionos-portal-os .main button:hover {
    transform: translateY(-1px);
  }
}

/* OrionOS full-size Hey Orion command rail v20260713-2 */
#app.app-shell .hey-orion-dock {
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2147482500 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  pointer-events: none !important;
}

#app.app-shell .hey-orion-dock > button {
  --orion-dock-width: 154px;
  --orion-dock-grid: 42px minmax(0, 1fr) 42px;
  pointer-events: auto !important;
  width: var(--orion-dock-width) !important;
  min-width: var(--orion-dock-width) !important;
  max-width: var(--orion-dock-width) !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  grid-template-columns: var(--orion-dock-grid) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}

#app.app-shell .hey-orion-dock > button > .orion-call-type {
  display: flex !important;
}

#app.app-shell .hey-orion-dock > button > .orion-call-constellation {
  grid-column: 1 !important;
  justify-self: end !important;
  width: 34px !important;
  height: 32px !important;
}

#app.app-shell .hey-orion-dock > button > .orion-call-mode {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 18px !important;
}

@media (max-width: 640px) {
  #app.app-shell .hey-orion-dock {
    right: 10px !important;
    bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 6px !important;
  }
}
/* BrokerLock loads after the global portal theme so its security console keeps its own visual hierarchy. */
body .brokerlock-shell { color: #eaf6ff !important; }
body .brokerlock-shell .brokerlock-hero {
  background: linear-gradient(128deg, #071927, #062b38 58%, #0c3f41) !important;
  border-color: rgba(90, 224, 255, .28) !important;
  box-shadow: 0 24px 70px rgba(0, 8, 16, .38), inset 0 1px rgba(255, 255, 255, .08) !important;
}
body .brokerlock-shell .brokerlock-hero h1,
body .brokerlock-shell .brokerlock-hero h2,
body .brokerlock-shell .brokerlock-hero h3 { color: #fff !important; }
body .brokerlock-shell .brokerlock-hero p { color: #b9cfdd !important; }
body .brokerlock-shell .brokerlock-hero .btn { background: rgba(10, 31, 46, .88) !important; border: 1px solid rgba(105, 207, 235, .32) !important; color: #eaf6ff !important; }
body .brokerlock-shell .brokerlock-hero .btn.primary { background: #dff8ff !important; border-color: #dff8ff !important; color: #062536 !important; }
body .brokerlock-shell .brokerlock-stage-rail article,
body .brokerlock-shell .brokerlock-lab,
body .brokerlock-shell .brokerlock-ledger,
body .brokerlock-shell .brokerlock-cases,
body .brokerlock-shell .brokerlock-score-card,
body .brokerlock-shell .brokerlock-next-card {
  background: linear-gradient(155deg, rgba(8, 28, 42, .98), rgba(5, 18, 28, .98)) !important;
  border-color: rgba(101, 180, 207, .2) !important;
  color: #eaf6ff !important;
}
body .brokerlock-shell .brokerlock-score-card.blocked { border-color: rgba(255, 107, 122, .56) !important; }
body .brokerlock-shell .brokerlock-score-card.pending { border-color: rgba(255, 203, 102, .5) !important; }
body .brokerlock-shell .brokerlock-score-card.active { border-color: rgba(69, 240, 184, .5) !important; }
body .brokerlock-shell .brokerlock-stage-rail strong,
body .brokerlock-shell .brokerlock-stage-rail small,
body .brokerlock-shell .brokerlock-next-card li,
body .brokerlock-shell .brokerlock-ledger td,
body .brokerlock-shell .brokerlock-ledger th { color: #b9cfdd !important; }
body .brokerlock-shell .brokerlock-stage-rail span,
body .brokerlock-shell .brokerlock-ledger td small { color: #37d7ff !important; }
body .brokerlock-shell .brokerlock-scenario-tabs button { background: #071722 !important; border-color: rgba(123, 175, 196, .22) !important; color: #eaf6ff !important; }
body .brokerlock-shell .brokerlock-scenario-tabs button.active { background: linear-gradient(145deg, #144c5b, #092d38) !important; border-color: #37d7ff !important; }
body .brokerlock-shell .brokerlock-scenario-tabs button small { color: #a9c1d0 !important; }
body .brokerlock-shell .brokerlock-audit-form .field { background: rgba(3, 14, 22, .72) !important; border-color: rgba(92, 143, 166, .2) !important; }
body .brokerlock-shell .brokerlock-audit-form label { color: #bed3df !important; }
body .brokerlock-shell .brokerlock-audit-form input,
body .brokerlock-shell .brokerlock-audit-form select { background: #081d2a !important; border-color: rgba(106, 176, 202, .28) !important; color: #f2f9fc !important; }
body .brokerlock-shell .brokerlock-sources .module-card { background: rgba(4, 18, 28, .82) !important; border-color: rgba(100, 173, 199, .18) !important; }
body .brokerlock-shell .brokerlock-disclaimer { background: rgba(255, 203, 102, .08) !important; border-color: rgba(255, 203, 102, .28) !important; color: #e0d2aa !important; }

/* Outrank the portal's ID-scoped white-surface sanitizer before it samples these custom surfaces. */
#app.app-shell .brokerlock-shell .brokerlock-hero {
  background: linear-gradient(128deg, #071927, #062b38 58%, #0c3f41) !important;
  border-color: rgba(90, 224, 255, .28) !important;
}
#app.app-shell .brokerlock-shell .brokerlock-stage-rail article,
#app.app-shell .brokerlock-shell .brokerlock-lab,
#app.app-shell .brokerlock-shell .brokerlock-ledger,
#app.app-shell .brokerlock-shell .brokerlock-cases,
#app.app-shell .brokerlock-shell .brokerlock-score-card,
#app.app-shell .brokerlock-shell .brokerlock-next-card {
  background: linear-gradient(155deg, #081c2a, #05121c) !important;
  border-color: rgba(101, 180, 207, .22) !important;
}
#app.app-shell .brokerlock-shell .brokerlock-scenario-tabs button,
#app.app-shell .brokerlock-shell .brokerlock-audit-form .field,
#app.app-shell .brokerlock-shell .brokerlock-sources .module-card {
  background: #071722 !important;
  border-color: rgba(123, 175, 196, .22) !important;
}
#app.app-shell .brokerlock-shell .brokerlock-audit-form .btn.primary {
  background: #075579 !important;
  border-color: #2c9bc7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#app.app-shell .nav-button .nav-label {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
}
#app.app-shell .nav-button {
  background: #071b30 !important;
  background-image: none !important;
}
#app.app-shell .nav-button.active,
#app.app-shell .nav-button[aria-current="page"] {
  background: #0a4162 !important;
  background-image: none !important;
}

/* Focused workspace drawers use the same blue/chrome system as ArrivalIQ. */
#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer, .focused-workspace-inline-drawer, .focused-form-options) {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border-color: rgba(101, 183, 222, .25) !important;
  background: linear-gradient(145deg, rgba(8, 28, 46, .98), rgba(6, 20, 34, .98)) !important;
  box-shadow: 0 14px 34px rgba(0, 8, 18, .22), inset 0 1px rgba(255, 255, 255, .04) !important;
  color: #eef8ff !important;
  -webkit-text-fill-color: #eef8ff !important;
}

#app.app-shell .main.focused-workspace-layout {
  align-content: start !important;
}

#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer, .focused-workspace-inline-drawer, .focused-form-options):not([open]) > :is(.focused-workspace-drawer-content, .focused-workspace-inline-content, .focused-form-options-content) {
  display: none !important;
}

#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer, .focused-workspace-inline-drawer, .focused-form-options) > summary {
  background: linear-gradient(90deg, rgba(13, 53, 82, .72), rgba(7, 27, 44, .46)) !important;
  color: #eef8ff !important;
  -webkit-text-fill-color: #eef8ff !important;
}

#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer, .focused-workspace-inline-drawer, .focused-form-options) > summary:hover {
  background: linear-gradient(90deg, rgba(17, 72, 108, .82), rgba(8, 34, 54, .62)) !important;
}

#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer, .focused-workspace-inline-drawer, .focused-form-options) > summary strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer, .focused-workspace-inline-drawer, .focused-form-options) > summary small {
  color: #b9d6e8 !important;
  -webkit-text-fill-color: #b9d6e8 !important;
}

#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer, .focused-workspace-inline-drawer, .focused-form-options) > summary::after {
  border-color: rgba(88, 205, 245, .38) !important;
  background: rgba(17, 87, 124, .42) !important;
  color: #8fe4ff !important;
  -webkit-text-fill-color: #8fe4ff !important;
}

#app.app-shell .main.focused-workspace-layout :is(.focused-workspace-drawer-content, .focused-workspace-inline-content, .focused-form-options-content) {
  border-top-color: rgba(101, 183, 222, .18) !important;
  background: rgba(4, 16, 28, .36) !important;
}

#app.app-shell .main.focused-workspace-layout .focused-form-options-content :is(.field, .check-label) {
  border-color: rgba(101, 183, 222, .16) !important;
  background: rgba(9, 31, 50, .8) !important;
}

/* OrionOS compact customer mobile header hard-dark backstop v20260714-1 */
@media (max-width: 760px) {
  #app.app-shell > .topbar.customer-topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 8px 10px !important;
    padding: 8px 10px !important;
  }

  #app.app-shell > .topbar.customer-topbar .brand-lockup {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-height: 52px !important;
    gap: 9px !important;
  }

  #app.app-shell > .topbar.customer-topbar :is(.brand-logo-frame, .brand-logo-frame .brand-logo, .brand-lockup img.brand-logo) {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  #app.app-shell > .topbar.customer-topbar .customer-topbar-controls {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    width: auto !important;
    align-self: center !important;
    justify-self: end !important;
    gap: 0 !important;
  }

  #app.app-shell > .topbar.customer-topbar .customer-topbar-controls .topbar-chip {
    display: none !important;
  }

  #app.app-shell > .topbar.customer-topbar .customer-topbar-controls .btn {
    width: auto !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    white-space: nowrap !important;
  }

  #app.app-shell > .topbar.customer-topbar .global-command {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 42px !important;
  }
}

/* OrionOS compact mobile command metrics v20260714-1 */
@media (min-width: 390px) and (max-width: 760px) {
  #app.app-shell .main[data-view="command"] :is(.customer-command-metric-grid, .customer-command-health-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
    align-content: start !important;
  }

  #app.app-shell .main[data-view="command"] :is(.customer-command-metric-grid, .customer-command-health-grid) > .customer-command-metric {
    width: auto !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    padding: 10px !important;
  }

  #app.app-shell .main[data-view="command"] .customer-command-metric::after {
    width: 72px !important;
    height: 72px !important;
  }

  #app.app-shell .main[data-view="command"] .customer-command-hero-card .row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: auto !important;
    gap: 8px !important;
  }

  #app.app-shell .main[data-view="command"] .customer-command-hero-card .command-hero-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #app.app-shell .main[data-view="command"] .customer-command-hero-card .command-hero-strip .pill {
    min-width: 0 !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }

  #app.app-shell .main[data-view="command"] .customer-command-hero-card .row-actions .btn {
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    flex: 0 0 auto !important;
  }
}

/* OrionOS mobile touch and form controls v20260714-1 */
@media (max-width: 760px) {
  #app.app-shell :is(button, .btn, summary) {
    min-height: 40px !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main.customer-facing:not(.orionos-sellable-product) :is(button, .btn, summary),
  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-portal-role]:not(.orionos-sellable-product) :is(button, .btn, summary) {
    min-height: 40px !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .topbar.customer-topbar .customer-topbar-controls .btn {
    height: 40px !important;
    min-height: 40px !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main.customer-facing .customer-quick-switch .quick-switch-btn {
    height: 40px !important;
    min-height: 40px !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin::before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, .82);
    border-radius: 50%;
    background: #7ec7ff;
    box-shadow: 0 0 0 7px rgba(74, 179, 255, .16), 0 0 28px rgba(74, 179, 255, .56);
    content: "";
    transform: translate(-50%, -50%);
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin.regional::before {
    border-style: dashed;
    background: #bfeaff;
    box-shadow: 0 0 0 6px rgba(74, 179, 255, .10), 0 0 22px rgba(74, 179, 255, .36);
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin.cluster::before {
    width: 25px;
    height: 25px;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin.active::before {
    width: 24px;
    height: 24px;
    background: #ffffff;
    box-shadow: 0 0 0 9px rgba(63, 232, 170, .20), 0 0 36px rgba(255, 255, 255, .82);
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin .camera-network-pin-core {
    position: relative !important;
    z-index: 2 !important;
    background: #041423 !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin.active .camera-network-pin-core {
    background: #0e5f93 !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="camera_network"] .camera-network-pin .camera-network-pin-count {
    right: -1px !important;
    top: -1px !important;
    z-index: 3 !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell:not(.orionos-product-os) > .shell-grid > .main.orionos-portal-theme.customer-facing[data-view="camera_network"]:not(.orionos-sellable-product) .camera-network-page .camera-network-map .camera-network-pin[data-action="open-camera-network-player"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="tms"] .dispatch-closeout-card .tracking-readout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="tms"] .dispatch-closeout-card .row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    align-items: stretch !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="tms"] .dispatch-closeout-card .row-actions .btn {
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    flex: 0 0 auto !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main.customer-facing:not(.orionos-sellable-product) .row-actions .btn,
  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-portal-role]:not(.orionos-sellable-product) .row-actions .btn {
    height: auto !important;
    min-height: 40px !important;
    flex: 0 0 auto !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="outbound_shipments"] .outbound-shipments-hero {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="outbound_shipments"] .outbound-shipments-primary {
    grid-column: 1 / -1 !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="outbound_shipments"] .outbound-shipments-stat {
    min-height: 110px !important;
    padding: 12px !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="outbound_shipments"] .outbound-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="outbound_shipments"] .outbound-card-footer .row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: auto !important;
  }

  body[data-orionos-theme-guard="portal"] #app.app-shell > .shell-grid > .main[data-view="outbound_shipments"] .outbound-card-footer .row-actions .btn {
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    flex: 0 0 auto !important;
  }

  #app.app-shell :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), textarea, select) {
    min-height: 42px !important;
    font-size: 16px !important;
  }

  #app.app-shell select {
    height: 42px !important;
  }
}

/* OrionOS final content-fit pass v20260714-1 */
#app.app-shell .main[data-view="camera_network"] .camera-network-preview figcaption :is(strong, small) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#app.app-shell .main[data-view="alerts"] .preferences-form .choice-grid {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
}

#app.app-shell .main[data-view="alerts"] .preferences-form .choice-pill {
  white-space: normal !important;
}

#app.app-shell .main.orionos-sellable-product .product-queue-row {
  grid-template-columns: auto minmax(0, 1fr) !important;
}

#app.app-shell .main.orionos-sellable-product .product-queue-row > .status-pill {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: start !important;
}

#app.app-shell .main.orionos-sellable-product .product-queue-row > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#app.app-shell .main.orionos-sellable-product .product-queue-row > small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: auto !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#app.app-shell .main.orionos-sellable-product .product-queue-row > p {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
}

/* CarrierLock is intentionally a mixed dark-command/light-review surface. */
#app.app-shell .main[data-view="vetting"] .carrier-qualification-hero,
#app.app-shell .main[data-view="vetting"] .carrier-qualification-search-results,
#app.app-shell .main[data-view="vetting"] .carrier-qualification-decision,
#app.app-shell .main[data-view="vetting"] .carrier-qualification-source-strip,
#app.app-shell .main[data-view="vetting"] .carrier-qualification-result-card {
  color: #f5fbff !important;
  -webkit-text-fill-color: #f5fbff !important;
}

#app.app-shell .main[data-view="vetting"] .carrier-qualification-search-box input {
  border-color: rgba(119, 227, 255, .5) !important;
  background: #f7fbff !important;
  color: #07345a !important;
  -webkit-text-fill-color: #07345a !important;
}

#app.app-shell .main[data-view="vetting"] .carrier-qualification-search-box input::placeholder {
  color: #66839d !important;
  -webkit-text-fill-color: #66839d !important;
}

#app.app-shell .main[data-view="vetting"] :is(.carrier-qualification-review, .carrier-qualification-ledger, .carrier-lock-case-watch, .carrier-network-management, .carrier-lock-source-desk) {
  border-color: rgba(58, 122, 179, .24) !important;
  background: linear-gradient(145deg, #f9fcff, #edf5fb) !important;
  color: #123a5d !important;
  -webkit-text-fill-color: #123a5d !important;
}

#app.app-shell .main[data-view="vetting"] :is(.carrier-qualification-review, .carrier-qualification-ledger, .carrier-lock-case-watch, .carrier-network-management, .carrier-lock-source-desk) :is(h1, h2, h3, h4, strong, summary, span, p, small, label, li, td, th) {
  color: #123a5d !important;
  -webkit-text-fill-color: #123a5d !important;
  text-shadow: none !important;
}

/* OrionOS Hey Orion text-visibility invariant v20260718-1.
   Keep this last so compact shell and product-specific rules cannot collapse
   the HEY / ORION label track after the launcher is painted. */
#app.app-shell .hey-orion-dock > :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button
) {
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  grid-template-columns: 42px minmax(68px, 1fr) 42px !important;
}

#app.app-shell .hey-orion-dock > :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button
) > .orion-call-type {
  grid-column: 2 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 60px !important;
  max-width: none !important;
  height: 50px !important;
  overflow: hidden !important;
}

#app.app-shell .hey-orion-dock > :is(
  .ovx-mic,
  .orion-hey-mic,
  .opc-fab,
  .orion-hey-text,
  .hey-orion-final-button
) > .orion-call-type > :is(b, small) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
}

#app.app-shell .main[data-view="vetting"] .carrier-qualification-review-form :is(input, select, textarea) {
  border-color: #bed4e5 !important;
  background: #ffffff !important;
  color: #103b5e !important;
  -webkit-text-fill-color: #103b5e !important;
}

/* Final FreightFlow selected-filter winner. Keep this after the universal
   portal-theme rules so the filter and its count are measured as dark paint. */
body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme[data-view="freightflow"]:not(.orionos-sellable-product) .freightflow-roster-tabs > button.active[aria-selected="true"] {
  border-color: rgba(178, 232, 255, .76) !important;
  background: linear-gradient(135deg, #042f66, #064b91 52%, #075c97) !important;
  background-color: #064b91 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-orionos-theme-guard="portal"] #app.app-shell.orionos-portal-os > .shell-grid > .main.orionos-portal-theme[data-view="freightflow"]:not(.orionos-sellable-product) .freightflow-roster-tabs > button.active[aria-selected="true"] > span {
  background: #042b58 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}