:root{
  --navy:#002B5C;
  --accent:#66A6FF;
  --bg:#F6F8FC;
  --muted:#6C757D;
  --card:#ffffff;
  --text:#111827;
}
[data-theme="dark"]{
  --bg:#0b1220;
  --card:#0f1b2e;
  --text:#e5e7eb;
  --muted:#a3aab6;
}
html,body{height:100%;}
body{background:var(--bg);color:var(--text);}
.navbar-assetrack{background:var(--navy)!important;}
.navbar-assetrack .navbar-brand,.navbar-assetrack .nav-link,.navbar-assetrack .navbar-text{color:#fff!important;}

.card{border:0;border-radius:1rem;background:var(--card);box-shadow:0 8px 24px rgba(0,0,0,0.06);}
.small-muted{color:var(--muted);}
.btn{border-radius:12px;}
input,select,textarea{border-radius:12px!important;}

.badge-soft{background:rgba(102,166,255,0.18);border:1px solid rgba(102,166,255,0.25);color:var(--text);}

/* Accent button used across the UI */
.btn-accent{
  background:var(--accent);
  border-color:var(--accent);
  color:#062041;
  font-weight:700;
}
.btn-accent:hover,.btn-accent:focus{
  filter:brightness(0.96);
  color:#062041;
}

#toastArea{position:fixed;top:70px;right:16px;z-index:2000;width:min(340px,92vw);}

.help-fab{
  position:fixed; right:16px; bottom:16px; z-index:1050;
  border-radius:999px; padding:12px 14px;
  box-shadow:0 10px 24px rgba(0,0,0,0.18);
}