:root{
  --navy:#15262e;
  --navy2:#223c48;
  --green:#53b559;
  --mint:#edf8ee;
  --bg:#f4f8fb;
  --text:#15262e;
  --muted:#617077;
  --brand-blue:#3a83f7;
  --brand-blue-dark:#246de0;
}

.brand{
  min-height:96px;
  padding:16px 20px;
  justify-content:center;
}

.brand-logo{
  display:block;
  width:216px;
  max-width:100%;
  height:auto;
}

.brand-copy{
  display:none;
}

.brand-copy strong{
  display:block;
  color:#15262e;
  font-size:12px;
}

.brand-copy small{
  display:block;
  color:#617077;
  font-size:11px;
  margin-top:3px;
}

.nav-link.active{
  color:#246de0;
  background:linear-gradient(90deg,#eaf2ff 0%,#edf8ee 100%);
  box-shadow:inset 3px 0 0 #3a83f7;
}

.btn.primary{
  background:#3a83f7;
  border-color:#3a83f7;
  color:#fff;
}

.btn.primary:hover{
  background:#246de0;
  border-color:#246de0;
}

.btn.green{
  background:#53b559;
  border-color:#53b559;
}

.avatar{
  background:linear-gradient(135deg,#3a83f7,#53b559);
}

.security-pill{
  color:#287d31;
  background:#edf8ee;
  border-color:#bde5c0;
}

.auth-brand{
  background:
    radial-gradient(circle at 12% 12%,rgba(58,131,247,.17),transparent 36%),
    radial-gradient(circle at 88% 88%,rgba(83,181,89,.16),transparent 40%),
    #f4f8fb;
  color:#15262e;
  border-right:1px solid #e1e9ee;
}

.auth-logo-wrap{
  display:inline-flex;
  align-self:flex-start;
  width:min(320px,100%);
  padding:0;
  background:transparent;
  border-radius:0;
  box-shadow:none;
}

.auth-logo{
  display:block;
  width:100%;
  height:auto;
}

.auth-brand .eyebrow{
  color:#3a83f7;
  margin-top:42px;
}

.auth-brand p{
  color:#52636b;
}

.print-logo{
  display:block;
  width:238px;
  max-width:100%;
  height:auto;
  margin-bottom:12px;
}

.print-head>div:first-child h1{
  display:none;
}

.print-head{
  border-bottom-color:#3a83f7;
}

.totals .grand{
  border-bottom-color:#53b559;
}

@media(max-width:800px){
  .brand-logo{width:205px}
}

@media print{
  .print-logo{width:220px}
  .print-head{border-bottom-color:#3a83f7}
}

.environment-bar{
  position:sticky;
  top:0;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:34px;
  padding:7px 18px;
  border-bottom:1px solid #f5c26b;
  background:#fff4d6;
  color:#7c4200;
  font-size:12px;
  text-align:center;
}

.environment-bar strong{letter-spacing:.08em}
.test-mode .sidebar{top:34px}
.test-mode .topbar{top:34px}
.auth-environment{position:fixed;inset:0 0 auto}
.auth-body.test-mode{padding-top:62px}

.historical-import{
  margin-bottom:20px;
  border-color:#bdd4ff;
}

.historical-import .card-head{
  background:linear-gradient(90deg,#f3f7ff,#f3fbf4);
}

@media(max-width:800px){
  .environment-bar{align-items:flex-start;flex-direction:column;gap:2px;min-height:48px;text-align:left}
  .test-mode .sidebar,.test-mode .topbar{top:48px}
  .auth-body.test-mode{padding-top:48px}
}

@media print{
  .environment-bar{display:none}
  .test-mode .sidebar,.test-mode .topbar{top:0}
}