/*
 * =============================================
 * ESTÁNDAR DE COLORES POR TIPO DE DOCUMENTO
 * =============================================
 *
 * PRESUPUESTO    → purple        #605ca8
 * 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: #605ca8;
    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: #605ca8; color: white; }
.doc-ctacorriente  { background-color: #00897b; color: white; }

.modal-header.doc-pedido .close,
.modal-header.doc-presupuesto .close {
    color: white;
    opacity: 0.9;
}

.fila-activa-teclado > td {
    background-color: #fcf8e3 !important;
}

.fila-activa-teclado > td:first-child {
    box-shadow: inset 4px 0 0 #f39c12;
}

.atajo-f8-activo {
    border-color: #f39c12 !important;
    box-shadow: 0 0 8px rgba(243, 156, 18, 0.7) !important;
}

.select2-container.atajo-f8-activo .select2-selection {
    border-color: #f39c12 !important;
    box-shadow: 0 0 8px rgba(243, 156, 18, 0.7) !important;
}

#vendedorSeleccionado + .select2-container {
    width: 100% !important;
}

#vendedorSeleccionado + .select2-container .select2-selection--single {
    height: 46px;
    border: 1px solid #d2d6de;
    border-radius: 0;
}

#vendedorSeleccionado + .select2-container .select2-selection__rendered {
    line-height: 46px;
    padding-left: 16px;
    font-size: 18px;
}

#vendedorSeleccionado + .select2-container .select2-selection__arrow {
    height: 44px;
}

/* =============================================
   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);
}

/* Buscador de articulos en modales de venta, pedido y presupuesto */
#myModalProductos #buscararticulotabla_filter input,
#modalProductoPedido #buscararticulotabla_filter input,
#modalProductoPresupuesto #buscararticulopresupuesto_filter input {
    width: 360px;
    max-width: 100%;
}

@media (max-width: 767px) {
    #myModalProductos #buscararticulotabla_filter label,
    #modalProductoPedido #buscararticulotabla_filter label,
    #modalProductoPresupuesto #buscararticulopresupuesto_filter label {
        width: 100%;
    }

    #myModalProductos #buscararticulotabla_filter input,
    #modalProductoPedido #buscararticulotabla_filter input,
    #modalProductoPresupuesto #buscararticulopresupuesto_filter input {
        width: 100%;
        margin-left: 0;
    }
}