/* Shared navigation styles extracted from the established water cabinet. */
.service-ribbon .service-external{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#315d68;border:1px solid #cfe0e3;border-radius:8px;padding:8px 11px;font-size:11px;background:#fff9df}
.service-ribbon .service-external .icon{width:15px}
.service-ribbon .service-external:hover{background:#fff1ad}
.service-ribbon{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:12px;background:white;border:1px solid #deeaed;border-radius:12px}
.service-ribbon button{border:0;background:#f3f7f8;color:#36585f;border-radius:8px;padding:11px 18px;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}
.service-ribbon button[aria-pressed=true]{background:#116d7b;color:white}
.service-ribbon>span{align-self:center;color:#75898e;font-size:12px;margin-right:5px}
@media(max-width:600px){.service-ribbon button{padding:9px 12px;font-size:12px}}
.app-header{position:sticky;top:0;z-index:1100;background:#fff;border-bottom:1px solid #dbe6eb;box-shadow:0 3px 14px #17374709}
.app-masthead{min-height:65px;display:flex;align-items:center;gap:22px;padding:12px 32px;background:#0b2530;color:white}
.app-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#f1f8fa;text-decoration:none;font-size:17px;font-weight:750;letter-spacing:1.5px}
.app-brand b{font-size:10px;font-weight:500;color:#91d8d1;letter-spacing:2px;margin-left:5px}
.app-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #448785;border-radius:9px;color:#7be0cb}
.header-demo{font-size:11px;color:#b1c6cf;display:flex;align-items:center;gap:7px;white-space:nowrap}
.header-demo i{height:6px;width:6px;background:#7bd8ba;border-radius:50%}
.header-search{margin-left:auto;width:min(420px,35vw);display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #37515e;border-radius:8px;background:#193641}
.header-search>.icon{width:17px;color:#a9c8cf}
.header-search input{width:100%;min-width:0;background:none;border:0;color:#fff;padding:9px 0;font-size:13px;min-height:38px}
.header-search input::placeholder{color:#b4c6cd}
.header-search kbd{color:#adbbc4}
.header-profile{display:flex;gap:9px;align-items:center;background:transparent;border:0;color:#d3e4e9;min-height:40px;font-size:12px}
.header-profile>.icon{width:20px}
.header-service-row{display:flex;align-items:center;gap:15px;padding:9px 32px;background:#f8fafb;border-bottom:1px solid #e4ecef}
.app-header .service-ribbon{margin:0;padding:0;border:0;background:none;gap:6px;flex-wrap:nowrap;overflow:auto;min-width:0}
.app-header .service-ribbon>span{font-size:11px;margin-right:12px;color:#526975}
.app-header .service-ribbon button{flex-shrink:0;min-height:36px;padding:8px 16px;border-radius:7px;background:transparent;color:#45616c;font-size:13px}
.app-header .service-ribbon button .icon{width:17px;height:17px}
.app-header .service-ribbon button:hover{background:#e6eef1}
.app-header .service-ribbon button[aria-pressed=true]{background:#126a7a;color:white;box-shadow:0 2px 5px #126a7a22}
.wall-launch{margin-left:auto;display:flex;align-items:center;gap:8px;background:#e8f2f2;color:#185c69;border:1px solid #ccdfdf;border-radius:7px;min-height:36px;padding:8px 12px;font-weight:600;font-size:12px;white-space:nowrap}
.wall-launch .icon{width:17px}
.app-navigation{display:flex;gap:12px;align-items:stretch;padding:0 32px;position:relative}
.topnav{display:flex;align-items:stretch;gap:4px;overflow:auto;flex:1;scrollbar-width:thin}
.topnav-item{position:relative;display:flex;align-items:center;gap:7px;white-space:nowrap;background:none;border:0;border-bottom:3px solid transparent;padding:13px 12px 11px;min-height:49px;color:#566d76;font-size:13px;font-weight:550}
.topnav-item>.icon{width:17px;height:17px}
.topnav-item:hover{background:#f1f6f7;color:#116473}
.topnav-item.active{color:#0d6374;background:#edf5f6;border-bottom-color:#147f8e}
.module-menu>summary{display:flex;align-items:center;gap:8px;min-height:49px;cursor:pointer;font-size:12px;font-weight:650;color:#3a5965;list-style:none;white-space:nowrap}
.module-menu>summary::-webkit-details-marker{display:none}
.module-menu>summary .icon{width:16px;height:16px}
.module-menu[open]>summary{color:#097082}
.module-menu[open]>summary>.icon:last-child{transform:rotate(90deg)}
.module-catalog{position:absolute;left:24px;right:24px;top:100%;padding:24px;background:white;border:1px solid #d4e2e8;border-radius:0 0 14px 14px;box-shadow:0 20px 45px #122f3b28;max-height:calc(100dvh - 190px);overflow:auto}
.module-catalog-heading{display:flex;gap:20px;align-items:center;margin-bottom:20px}
.module-catalog-heading strong{font-size:17px;color:#193e4e}
.module-catalog-heading>span{font-size:12px;color:#70858d}
.module-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.module-columns h2{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#6b838e;margin:0 0 12px}
.module-link{display:flex;width:100%;gap:11px;align-items:flex-start;border:0;background:white;padding:11px 9px;border-radius:7px;text-align:left;color:#264956;font-size:13px;min-height:59px}
.module-link>.icon{width:18px;height:18px;flex-shrink:0}
.module-link small{display:block;font-size:11px;color:#78909a;line-height:1.4;margin-top:4px}
.module-link.active,.module-link:hover{background:#edf6f6;color:#096576}
.presentation-mode .app-header{position:relative}
.presentation-mode .app-navigation,.presentation-mode .header-search,.presentation-mode .header-profile,.presentation-mode .wall-launch{display:none}
.presentation-mode .app-masthead{min-height:48px;padding-top:8px;padding-bottom:8px}
.presentation-mode .app-masthead .header-demo{margin-left:auto}
@media(max-width:1150px){.app-masthead,.header-service-row{padding-left:20px;padding-right:20px}
.app-navigation{padding:0 20px}
.header-demo{display:none}
.header-profile span{display:none}
.topnav-item{padding-left:9px;padding-right:9px;font-size:12px}
.topnav-item>.icon{display:none}
.module-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-header{position:relative}
.app-masthead{flex-wrap:wrap;gap:10px;padding:12px 14px}
.app-brand{font-size:15px}
.app-brand b{font-size:8px}
.header-profile{margin-left:auto}
.header-search{order:3;width:100%;margin:0}
.header-service-row{padding:8px 12px;gap:6px}
.app-header .service-ribbon>span{display:none}
.app-header .service-ribbon button{padding:8px 11px;font-size:12px;min-height:40px}
.app-header .service-ribbon button .icon{display:none}
.wall-launch{min-width:40px;width:40px;padding:9px;justify-content:center}
.wall-launch span{display:none}
.app-navigation{padding:0 12px;gap:8px}
.topnav-item{min-height:46px;font-size:12px}
.module-menu>summary{font-size:11px}
.module-menu>summary>.icon:first-child{display:none}
.module-catalog{left:8px;right:8px;padding:18px;max-height:65dvh}
.module-catalog-heading{display:block}
.module-catalog-heading>span{display:block;margin-top:7px}
.module-columns{grid-template-columns:1fr;gap:20px}
.presentation-mode .app-masthead .header-demo{display:none}
.presentation-mode .header-search{display:none}}
@media print{.app-header{display:none!important}}
@media(min-width:761px){.presentation-mode[data-view=dispatch] .app-header{flex:none}}
.app-masthead{min-height:56px;padding-top:8px;padding-bottom:8px}
.header-service-row{padding-top:6px;padding-bottom:6px}
.topnav-item,.module-menu>summary{min-height:44px;padding-top:10px;padding-bottom:8px}
body.command-window .app-masthead,body.command-window .app-navigation{display:none}
body.command-window .header-service-row{padding:7px 20px;background:#102a35;border-color:#2b4651}
body.command-window .header-service-row .service-ribbon>span{color:#a7c3ce}
body.command-window .header-service-row .service-ribbon button{color:#b9d1da;min-height:44px}
body.command-window .header-service-row .service-ribbon button[aria-pressed=true]{background:#29636c;color:white}
body.command-window .header-service-row .service-ribbon button:hover{background:#22434e}
.nav-count{display:inline-grid;place-items:center;min-width:22px;height:21px;padding:0 5px;border-radius:5px;background:#eaf1f3;color:#41616f;font-size:11px;font-weight:650}
.nav-count[data-nav-count=dispatch]{background:#fff0e9;color:#a9513c}
@media(min-width:1800px){.app-masthead,.header-service-row,.app-navigation{padding-left:max(24px,calc((100vw - 1552px)/2));padding-right:max(24px,calc((100vw - 1552px)/2))}
body.command-window .header-service-row{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.header-service-row{padding-left:12px;padding-right:12px}}
@media(max-width:760px){.nav-count{font-size:10px;min-width:18px}}
body:not(.command-window) .app-masthead,body:not(.command-window) .header-service-row,body:not(.command-window) .app-navigation{padding-left:max(24px,calc((100vw - 1272px)/2));padding-right:max(24px,calc((100vw - 1272px)/2))}
body:not(.command-window) .header-service-row{justify-content:flex-start;gap:18px}
body:not(.command-window) .wall-launch{margin-left:0}
body:not(.command-window) .topnav{flex:0 1 auto;gap:0}
body:not(.command-window) .app-navigation{gap:16px}
body:not(.command-window) .topnav-item{font-size:13px;padding-left:10px;padding-right:10px}
body:not(.command-window) .module-menu{margin-left:0;flex-shrink:0}
.module-catalog{left:max(24px,calc((100vw - 1272px)/2));right:auto;width:min(1040px,calc(100vw - 48px));padding:20px}
.module-columns{gap:18px}
.module-link{font-size:14px;min-height:64px}
.module-link small{font-size:12px}
body:not(.command-window) .app-header .service-ribbon>span{margin-right:2px;font-size:12px}
body:not(.command-window) .app-header .service-ribbon button{font-size:14px;padding:8px 12px}
@media(max-width:1200px){body:not(.command-window) .topnav-item{font-size:12px;padding-left:8px;padding-right:8px}
.topnav-item>.icon{display:none}
.module-catalog{left:16px}}
@media(max-width:760px){body:not(.command-window) .app-masthead,body:not(.command-window) .header-service-row,body:not(.command-window) .app-navigation{padding-left:12px;padding-right:12px}
body:not(.command-window) .header-service-row{gap:8px}
.module-catalog{left:8px;width:calc(100vw - 16px)}
body:not(.command-window) .topnav{flex:1}}
@media(max-width:760px){.module-menu{position:static!important}}
.full-pilot-cabinet .header-demo{color:#177b82}
.full-pilot-cabinet .topnav{overflow-x:auto}
.full-pilot-cabinet .topnav-item{white-space:nowrap}
body.command-window.full-pilot-cabinet .header-service-row{display:none}
body .topnav{box-shadow:0 3px 12px #173d4b06}
body .topnav-item{transition:background .16s,color .16s;min-height:46px}
body .topnav-item:hover{background:#e1eff1}
.app-header .device-add-launch{width:auto;min-height:40px;padding:9px 12px;background:#087f91;color:#fff;border-color:#087f91}
.app-header .device-add-launch>span:not(.icon){display:inline}
.app-header .header-service-row{flex-wrap:wrap}
.device-add-launch:hover{filter:brightness(.92)}
body .topnav{box-shadow:0 3px 12px #173d4b06}
body .topnav-item{transition:background .16s,color .16s;min-height:46px}
body .topnav-item:hover{background:#e1eff1}
.app-header .device-add-launch{width:auto;min-height:40px;padding:9px 12px;background:#087f91;color:#fff;border-color:#087f91}
.app-header .device-add-launch>span:not(.icon){display:inline}
.app-header .header-service-row{flex-wrap:wrap}
.device-add-launch:hover{filter:brightness(.92)}
.utility-suite-ribbon{align-items:center}
.utility-suite-ribbon .suite-label{font-weight:800;color:#123f4b!important;letter-spacing:.03em}
.utility-suite-ribbon .suite-separator{width:1px;height:30px;background:#cfdee2;margin:0 5px;flex:0 0 auto}
.utility-suite-ribbon .electricity-standalone{margin-left:2px;background:#f4f6f8;border-color:#b9cbd1;color:#2e4d57;min-height:40px}
.utility-suite-ribbon .electricity-standalone small{font-size:9px;color:#778d94;margin-left:3px}
@media(max-width:850px){.utility-suite-ribbon .electricity-standalone small{display:none}}
@media(max-width:520px){.utility-suite-ribbon .suite-label,.utility-suite-ribbon .suite-separator{display:none}
.utility-suite-ribbon .electricity-standalone span{font-size:11px}}
@media(max-width:520px){.utility-suite-ribbon{max-width:100vw;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}}
.app-header .icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.app-header button,.app-header input{font-family:inherit}.app-header button{cursor:pointer}.app-header .service-ribbon{display:flex;align-items:center}.app-header .service-ribbon a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.app-header .service-ribbon .service-tab{border:0;background:transparent;color:#45616c;font-size:13px;min-height:36px;padding:8px 16px;border-radius:7px;white-space:nowrap}.app-header .service-tab[aria-current=page]{background:#126a7a;color:#fff;box-shadow:0 2px 5px #126a7a22}.app-header .wall-launch{text-decoration:none}.header-search button{background:none;border:0;padding:0;color:#b4c6cd;display:flex;align-items:center}.header-profile{text-decoration:none;white-space:nowrap}.app-header .module-catalog button{cursor:pointer}
@media print{.app-header{display:none!important}}