/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/HotelManager/Componentes/PageHousekeeping.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. */
.hk-board { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:.9rem; }
.hk-col { background:#F6F4EF; border-radius:12px; padding:.7rem; min-height:160px; }
.hk-col-titulo { display:flex; justify-content:space-between; align-items:center; font-weight:700; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--hot-muted); margin-bottom:.6rem; }
.hk-count { background:#fff; border:1px solid var(--hot-border); border-radius:999px; padding:0 .45rem; font-size:.68rem; }
.hk-empty { text-align:center; color:var(--hot-border); padding:1rem 0; }
.hk-card { background:#fff; border:1px solid var(--hot-border); border-radius:10px; padding:.65rem .75rem; margin-bottom:.5rem; }
.hk-card b { font-family: var(--hv-serif); font-size:1rem; }
@media (max-width: 900px) { .hk-board { grid-template-columns:repeat(2, minmax(0,1fr)); } }