/* ═══════════════════════════════════════════════════════
   ESTILOS BASE — GestionObraPro
═══════════════════════════════════════════════════════ */

/* ── Colores corporativos (usados en el editor de documentos) ── */
.bg-corporativo        { background-color: #EC0000; }
.text-corporativo      { color: #EC0000; }
.border-corporativo    { border-color: #EC0000; }
.hover-corporativo:hover { background-color: #cc0000; }

/* ── Visibilidad ── */
.pantalla-oculta { display: none !important; }

/* ── Tab activa (sidebar navigation) ── */
.tab-activa {
    background-color: #ec0000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}
.tab-activa .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ── Botones de filtro en historial de facturas ── */
.tab-btn.activo {
    background-color: #ec0000 !important;
    color: white !important;
    border-color: #ec0000 !important;
}

/* ── Estado de badge en tabla de facturas ── */
.badge-estado {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
    font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif;
    letter-spacing: 0.03em;
}

/* ── Modal Catálogo ── */
#modal-catalogo {
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.5);
}
.categoria-grupo {
    border-left: 4px solid #EC0000;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}
.item-seleccionable {
    cursor: pointer;
    transition: all 0.15s;
    border: 1px solid #e1e3e4;
    border-radius: 8px;
}
.item-seleccionable:hover {
    background-color: #fff5f5;
    border-color: #fca5a5;
}
.checkbox-custom {
    width: 18px;
    height: 18px;
    accent-color: #EC0000;
}

/* ── Botones inline usados por los módulos JS ── */
.btn-imprimir-sm {
    padding: 3px 10px;
    border-radius: 6px;
    border: 1px solid #e1e3e4;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    background: white;
    transition: all 0.15s;
    font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.btn-imprimir-sm:hover { background: #f3f4f5; }

/* ═══════════════════════════════════════════════════════
   ESTILOS DE IMPRESIÓN
═══════════════════════════════════════════════════════ */
.print-only   { display: none; }
.print-inline { display: none; }

@media print {
    html, body {
        height: auto !important;
        overflow: visible !important;
        background: white !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Ocultar toda la interfaz excepto el editor activo */
    nav, #pantalla-inicio, #modal-catalogo {
        display: none !important;
    }
    #pantalla-editor {
        position: static !important;
        height: auto !important;
        overflow: visible !important;
        display: block !important;
    }
    #panel-editor-controles {
        display: none !important;
    }
    #panel-editor-previa {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    #vista-documento:not(.pantalla-oculta),
    #vista-materiales:not(.pantalla-oculta),
    #vista-cobros:not(.pantalla-oculta),
    #vista-plazos:not(.pantalla-oculta),
    #vista-fotos:not(.pantalla-oculta) {
        height: auto !important;
        overflow: visible !important;
        display: block !important;
    }
    .no-print   { display: none !important; }
    .print-only { display: block !important; }
    .print-inline { display: inline-block !important; }
    .print-full {
        width: 100% !important;
        border: none !important;
        background: white !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    textarea {
        resize: none;
        overflow: hidden;
        border: none !important;
        background: transparent !important;
    }
    .salto-pagina { page-break-before: always; }
}