/* HOLOLY Suite: product switcher, Fleet access, Suite sign-in button */
/* Product switcher in the top bar */
.sw-wrap{position:relative}
.sw-btn{width:38px;height:38px;padding:0;display:grid;place-items:center}
.sw-btn[aria-expanded=true]{background:#e0f6f7;color:#00838a}
.sw-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;width:320px;background:#fff;border:1px solid #dbe6ec;border-radius:14px;box-shadow:0 24px 60px rgba(0,15,30,.22);padding:8px;display:flex;flex-direction:column;gap:2px}
.sw-pop[hidden]{display:none}
.sw-pop h6{margin:4px 10px 6px;font-size:11px;letter-spacing:.06em;color:#6b8194}
.sw-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;text-decoration:none;color:#0b1b2b;border:0;background:none;text-align:left;font:inherit;cursor:pointer}
a.sw-item:hover{background:#f3f7f9}
.sw-item.on{background:#e0f6f7}
.sw-item.off{opacity:.55;cursor:default}
.sw-item i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;color:#08192f}
.sw-item b{display:block;font-size:14px}.sw-item small{display:block;font-size:12px;color:#5d7387}
.sw-item .ck{margin-left:auto;color:#00838a;font-weight:800}

/* Users & Access: HOLOLY Fleet access */
.sfx{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.sfx label{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #c9dbe3;border-radius:10px;cursor:pointer;font-size:13.5px}
.sfx input{margin:0}
.sfx label:has(input:checked){border-color:#00838a;background:#e0f6f7}
.sfx-note{font-size:12.5px;color:#5d7387;margin:0 0 6px}

.sx-suite-btn{display:grid;place-items:center;text-decoration:none;background:#00838a}
.sx-suite-btn:hover{background:#006b71}