/* static/css/auth.css */

.auth-wrapper { display: flex; justify-content: center; padding: 60px 20px; }
.auth-card { background: var(--bg-card); border-radius: var(--tbg-radius-md); padding: 40px; max-width: 460px; width: 100%; border: 1px solid var(--tbg-border); }
.auth-card h1 { font-size: 1.8rem; font-weight: 900; margin: 0 0 8px; color: var(--tbg-text); }
.auth-subtitle { color: var(--tbg-text-muted); margin: 0 0 24px; font-size: 0.95rem; }

.auth-form { margin-bottom: 20px; }
.form-group { margin-bottom: 18px; display: flex; flex-direction: column; gap: 6px; }
.form-group label { font-size: 0.85rem; font-weight: 600; color: var(--tbg-text); }

.form-input { padding: 12px 14px; border: 1px solid var(--tbg-border); border-radius: var(--tbg-radius-sm); font-size: 0.95rem; font-family: inherit; background: #050F0A; color: var(--tbg-text); transition: var(--tbg-transition); }
.form-input:focus { outline: none; border-color: var(--neon-mint); box-shadow: 0 0 0 3px rgba(33, 242, 139, .11); }

.field-error { color: #F87171; font-size: 0.8rem; }
.btn-full { width: 100%; }

.btn-secondary { display: inline-block; padding: 10px 20px; border-radius: var(--tbg-radius-sm); background: rgba(9, 29, 19, .72); color: var(--tbg-text); font-weight: 600; text-decoration: none; font-size: 0.9rem; transition: var(--tbg-transition); border: 1px solid var(--tbg-border); }
.btn-secondary:hover { border-color: var(--neon-mint); color: var(--neon-mint); }

.auth-message { padding: 12px 16px; border-radius: var(--tbg-radius-sm); margin-bottom: 20px; font-size: 0.9rem; font-weight: 600; }
.auth-message-error   { background: rgba(239, 68, 68, 0.1);  color: #F87171; }
.auth-message-success { background: rgba(33, 242, 139, .1);  color: var(--neon-mint); }

.auth-footer { text-align: center; color: var(--tbg-text-muted); font-size: 0.9rem; margin: 0; }
.auth-footer a { color: var(--neon-mint); font-weight: 600; text-decoration: none; }

/* Dashboard */
.dashboard-header { display: flex; gap: 24px; align-items: center; background: var(--bg-card); border-radius: var(--tbg-radius-md); padding: 32px; margin: 40px 0 24px; flex-wrap: wrap; border: 1px solid var(--tbg-border); }
.dashboard-avatar { width: 96px; height: 96px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.dashboard-avatar img { width: 100%; height: 100%; object-fit: cover; }
.dashboard-avatar-initial { width: 100%; height: 100%; background: linear-gradient(135deg, #79FFC0, #21F28B); color: #03150B; display: flex; align-items: center; justify-content: center; font-size: 2.4rem; font-weight: 900; }
.dashboard-info { flex: 1; }
.dashboard-info h1 { margin: 0 0 6px; font-size: 1.6rem; font-weight: 900; color: var(--tbg-text); }
.dashboard-bio { color: var(--tbg-text-muted); margin: 0 0 8px; }
.dashboard-team { color: var(--neon-mint); font-weight: 700; margin: 0 0 8px; }
.dashboard-joined { color: var(--tbg-text-muted); font-size: 0.85rem; margin: 0; }

.dashboard-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 32px; }
.stat-card { background: linear-gradient(145deg, #10271B, #09140F); border-radius: var(--tbg-radius-md); padding: 20px; text-align: center; border: 1px solid var(--tbg-border); }
.stat-value { display: block; font-size: 1.8rem; font-weight: 900; color: var(--neon-mint); font-family: var(--tbg-font-heading); }
.stat-label { color: var(--tbg-text-muted); font-size: 0.85rem; font-weight: 600; }

.dashboard-posts { background: var(--bg-card); border-radius: var(--tbg-radius-md); padding: 24px; border: 1px solid var(--tbg-border); }
.dashboard-posts h2 { margin: 0 0 16px; font-size: 1.2rem; font-weight: 800; color: var(--tbg-text); }

@media (max-width: 640px) {
    .auth-card { padding: 24px; }
    .dashboard-header { padding: 20px; }
    .dashboard-stats { grid-template-columns: 1fr; }
}