/* HEIOS v5.12 Clean Executive header — single coherent action language */
.top{background:linear-gradient(110deg,#091d30,#0c263b)!important;border-bottom:1px solid #29465b!important}
.top .brand-block{min-width:0}.top .logo{font-size:19px!important;font-weight:760!important;letter-spacing:-.025em!important}
.top .brand-block small{font-size:10px!important;letter-spacing:.11em!important;color:#8eaec3!important}
.top-nav{gap:2px!important}.top-tab{border:0!important;border-radius:0!important;min-height:55px!important;padding:17px 16px!important;font-size:13px!important;font-weight:550!important;color:#a7bdcf!important;white-space:nowrap;box-shadow:none!important;background:transparent!important;transition:color .15s,background .15s!important}
.top-tab:hover:not(.chosen){background:#123249!important;color:#e2f1fb!important}.top-tab.chosen{background:linear-gradient(180deg,#12334b,#102d43)!important;color:#7cdaff!important;border:0!important;border-bottom:2px solid #61cfff!important;box-shadow:inset 0 -1px #74deff40!important}
.top-search{height:39px!important;border-radius:10px!important;background:#0e2b42!important}
.top-actions{gap:7px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
.top-actions button{height:39px!important;min-height:39px!important;border-radius:10px!important;padding:0 12px!important;gap:8px!important;font-size:12px!important;font-weight:650!important;line-height:1!important;white-space:nowrap;box-shadow:none!important;transform:none!important;transition:background .16s,border-color .16s!important}
.top-actions button:hover{transform:none!important;box-shadow:none!important}
.top-actions #connect{background:#102d44!important;border:1px solid #2b526d!important;color:#e3f2fe!important;display:inline-flex!important;gap:9px!important;padding:0 10px 0 5px!important}
.top-actions #connect:hover{background:#183c55!important}
.account-avatar{display:grid!important;place-items:center!important;flex:0 0 29px!important;width:29px!important;height:29px!important;background:linear-gradient(145deg,#337da7,#1d4d73)!important;color:#e2f9ff!important;border:1px solid #4e99c2!important;border-radius:50%!important;font-size:10px!important;font-weight:800!important;letter-spacing:.03em}
.account-label{font-size:12px!important}.account-chevron{width:13px;height:13px;opacity:.6}
.top-actions #technicalSettings{width:39px!important;min-width:39px!important;padding:0!important;border-radius:10px!important;background:#102b41!important;border:1px solid #2c4e66!important;color:#a4c4da!important}
.top-actions #technicalSettings:hover{background:#19405a!important;color:#e3f8ff!important}
.top-actions #technicalSettings svg{width:18px!important;height:18px!important}
.top-actions #sync{background:#70cef8!important;border:1px solid #8bdaff!important;color:#06263b!important;padding:0 16px!important;min-width:128px!important}
.top-actions #sync:hover{background:#8addff!important}
.top-actions #sync .header-icon{width:16px!important;height:16px!important}
@media(min-width:1001px){.top{min-height:72px!important;height:72px!important;gap:22px!important}.top .brand-block{flex:0 0 248px!important;width:248px!important}.top-nav{margin-left:0!important}.top-search{margin-left:auto!important;max-width:280px!important;min-width:175px!important;width:19vw!important}.top-actions{margin-left:0!important}}
@media(max-width:1150px) and (min-width:851px){.top{gap:8px!important;padding:0 15px!important}.top .brand-block{flex:0 0 185px!important;width:185px!important}.top .logo{font-size:15px!important}.top-tab{padding:12px 9px!important}.top-search{min-width:125px!important;width:15vw!important}.top-actions #sync{min-width:40px!important;padding:0 11px!important}.top-actions #sync span{display:none!important}}
@media(max-width:850px){.top{padding:11px 13px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.top .brand-block{grid-area:brand!important}.top .logo{font-size:16px!important;white-space:nowrap}.top .brand-block small{font-size:9px!important}.top-actions{grid-area:actions!important;gap:6px!important}.top-actions button{height:36px!important;min-height:36px!important}.top-actions #connect{width:37px!important;min-width:37px!important;max-width:37px!important;padding:3px!important;border-radius:10px!important}.account-avatar{width:28px!important;height:28px!important;flex-basis:28px!important}.account-label,.account-chevron{display:none!important}.top-actions #technicalSettings{width:36px!important;min-width:36px!important}.top-actions #sync{min-width:38px!important;width:38px!important;padding:0!important;justify-content:center!important}.top-actions #sync span{display:none!important}.top-actions #sync .header-icon{display:block!important;width:18px!important;height:18px!important}.top-nav{grid-area:tabs!important;display:flex!important;width:100%!important;overflow-x:auto!important}.top-tab{flex:1 0 auto!important;font-size:12px!important;padding:10px 7px!important;min-height:42px!important}.top-search{grid-area:search!important;width:100%!important;max-width:none!important;margin:0!important;height:41px!important}}
@media(max-width:390px){.top .logo{font-size:14px!important}.top-actions{gap:4px!important}.top-tab{font-size:11px!important;padding:9px 5px!important}}


/* v5.12.1 — definitive desktop header fix: outrank legacy header.top grid */
@media(min-width:1101px){
 header.top{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-template-areas:none!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;height:76px!important;min-height:76px!important;padding:0 22px!important}
 header.top>.brand-block{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;order:0!important;width:245px!important;min-width:200px!important;flex:0 0 245px!important}
 header.top>.top-nav{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;order:1!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;align-self:center!important;min-height:0!important;gap:2px!important;margin:0!important}
 header.top>.top-nav>.top-tab{min-height:43px!important;height:43px!important;padding:10px 13px!important}
 header.top>.top-search{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;order:2!important;flex:1 1 215px!important;width:auto!important;min-width:125px!important;max-width:350px!important;margin-left:auto!important;justify-self:auto!important;align-self:center!important}
 header.top>.top-actions{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;order:3!important;display:flex!important;align-items:center!important;align-self:center!important;flex:0 0 auto!important;justify-self:auto!important;width:auto!important;min-width:0!important;margin:0!important}
 .shared-sidebar{top:90px!important;height:calc(100dvh - 105px)!important}
 .detail{top:90px!important;max-height:calc(100dvh - 105px)!important}
}
@media(min-width:851px) and (max-width:1100px){
 header.top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:"brand actions" "tabs search"!important;height:auto!important;padding:12px 18px!important}
 header.top>.brand-block{grid-area:brand!important}
 header.top>.top-actions{grid-area:actions!important}
 header.top>.top-nav{grid-area:tabs!important}
 header.top>.top-search{grid-area:search!important}
 .shared-sidebar{top:137px!important;height:calc(100dvh - 152px)!important}
}

/* v5.12.2: unmistakable separation between brand and navigation */
@media(min-width:1101px){
 header.top{gap:24px!important;padding:0 28px!important}
 header.top>.brand-block{flex:0 0 284px!important;width:284px!important;min-width:284px!important;position:relative!important}
 header.top>.brand-block:after{content:"";position:absolute;right:-13px;top:5px;bottom:5px;width:1px;background:#32536a}
 header.top>.top-nav{padding-left:4px!important;gap:5px!important}
 header.top>.top-nav>.top-tab{padding:10px 16px!important;font-size:13px!important}
 header.top>.top-search{max-width:305px!important;flex-basis:170px!important}
}
@media(min-width:1101px) and (max-width:1480px){
 header.top{gap:14px!important;padding:0 16px!important}
 header.top>.brand-block{flex-basis:255px!important;width:255px!important;min-width:255px!important}
 header.top>.top-nav>.top-tab{padding:9px 11px!important;font-size:12px!important}
 header.top>.top-search{max-width:220px!important;min-width:115px!important;flex-basis:120px!important}
}