/* _content/Baggie.Web/Components/Layout/LoginLayout.razor.rz.scp.css */
.logo[b-wkbofkumxt] {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 1.7rem;
    color: #fff;
}

    .logo span[b-wkbofkumxt] {
        color: #ffffff85;
        font-size: 1.3rem;
    }
/* _content/Baggie.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.layout-container[b-bexb38c17w] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.topbar[b-bexb38c17w] {
    background: #fff;
    padding: 0.75rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 10;
}

.logo[b-bexb38c17w] {
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 1.2rem;
    color: #111;
}
    .logo span[b-bexb38c17w] {
        color: #80a4ab;
        font-size: 1.3rem;
    }
.nav-links[b-bexb38c17w] {
    margin: 0 1.5rem;
    width: 100%;
}

[b-bexb38c17w] ul.rz-profile-menu {
    color: #3a474d;
}

    [b-bexb38c17w] ul.rz-profile-menu:hover {
        color: #80a4ab;
    }
.main-content[b-bexb38c17w] {
    padding: 2rem;
    overflow-y: auto;
    flex-grow: 1;
}
/* _content/Baggie.Web/Components/Pages/Dashboard/Components/EnvironmentalImpactComponent.razor.rz.scp.css */

.env-dashboard-loading[b-0vfwom3fs1] {
    margin-top: 0.75rem;
}
.env-loading-placeholder[b-0vfwom3fs1] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* O el alto que necesites */
    text-align: center;
}
/* Grid responsive tipo dashboard */
.env-dashboard-grid[b-0vfwom3fs1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

/* Tarjetas KPI */
.env-dashboard-card[b-0vfwom3fs1] {
    border-radius: 0.9rem;
    padding: 0.9rem 1rem;
    color: #212529;
    background: #f8f9fa;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 110px;
}

.env-dashboard-card-header[b-0vfwom3fs1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.env-dashboard-card-label[b-0vfwom3fs1] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.8;
}

.env-dashboard-icon[b-0vfwom3fs1] {
    font-size: 1.3rem;
    opacity: 0.9;
}

/* Valor principal */
.env-dashboard-card-value[b-0vfwom3fs1] {
    font-size: 1.35rem;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    gap: 0.2rem;
}

.env-dashboard-unit[b-0vfwom3fs1] {
    font-size: 0.75rem;
    opacity: 0.8;
}

/* Descripción inferior */
.env-dashboard-card-footer[b-0vfwom3fs1] {
    font-size: 0.75rem;
    color: #6c757d;
}

/* Colores suaves por tipo de KPI */
.env-dashboard-card.food[b-0vfwom3fs1] {
    border-left: 4px solid #ffc107;
}

.env-dashboard-card.co2[b-0vfwom3fs1] {
    border-left: 4px solid #20c997;
}

.env-dashboard-card.water[b-0vfwom3fs1] {
    border-left: 4px solid #0d6efd;
}

.env-dashboard-card.energy[b-0vfwom3fs1] {
    border-left: 4px solid #fd7e14;
}

.env-loading-placeholder[b-0vfwom3fs1] {
    height: 140px;
    width: 100%;
    border-radius: 0.75rem;
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
    background-size: 200% 100%;
    animation: env-skeleton-animation-b-0vfwom3fs1 1.6s ease infinite;
}

@keyframes env-skeleton-animation-b-0vfwom3fs1 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
/* Responsive */
@media (max-width: 768px) {
    .env-dashboard-root[b-0vfwom3fs1] {
        padding: 1rem 0.75rem;
    }

    .env-dashboard-title[b-0vfwom3fs1] {
        font-size: 1.15rem;
    }
}
/* _content/Baggie.Web/Components/Pages/Dashboard/Components/OrderStatusDonutComponent.razor.rz.scp.css */
.env-dashboard-donut-wrapper[b-ront1aons1] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.env-dashboard-donut-wrapper[b-ront1aons1] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.env-donut-center-main[b-ront1aons1] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.1;
}

