/* vSAFE-27R4L — Safira Blue Corporate Global Branding */
:root{
  --safira-dark:#071A33;
  --safira-navy:#08245C;
  --safira-blue:#126DFF;
  --safira-cyan:#20C7FF;
  --safira-sky:#EAF6FF;
  --safira-light:#F5F8FC;
  --safira-white:#FFFFFF;
  --safira-border:#D9E7F5;
  --navy:#071A33;
  --navy-2:#08245C;
  --gold:#126DFF;
  --gold-2:#20C7FF;
  --green:#20C7FF;
  --line:#D9E7F5;
  --sf-sidebar:#071A33;
  --sf-sidebar-soft:#0B2244;
  --sf-primary:#126DFF;
  --sf-primary-hover:#0D5BE0;
  --sf-info:#20AEEB;
  --sf-bg:#F5F8FC;
  --sf-border:#D9E7F5;
}

.logo img,
.logo-main,
.brand-logo img,
.brand-logo-img,
.official-brand img{
  height:44px!important;
  width:auto!important;
  max-width:min(230px,100%)!important;
  object-fit:contain!important;
  display:block!important;
  image-rendering:auto;
}
.logo-header{height:46px!important}
.auth-logo,.logo-maintenance{height:48px!important;max-width:250px!important}
.logo-footer,.footer-logo img{height:42px!important;width:auto!important;object-fit:contain!important}

/* White badge keeps the blue/navy wordmark readable on every dark sidebar. */
.sf-sidebar-brand,
.sidebar-brand{
  background:transparent!important;
}
.sf-sidebar-brand img,
.sidebar-brand img,
.sidebar-logo{
  display:block!important;
  height:44px!important;
  width:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:#FFFFFF!important;
  border-radius:16px!important;
  padding:8px 12px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.sf-sidebar-brand{padding:16px 18px 14px!important;min-height:78px!important}

/* Corporate blue palette across public and authenticated surfaces. */
.topline{background:linear-gradient(90deg,#071A33 0%,#08245C 48%,#126DFF 78%,#20C7FF 100%)!important}
.premium-navbar{border-bottom-color:#D9E7F5!important}
.btn-primary,
.sf-btn-primary,
.btn.btn-primary,
.btn-gold,
button.btn-gold,
a.btn-gold{
  background:linear-gradient(135deg,#08245C 0%,#126DFF 58%,#20C7FF 100%)!important;
  color:#FFFFFF!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(18,109,255,.22)!important;
}
.btn-primary:hover,
.sf-btn-primary:hover,
.btn.btn-primary:hover,
.btn-gold:hover{filter:brightness(.97);color:#fff!important}

.sf-sidebar,
.sidebar.sidebar-compact,
.sidebar{
  background:linear-gradient(180deg,#071A33 0%,#08245C 58%,#071A33 100%)!important;
}
.sf-sidebar .sidebar-link.active,
.sf-sidebar .sidebar-link.is-active,
.sidebar-link.active,
.sidebar-link.is-active{
  background:linear-gradient(135deg,rgba(18,109,255,.25),rgba(32,199,255,.12))!important;
  box-shadow:inset 3px 0 0 #20C7FF!important;
}
.sf-sidebar .sidebar-link:hover,.sidebar-link:hover{background:rgba(18,109,255,.14)!important}

/* Brand-aligned highlights, icons, focus states, and empty states. */
a{accent-color:#126DFF}
input:focus,select:focus,textarea:focus{
  border-color:#126DFF!important;
  box-shadow:0 0 0 3px rgba(18,109,255,.12)!important;
  outline:none!important;
}
.sf-icon-btn:hover,.sf-mobile-toggle:hover{border-color:#9CC7FF!important;background:#EAF6FF!important;color:#08245C!important}
.sf-user-avatar,.brand-gradient{background:linear-gradient(135deg,#08245C 0%,#126DFF 60%,#20C7FF 100%)!important}
.sf-empty-state-icon,.empty-state-icon{color:#126DFF!important;background:#EAF6FF!important}

/* Footer uses the white wordmark asset on dark backgrounds. */
.footer,.site-footer,footer{--footer-brand-color:#fff}
.footer .brand-logo img,.footer-logo img,footer .logo-footer{height:42px!important;max-width:230px!important}

/* Mobile logo sizing. */
@media(max-width:768px){
  .logo img,.logo-main,.brand-logo img,.brand-logo-img,.official-brand img{height:36px!important;max-width:190px!important}
  .sf-sidebar-brand img,.sidebar-brand img,.sidebar-logo{height:38px!important;padding:7px 10px!important;border-radius:14px!important}
  .sf-sidebar-brand{padding:14px 16px 12px!important}
}