/* dashboard.css - Estilos específicos del dashboard */

/* Stats Cards */
.card-primary {
    border-left: 4px solid var(--primary-color);
}

.card-danger {
    border-left: 4px solid var(--danger-color);
}

.stat-card .icon {
    font-size: 1.75rem;
}

.stat-card .count {
    font-size: 1.5rem;
    font-weight: 600;
}

.stat-card .label {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

/* Tablas CFDIs */
.tabla-cfdis {
    width: 100%;
    font-size: 0.8rem;
    table-layout: auto;
    border-collapse: collapse;
}

.tabla-cfdis th {
    font-size: 0.75rem;
    text-align: center !important;
    vertical-align: middle;
    padding: 0.2rem 0.3rem;
    font-weight: 600;
    white-space: nowrap;
}

.tabla-cfdis td {
    padding: 0.1rem 0.3rem;
    vertical-align: middle;
}

.tabla-cfdis td.col-fecha {
    text-align: center;
    white-space: nowrap;
}

.tabla-cfdis td.col-emisor,
.tabla-cfdis td.col-receptor {
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
}

.tabla-cfdis td.col-total {
    text-align: right;
    white-space: nowrap;
    font-weight: 500;
}

.tabla-cfdis td.col-estatus {
    text-align: left;
    white-space: nowrap;
}

.tabla-cfdis td.col-cfdis {
    text-align: center;
    white-space: nowrap;
}

.tabla-cfdis select {
    width: auto !important;
    min-width: 85px;
    font-size: 0.7rem !important;
    padding: 0.1rem 0.2rem !important;
    margin: 0;
}

.tabla-cfdis .badge {
    font-size: 0.65rem !important;
    padding: 0.2rem 0.4rem !important;
    white-space: nowrap;
    display: inline-block;
}

.tabla-cfdis .btn-icono {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.2rem !important;
    margin: 0;
}

/* Gráfica */
.flot-chart-container {
    height: 300px;
    padding: 10px;
}

/* Botones de vista */
.vista-grafica-group .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
}

.vista-grafica-group .btn:hover {
    background-color: var(--primary-color);
    color: white;
}

.vista-grafica-group .btn.active {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Responsive */
@media (max-width: 768px) {
    .tabla-cfdis td {
        padding: 0.1rem 0.2rem;
    }
}