/* ==========================================================================
   Hotel list — phone cards (desktop uses the workspace navigator / table).
   ========================================================================== */
.hotelCards{ display:none; }

@media (max-width:760px){
  .hotelCards{ display:flex; flex-direction:column; gap:10px; }
}
html.bm-force-mobile .hotelCards{ display:flex; flex-direction:column; gap:10px; }

.hotelCard{
  position:relative;
  border-radius:var(--radius-md);
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:0 1px 2px rgba(32,30,52,.04);
  transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur-fast) var(--ease);
  animation:bmCardIn var(--dur) var(--ease-out);
}
@keyframes bmCardIn{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }
.hotelCard.closed{ background:var(--surface-soft); }
.hotelCard:active{ transform:scale(.99); }
.hcMain{
  display:grid; gap:6px;
  padding:13px 14px 12px;
  cursor:pointer; outline:none;
  -webkit-tap-highlight-color:transparent;
}
.hcMain:focus-visible{ box-shadow:var(--focus-ring); border-radius:inherit; }
.hcHead{ display:flex; align-items:center; gap:9px; min-width:0; }
.hcHead .bmWorkspaceHotelState{ flex:0 0 auto; margin:0 0 0 1px; }
.hcName{
  flex:1 1 auto; min-width:0;
  font:800 14.5px/1.25 var(--font); letter-spacing:.005em; color:var(--text);
  overflow-wrap:anywhere;
}
.hcChevron{ flex:0 0 18px; width:18px; height:18px; fill:none; stroke:var(--muted); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.hcSub{ font:500 12.5px/1.35 var(--font); color:var(--muted); padding-left:17px; overflow-wrap:anywhere; }
.hcChips{ display:flex; flex-wrap:wrap; gap:5px; padding-left:17px; }
.hcChips .customHotelBadge{ pointer-events:none; }
.hcChips .bmWorkspaceMiniChip{ min-height:22px; padding:0 9px; font-size:11px; font-weight:750; overflow:hidden; text-overflow:ellipsis; }