﻿/* 152: forgot_pwd presentation only. All rules stay inside this child page. */
@media screen {
 body.chief-workspace.chief-forgot {margin:0;background:#fbfdfc;color:#344c41;font:16px/1.6 "Microsoft JhengHei",system-ui,sans-serif;}
 body.chief-forgot #form1 {margin:0;}
 body.chief-forgot .forgot-content {box-sizing:border-box;width:100%;max-width:460px;margin:24px auto;padding:0 16px;}
 body.chief-forgot .forgot-card {box-sizing:border-box;width:100%;padding:24px;border:1px solid #dce6ed;border-radius:20px;background:#fff;box-shadow:0 8px 28px #3354690d;text-align:left;}
 body.chief-forgot #forgot-title {margin:0 0 10px;color:#356d58;font-size:22px;font-weight:600;line-height:1.5;}
 body.chief-forgot .forgot-help {margin:0 0 24px;color:#6b8077;font-size:16px;line-height:1.7;overflow-wrap:anywhere;}
 body.chief-forgot .forgot-label {display:block;margin:0 0 8px;color:#526d61;font-size:16px;line-height:1.5;}
 body.chief-workspace.chief-forgot .pwd_textbox {display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;margin:0;padding:12px 14px !important;border:1px solid #d5e5ed !important;border-radius:12px !important;background:#f2f8fb !important;color:#344c41 !important;font:400 16px/1.5 "Microsoft JhengHei",system-ui,sans-serif !important;box-shadow:0 1px 2px #244c3510;text-align:left;}
 body.chief-workspace.chief-forgot .pwd_textbox::placeholder {color:#80948c;opacity:1;}
 body.chief-forgot .pwd_btn {display:block;box-sizing:border-box;width:100%;min-height:48px;margin:20px 0 0;padding:12px 18px;border:1px solid #cfe2d8;border-radius:12px;background:#e4f3ec;color:#356d58;font:500 16px/1.5 "Microsoft JhengHei",system-ui,sans-serif;box-shadow:none;cursor:pointer;-webkit-appearance:none;}
 body.chief-forgot .pwd_btn:hover:not(:disabled) {background:#d9ede2;}
 body.chief-forgot :is(.pwd_textbox,.pwd_btn,#re_signin,#ResetLogin):focus-visible {outline:3px solid #bcdccc;outline-offset:3px;}
 body.chief-forgot .pwd_btn:disabled {background:#eef3f0;color:#819289;border-color:#e0e8e3;cursor:default;}
 body.chief-forgot .forgot-status {margin:0;font-size:16px;line-height:1.7;overflow-wrap:anywhere;}
 body.chief-forgot .reset-status {display:block;height:auto;min-height:0;margin:16px 0 0;padding:0;line-height:1.7 !important;white-space:normal;overflow-wrap:anywhere;}
 body.chief-forgot #ResetStatus {display:block;height:auto;margin:0;padding:0;font-size:16px;line-height:1.7 !important;white-space:normal;overflow-wrap:anywhere;}
 body.chief-forgot #msg:empty {display:none;}
 body.chief-forgot #msg:not(:empty) {display:block;margin-top:16px;}
 body.chief-forgot #re_signin, body.chief-forgot #ResetLogin {display:block;box-sizing:border-box;width:100%;margin-top:16px;padding:12px 16px;border:1px solid #d5e5ed;border-radius:12px;background:#eaf4fb;color:#456f85;text-decoration:none;text-align:center;}
 body.chief-forgot #re_signin:hover, body.chief-forgot #ResetLogin:hover {background:#dfeef8;}
 @media (max-width:600px) {
  body.chief-forgot .forgot-content {margin:20px auto;}
  body.chief-forgot .forgot-card {padding:20px;}
 }
}

/* UI171: only the invalid reset-link message is reduced. */
@media screen {
 body.chief-forgot #ResetPanel.reset-link-invalid #ResetTitle {font-size:24.64px;}
 body.chief-forgot #ResetPanel.reset-link-invalid #ResetStatus {font-size:14.4px;}
}
@media screen and (max-width:1000px) {
 body.chief-forgot #ResetPanel.reset-link-invalid #ResetTitle {font-size:22.4px;}
}
