/* ================================
   HQD SSO WIDGET – FULL CSS
   Không xung d_t – Prefix hqd-sso-
   ================================ */

/* ===== ROOT ===== */
.hqd-sso-widget {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 99999;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, Helvetica, Arial, sans-serif;
}

/* ===== LOGIN BUTTON ===== */
.hqd-sso-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;

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

    background: rgba(255, 255, 255, 0.85);
    color: #0d6efd;

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

    text-decoration: none;            /* b_ g_ch chân */
    box-shadow: 0 6px 20px rgba(0,0,0,.15);

    transition: color .2s ease,
                background .2s ease,
                transform .15s ease;
}

.hqd-sso-login-btn:hover {
    color: #dc3545;                   /* d_ khi hover */
    background: #ffffff;
    text-decoration: none;            /* d_m b_o không g_ch */
    transform: translateY(-1px);
}

/* ===== USER AREA ===== */
.hqd-sso-user {
    position: relative;
}

/* NÚT USER */
.hqd-sso-user-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

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

    background: rgba(255, 255, 255, 0.9);
    color: #111827;

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

    border: none;
    cursor: pointer;

    box-shadow: 0 6px 20px rgba(0,0,0,.15);
    transition: background .2s ease, transform .15s ease;
}

.hqd-sso-user-btn:hover {
    background: #ffffff;
    transform: translateY(-1px);
}

/* ICON USER */
.hqd-sso-user-icon {
    font-size: 16px;
    line-height: 1;
}

/* ===== DROPDOWN ===== */
.hqd-sso-dropdown {
    display: none;

    position: absolute;
    right: 0;
    top: calc(100% + 8px);

    min-width: 200px;

    background: #ffffff;
    border-radius: 10px;

    box-shadow: 0 16px 40px rgba(0,0,0,.18);
    overflow: hidden;
}

/* LINK TRONG DROPDOWN */
.hqd-sso-dropdown a {
    display: block;
    padding: 12px 16px;

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

    color: #1f2937;
    text-decoration: none;

    transition: background .15s ease, color .15s ease;
}

.hqd-sso-dropdown a:hover {
    background: #f3f4f6;
    color: #dc3545;
    text-decoration: none;
}

/* HI_N DROPDOWN KHI HOVER */
.hqd-sso-user:hover .hqd-sso-dropdown {
    display: block;
}

/* ===== BACKDROP BLUR (TU_ CH_N – Đ_P HON) ===== */
@supports (backdrop-filter: blur(6px)) {
    .hqd-sso-login-btn,
    .hqd-sso-user-btn {
        backdrop-filter: blur(6px);
    }
}

/* ===== RESPONSIVE – MOBILE ===== */
@media (max-width: 576px) {
    .hqd-sso-widget {
        top: 10px;
        right: 10px;
        transform: scale(0.95);
    }

    .hqd-sso-dropdown {
        min-width: 180px;
    }
}

/* ===== BOOTSTRAP OVERRIDE SAFETY ===== */
.hqd-sso-widget a,
.hqd-sso-widget a:hover {
    text-decoration: none !important;
}