/* 登入頁專用樣式：疊在 base.css 之上，只用既有的色票、字型、圓角 */
.pg{padding-bottom:32px}
body.noDock{padding-bottom:32px}

/* 登入吊牌 */
.brand{display:grid;justify-items:center;gap:8px;margin-top:40px;text-align:center}
.brand .tag-art{width:88px;height:112px;display:block;transform:rotate(-3deg)}
.brand h1{font:400 32px/1.3 var(--font-hand)}

/* 表單欄位：標籤在上 */
.fa{display:grid;gap:4px}
.fa>label{color:var(--ink-2)}
.fa .in{min-height:48px}
.fa .help{color:var(--ink-3)}
.fa.bad .in{border-color:var(--brick);box-shadow:inset 0 0 0 1px var(--brick)}
.fa.bad .help{color:var(--brick)}
.pw{position:relative}
.pw .in{padding-right:48px}
.pw .eye{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink-3)}

/* 提示條 */
.alert{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:8px;border:1px solid var(--hair)}
.alert .ic{margin-top:2px}
.alert b{font-weight:400;display:block}
.alert.bad{background:var(--brick-soft);color:var(--brick);border-color:rgba(184,58,38,.35)}
.alert.bad span{color:var(--ink-2)}
.alert.plain{background:var(--paper)}
.alert.plain .ic{color:var(--ink-3)}
.alert.plain span{color:var(--ink-2)}

.go[aria-disabled=true]{opacity:.6}
.link-quiet{display:flex;align-items:center;justify-content:center;color:var(--ink-3);text-decoration:underline}
.fine{color:var(--ink-3);text-align:center}

/* 寬螢幕：維持手機寬度的一欄，放在紙色桌面上 */
@media (min-width:600px){
  body{box-shadow:0 0 0 1px var(--hair),0 4px 16px rgba(47,42,36,.12)}
  .brand{margin-top:56px}
}