/* SMRC Auth - login/register/reset chooser and forms */
/* =====================================================
   AUTH: chooser cards + slide-in glass panel
   ===================================================== */
.smrc-auth-wrap {
	max-width:460px; margin:48px auto; border-radius: 24px; padding:36px;
	background: rgba(255,255,255,.7);
	backdrop-filter: blur(22px) saturate(160%);
	-webkit-backdrop-filter: blur(22px) saturate(160%);
	border: 1px solid var(--smrc-glass-border);
	box-shadow: var(--smrc-shadow-lg);
}
.smrc-auth-header { text-align:center; margin-bottom:28px; }
.smrc-auth-logo {
	width:60px; height:60px; margin:0 auto 14px; border-radius:18px;
	background: linear-gradient(135deg, var(--smrc-primary), var(--smrc-accent));
	display:flex; align-items:center; justify-content:center; font-size:28px;
	box-shadow: var(--smrc-shadow-lg);
}
.smrc-auth-header h1 { font-size:22px; margin:0 0 4px; font-weight:800; }

.smrc-auth-chooser { display:flex; flex-direction:column; gap:12px; }
.smrc-choice-card {
	display:flex; align-items:center; gap:14px; text-align:left; width:100%;
	background: rgba(255,255,255,.55); border:1.5px solid rgba(15,23,42,.08); border-radius: var(--smrc-radius-sm);
	padding:15px 17px; cursor:pointer; transition: all .18s ease; font-family:var(--smrc-font);
	backdrop-filter: blur(8px);
}
.smrc-choice-card:hover {
	border-color: var(--smrc-primary); background: rgba(255,255,255,.85);
	transform: translateY(-2px); box-shadow: 0 14px 30px -12px rgba(99,102,241,.4);
}
.smrc-choice-icon {
	width:44px; height:44px; flex-shrink:0; border-radius:13px;
	display:flex; align-items:center; justify-content:center; font-size:21px; color:#fff;
}
.smrc-choice-card[data-open="login"] .smrc-choice-icon { background: linear-gradient(135deg, #6366f1, #4f46e5); }
.smrc-choice-card[data-open="register"] .smrc-choice-icon { background: linear-gradient(135deg, #06b6d4, #0891b2); }
.smrc-choice-card[data-open="reset"] .smrc-choice-icon { background: linear-gradient(135deg, #ec4899, #db2777); }
.smrc-choice-title { display:block; font-weight:700; color:var(--smrc-ink); font-size:14.5px; }
.smrc-choice-desc { display:block; font-size:12.5px; color:var(--smrc-muted); margin-top:1px; }

.smrc-panel { animation: smrc-fade-in .25s ease; }
@keyframes smrc-fade-in { from { opacity:0; transform: translateY(8px); } to { opacity:1; transform:translateY(0); } }

.smrc-back-btn {
	background: rgba(99,102,241,.1); border:none; color:var(--smrc-primary-dark); font-weight:700; font-size:12.5px;
	cursor:pointer; padding:7px 13px; border-radius:20px; display:inline-flex; align-items:center; gap:4px;
	font-family:var(--smrc-font); margin-bottom:18px; transition: background .15s ease;
}
.smrc-back-btn:hover { background: rgba(99,102,241,.18); }

.smrc-auth-wrap label { display:block; margin:12px 0 5px; font-size:12.5px; font-weight:700; color:#334155; letter-spacing:.01em; }
.smrc-auth-wrap input, .smrc-auth-wrap select, .smrc-auth-wrap textarea {
	width:100%; padding:12px 13px; border:1.5px solid rgba(15,23,42,.1); border-radius: var(--smrc-radius-sm);
	font-size:14px; font-family:var(--smrc-font); transition: all .15s ease; background: rgba(255,255,255,.7);
}
.smrc-auth-wrap input:focus, .smrc-auth-wrap select:focus, .smrc-auth-wrap textarea:focus {
	outline:none; border-color: var(--smrc-primary); box-shadow: 0 0 0 4px rgba(99,102,241,.15); background:#fff;
}