/* Data365 Evidence — Global Dark Theme Hardening (site-wide)
   Purpose: enforce readable dark theme across all pages, including local file:// viewing.
   This file is intentionally loaded LAST to override earlier styles.
*/
:root{
  --d365-bg:#0b0f14;
  --d365-surface:#101826;
  --d365-surface-2:#0f1724;
  --d365-border:rgba(255,255,255,.10);
  --d365-text:#e8eef7;
  --d365-muted:rgba(232,238,247,.78);
  --d365-link:#7cc4ff;
  --d365-link-hover:#a8dcff;
  --d365-accent:#7aa2ff;
}

html, body{
  background:var(--d365-bg) !important;
  color:var(--d365-text) !important;
}

body{
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

*{ box-shadow: none; }

a{ color:var(--d365-link) !important; }
a:hover, a:focus{ color:var(--d365-link-hover) !important; }

p, li, dd, dt, span, small, label, input, textarea, select, button{
  color:inherit;
}

h1,h2,h3,h4,h5,h6{
  color:var(--d365-text) !important;
}

.muted, .subtle, .fineprint, .note, .caption{
  color:var(--d365-muted) !important;
}

/* Prevent white “page panels” from reappearing */
main, .wrap, .container, .content, .page, .page-wrap, .inner, .shell{
  background: transparent !important;
}

/* Common section/card surfaces */
section, .section, .panel, .card, .box, .callout, .content-card, .cardish{
  background: var(--d365-surface) !important;
  color: var(--d365-text) !important;
  border: 1px solid var(--d365-border) !important;
}

/* Some pages use section.section for hero blocks; keep it slightly different */
section.section, .section.section{
  background: rgba(255,255,255,.06) !important;
}

/* Tables */
table{
  color:var(--d365-text) !important;
}
th, td{
  border-color: var(--d365-border) !important;
}
thead th{
  background: rgba(255,255,255,.06) !important;
}

/* Header / nav hardening (fix “white header” regressions) */
header, .site-header, .topbar, .nav, nav, .navbar, .header{
  background: rgba(10,14,20,.92) !important;
  color: var(--d365-text) !important;}
header a, nav a, .navbar a{ color: var(--d365-text) !important; }
header a:hover, nav a:hover, .navbar a:hover{ color: var(--d365-link-hover) !important; }

/* Dropdown menus if present */
nav ul, nav li ul, .dropdown-menu, .menu, .nav-menu{
  background: rgba(10,14,20,.98) !important;
  border-color: var(--d365-border) !important;
}

/* Form controls */
input, textarea, select{
  background: rgba(255,255,255,.04) !important;
  color: var(--d365-text) !important;
  border: 1px solid var(--d365-border) !important;
}
input::placeholder, textarea::placeholder{
  color: rgba(232,238,247,.55) !important;
}

/* Selection */
::selection{
  background: rgba(122,162,255,.35);
  color: var(--d365-text);
}

/* iPhone safe-area helpers (does not override your mobile CSS; only ensures background continuity) */
@supports (padding: max(0px)){
  body{
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    background: var(--d365-bg) !important;
  }
}