body.hc-session-locked #app,body.hc-session-locked #hcSessionBar{visibility:hidden}
#hcSessionOverlay{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:24px;background:#061524;color:#edf8ff;overflow:auto}
#hcSessionOverlay[hidden]{display:none}
#hcSessionForm{width:min(100%,390px);display:grid;gap:16px;background:#0b263e;border:1px solid #225271;border-radius:18px;padding:26px}
#hcSessionForm h1,#hcSessionForm p{margin:0;line-height:1.5}
#hcSessionForm label{display:grid;gap:8px;font-size:14px}
#hcSessionForm input,#hcSessionForm button,#hcSessionBar select,#hcSessionBar button,.hc-consent-dialog button{font:inherit;min-height:44px;border:1px solid #467184;border-radius:9px;padding:10px 12px;background:#142f40;color:#edf8ff;box-sizing:border-box}
#hcSessionForm button[type=submit]{background:#55e4ef;color:#03212d;font-weight:700}
#hcSessionStatus{min-height:24px;color:#b9d3e1;font-size:14px}
#hcSessionBar{margin:12px auto 90px;width:min(1120px,calc(100% - 32px));border:1px solid #225271;border-radius:12px;padding:12px;color:#a5b8c9;font:12px system-ui;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#hcSessionBar label{display:flex;gap:8px;align-items:center}#hcSessionInfo{flex:1;overflow-wrap:anywhere}
#hcUpdateNotice{flex-basis:100%;padding-top:10px;border-top:1px solid #225271}#hcUpdateNotice[hidden]{display:none}#hcUpdateStatus{margin-right:12px}
.hc-consent-dialog{width:min(520px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#0b2130;color:#edf8ff;border:1px solid #467184;border-radius:18px;padding:24px;font:16px system-ui}
.hc-consent-dialog::backdrop{background:#000b}.hc-consent-dialog p{line-height:1.55}.hc-consent-dialog a{color:#70eaf1}.hc-consent-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
#hcSessionOverlay :focus-visible,#hcSessionBar :focus-visible,.hc-consent-dialog :focus-visible{outline:3px solid #69e8f1;outline-offset:3px}
/* Hidden membership options must stay hidden even when legacy cards use display:flex. */
.hotel-tab[hidden],#hcSessionBar [hidden]{display:none!important}
#hcSessionBar{margin:12px auto 24px;box-sizing:border-box}#hcSessionInfo{flex:1 1 280px;line-height:1.5}
@media(max-width:650px){#hcSessionBar{width:100%;gap:9px}#hcSessionInfo{flex-basis:100%;order:2}#hcSessionBar label{width:100%}#hcSessionHotel{flex:1;min-width:0}#hcSessionBar button{flex:1}}

#hcConnectionStatus{font-size:.8rem;color:#b8cadd;flex-basis:100%}
#hcConnectionStatus[data-state="unavailable"]{color:#ffb4ab;font-weight:600}
#hcInstallApp,#hcServerStatus{min-height:44px}
@media(max-width:600px){#hcSessionBar{gap:.5rem}#hcSessionBar button{min-height:44px}#hcSessionInfo{overflow-wrap:anywhere}}