.env-donut-center-sub[b-ront1aons1] {
    font-size: 0.75rem;
    opacity: 0.8;
}
/* _content/Baggie.Web/Components/Pages/Dashboard/Components/PqrStatsComponent.razor.rz.scp.css */
.env-dashboard-donut-wrapper[b-1b86b2b2m3] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.env-donut-center-main[b-1b86b2b2m3] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.1;
}

.env-donut-center-sub[b-1b86b2b2m3] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.env-dashboard-stats-grid[b-1b86b2b2m3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.env-dashboard-stat-card[b-1b86b2b2m3] {
    padding: 1rem;
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    background: var(--rz-content-background-color);
    text-align: center;
}

.stat-value[b-1b86b2b2m3] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--rz-primary);
}

.stat-label[b-1b86b2b2m3] {
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color);
    margin-top: 0.25rem;
}
/* _content/Baggie.Web/Components/Pages/Dashboard/Components/PublicationActivityHeatmapComponent.razor.rz.scp.css */

/* Contenedor de heatmap: 1 columna para días + 24 para horas */
.env-heatmap[b-efymex4ww4] {
    display: grid;
    grid-template-columns: 80px repeat(24, minmax(0, 1fr));
    gap: 2px;
    margin-top: 0.75rem;
}

/* Cabecera de horas (primera fila) */
.env-heatmap-header-cell[b-efymex4ww4] {
    font-size: 0.7rem;
    text-align: center;
    color: #6c757d;
}



/* Etiqueta de día en cada fila */
.env-heatmap-day-label[b-efymex4ww4] {
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 0.25rem;
    color: #495057;
}

/* Celda de heatmap base */
.env-heatmap-cell[b-efymex4ww4] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 3px;
    background-color: #e9ecef;
    border-collapse: collapse;
}

    .env-heatmap-cell:hover[b-efymex4ww4] {
        background-color: #bb3df15c !important;
        border: 1px dashed #8959DA;
    }
    /* Niveles de intensidad */
    .env-heatmap-cell.level-0[b-efymex4ww4],
    .env-heatmap-legend-cell.level-0[b-efymex4ww4] {
        background-color: #d9d9d9;
    }

    .env-heatmap-cell.level-1[b-efymex4ww4],
    .env-heatmap-legend-cell.level-1[b-efymex4ww4] {
        background-color: #d4f0ff;
    }

    .env-heatmap-cell.level-2[b-efymex4ww4],
    .env-heatmap-legend-cell.level-2[b-efymex4ww4] {
        background-color: #73c2fb;
    }

    .env-heatmap-cell.level-3[b-efymex4ww4],
    .env-heatmap-legend-cell.level-3[b-efymex4ww4] {
        background-color: #1d8fe1;
    }

    .env-heatmap-cell.level-4[b-efymex4ww4],
    .env-heatmap-legend-cell.level-4[b-efymex4ww4] {
        background-color: #0b5ed7;
    }

/* Leyenda */
.env-heatmap-legend[b-efymex4ww4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: #6c757d;
}

.env-heatmap-legend-bar[b-efymex4ww4] {
    display: flex;
    gap: 0.25rem;
}

.env-heatmap-legend-cell[b-efymex4ww4] {
    width: 16px;
    aspect-ratio: 1 / 1;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}

.env-heatmap-legend-label[b-efymex4ww4] {
    white-space: nowrap;
}

/* Responsive: reducir columnas visibles en pantallas pequeñas si es necesario */
@media (max-width: 768px) {
    .env-heatmap[b-efymex4ww4] {
        grid-template-columns: 60px repeat(24, minmax(0, 10px));
    }
}




