
:root{
  --erp-card-radius:14px;
  --erp-nav-border:rgba(255,255,255,.10);
  --erp-nav-bg-1:#121421;
  --erp-nav-bg-2:#081e58;
  --erp-nav-accent:#f6a24b;
}
.card{border-radius:var(--erp-card-radius);}
.navbar-brand{font-weight:600;letter-spacing:.2px;}
.table>thead th{white-space:nowrap;}

.erp-navbar{
  background:
    radial-gradient(circle at 12% 50%, rgba(246,162,75,.18), transparent 28%),
    linear-gradient(90deg, var(--erp-nav-bg-1) 0%, #0a102a 38%, var(--erp-nav-bg-2) 100%);
  border-bottom:1px solid var(--erp-nav-border);
  box-shadow:0 10px 26px rgba(10,16,42,.14);
}
.erp-navbar .container-fluid{
  min-height:86px;
}
.erp-navbar .navbar-brand{
  gap:14px;
  margin-right:1rem;
}
.erp-navbar .brand-logo{
  height:64px;
  width:auto;
  object-fit:contain;
  display:block;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.18));
}
.erp-navbar .brand-copy{
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1;
  flex-wrap:wrap;
}
.erp-navbar .brand-text{
  font-size:2rem;
  font-weight:800;
  letter-spacing:-.02em;
  color:#fff;
}
.erp-navbar .brand-text .accent{
  color:var(--erp-nav-accent);
}
.erp-navbar .brand-pill{
  display:inline-flex;
  align-items:center;
  padding:.28rem .7rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.03em;
}
.erp-navbar .nav-link,
.erp-navbar .navbar-text,
.erp-navbar .dropdown-toggle,
.erp-navbar .btn{
  color:#fff;
}
.erp-navbar .nav-link{
  font-weight:600;
}
.erp-navbar .nav-link:hover,
.erp-navbar .nav-link:focus{
  color:#fff;
  opacity:.92;
}
.erp-navbar .dropdown-menu{
  border-radius:1rem;
  border:1px solid rgba(9,16,42,.08);
  box-shadow:0 16px 36px rgba(10,16,42,.12);
}
.erp-navbar .navbar-toggler{
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.2rem;
  padding:.8rem .95rem;
  background:rgba(255,255,255,.06);
  box-shadow:0 12px 22px rgba(0,0,0,.12);
}
.erp-navbar .navbar-toggler:focus{
  box-shadow:0 0 0 .18rem rgba(255,255,255,.12);
}
.erp-navbar .navbar-collapse{
  border-radius:1rem;
}
.erp-login-logo{
  height:108px;
  width:auto;
  object-fit:contain;
  display:block;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.14));
}
@media (max-width: 991.98px){
  .erp-navbar .navbar-collapse{
    margin-top:1rem;
    padding:1rem;
    background:rgba(5,10,28,.28);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(6px);
  }
}
@media (max-width: 767.98px){
  .erp-navbar .container-fluid{
    min-height:78px;
  }
  .erp-navbar .brand-logo{
    height:56px;
  }
  .erp-navbar .brand-text{
    font-size:1.75rem;
  }
  .erp-navbar .brand-pill{
    font-size:.92rem;
    padding:.24rem .62rem;
  }
  .erp-login-logo{
    height:94px;
  }
}
@media (max-width: 575.98px){
  .erp-navbar .navbar-brand{
    gap:10px;
    min-width:0;
  }
  .erp-navbar .brand-logo{
    height:52px;
  }
  .erp-navbar .brand-copy{
    gap:8px;
  }
  .erp-navbar .brand-text{
    font-size:1.3rem;
  }
  .erp-navbar .brand-pill{
    font-size:.82rem;
    padding:.22rem .56rem;
  }
  .erp-navbar .navbar-toggler{
    padding:.72rem .88rem;
  }
  .erp-login-logo{
    height:86px;
  }
}
