/*
 * =============================================
 * ESTÁNDAR DE COLORES POR TIPO DE DOCUMENTO
 * =============================================
 *
 * PRESUPUESTO    → purple        #800080
 * PEDIDO         → danger        #dd4b39  (Bootstrap label-danger / btn-danger)
 * REMITO         → info          #3c8dbc  (Bootstrap label-info / btn-info)
 * VENTA (FC)     → success       #00a65a  (Bootstrap label-success / btn-success)
 * CTA CORRIENTE  → teal          #00897b
 *
 * Uso en badges:
 *   <span class="label label-danger">PED-XXXX</span>
 *   <span class="label label-info">REM-XXXX</span>
 *   <span class="label label-success">FC-XXXX</span>
 *   <span class="label doc-presupuesto">PRE-XXXX</span>
 *
 * Uso en botones "Convertir a":
 *   <button class="btn btn-warning">Convertir a</button>
 *
 * Uso en modales de conversión:
 *   modal-header → background: #f39c12 (warning)
 * =============================================
 */

/* Badge presupuesto (purple no existe en Bootstrap por defecto) */
.label.doc-presupuesto,
.label-presupuesto {
    background-color: #800080;
    color: white;
}

/* Colores semánticos reutilizables */
.doc-pedido        { background-color: #dd4b39; color: white; }
.doc-remito        { background-color: #3c8dbc; color: white; }
.doc-venta         { background-color: #00a65a; color: white; }
.doc-presupuesto   { background-color: #800080; color: white; }
.doc-ctacorriente  { background-color: #00897b; color: white; }

/* =============================================
   BADGE HISTORIAL (cadena de iconos clickeable)
   ============================================= */
.badge-historial {
    transition: box-shadow 0.15s ease, background-color 0.15s ease;
}
.badge-historial.btnVerTrazabilidadDocumento:hover {
    background-color: #e9ecef !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}