/**
 * Affiliate Prompt Library — giao diện toàn cục (Bootstrap 5 + tuỳ biến nhẹ)
 */

:root {
    --apl-primary: #4f46e5;
    --apl-primary-dark: #4338ca;
    --apl-surface: rgba(255, 255, 255, 0.92);
}

/* --- Trang đăng nhập --- */
.auth-body {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 45%, #312e81 100%);
}

.auth-gradient {
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 80% 50% at 20% 20%, rgba(99, 102, 241, 0.35), transparent 55%),
        radial-gradient(ellipse 60% 40% at 80% 80%, rgba(14, 165, 233, 0.25), transparent 50%);
}

.auth-main {
    position: relative;
    z-index: 1;
}

.auth-card {
    background: var(--apl-surface);
    backdrop-filter: blur(12px);
    border-radius: 1.25rem;
}

.auth-logo {
    width: 3.5rem;
    height: 3.5rem;
    background: linear-gradient(135deg, var(--apl-primary), #06b6d4);
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.35);
}

.btn-primary {
    background: linear-gradient(135deg, var(--apl-primary), var(--apl-primary-dark));
    border: none;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, #6366f1, var(--apl-primary));
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.15);
    border-color: #c7d2fe;
}

/* --- Layout dashboard (sidebar) --- */
.sidebar .nav-link {
    border-radius: 0.375rem;
    color: #495057;
}

.sidebar .nav-link:hover {
    background-color: rgba(79, 70, 229, 0.08);
    color: var(--apl-primary);
}

.sidebar .nav-link.active {
    background-color: rgba(79, 70, 229, 0.12);
    color: var(--apl-primary-dark);
}