/* v183 DroneHQ Light Mode Only System Cleanup
   CSS only. No JS. No observers.
   Dark mode intentionally untouched.
   Preflight Check intentionally excluded by template linking and selectors.
*/

html[data-theme="light"] body:not([data-preflight-page]) {
  --dhq-v183-page: #eaf3fb;
  --dhq-v183-surface: #ffffff;
  --dhq-v183-soft: #f6fbff;
  --dhq-v183-tint: #eef7ff;
  --dhq-v183-border: #c8d8e8;
  --dhq-v183-border-strong: #9fc4e5;
  --dhq-v183-text: #0d2136;
  --dhq-v183-muted: #415a72;
  --dhq-v183-blue: #0876c9;
  --dhq-v183-blue-hover: #075f9f;
  --dhq-v183-warning: #a15c00;
  --dhq-v183-green: #087a3d;
}

/* Header utility controls - light mode only */
html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a):has(svg),
html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a):has([data-lucide]),
html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a):has(.lucide) {
  background: #ffffff !important;
  color: var(--dhq-v183-blue) !important;
  border: 1px solid var(--dhq-v183-border-strong) !important;
  box-shadow: none !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a):has(svg).active,
html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a):has(svg).is-active,
html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a):has(svg)[aria-expanded="true"],
html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a):has(svg)[aria-pressed="true"] {
  background: #08223a !important;
  color: #ffffff !important;
  border-color: var(--dhq-v183-blue) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) :is(button, a) :is(svg, [data-lucide], .lucide) {
  stroke: currentColor !important;
  color: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(.app-shell-header, .shell-header, .site-header, header) select {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border: 1px solid var(--dhq-v183-border-strong) !important;
  font-weight: 800 !important;
}

/* System status / crawler bar - light mode only */
html[data-theme="light"] body:not([data-preflight-page]) :is(
  .system-status,
  .system-status-bar,
  .status-crawler,
  .crawler-status,
  .api-status-bar,
  .dronehq-status-bar,
  .dronehq-system-status,
  [data-system-status],
  [data-status-crawler],
  [data-api-status]
) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .system-status,
  .system-status-bar,
  .status-crawler,
  .crawler-status,
  .api-status-bar,
  .dronehq-status-bar,
  .dronehq-system-status,
  [data-system-status],
  [data-status-crawler],
  [data-api-status]
) :is(.online, .api-online, .status-online, [data-status="online"]) {
  color: var(--dhq-v183-green) !important;
  font-weight: 900 !important;
}

