/* Warner360 grouped navigation */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.crm-topbar{min-height:66px;height:auto;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:18px;padding:10px 20px;position:relative;z-index:1000;overflow:visible}
.crm-topbar .brand{text-decoration:none}
.crm-topbar .global-search{min-width:180px}
.crm-topbar .global-search input{max-width:520px;margin:0}
.primary-navigation{display:flex!important;align-items:center!important;justify-content:flex-end;gap:4px!important;overflow:visible!important;min-width:0}
.nav-group{position:relative;margin:0!important;flex:0 0 auto}
.nav-group>summary{list-style:none;margin:0!important}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group-toggle,.nav-utility{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 10px;border:1px solid transparent;border-radius:7px;color:#fff!important;font-size:13px!important;font-weight:750;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none!important;user-select:none}
.nav-group-toggle:hover,.nav-group-toggle:focus-visible,.nav-utility:hover,.nav-utility:focus-visible,.nav-group[open]>.nav-group-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);outline:none;text-decoration:none}
.nav-group.active>.nav-group-toggle{background:rgba(255,255,255,.15);box-shadow:inset 0 -3px 0 var(--accent)}
.nav-chevron{font-size:13px;line-height:1;opacity:.72;transform:translateY(-1px);transition:transform .16s ease}
.nav-group[open]>.nav-group-toggle .nav-chevron{transform:rotate(180deg) translateY(1px)}
.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e8eef4;color:#11263f;font-size:10px;font-weight:900}
.nav-count.critical{background:#dc2626;color:#fff}
.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:330px;padding:12px;background:#fff;border:1px solid #d8e0e7;border-radius:10px;box-shadow:0 18px 45px rgba(15,23,42,.22);color:#1b2633;z-index:1200}
.nav-dropdown::before{content:"";position:absolute;top:-9px;left:22px;width:16px;height:16px;background:#fff;border-left:1px solid #d8e0e7;border-top:1px solid #d8e0e7;transform:rotate(45deg)}
.nav-dropdown-align-right>.nav-dropdown,.nav-dropdown.nav-dropdown-align-right{left:auto;right:0}
.nav-dropdown-align-right>.nav-dropdown::before,.nav-dropdown.nav-dropdown-align-right::before{left:auto;right:22px}
.nav-dropdown-compact{width:300px}
.nav-dropdown-wide{width:600px}
.nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nav-section{position:relative;min-width:0}
.nav-section-divided{border-top:1px solid #e5eaf0;margin-top:9px;padding-top:12px}
.nav-section-title{display:block;padding:5px 9px 7px;color:#6d7885;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.nav-subitem{display:block;padding:10px 10px;border-radius:7px;color:#1b2633!important;text-decoration:none!important}
.nav-subitem:hover,.nav-subitem:focus-visible{background:#f1f5f8;outline:none;text-decoration:none!important}
.nav-subitem.active{background:#e9f0f6;box-shadow:inset 3px 0 0 var(--accent)}
.nav-subitem strong{display:block;font-size:13px;line-height:1.2;color:#1b2633}
.nav-subitem small{display:block;margin-top:4px;color:#6d7885;font-size:11px;line-height:1.35;white-space:normal}
.nav-utility{margin-left:2px;color:#dce6ef!important}
.nav-account-toggle{padding:6px 8px 6px 6px}
.user-initial{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#11263f;font-size:12px;font-weight:900}
.user-name{max-width:115px;overflow:hidden;text-overflow:ellipsis}
.nav-account-card{padding:8px 10px 12px;border-bottom:1px solid #e5eaf0;margin-bottom:8px}
.nav-account-card strong,.nav-account-card small{display:block}
.nav-account-card small{margin-top:4px;color:#6d7885;font-size:11px}
.nav-logout-form{margin:0!important}
.nav-logout-button{width:100%;border:0;background:#fff;color:#9f1c14;padding:10px;border-radius:7px;text-align:left;font-size:13px;font-weight:800}
.nav-logout-button:hover,.nav-logout-button:focus-visible{background:#fff1ef;outline:none}

@media(max-width:1380px){
  .crm-topbar{grid-template-columns:auto minmax(170px,1fr) auto;gap:12px;padding-left:14px;padding-right:14px}
  .nav-group-toggle,.nav-utility{padding-left:8px;padding-right:8px}
  .user-name{display:none}
}

@media(max-width:1180px){
  .crm-topbar{grid-template-columns:auto 1fr;align-items:center}
  .crm-topbar .global-search{justify-self:stretch}
  .crm-topbar .global-search input{max-width:none}
  .primary-navigation{grid-column:1/-1;justify-content:flex-start!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}
  .nav-group,.nav-utility{min-width:0}
  .nav-group-toggle,.nav-utility{justify-content:center;width:100%}
  .nav-account-toggle{width:100%}
  .nav-group[open]{grid-column:1/-1}
  .nav-group[open]>.nav-group-toggle{width:max-content;min-width:150px}
  .nav-dropdown,.nav-dropdown.nav-dropdown-align-right,.nav-dropdown-align-right>.nav-dropdown{position:relative;top:auto;left:auto;right:auto;width:100%;margin-top:5px;box-shadow:0 7px 20px rgba(15,23,42,.18)}
  .nav-dropdown::before,.nav-dropdown.nav-dropdown-align-right::before,.nav-dropdown-align-right>.nav-dropdown::before{display:none}
  .nav-utility{margin:0}
}

@media(max-width:760px){
  .crm-topbar{grid-template-columns:1fr;gap:10px;padding:12px}
  .crm-topbar .brand{justify-self:start}
  .crm-topbar .global-search{grid-column:1}
  .primary-navigation{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important}
  .nav-group-toggle,.nav-utility{min-height:42px}
  .nav-grid{grid-template-columns:1fr}
  .nav-dropdown{padding:9px}
  .nav-group[open]>.nav-group-toggle{width:100%}
}

/* THREESIXOH_RIPPLE_PRIMARY_NAV_V3_CSS */
.nav-ripple > .nav-ripple-direct {
  text-decoration: none;
}
.nav-ripple > .nav-ripple-direct .nav-ripple-icon {
  display: inline-flex;
  width: 1.2rem;
  min-width: 1.2rem;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.nav-ripple.active > .nav-ripple-direct {
  font-weight: 700;
}