/* ================= UI BUTTON BASE ================= */
.ui-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    background: #fff;
    border: 3px solid transparent; /* 🔥 IMPORTANT: thicker visible border */

    border-radius: 10px;
    padding: 8px 14px;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;
    cursor: pointer;

    transition: all 0.2s ease;
}

/* ICON */
.ui-btn i {
    font-size: 16px;
}

/* HOVER */
.ui-btn:hover {
    transform: translateY(-2px);
    color: #fff;
}

/* ================= FORCE BORDER COLORS ================= */
.ui-primary {
    border-color: #0d6efd !important;
    color: #0d6efd !important;
}
.ui-primary:hover {
    background: #0d6efd !important;
}

.ui-success {
    border-color: #198754 !important;
    color: #198754 !important;
}
.ui-success:hover {
    background: #198754 !important;
}

.ui-danger {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}
.ui-danger:hover {
    background: #dc3545 !important;
}

.ui-warning {
    border-color: #ffc107 !important;
    color: #b8860b !important;
}
.ui-warning:hover {
    background: #ffc107 !important;
    color: #000 !important;
}

.ui-info {
    border-color: #0dcaf0 !important;
    color: #0dcaf0 !important;
}
.ui-info:hover {
    background: #0dcaf0 !important;
}

.ui-dark {
    border-color: #212529 !important;
    color: #212529 !important;
}
.ui-dark:hover {
    background: #212529 !important;
}