/* ===================================================================
   NeoFlux theme for WGDashboard  —  overrides the app's real brand vars
   =================================================================== */
:root, body, #app, .login-container-fluid, .main, .navbar-container {
  /* WGDashboard brand gradient (blue->pink)  ->  NeoFlux green->teal */
  --brandColor1: #1F9D57 !important;   /* NeoFlux green  */
  --brandColor2: #0E6E74 !important;   /* NeoFlux teal   */
}
:root {
  --nf-green:#164C2E; --nf-green-2:#1F9D57; --nf-teal:#0B4447; --nf-teal-2:#14707A;
  --nf-red:#A41916; --nf-olive:#716D47;
  --bs-primary:#1F8A4E; --bs-primary-rgb:31,138,78;
  --bs-link-color:#1F8A4E; --bs-link-color-rgb:31,138,78; --bs-link-hover-color:#25925A;
  --bs-border-radius:.6rem; --bs-border-radius-lg:.85rem;
  --nf-font:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---- Typography: Fluent ---- */
html, body, .form-control, .form-select, .btn, button, input, select, textarea {
  font-family: var(--nf-font) !important;
}

/* ---- Login background -> NeoFlux ambient (animated teal->deep green) ---- */
.login-container-fluid {
  background: linear-gradient(var(--bgdegree), #0B4447 var(--distance2), #0E2018 100%) !important;
}

/* ---- Replace the big "WGDashboard" wordmark with the NeoFlux logo ---- */
.dashboardLogo {
  font-size: 0 !important;
  -webkit-text-fill-color: transparent !important;
  background: url("../img/neoflux-wordmark-white.png") left center / contain no-repeat !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  width: min(330px, 68vw) !important;
  height: 62px !important;
  display: inline-block !important;
}

/* ---- Brand-colored accents (buttons inherit --brandColor automatically) ---- */
.btn-primary {
  --bs-btn-bg:#1F8A4E; --bs-btn-border-color:#1F8A4E;
  --bs-btn-hover-bg:#25925A; --bs-btn-hover-border-color:#25925A;
  --bs-btn-active-bg:#164C2E; --bs-btn-active-border-color:#164C2E;
}
/* Direct gradient override (brand vars are set via JS, so force it here) */
.btn-brand{background:linear-gradient(135deg,#1F9D57 0%,#0E6E74 100%)!important;border:0!important;}
.btn-brand:hover{background:linear-gradient(135deg,#25A861 0%,#13818A 100%)!important;}
.loadingBar{background:linear-gradient(135deg,#1F9D57 0%,#0E6E74 100%)!important;}
.text-primary{color:#1F8A4E!important;} .bg-primary{background-color:#1F8A4E!important;}
a{color:#1F8A4E;} a:hover{color:#25925A;}
.form-check-input:checked{background-color:#1F8A4E;border-color:#1F8A4E;}
.form-control:focus,.form-select:focus,.form-control-dark:focus{
  border-color:#1F9D57!important; box-shadow:0 0 0 .2rem rgba(31,157,87,.30)!important;
}
.toast-progressbar{background-color:#1F9D57!important;}
.dot.active{background-color:#1F9D57!important;box-shadow:0 0 0 .2rem rgba(31,157,87,.30)!important;}
.card-running{border-color:#1F9D57!important;}

/* ---- Nav active/hover -> NeoFlux green ---- */
.sidebar .nav-link.active, .bottomNavContainer .nav-link.active,
[data-bs-theme=dark] .sidebar .nav-link.active { color:#1F9D57 !important; }
[data-bs-theme=dark] .nav-link:hover { background-color:#16412b !important; }
.key:hover, .btn-control.btn-outline-primary:hover, .btn-download-peer:hover, .btn-lock-peer:hover { color:#14707A !important; }

/* ---- Sidebar: NeoFlux deep-green gradient ---- */
[data-bs-theme=dark].navbar-container, .navbar-container {
  background: linear-gradient(180deg,#102a1c 0%, #0d2017 60%, #0b1a13 100%) !important;
  border-right: 1px solid rgba(255,255,255,.06);
}
.navbar-container .nav-link{border-radius:.55rem;transition:background-color .15s ease,color .15s ease;}
.navbar-container .nav-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
.navbar-container .nav-link.active{background:#1F8A4E!important;color:#fff!important;box-shadow:0 2px 8px rgba(31,138,78,.45);}
.navbar-container img[src*="Logo"]{height:40px!important;width:auto!important;}

/* ---- Fluent surfaces: depth + corners ---- */
.card{border-radius:var(--bs-border-radius-lg)!important;box-shadow:0 3.2px 7.2px rgba(0,0,0,.10),0 .6px 1.8px rgba(0,0,0,.07);}
.modal-content,.dropdown-menu,.toast{border-radius:var(--bs-border-radius-lg)!important;box-shadow:0 8px 28px rgba(0,0,0,.18);}
.btn{border-radius:.6rem!important;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease;}
.btn:active{transform:translateY(1px);}
.form-control,.form-select{border-radius:.6rem!important;}
:focus-visible{outline:2px solid #1F9D57;outline-offset:2px;}
::-webkit-scrollbar-thumb{background:rgba(31,157,87,.5);border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#1F9D57;}