/* Hoteles */
.hotel-thumb{
  width:48px;height:48px;border-radius:8px;object-fit:cover;box-shadow:0 1px 0 rgba(0,0,0,.05);
}
#hotel-form .actions{ margin-top:10px; }


/* Hoteles */
.hotel-thumb{ width:48px;height:48px;border-radius:8px;object-fit:cover;box-shadow:0 1px 0 rgba(0,0,0,.05); }
.asign-wrap{ display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); gap:12px; }
@media (max-width:900px){ .asign-wrap{ grid-template-columns:1fr; } }

/* Collapsibles (usa los del main.css; por si acaso) */
.collapsible .panel-title{ display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;margin:0; }
.collapsible .panel-content{ display:none;margin-top:10px; }
.collapsible.open .panel-content{ display:block; }
.collapsible .chev{ transition:transform .18s ease; opacity:.7; }
.collapsible.open .chev{ transform:rotate(180deg); }



/* select múltiple visible y con borde */
.msel{
  min-width:260px; max-width:420px;
  min-height:220px;
  border:1px solid var(--border,#e6e8eb);
  border-radius:10px;
  padding:6px; background:#fff;
}
.hint{ font-size:.9rem; color:#6b7280; margin-top:6px; }



/* Checklist scrollable de pasajeros */
.checklist{
  max-height: 260px;
  overflow: auto;
  border: 1px solid var(--border,#e6e8eb);
  border-radius: 10px;
  padding: 8px;
  background: #fff;
}
.chkrow{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .95rem;
  padding: 4px 2px;
}
.chkrow + .chkrow{ border-top: 1px dashed #eef1f4; }
.hint{ font-size:.9rem; color:#6b7280; }



/* Estilos para buscador, paginación y selectores con filtro */
.search-bar-wrap { margin-bottom: 12px; max-width: 300px; }
.sm-input { width: 100%; padding: 6px 10px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; }
.pagination { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 12px; font-size: 14px; color: #555; }
.pagination button { padding: 4px 10px; }
.field-wrap .search-select-wrap { position: relative; }
.field-wrap .search-select-wrap input[type="text"] { width: 100%; }
.field-wrap .search-select-options { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-radius: 8px; max-height: 200px; overflow-y: auto; z-index: 100; margin-top: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.field-wrap .search-select-options.visible { display: block; }
.field-wrap .search-select-options div { padding: 8px 12px; cursor: pointer; }
.field-wrap .search-select-options div:hover { background: #f0f4f8; }
.checklist .sm-input { margin-bottom: 8px; }