/**
 * Auth / Public Page Styles
 * Path: assets/css/auth-pages.css
 * Used by: index.php, verify_2fa.php, logout.php, logout-all.php, unsubscribe.php
 */

/* ── Shared gradient background ── */
body {
    background:  linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height:  100vh;
    display:     flex;
    align-items: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ── Card shared styles ── */
.login-card,
.card {
    border-radius: 1rem;
    box-shadow:    0 10px 40px rgba(0, 0, 0, .2);
}

/* ── Login-specific ── */
.btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border:     none;
    padding:    .75rem;
    font-weight: 500;
}
.btn-primary:hover {
    opacity:   .9;
    transform: translateY(-1px);
}
.form-control:focus {
    border-color: #667eea;
    box-shadow:   0 0 0 .2rem rgba(102, 126, 234, .25);
}
.remember-label   { font-size: .875rem; color: #6c757d; user-select: none; }
.divider          { border-top: 1px solid #dee2e6; margin: 1rem 0; }
.logout-all-link  { font-size: .8rem; color: #6c757d; text-decoration: none; }
.logout-all-link:hover { color: #dc3545; text-decoration: underline; }

/* ── 2FA code input ── */
.code-input {
    font-size:      1.75rem;
    letter-spacing: 8px;
    text-align:     center;
    font-family:    monospace;
}

/* ── Logout-all confirm ── */
.btn-danger  { padding: .75rem; font-weight: 500; }
.icon-shield { font-size: 2.5rem; }

/* ── Unsubscribe card max-width ── */
.unsubscribe-card { max-width: 500px; margin: 0 auto; }