.env-heatmap-cell-wrapper[b-efymex4ww4] {
    position: relative;
    width: 100%;
    height: 100%;
}

    /* Tooltip custom usando data-tooltip */
    .env-heatmap-cell-wrapper[b-efymex4ww4]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        bottom: 110%;
        transform: translateX(-50%);
        white-space: pre;
        background: rgba(33, 37, 41, 0.95);
        color: #f8f9fa;
        font-size: 0.7rem;
        padding: 4px 8px;
        border-radius: 4px;
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.4);
        opacity: 0;
        pointer-events: none;
        z-index: 10;
        transition: opacity 0.15s ease-out, transform 0.15s ease-out;
    }

    /* Pequeña flecha abajo */
    .env-heatmap-cell-wrapper[b-efymex4ww4]::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 100%;
        transform: translateX(-50%);
        border-width: 5px;
        border-style: solid;
        border-color: rgba(33, 37, 41, 0.95) transparent transparent transparent;
        opacity: 0;
        pointer-events: none;
        z-index: 9;
        transition: opacity 0.15s ease-out;
    }

    /* Mostrar tooltip al hover */
    .env-heatmap-cell-wrapper:hover[b-efymex4ww4]::after,
    .env-heatmap-cell-wrapper:hover[b-efymex4ww4]::before {
        opacity: 1;
    }

    /* Pequeño lift al aparecer */
    .env-heatmap-cell-wrapper:hover[b-efymex4ww4]::after {
        transform: translateX(-50%) translateY(-5px);
    }


.env-heatmap-cell--legend-highlight[b-efymex4ww4] {
    background-color: #bb3df15c !important;
    border: 1px dashed #8959DA;
}
/* _content/Baggie.Web/Components/Pages/Home.razor.rz.scp.css */
.env-dashboard-root[b-5tm3jxxbtg] {
    padding: 1.5rem 1rem;
}

.env-dashboard-header[b-5tm3jxxbtg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1rem;
    gap: 0.75rem;
}

.env-dashboard-title[b-5tm3jxxbtg] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 600;
}

.env-dashboard-subtitle[b-5tm3jxxbtg] {
    margin: 0.15rem 0 0;
    font-size: 0.85rem;
    color: #6c757d;
}

@media (min-width: 992px) {
    .env-dashboard-root[b-5tm3jxxbtg] {
        padding: 2rem 1.75rem;
    }

    .env-dashboard-title[b-5tm3jxxbtg] {
        font-size: 1.5rem;
    }
}
/* _content/Baggie.Web/Components/Pages/Merchants/Configuration/Index.razor.rz.scp.css */
/* Wrapper: todo alineado a la derecha */
.merchant-env-kpi-wrapper[b-t50a9ao6wi] {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    min-width: 0;
}

/* Grid 2x2 */
.env-kpi-grid-header[b-t50a9ao6wi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.25rem;
}

/* Cada celda */
.env-kpi-cell-header[b-t50a9ao6wi] {
    display: flex;
    justify-content: flex-end; /* icono + texto alineado a la derecha */
    align-items: center;
    gap: 0.35rem;
}

/* Icono */
.env-kpi-icon-header[b-t50a9ao6wi] {
    font-size: 1.1rem;
    opacity: 0.9;
    color: #0d6efd;
}

/* Contenedor del texto */
.env-kpi-data-header[b-t50a9ao6wi] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    text-align: right;
}

/* Valor */
.env-kpi-value-header[b-t50a9ao6wi] {
    font-size: 0.9rem;
    font-weight: 600;
}

/* Unidad */
.env-kpi-unit-header[b-t50a9ao6wi] {
    font-size: 0.7rem;
    margin-left: 2px;
    opacity: 0.8;
}

/* Etiqueta */
.env-kpi-label-header[b-t50a9ao6wi] {
    font-size: 0.7rem;
    opacity: 0.75;
}
/* _content/Baggie.Web/Components/Pages/Merchants/Index.razor.rz.scp.css */
.env-kpi-grid-2x2[b-72d4wzktjo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.35rem;
    padding: 0.1rem 0;
}

.env-kpi-cell[b-72d4wzktjo] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.env-kpi-icon[b-72d4wzktjo] {
    font-size: 1.1rem;
    opacity: 0.9;
    color: #0d6efd;
}

.env-kpi-data[b-72d4wzktjo] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.env-kpi-value[b-72d4wzktjo] {
    font-size: 0.85rem;
    font-weight: 600;
}

.env-kpi-unit[b-72d4wzktjo] {
    font-size: 0.7rem;
    margin-left: 2px;
    opacity: 0.8;
}

.env-kpi-label[b-72d4wzktjo] {
    font-size: 0.7rem;
    opacity: 0.75;
}