/* =========================================================
   ESTADOS GENERADOS POR SERVER-SIDE
========================================================= */

.x-estado-order-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    color: #2563eb !important;

    font-size: 12px;
    font-weight: 800;

    text-decoration: none !important;
}

.x-estado-order-link:hover {
    color: #1d4ed8 !important;
}

.x-estado-order-link i {
    margin: 0 !important;
    font-size: 8px !important;
}


.x-estado-status {
    min-height: 25px;
    padding: 0 9px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 800;

    white-space: nowrap;
}

.x-estado-status i {
    margin: 0 !important;
    font-size: 7px !important;
}

.x-estado-status--success {
    border: 1px solid #bbf7d0;
    background: #ecfdf5;
    color: #059669;
}

.x-estado-status--warning {
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #d97706;
}

.x-estado-status--danger {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #dc2626;
}

.x-estado-status--neutral {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
}