/* ============================================================
 * 登入頁（[sight_read_login]）的**增量**樣式。
 *
 * 主體沿用 srg-register.css —— 登入頁與註冊頁在玩家眼中是同一種東西
 * （傳奇樂章風格的表單頁），共用同一份欄位框／蠟封送出鈕／標題排版。
 * 這裡只放登入獨有的兩件事：記住我那一列、底下的兩個輔助連結。
 *
 * 加新規則前先問：這條是不是註冊頁也該有？是的話寫進 srg-register.css，
 * 不要在這裡複製一份 —— 兩份會漂移，症狀是「登入頁和註冊頁看起來不像同一個站」。
 * ============================================================ */

/* 登入表單比註冊表單短很多，撐開到註冊頁那個高度會讓兩顆欄位飄在正中間。 */
.srg-login .srg-register-form {
	max-width: 420px;
}

/* ---- 記住我 ---- */
.srg-login-remember {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: -2px 0 2px;
	font-family: var(--mh-sans, "Nunito", "PingFang TC", "Noto Sans TC", sans-serif);
	font-size: 13px;
	color: var(--mh-on-surface-variant, #45483d);
	cursor: pointer;
	user-select: none;
}
.srg-login-remember input {
	width: 16px;
	height: 16px;
	margin: 0;
	flex: 0 0 auto;
	accent-color: var(--mh-primary, #455529);
	cursor: pointer;
}

/* ---- 「還沒有帳號」與「忘記密碼」 ---- */
.srg-login-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px 18px;
}

/* ---------------- 重設密碼頁（[sight_read_reset]） ----------------
   與登入／註冊頁同一種表單頁，所以只補這一頁多出來的兩塊：
   成功卡與說明句。錯誤卡沿用 .srg-register-error。 */

/* 成功卡。刻意與錯誤卡同一種形狀、只換顏色 ——
   兩者出現在同一個位置，形狀一致才不會讓畫面在成功時跳動。 */
.srg-register-ok {
	background: var(--mh-success-container, #d7e8c8);
	color: var(--mh-on-success-container, #1d3a12);
	padding: 10px 14px;
	border-radius: var(--mh-radius, .125rem);
	font-family: var(--mh-sans, "Nunito", "PingFang TC", "Noto Sans TC", sans-serif);
	font-size: 13px;
	letter-spacing: .02em;
	line-height: 1.5;
}

/* 表單上方那一句說明（「輸入你的電子郵件…」）。 */
.srg-register-lead {
	font-family: var(--mh-sans, "Nunito", "PingFang TC", "Noto Sans TC", sans-serif);
	font-size: 14px;
	line-height: 1.6;
	opacity: .85;
	margin: 0 0 4px;
}