:root{--logo-navy:#061b50;--logo-blue:#0758c9;--logo-bright:#146fe1}#app{display:block!important;min-height:100vh;padding-top:14px}#topHotspot{position:fixed;z-index:40;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,var(--logo-navy),var(--logo-blue));cursor:s-resize}#topMenu{position:fixed;z-index:39;left:0;right:0;top:0;height:66px;min-height:66px;padding:8px 18px;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:3px solid var(--logo-blue);box-shadow:0 8px 24px #061b5020;transition:height .22s ease,padding .22s ease,box-shadow .22s ease;overflow:visible}#topMenu.is-open,#topMenu.is-pinned{height:88px;padding:10px 18px;box-shadow:0 12px 32px #061b5030}#topMenu .brand{min-width:54px;width:54px;overflow:hidden;transition:width .22s ease;display:flex;align-items:center}#topMenu .brand img{width:45px;height:48px;object-fit:contain;transition:width .22s ease,height .22s ease}#topMenu .brand-copy{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:opacity .15s ease,width .22s ease}#topMenu.is-open .brand,#topMenu.is-pinned .brand{min-width:205px;width:205px}#topMenu.is-open .brand img,#topMenu.is-pinned .brand img{width:58px;height:64px}#topMenu.is-open .brand-copy,#topMenu.is-pinned .brand-copy{opacity:1;width:135px}#topMenu .brand-copy strong{color:var(--logo-navy)}#topMenu .brand-copy small{color:var(--logo-blue)}#topMenu nav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;margin:0;flex-wrap:nowrap}#topMenu nav button{background:transparent!important;color:var(--logo-navy);font-weight:700;padding:9px;width:42px;height:42px;overflow:hidden;white-space:nowrap;font-size:0;display:flex;align-items:center;justify-content:center;gap:7px;transition:width .2s ease,background .15s ease,color .15s ease}#topMenu nav button::before{font-size:19px;line-height:1}#topMenu nav button[data-page="team"]::before{content:"👥"}#topMenu nav button[data-page="calls"]::before{content:"☎"}#topMenu nav button[data-page="contacts"]::before{content:"👤"}#topMenu nav button[data-page="voicemail"]::before{content:"🎙"}#topMenu nav button[data-page="departments"]::before{content:"🏢"}#topMenu nav button[data-page="flows"]::before{content:"🔀"}#topMenu nav button[data-page="hours"]::before{content:"🕒"}#topMenu nav button[data-page="routes"]::before{content:"🧭"}#topMenu nav button[data-page="reports"]::before{content:"📊"}#topMenu nav button[data-page="admin"]::before{content:"⚙"}#topMenu.is-open nav button,#topMenu.is-pinned nav button{width:auto;min-width:42px;padding:10px 12px;font-size:13px}#topMenu nav button:hover,#topMenu nav button.active{background:var(--logo-blue)!important;color:#fff}.top-actions{display:flex;gap:7px;align-items:center}.top-actions button{background:var(--logo-navy)!important;white-space:nowrap}#pinMenu.is-pinned{background:var(--logo-blue)!important}main{padding:88px 25px 25px;transition:padding-top .25s ease}body.menu-open main,body.menu-pinned main{padding-top:112px}button{background:var(--logo-blue)!important}.group-row td{background:linear-gradient(90deg,var(--logo-navy),var(--logo-blue))}.metric b{color:var(--logo-blue)}.filters{border-left-color:var(--logo-blue)}.card{border-top-color:var(--logo-blue)}@media(max-width:1050px){#topMenu nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}#topMenu nav::-webkit-scrollbar{display:none}.top-actions{margin-left:auto}#topMenu.is-open,#topMenu.is-pinned{height:auto;min-height:88px;align-items:flex-start;flex-wrap:wrap}#topMenu.is-open nav,#topMenu.is-pinned nav{order:3;flex-basis:100%;flex-wrap:wrap}}@media(max-width:650px){#topMenu{padding-inline:10px}#topMenu .brand{min-width:44px;width:44px}#topMenu nav button{width:38px;height:40px;padding:7px}#topMenu.is-open .brand,#topMenu.is-pinned .brand{min-width:150px;width:150px}#topMenu.is-open nav,#topMenu.is-pinned nav{display:grid;grid-template-columns:1fr 1fr;width:100%}#topMenu.is-open nav button,#topMenu.is-pinned nav button{text-align:left;justify-content:flex-start;width:100%}}

/* 17.0.7 - 3CX-inspired navigation icon system. Custom MR.SEA SVG outlines; no emoji. */
#topMenu nav button::before{content:""!important;display:block;width:21px;height:21px;flex:0 0 21px;background-color:currentColor;-webkit-mask-image:var(--nav-icon);mask-image:var(--nav-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:transform .16s ease,opacity .16s ease}
#topMenu nav button:hover::before,#topMenu nav button.active::before{transform:scale(1.06)}
#topMenu nav button[data-page="team"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="calls"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.8%2019.8%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.12%204.18%202%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.68%202.8a2%202%200%200%201-.45%202.11L8.07%209.9a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.9.32%201.84.55%202.8.68A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="contacts"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M7.5%2018c.8-2.4%202.3-3.6%204.5-3.6s3.7%201.2%204.5%203.6%22%2F%3E%3Cpath%20d%3D%22M2%207h2M2%2012h2M2%2017h2%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="voicemail"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M6%2016h12%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="departments"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V5l7-3%207%203v16%22%2F%3E%3Cpath%20d%3D%22M9%208h2M13%208h2M9%2012h2M13%2012h2M9%2016h2M13%2016h2%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="flows"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%207v3c0%202%201.5%203%203.5%203H12M18%207v3c0%202-1.5%203-3.5%203H12v4%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="hours"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="routes"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%206h5a3%203%200%200%201%203%203v0a3%203%200%200%201-3%203H9a3%203%200%200%200-3%203v0a3%203%200%200%200%203%203h8%22%2F%3E%3Cpath%20d%3D%22m16%2015%203%203-3%203%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="reports"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V10M10%2020V4M16%2020v-7M22%2020H2%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button[data-page="admin"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.7%201.7%200%200%200%20.34%201.88l.06.06-2.83%202.83-.06-.06A1.7%201.7%200%200%200%2015%2019.4a1.7%201.7%200%200%200-1%20.6%201.7%201.7%200%200%200-.4%201.1V21h-4v-.1A1.7%201.7%200%200%200%208.6%2019.4a1.7%201.7%200%200%200-1.88.34l-.06.06-2.83-2.83.06-.06A1.7%201.7%200%200%200%204.6%2015a1.7%201.7%200%200%200-.6-1%201.7%201.7%200%200%200-1.1-.4H3v-4h.1A1.7%201.7%200%200%200%204.6%208.6a1.7%201.7%200%200%200-.34-1.88l-.06-.06%202.83-2.83.06.06A1.7%201.7%200%200%200%209%204.6a1.7%201.7%200%200%200%201-.6%201.7%201.7%200%200%200%20.4-1.1V3h4v.1A1.7%201.7%200%200%200%2015.4%204a1.7%201.7%200%200%200%201.88-.34l.06-.06%202.83%202.83-.06.06A1.7%201.7%200%200%200%2019.4%209c.15.38.37.72.65%201%20.28.28.62.5%201%20.65H21v4h-.1a1.7%201.7%200%200%200-1.5.35z%22%2F%3E%3C%2Fsvg%3E")}
#topMenu nav button{border-radius:8px;border:1px solid transparent}
#topMenu nav button:hover{border-color:#0758c933}
#topMenu nav button.active{box-shadow:inset 0 0 0 1px #ffffff24}
#topMenu:not(.is-open):not(.is-pinned) nav button{position:relative}
#topMenu:not(.is-open):not(.is-pinned) nav button:hover::after{content:attr(data-nav-label);position:absolute;top:48px;left:50%;transform:translateX(-50%);background:#071d42;color:#fff;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 6px 18px #071d4238;z-index:80}

/* 17.0.8.1: remove blue underline/accent below the MR.SEA brand row. */
#topMenu{border-bottom:0!important}

/* Release 26.08.14.01 - white brand area, no underline/accent, centered logo/text */
#topMenu{background:#fff!important;border-bottom:0!important}
#topMenu .brand{height:100%!important;align-items:center!important;background:#fff!important}
#topMenu .brand img{align-self:center!important}
#topMenu .brand-copy{align-self:center!important;height:100%!important;background:transparent!important}