.active-session-pill{display:flex;align-items:center;gap:10px;max-width:270px;padding:7px 11px;border:1px solid #277261;background:linear-gradient(110deg,#13342f,#172e39);border-radius:10px;color:#e9fff8;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.active-session-pill:hover{transform:translateY(-1px);border-color:#4bd7ab;box-shadow:0 6px 20px #38b79521}
.active-session-pill span{display:flex;flex-direction:column;min-width:0}.active-session-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.active-session-pill small{font-size:9px;color:#a8d8c6}.active-session-pill .icon{width:14px;margin-left:4px}.active-session-pill .session-dot{flex:none;margin:0}
.flight-mark{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #7a66ba66;border-radius:5px;background:#6f55bc22;color:#c7b7fa;font-size:10px;font-weight:700;letter-spacing:.04em}
.agent-managed:has(.flight-qualify){flex-wrap:wrap}.agent-managed .flight-qualify{order:4;flex:1 0 100%;border:1px solid #7a66ba;background:#6f55bc24;color:#ded4ff;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.flight-qualify:hover{background:#6f55bc44}
.light .active-session-pill{background:#e6f8f1;color:#173d35}.light .active-session-pill small{color:#426b60}.light .flight-mark{background:#f0eafe;color:#60409b}.light .flight-qualify{background:#f0eafe;color:#60409b}
@media(max-width:900px){.active-session-pill{max-width:170px}.active-session-pill small{display:none}}
@media(max-width:560px){.topbar-date{display:none}.active-session-pill{max-width:140px;padding:6px 8px}.active-session-pill .icon{display:none}}