/* Help drawer - light mode only */
html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(.page-help-header, .help-header, .drawer-header, header) {
  background: var(--dhq-v183-soft) !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(h1,h2,h3,h4,h5,h6,strong,b,label,dt) {
  color: var(--dhq-v183-text) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(p,li,span,small,dd) {
  color: var(--dhq-v183-muted) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(.page-help-content,.help-content,.page-help-body,.help-body,.page-help-card,.help-card,.page-help-section,.help-section,.page-help-callout,.help-callout,.page-help-note,.help-note,.page-help-related,.help-related,article,section) {
  background: var(--dhq-v183-soft) !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(.page-help-tabs,.help-tabs,[role="tablist"]) {
  background: var(--dhq-v183-tint) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(.page-help-tab,.help-tab,[role="tab"]) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(.page-help-tab.active,.page-help-tab.is-active,.help-tab.active,.help-tab.is-active,[role="tab"][aria-selected="true"]) {
  background: var(--dhq-v183-tint) !important;
  color: var(--dhq-v183-blue) !important;
  border-color: var(--dhq-v183-blue) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(button,.button,.btn,a.button) {
  background: var(--dhq-v183-soft) !important;
  border-color: var(--dhq-v183-border-strong) !important;
  color: var(--dhq-v183-text) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .page-help-drawer,
  .page-help-panel,
  .help-drawer,
  .help-panel,
  [data-page-help-drawer],
  [data-help-drawer],
  [data-help-panel],
  #page-help-drawer,
  #help-drawer
) :is(.button-primary,.btn-primary,.primary,button[type="submit"]) {
  background: linear-gradient(180deg, #2aa7f4, #0876c9) !important;
  border-color: #0876c9 !important;
  color: #ffffff !important;
}

/* Settings + Profile - light mode only */
html[data-theme="light"] body:not([data-preflight-page]) :is(
  .settings-card,
  .settings-panel,
  .settings-section,
  .settings-option,
  .settings-profile-card,
  .profile-card,
  .profile-panel,
  .profile-section,
  .profile-picture-card
) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .settings-card,
  .settings-panel,
  .profile-card,
  .profile-panel
) :is(h1,h2,h3,h4,h5,h6,strong,b,label,dt,dd) {
  color: var(--dhq-v183-text) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .settings-card,
  .settings-panel,
  .profile-card,
  .profile-panel
) :is(p,small,li,span) {
  color: var(--dhq-v183-muted) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(.settings-tabs,.profile-tabs) {
  background: var(--dhq-v183-tint) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(.settings-tabs,.profile-tabs) :is(button,a) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border-strong) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(.settings-tabs,.profile-tabs) :is(button.active,button.is-active,a.active,a.is-active,[aria-selected="true"]) {
  background: linear-gradient(180deg, #2aa7f4, #0876c9) !important;
  color: #ffffff !important;
  border-color: #0876c9 !important;
}

/* Fleet / Business / Reports workspace light-mode surfaces */
html[data-theme="light"] body:not([data-preflight-page]) :is(
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) {
  background: transparent !important;
  color: var(--dhq-v183-text) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) :is(
  .fleet-card,
  .fleet-panel,
  .fleet-overview-card,
  .fleet-tab-card,
  .business-card,
  .business-panel,
  .business-table-shell,
  .business-calendar-empty,
  .reports-card,
  .reports-panel,
  .reports-table-shell,
  article,
  section
) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) :is(h1,h2,h3,h4,h5,h6,strong,b,label,th,td) {
  color: var(--dhq-v183-text) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) :is(p,small,li,span) {
  color: var(--dhq-v183-muted) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .fleet-section-tabs,
  .fleet-workspace-tabs,
  .business-section-tabs,
  .reports-section-tabs
) {
  background: var(--dhq-v183-tint) !important;
  border-color: var(--dhq-v183-border) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .fleet-section-tabs,
  .fleet-workspace-tabs,
  .business-section-tabs,
  .reports-section-tabs
) :is(button,a) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border-strong) !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .fleet-section-tabs,
  .fleet-workspace-tabs,
  .business-section-tabs,
  .reports-section-tabs
) :is(button.active,button.is-active,a.active,a.is-active,[aria-selected="true"]) {
  background: linear-gradient(180deg, #2aa7f4, #0876c9) !important;
  color: #ffffff !important;
  border-color: #0876c9 !important;
}

/* Shared light-mode form/buttons for non-Preflight app pages */
html[data-theme="light"] body:not([data-preflight-page]) :is(
  .settings-card,
  .settings-panel,
  .profile-card,
  .profile-panel,
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) :is(input,select,textarea) {
  background: #ffffff !important;
  color: var(--dhq-v183-text) !important;
  border-color: var(--dhq-v183-border-strong) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .settings-card,
  .settings-panel,
  .profile-card,
  .profile-panel,
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) :is(input,textarea)::placeholder {
  color: #607b94 !important;
  opacity: 1 !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .settings-card,
  .settings-panel,
  .profile-card,
  .profile-panel,
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) :is(.primary,.btn-primary,.button-primary,.dhq-btn-primary,button[type="submit"]) {
  background: linear-gradient(180deg, #2aa7f4, #0876c9) !important;
  border-color: #0876c9 !important;
  color: #ffffff !important;
}

html[data-theme="light"] body:not([data-preflight-page]) :is(
  .settings-card,
  .settings-panel,
  .profile-card,
  .profile-panel,
  .fleet-overview-shell,
  .fleet-workspace-shell,
  .business-workspace-shell,
  .reports-workspace-shell
) :is(.secondary,.btn-secondary,.button-secondary,.dhq-btn-secondary) {
  background: var(--dhq-v183-soft) !important;
  border-color: var(--dhq-v183-border-strong) !important;
  color: var(--dhq-v183-text) !important;
}