/* NizHealth Midnight Blue visual override — intentionally no white card surfaces */
:root{
  --nh-bg:#020817;
  --nh-bg2:#061329;
  --nh-surface:#07172e;
  --nh-surface2:#0a1e3a;
  --nh-surface3:#0d2850;
  --nh-border:#17477a;
  --nh-border2:rgba(50,163,255,.30);
  --nh-white:#f4fbff;
  --nh-text:#f4fbff;
  --nh-sub:#c8e7ff;
  --nh-muted:#8db8d8;
  --nh-sky:#59c7ff;
  --nh-cyan:#00d9ff;
  --nh-blue:#318cff;
  --nh-teal:#18dfc5;
  --nh-purple:#a981ff;
  --nh-pink:#ff6ba8;
  --nh-amber:#ffc04d;
  --nh-green:#46e6a5;
}

html,body{background:#020817!important;color:var(--nh-text)!important}
body{
  background:
    radial-gradient(900px 500px at 4% -5%,rgba(0,217,255,.13),transparent 55%),
    radial-gradient(800px 500px at 100% 5%,rgba(49,140,255,.16),transparent 58%),
    radial-gradient(700px 450px at 50% 100%,rgba(24,223,197,.07),transparent 62%),
    linear-gradient(150deg,#020817 0%,#041126 46%,#061a35 100%)!important;
  color:var(--nh-text)!important;
}
body::before{background-image:radial-gradient(rgba(89,199,255,.12) 1px,transparent 1px)!important;opacity:.3!important;background-size:28px 28px!important}

/* Typography: white-first, blue for hierarchy */
body,p,span,li,td,th,label,legend,small,strong,b,dt,dd{color:var(--nh-text)}
h1,h2,h3,h4,h5,h6,.page-heading h1,.page-heading h2,.section-head h2{color:#ffffff!important}
p,.muted,.fine,.legal,.support-footer,.description,.subtitle{color:var(--nh-sub)!important}
small,.fine,.legal{color:var(--nh-muted)!important}
a{color:var(--nh-sky)!important}
hr{border-color:rgba(89,199,255,.18)!important}

/* ALL common card/surface containers are dark — no white cards */
.card,.panel,.tile,.stat,.plan,.feature,.support-card,.answer,.article-item,.security-list>div,
.dashboard-card,.metric,.trust,.visual,.auth-card,.auth .card,.ai-dashboard-card,
.health-tab-list,.health-tab-panel,.record-form,.list>div,.empty,
.modal-content,.dropdown-menu,.offcanvas,.popover,.toast,.accordion-item,
.table-responsive,.table-container,.info-box,.notice,.active-note,.category-row a,
.summary-card,.insight-card,.measurement-card,.goal-card,.reminder-card,.document-card,
.medical-card,.food-card,.profile-card,.settings-card,.support-search,
[class*="card"],[class*="panel"],[class*="tile"]{
  background:linear-gradient(145deg,#081a34 0%,#061329 100%)!important;
  color:var(--nh-text)!important;
  border-color:var(--nh-border)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28),0 0 28px rgba(0,140,255,.055)!important;
}

/* Override legacy light utility classes too */
.bg-white,.bg-light,.bg-body,.bg-body-tertiary,.bg-body-secondary,
.text-bg-light,.text-bg-white{background:#081a34!important;color:#fff!important}

/* Cards get depth instead of flat white blocks */
.card,.panel,.tile,.stat,.plan,.feature,.support-card,.answer,.article-item,.record-form{position:relative;overflow:hidden}
.card::before,.panel::before,.tile::before,.plan::before,.feature::before,.support-card::before,.record-form::before{
  content:"";position:absolute;inset:0 auto auto 0;width:55%;height:2px;
  background:linear-gradient(90deg,var(--nh-cyan),var(--nh-blue),transparent);
  opacity:.75;pointer-events:none;
}
.card:hover,.panel:hover,.tile:hover,.stat:hover,.plan:hover,.feature:hover{border-color:var(--nh-border2)!important;box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 35px rgba(0,153,255,.10)!important}

/* Navbar / navigation */
.health-navbar,.site-nav{background:rgba(2,10,25,.94)!important;border-color:rgba(50,163,255,.24)!important;box-shadow:0 14px 40px rgba(0,0,0,.35)!important;backdrop-filter:blur(16px)}
.health-brand,.health-brand:hover,.brand,.brand:hover{color:#fff!important}
.health-brand-text strong,.health-brand-text span,.brand span{color:#fff!important}
.health-brand-text span{color:var(--nh-sky)!important}
.health-nav-link,.nav-links a{color:#d9efff!important}
.health-nav-link:hover,.health-nav-link.active,.nav-links a:hover{background:linear-gradient(135deg,rgba(49,140,255,.24),rgba(0,217,255,.10))!important;color:#fff!important}
.health-offcanvas{background:#061329!important;color:#fff!important}
.health-mobile-link{color:#d7edff!important}.health-mobile-link:hover,.health-mobile-link.active{background:rgba(49,140,255,.18)!important;color:#fff!important}

/* Inputs: dark navy, bright readable text */
input,select,textarea,.form-control,.form-select,
.field input,.field select,.field textarea,.support-search input{
  background:#041329!important;color:#fff!important;border:1px solid #21517f!important;
  box-shadow:inset 0 1px 8px rgba(0,0,0,.28)!important;
}
input::placeholder,textarea::placeholder{color:#6f9bbb!important}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  background:#061a34!important;color:#fff!important;border-color:#45c4ff!important;
  box-shadow:0 0 0 3px rgba(49,140,255,.18),0 0 24px rgba(0,217,255,.08)!important;
}
option{background:#061329!important;color:#fff!important}
label,.form-check-label{color:#dff2ff!important}

/* Buttons: white text only */
.btn,.buy,.btn-blue,.btn-light,.btn-outline,.feedback-submit{color:#fff!important}
.btn{background:linear-gradient(135deg,#1258a0,#318cff 55%,#00bddd)!important;border-color:rgba(89,199,255,.30)!important}
.btn:hover{background:linear-gradient(135deg,#1672c5,#43a0ff 55%,#11d5ee)!important;color:#fff!important}
.btn.secondary,.btn-outline{background:rgba(49,140,255,.13)!important;color:#dff5ff!important;border-color:#27608f!important}
.btn.danger{background:rgba(255,80,100,.14)!important;color:#ffb1ba!important;border-color:rgba(255,107,120,.30)!important}
.btn-light{background:#0a2445!important;color:#fff!important;border:1px solid #225787!important}
.btn-blue{background:linear-gradient(135deg,#1769aa,#318cff)!important}

/* Tables */
table{background:transparent!important;color:#fff!important}
thead,th{background:#0a2242!important;color:#fff!important;border-color:#1b4a78!important}
td{background:#07172e!important;color:#e8f6ff!important;border-color:#153a61!important}
tbody tr:hover td{background:#0b2445!important;color:#fff!important}

/* Lists */
.list>div,.dashboard-page .list>div{background:linear-gradient(135deg,#081b35,#06152a)!important;color:#fff!important;border-color:#173f69!important}
.list span,.dashboard-page .list>div>span{color:#b7dcf5!important}

/* Tabs */
.health-tab-list{background:#04142a!important;border-color:#17436e!important}
.health-tab-button{color:#9dc5e2!important}
.health-tab-button:hover{background:rgba(49,140,255,.14)!important;color:#fff!important}
.health-tab-button[aria-selected="true"],.feedback-tabs button.active{background:linear-gradient(135deg,#0d477f,#1675c6)!important;color:#fff!important}
.health-tab-panel h2,.health-tab-panel h3{color:#fff!important}

/* Alerts: dark tinted, never pale/white */
.alert,.notice{background:#251526!important;color:#ffd9de!important;border-color:#713544!important}
.alert-success,.success,.active-note{background:#082a2a!important;color:#a9ffe0!important;border-color:#176b61!important}
.warning{background:#2b2410!important;color:#ffe39a!important;border-color:#765d16!important}
.alert-danger{background:#2a121c!important;color:#ffb8c0!important;border-color:#70303c!important}

/* AI surfaces */
.ai-dashboard-card{background:radial-gradient(circle at 90% 20%,rgba(0,217,255,.20),transparent 35%),linear-gradient(135deg,#0b2b50,#07182f)!important;color:#fff!important}
.ai-dashboard-card strong,.ai-dashboard-card h2,.ai-dashboard-card h3{color:#fff!important}
.ai-dashboard-card span{color:#bde4fa!important}
.ai-dashboard-icon{background:linear-gradient(135deg,#1263a8,#00bfdc)!important;color:#fff!important}
.bubble.assistant{background:linear-gradient(145deg,#0b2947,#07182f)!important;color:#f0f9ff!important;border-color:#24557f!important}

/* Public home */
.hero h1,.section h2,.feature h3,.trust h3,.dash-title{color:#fff!important}
.hero p,.section-intro,.feature p,.trust p,.metric span{color:#c5e2f6!important}
.eyebrow{color:#72ddff!important;background:rgba(0,217,255,.09)!important;border-color:rgba(89,199,255,.25)!important}
.visual{background:radial-gradient(circle at 75% 20%,rgba(0,217,255,.15),transparent 35%),linear-gradient(145deg,#0a2850,#061329)!important;border-color:#1b4e7f!important}
.dashboard-card{background:linear-gradient(145deg,#0a1e3a,#061329)!important}
.metric{background:#081a34!important;border-color:#19436d!important}.metric b{color:#fff!important}
.health-pill{background:rgba(49,140,255,.13)!important;color:#fff!important}
.feature{background:linear-gradient(145deg,#081b35,#06152a)!important}
.feature-icon{background:rgba(49,140,255,.16)!important}
.info{background:linear-gradient(145deg,#09284d,#0b3a67)!important}.info p{color:#c7e8ff!important}
.trust{background:linear-gradient(145deg,#071c36,#09233e)!important}.trust p{color:#c5e2f6!important}
.footer{background:#010713!important;color:#fff!important}.footer a,.footer small{color:#b9d9ef!important}

/* Subscription / support */
.plans-wrap,.support-shell{color:#fff!important}
.plans-head h1,.plans-head p,.plan .price,.plan .price small,.features li,.support-card,.answer,.steps,.article-item strong{color:#fff!important}
.plan{background:linear-gradient(145deg,#091d39,#061329)!important}
.plan.featured{border-color:#20bff0!important;box-shadow:0 20px 60px rgba(0,191,240,.12)!important}
.currency button{background:#071a33!important;color:#dff4ff!important;border-color:#20517e!important}.currency button.active{background:#1769aa!important;color:#fff!important}
.category-row a{background:rgba(49,140,255,.12)!important;color:#aee4ff!important}
.support-search button{background:#27bfe9!important;color:#03101f!important}

/* Auth / special pages */
.auth-page,.auth{background:transparent!important;color:#fff!important}
.auth .card,.auth-card{background:linear-gradient(145deg,#091d39,#051329)!important;color:#fff!important}
.auth-footer{color:#8fb8d5!important}

/* Remove common inline/light surfaces with a final dark treatment */
[style*="background: #081a34"],[style*="background:#081a34"],[style*="background: #081a34"],[style*="background:#081a34"],
[style*="background: #f8"],[style*="background:#f8"],[style*="background: #f5"],[style*="background:#f5"],
[style*="background: #f1"],[style*="background:#f1"],
[style*="background: #eaf"],[style*="background:#eaf"]{
  background:#081a34!important;color:#fff!important;border-color:#17477a!important;
}

/* Keep icon/brand whites only where they are visually necessary; all normal content remains white text. */
@media(max-width:760px){.card,.panel,.tile,.stat,.plan{box-shadow:0 14px 38px rgba(0,0,0,.30)!important}}












/* =========================================================
   NIZHEALTH FINAL PAGE POLISH
   Profile • Reminder • Register
   Visual-only override — no functionality changes
   ========================================================= */

:root{
  --nh-radius-main:18px;
  --nh-radius-inner:12px;
  --nh-radius-small:10px;
  --nh-page-gap:24px;
  --nh-heading-blue:#72ddff;
  --nh-heading-cyan:#00d9ff;
  --nh-body-blue:#c8e7ff;
}

/* ---------------------------------------------------------
   GLOBAL CARD / PANEL SHAPE
   --------------------------------------------------------- */

.card,
.panel,
.tile,
.stat,
.plan,
.feature,
.support-card,
.answer,
.article-item,
.record-form,
.profile-account-card,
.profile-panel,
.reminder-notification-panel,
.reminder-create-panel,
.reminder-card,
.auth-card{
  border-radius:var(--nh-radius-main)!important;
}

/* Inner UI elements */
.profile-account-icon,
.profile-section-icon,
.reminder-card-icon,
.section-icon,
.feature-icon,
.ai-dashboard-icon{
  border-radius:var(--nh-radius-inner)!important;
}

/* Inputs */
input,
select,
textarea,
.form-control,
.form-select{
  border-radius:var(--nh-radius-small)!important;
}

/* Buttons */
.btn,
.buy,
.feedback-submit,
.btn-blue,
.btn-light,
.btn-outline{
  border-radius:var(--nh-radius-small)!important;
}

/* Pills remain pill-shaped */
.badge,
.pill,
.health-pill,
.reminder-count,
.eyebrow{
  border-radius:999px!important;
}


/* ---------------------------------------------------------
   GLOBAL HEADING HIERARCHY
   --------------------------------------------------------- */

/* Main page headings */
main h1,
.hero h1,
.page-heading h1,
.auth-card h1{
  color:var(--nh-heading-blue)!important;
  text-shadow:0 0 22px rgba(0,217,255,.10);
}

/* Major section headings */
main h2,
.page-heading h2,
.section-heading h2,
.section-head h2{
  color:#bdeaff!important;
}

/* Smaller headings */
main h3,
main h4,
main h5,
main h6{
  color:#9edcff!important;
}

/* Strong headings inside cards */
.card h1,
.card h2,
.card h3,
.panel h1,
.panel h2,
.panel h3{
  color:#bdeaff!important;
}

/* Keep important hero headings brighter */
.hero h1,
.auth-card h1{
  color:#72ddff!important;
}


/* ---------------------------------------------------------
   PROFILE PAGE
   --------------------------------------------------------- */

.profile-account-card{
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(0,217,255,.10),
      transparent 38%
    ),
    linear-gradient(145deg,#091d39,#061329)!important;

  border:1px solid #17477a!important;
  padding:20px!important;
  margin-bottom:24px!important;
}

.profile-account-icon{
  background:rgba(0,217,255,.10)!important;
  border:1px solid rgba(89,199,255,.20)!important;
  color:var(--nh-heading-blue)!important;
}

.profile-account-card h2,
.profile-account-card h3{
  color:#72ddff!important;
}

.profile-message{
  border-radius:var(--nh-radius-inner)!important;
  margin:16px 0 22px!important;
  padding:14px 16px!important;
}

.profile-success{
  background:rgba(24,223,197,.09)!important;
  border-color:rgba(24,223,197,.35)!important;
  color:#9fffe8!important;
}

.profile-error{
  /* Fixes the invalid legacy color */
  background:rgba(255,80,100,.10)!important;
  border-color:rgba(255,107,120,.35)!important;
  color:#ffb8c0!important;
}

.profile-panel{
  padding:24px!important;
}

.profile-section-heading,
.profile-sensitive-heading,
.profile-emergency-heading{
  color:#72ddff!important;
  margin-top:28px!important;
  margin-bottom:16px!important;
}

.profile-section-heading{
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(89,199,255,.14)!important;
}

.profile-sensitive-heading{
  padding-top:24px!important;
  border-top:1px solid rgba(89,199,255,.18)!important;
}

.profile-emergency-heading{
  padding-top:8px!important;
}

.profile-section-heading h2,
.profile-section-heading h3,
.profile-sensitive-heading h2,
.profile-sensitive-heading h3,
.profile-emergency-heading h2,
.profile-emergency-heading h3{
  color:#72ddff!important;
}

.profile-save-area{
  margin-top:28px!important;
  padding-top:24px!important;
  border-top:1px solid rgba(89,199,255,.18)!important;
}


/* ---------------------------------------------------------
   REMINDER PAGE
   --------------------------------------------------------- */

.reminder-notification-panel{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(0,217,255,.12),
      transparent 42%
    ),
    linear-gradient(145deg,#092244,#061329)!important;

  border-color:#1a527f!important;
  padding:22px!important;
  margin-bottom:24px!important;
}

.reminder-create-panel{
  background:
    linear-gradient(145deg,#081c37,#061329)!important;

  padding:24px!important;
  margin-bottom:24px!important;
}

.reminder-notification-panel h2,
.reminder-create-panel h2,
.reminder-create-panel h3{
  color:#72ddff!important;
}

.reminder-card{
  background:
    linear-gradient(145deg,#0a2040,#06152a)!important;

  border:1px solid #17477a!important;
  padding:20px!important;
  margin-bottom:16px!important;
}

.reminder-card:hover{
  border-color:rgba(89,199,255,.42)!important;
}

.reminder-card-icon{
  background:rgba(49,140,255,.14)!important;
  border:1px solid rgba(89,199,255,.18)!important;
  color:#72ddff!important;
}

.reminder-count{
  background:rgba(0,217,255,.10)!important;
  color:#72ddff!important;
  border:1px solid rgba(89,199,255,.22)!important;
  padding:5px 10px!important;
}

.reminder-card h3,
.reminder-card h4{
  color:#bdeaff!important;
}

.reminder-card p,
.reminder-card span{
  color:#c8e7ff!important;
}

.reminder-card.completed{
  background:
    linear-gradient(
      145deg,
      rgba(24,223,197,.10),
      #061a2b
    )!important;

  border-color:rgba(24,223,197,.28)!important;
}


/* ---------------------------------------------------------
   REGISTER / AUTH PAGE
   --------------------------------------------------------- */

.auth-page{
  background:transparent!important;
}

.auth{
  padding:32px 20px!important;
}

.auth-card{
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(0,217,255,.11),
      transparent 35%
    ),
    linear-gradient(145deg,#091d39,#051329)!important;

  border:1px solid #17477a!important;
  padding:30px!important;
}

/* Registration title specifically */
.auth-card h1,
.auth h1{
  color:#72ddff!important;
  font-weight:800!important;
  letter-spacing:-.02em;
  margin-bottom:10px!important;
}

.auth-card .subtitle,
.auth-card .muted,
.auth .subtitle{
  color:#b8d9ed!important;
}

.auth-card .eyebrow{
  color:#72ddff!important;
  background:rgba(0,217,255,.08)!important;
  border-color:rgba(89,199,255,.22)!important;
}

.auth-form{
  margin-top:22px!important;
}

.auth-form .field{
  margin-bottom:18px!important;
}

.auth-form label{
  color:#c8e7ff!important;
  margin-bottom:7px!important;
}

.auth-footer{
  color:#8db8d8!important;
  margin-top:20px!important;
}

.auth-footer a{
  color:#72ddff!important;
}


/* ---------------------------------------------------------
   CONSISTENT FORM SPACING
   --------------------------------------------------------- */

.form-grid{
  gap:18px!important;
}

.field{
  margin-bottom:4px;
}

.field label{
  margin-bottom:7px!important;
}

input,
select,
textarea,
.form-control,
.form-select{
  min-height:44px;
}

textarea{
  min-height:110px;
}


/* ---------------------------------------------------------
   SECTION SPACING
   --------------------------------------------------------- */

.section-heading,
.section-head{
  margin-bottom:18px!important;
}

.section-heading h2,
.section-head h2{
  margin-bottom:7px!important;
}

.section-heading p,
.section-head p{
  color:#9fc5df!important;
}

.panel + .panel{
  margin-top:22px!important;
}


/* ---------------------------------------------------------
   REMOVE LEGACY PALE GREEN SURFACES FROM THESE PAGES
   --------------------------------------------------------- */

.profile-account-icon,
.profile-success,
.profile-section-icon,
.reminder-card-icon,
.reminder-count,
.reminder-notification-panel,
.reminder-create-panel{
  /* Preserve the new dark theme instead of old #edf7f5 */
  color:#c8e7ff!important;
}

/* Old page-local pale backgrounds */
.profile-account-card,
.profile-panel,
.reminder-card{
  background-color:#081a34!important;
}


/* ---------------------------------------------------------
   MOBILE POLISH
   --------------------------------------------------------- */

@media(max-width:760px){

  .profile-panel,
  .profile-account-card,
  .reminder-create-panel,
  .reminder-notification-panel,
  .reminder-card,
  .auth-card{
    padding:18px!important;
    border-radius:16px!important;
  }

  .auth{
    padding:22px 14px!important;
  }

  main h1,
  .hero h1,
  .auth-card h1{
    line-height:1.15!important;
  }

  .profile-section-heading,
  .profile-sensitive-heading,
  .profile-emergency-heading{
    margin-top:22px!important;
  }
}



/* ==========================================================
   NIZHEALTH DESIGN SYSTEM — NAVY / SKY / CYAN
   Shared visual layer; preserves existing page structure.
   ========================================================== */
:root {
  --nh-dark: #020817;
  --nh-surface: #07182c;
  --nh-surface-2: #0a2039;
  --nh-surface-3: #0d2947;
  --nh-border: rgba(125, 190, 230, .22);
  --nh-border-strong: rgba(56, 189, 248, .58);
  --nh-text: #f5f9ff;
  --nh-text-soft: #d7e8f5;
  --nh-muted: #a7bdd2;
  --nh-blue: #38a7ff;
  --nh-cyan: #62e6e0;
  --nh-focus: #7dd3fc;
  --nh-shadow: 0 18px 48px rgba(0, 0, 0, .28);
  --nh-shadow-hover: 0 24px 56px rgba(0, 0, 0, .38);
  --nh-radius: 20px;
  --nh-motion: 180ms ease;
}

/* Readable dark surfaces with cyan/blue atmosphere */
body {
  color: var(--nh-text);
}
.panel, .card, .tile, .feature, .metric, .info, .trust,
.stats-card, .insight-card, .food-card, .medical-card,
.documents-card, .support-card, .medical-overview-card {
  position: relative;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background:
    radial-gradient(ellipse at 100% 0%, rgba(56,189,248,.065), transparent 52%),
    linear-gradient(145deg, var(--nh-surface), #081d36);
  color: var(--nh-text);
  box-shadow: var(--nh-shadow);
  transition:
    border-color var(--nh-motion),
    box-shadow var(--nh-motion),
    background-color var(--nh-motion);
}
.panel p, .card p, .tile p, .feature p, .info p {
  color: var(--nh-text-soft);
}
.muted, .text-muted, .section-intro, p.muted {
  color: var(--nh-muted);
}

/* Links should look like links, not ordinary body text */
a:not(.btn):not(.health-nav-link):not(.health-mobile-link) {
  text-decoration-color: rgba(98,230,224,.48);
  text-underline-offset: .22em;
  transition: color var(--nh-motion), text-decoration-color var(--nh-motion);
}
a:not(.btn):not(.health-nav-link):not(.health-mobile-link):hover {
  color: var(--nh-cyan);
  text-decoration-color: currentColor;
}

/* Buttons: one consistent action language */
.btn, button, input[type="button"], input[type="submit"],
input[type="reset"], .btn-primary, .btn-blue, .btn-secondary,
.btn-outline, .btn-danger {
  min-height: 44px;
  border-radius: 13px;
  font-weight: 700;
  transition:
    transform var(--nh-motion),
    box-shadow var(--nh-motion),
    border-color var(--nh-motion),
    background-color var(--nh-motion),
    filter var(--nh-motion);
}
.btn-primary, .btn-blue, button.btn-primary,
input[type="submit"], .btn:not(.secondary):not(.btn-secondary):not(.btn-outline):not(.btn-danger) {
  background: linear-gradient(115deg, #087bc1, #258fe8 58%, #27c8d4);
  border: 1px solid rgba(125,211,252,.5);
  color: #fff;
  box-shadow: 0 8px 22px rgba(14,165,233,.18);
}
.btn-secondary, .btn-outline, .btn.secondary {
  background: rgba(8, 31, 54, .92);
  border: 1px solid rgba(98, 230, 224, .42);
  color: #e4f7ff;
}
.btn-danger, button.btn-danger {
  background: linear-gradient(120deg, #7f1d2d, #c24150);
  border: 1px solid rgba(255,129,121,.5);
  color: #fff;
}
.btn:active, button:active, input[type="button"]:active,
input[type="submit"]:active {
  transform: translateY(1px) scale(.985);
  filter: brightness(.94);
}
.btn:focus-visible, button:focus-visible, a:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--nh-focus);
  outline-offset: 3px;
}
@media (hover:hover) and (pointer:fine) {
  .btn:hover, button:hover, input[type="button"]:hover,
  input[type="submit"]:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow: 0 12px 28px rgba(14,165,233,.22);
  }
}

/* Clickable cards: clear cyan edge and action cue.
   Static information cards remain calmer and do not lift. */
a.card, a.tile, a.feature, a.metric, a.info,
button.card, button.tile, button.feature,
[role="button"].card, [role="button"].tile,
.clickable-card, .interactive-card, .feature-link,
.tile[href], .card[href] {
  cursor: pointer;
  border-color: rgba(56,189,248,.62);
  background:
    linear-gradient(135deg, rgba(14,165,233,.105), transparent 58%),
    linear-gradient(145deg, #09213a, #07182c);
  box-shadow:
    inset 3px 0 0 rgba(56,189,248,.82),
    0 12px 32px rgba(0,0,0,.24);
}
@media (hover:hover) and (pointer:fine) {
  a.card:hover, a.tile:hover, a.feature:hover, a.metric:hover,
  a.info:hover, button.card:hover, button.tile:hover,
  button.feature:hover, [role="button"].card:hover,
  [role="button"].tile:hover, .clickable-card:hover,
  .interactive-card:hover, .feature-link:hover,
  .tile[href]:hover, .card[href]:hover {
    border-color: var(--nh-cyan);
    box-shadow:
      inset 3px 0 0 var(--nh-cyan),
      0 0 0 1px rgba(98,230,224,.14),
      var(--nh-shadow-hover);
    transform: translateY(-3px);
  }
}
a.card:active, a.tile:active, .clickable-card:active,
.interactive-card:active, .feature-link:active {
  transform: translateY(0) scale(.99);
}
a.card:focus-visible, a.tile:focus-visible, .clickable-card:focus-visible,
.interactive-card:focus-visible, .feature-link:focus-visible {
  outline: 3px solid var(--nh-cyan);
  outline-offset: 4px;
}

/* A plain informational card should not pretend to be a control */
.info-card, .static-card, .read-only-card {
  cursor: default;
  border-color: var(--nh-border);
}

/* Cyan accents for headings, badges and status indicators */
.eyebrow, .section-label, .section-kicker {
  color: var(--nh-cyan);
  letter-spacing: .12em;
}
.badge, .pill, .status-badge {
  border-color: rgba(98,230,224,.35);
}
hr, .divider {
  border-color: rgba(125,190,230,.18);
}

/* Soft entrance motion for major sections */
@keyframes nhRiseIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
  main > .hero, main > section, .dashboard-page > .hero {
    animation: nhRiseIn 420ms ease both;
  }
}

/* Keep controls usable on narrow screens and respect reduced motion */
@media (max-width: 600px) {
  .btn, button, input[type="button"], input[type="submit"] {
    min-height: 46px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
\n
/* NIZHEALTH FORCE OVERRIDE v1 */
html body {
  background: #04101f !important;
  color: #f4f9ff !important;
  color-scheme: dark !important;
}
html body main, html body .container, html body .container-fluid,
html body .page-content, html body .main-content {
  color: #f4f9ff !important;
}
html body h1, html body h2, html body h3, html body h4,
html body p, html body label, html body li,
html body .card-title {
  color: #f4f9ff;
}
html body .text-muted, html body .form-text,
html body .text-secondary {
  color: #b5c9df !important;
}
html body .card, html body .panel, html body .info-card,
html body .stat-card, html body .insight-card,
html body .content-card, html body .modal-content {
  background: #0a1d33 !important;
  color: #f4f9ff !important;
  border: 1px solid #244866 !important;
}
html body input:not([type=checkbox]):not([type=radio]),
html body select, html body textarea {
  background: #061629 !important;
  color: #f4f9ff !important;
  border: 1px solid #5790b7 !important;
}
html body input:focus, html body select:focus,
html body textarea:focus {
  border-color: #54c7ff !important;
  box-shadow: 0 0 0 .22rem rgba(84,199,255,.2) !important;
}
html body .btn-primary, html body button[type=submit],
html body input[type=submit], html body .primary-action,
html body .cta-button {
  background: linear-gradient(115deg,#168be0,#26c8d7) !important;
  color: #04101f !important;
  border: 1px solid #77e8ff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
html body .btn-secondary, html body .btn-outline-primary,
html body .btn-outline-secondary {
  background: #102b46 !important;
  color: #eaf8ff !important;
  border: 1px solid #59bdf6 !important;
  cursor: pointer !important;
}
html body a.card, html body a.stat-card,
html body a.action-card, html body a.tool-card,
html body .clickable-card, html body [data-href],
html body [data-clickable=true] {
  cursor: pointer !important;
  border: 1px solid #3789b7 !important;
  transition: transform .2s ease, box-shadow .2s ease,
              border-color .2s ease !important;
}
html body a.card:hover, html body a.stat-card:hover,
html body a.action-card:hover, html body a.tool-card:hover,
html body .clickable-card:hover, html body [data-href]:hover,
html body [data-clickable=true]:hover {
  border-color: #6de7ff !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(32,173,229,.2) !important;
}
html body button:hover, html body .btn:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}
html body a:focus-visible, html body button:focus-visible,
html body .btn:focus-visible {
  outline: 3px solid #72e8ff !important;
  outline-offset: 3px !important;
}
@keyframes nhForceEnter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
html body main > .container, html body main > .container-fluid {
  animation: nhForceEnter .38s ease-out both;
}
@media(prefers-reduced-motion:reduce) {
  html body *, html body *::before, html body *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}