/* _content/Monitor-EXWeb/Components/Pages/Monitoreo/Adhoc/Tabulacion.razor.rz.scp.css */
/* Estilos específicos para Tabulacion.razor - Solo layout, sin colores */

/* Contenedor de cámaras - Expansión dinámica basada en número de cámaras disponibles */
.camaras-container[b-usuxnbx7ba] {
    display: grid;
    gap: 10px;
    height: 100%;
    width: 100%;
}

/* Por defecto - 3 cámaras (cada una ocupa 1/3 del espacio) */
.camaras-container[data-cameras-count="3"][b-usuxnbx7ba] {
    grid-template-columns: 1fr 1fr 1fr;
}

/* 2 cámaras - cada una ocupa la mitad del espacio */
.camaras-container[data-cameras-count="2"][b-usuxnbx7ba] {
    grid-template-columns: 1fr 1fr;
}

/* 1 cámara - ocupa todo el espacio disponible */
.camaras-container[data-cameras-count="1"][b-usuxnbx7ba] {
    grid-template-columns: 1fr;
}

/* Sin cámaras */
.camaras-container[data-cameras-count="0"][b-usuxnbx7ba] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Con card de catálogo visible: agregar 1 columna extra al final para el AdhocCatalogoCard */
.camaras-container[data-cameras-count="3"].has-catalogo[b-usuxnbx7ba] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.camaras-container[data-cameras-count="2"].has-catalogo[b-usuxnbx7ba] {
    grid-template-columns: 1fr 1fr 1fr;
}

.camaras-container[data-cameras-count="1"].has-catalogo[b-usuxnbx7ba] {
    grid-template-columns: 1fr 1fr;
}
/* _content/Monitor-EXWeb/Components/Pages/Monitoreo/OutdoorStatic/Tabulacion.razor.rz.scp.css */
/* Estilos específicos para Tabulacion.razor - Solo layout, sin colores */

/* Contenedor de cámaras - Expansión dinámica basada en número de cámaras disponibles */
.camaras-container[b-cnyxgwim3b] {
    display: grid;
    gap: 10px;
    height: 100%;
    width: 100%;
}

/* Por defecto - 3 cámaras (cada una ocupa 1/3 del espacio) */
.camaras-container[data-cameras-count="3"][b-cnyxgwim3b] {
    grid-template-columns: 1fr 1fr 1fr;
}

/* 2 cámaras - cada una ocupa la mitad del espacio */
.camaras-container[data-cameras-count="2"][b-cnyxgwim3b] {
    grid-template-columns: 1fr 1fr;
}

/* 1 cámara - ocupa todo el espacio disponible */
.camaras-container[data-cameras-count="1"][b-cnyxgwim3b] {
    grid-template-columns: 1fr;
}

/* Sin cámaras */
.camaras-container[data-cameras-count="0"][b-cnyxgwim3b] {
    display: flex;
    align-items: center;
    justify-content: center;
}