/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/HotelManager/Componentes/PageCatalogos.razor. Igual que hoy, es global mientras el componente está en pantalla:
   se enlaza con <link> donde estaba el bloque. Cambios: @@ → @ y capas D-51. */
.cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .6rem; }
.cat-item { display: flex; align-items: center; gap: .7rem; border: 1px solid var(--hot-border); border-radius: 10px; padding: .6rem .8rem; background: #fff; }
.cat-ico { width: 36px; height: 36px; border-radius: 9px; background: rgba(27,94,99,.1); color: var(--hot-petroleo); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }
.cat-nombre { font-weight: 600; font-size: .86rem; }
.cat-cat { display: inline-flex; align-items: center; gap: .4rem; font-size: .78rem; font-weight: 600; color: var(--hot-petroleo); }
.cat-cod { font-family: var(--hv-serif); font-size: 1.05rem; color: var(--hot-noche); }
.cat-icons { color: var(--hot-petroleo); font-size: .82rem; }
.cat-icons i { margin-right: .35rem; }
.cat-preview-codes { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin-top: .6rem; font-size: .8rem; }
.cat-ok { color: #146C3A; font-size: .84rem; margin-top: .75rem; display: flex; align-items: center; gap: .4rem; }
.nr-hint { font-size: .8rem; color: var(--hot-muted); display: flex; align-items: center; gap: .4rem; }
.ops-chk { display: flex; align-items: center; gap: .45rem; font-size: .84rem; text-transform: none; letter-spacing: 0; }