/* ============================================================
   Hose Flux - Estilos Modulares para Bitácora de Mantenimientos
   ============================================================ */

/* Badges de Estado Operativo */
.status-badge-pending,
.status-badge-progress,
.status-badge-completed {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 3px 10px !important;
    border-radius: 9999px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    letter-spacing: 0.025em !important;
}

.status-badge-pending {
    background-color: #FFFBEB !important;
    color: #D97706 !important;
    border: 1px solid #FDE68A !important;
}

.status-badge-progress {
    background-color: #EFF6FF !important;
    color: #2563EB !important;
    border: 1px solid #BFDBFE !important;
}

.status-badge-completed {
    background-color: #ECFDF5 !important;
    color: #059669 !important;
    border: 1px solid #A7F3D0 !important;
}

/* Badges de Tipo de Mantenimiento */
.badge-cvo,
.badge-pvo,
.badge-cal,
.badge-diligencia {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.badge-cvo {
    background-color: #FEF3C7 !important;
    color: #B45309 !important;
}

.badge-pvo {
    background-color: #DBEAFE !important;
    color: #1D4ED8 !important;
}

.badge-cal {
    background-color: #FEF9C3 !important;
    color: #A16207 !important;
}

.badge-diligencia {
    background-color: #F3E8FF !important;
    color: #7E22CE !important;
}

/* Efectos de Fila */
.table-row-hover {
    transition: background-color 0.15s ease;
}

.table-row-hover:hover {
    background-color: #F8FAFC;
}

/* Impresión */
@media print {
    aside, header, #orders-header-actions, #orders-filter-bar, .no-print-area {
        display: none !important;
    }
    
    body, main {
        background-color: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    #orders-table-container {
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
    }
}