/*
  Botones con el estilo de TransporteWeb (bootstrap/css/tms-buttons.css):
  - Acción principal (RenderStyle Primary): azul #2563eb con sombra azul, sube 2px al pasar el mouse (btn-modern).
  - Secundarias (RenderStyleMode Outline, Secondary): gris claro con borde (btn-secondary-modern).
  - Advertencia (Warning) en ámbar y peligro (Danger) en rojo, rellenos o de contorno.
  - Éxito (Success) de contorno verde.
  Solo afecta a botones independientes (dxbl-btn-standalone), no a los de barras, paginadores o editores.
*/
.dxbl-btn.dxbl-btn-standalone {
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    transition: all .20s ease;
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-primary {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 8px 18px rgba(40, 120, 255, .35);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-primary:not(.dxbl-disabled):hover {
    background-color: #2563eb;
    border-color: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(40, 120, 255, .45);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-secondary,
.dxbl-btn.dxbl-btn-standalone.dxbl-btn-secondary,
.respuesta-adjuntos .dxbl-btn.dxbl-upload-select-btn {
    background-color: #f8f9fa;
    border: 1px solid #cbd5e1;
    color: #475569;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-secondary:not(.dxbl-disabled):hover,
.dxbl-btn.dxbl-btn-standalone.dxbl-btn-secondary:not(.dxbl-disabled):hover,
.respuesta-adjuntos .dxbl-btn.dxbl-upload-select-btn:hover {
    background-color: #f8fafc;
    border-color: #94a3b8;
    color: #1e293b;
    transform: translateY(-1px);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-warning {
    background-color: #f59e0b;
    border-color: #f59e0b;
    color: #fff;
    box-shadow: 0 6px 14px rgba(245, 158, 11, .30);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-warning:not(.dxbl-disabled):hover {
    background-color: #d97706;
    border-color: #d97706;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(217, 119, 6, .35);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
    box-shadow: 0 6px 14px rgba(220, 53, 69, .30);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-danger:not(.dxbl-disabled):hover {
    background-color: #bb2d3b;
    border-color: #bb2d3b;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(187, 45, 59, .35);
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-warning {
    background-color: #fff;
    border: 1px solid #f59e0b;
    color: #b45309;
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-warning:not(.dxbl-disabled):hover {
    background-color: #fff7e6;
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-danger {
    background-color: #fff;
    border: 1px solid #dc3545;
    color: #bb2d3b;
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-danger:not(.dxbl-disabled):hover {
    background-color: #fee2e2;
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-success {
    background-color: #fff;
    border: 1px solid #2E8B57;
    color: #1F6B3F;
}

.dxbl-btn.dxbl-btn-standalone.dxbl-btn-outline-success:not(.dxbl-disabled):hover {
    background-color: #E7F5EC;
}

/* Deshabilitados: gris, sin sombra ni movimiento (igual que dxbDisabled en el sitio anterior) */
.dxbl-btn.dxbl-btn-standalone.dxbl-disabled {
    background: #cbd5e1;
    border-color: #cbd5e1;
    color: #64748b;
    box-shadow: none;
    transform: none;
    cursor: not-allowed;
}

.dxbl-btn.dxbl-btn-standalone .dxbl-image,
.dxbl-btn.dxbl-btn-standalone i {
    color: inherit;
}