/* tp-auth.css (11/08/2026, new look top-10 item 2): the sign-in card shared by login.aspx and forgot_pass.aspx on TPMasterV2.
   The same rules both pages carried inline since the 10/2026 restyle, kept once here; class names unchanged (auth-*). */
.auth-container { max-width: 460px; margin: 40px auto 72px auto; padding: 0 15px; }
.auth-card { background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01); padding: 40px 32px; }
.auth-card h2 { font-size: 22px; font-weight: 700; color: #0f172a; margin: 0 0 8px; text-transform: none; letter-spacing: 0; }
.auth-card h3 { font-size: 16px; font-weight: 500; color: #334155; margin: 0 0 8px; line-height: 1.5; text-transform: none; }
.auth-header { text-align: center; margin-bottom: 28px; }
.auth-header h1 { font-size: 24px; font-weight: 700; color: #0f172a; margin: 0 0 8px 0; letter-spacing: -0.02em; text-transform: none; line-height: 1.2; }
.auth-header p { color: #64748b; font-size: 14px; margin: 0; line-height: 1.5; }
.auth-form-group { margin-bottom: 20px; text-align: left; }
.auth-form-group label { display: block; font-size: 13px; font-weight: 600; color: #334155; margin-bottom: 6px; }
.auth-input { width: 100%; max-width: 100%; height: 46px; padding: 10px 14px; font-size: 14px; border-radius: 8px; border: 1px solid #cbd5e1; background-color: #f8fafc; color: #1e293b; transition: all 0.2s ease-in-out; box-sizing: border-box; }
.auth-input:focus { outline: none; border-color: #2563eb; background-color: #ffffff; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1); }
.auth-btn-primary, input.auth-btn-primary { width: 100%; height: 48px; border-radius: 8px; background-color: #16a34a; border: none; color: #ffffff; font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; margin-top: 10px; }
.auth-btn-primary:hover, input.auth-btn-primary:hover, .auth-btn-primary:focus { background-color: #15803d; color: #ffffff; }
.auth-btn-primary:active { transform: scale(0.99); }
.auth-btn-primary[disabled], .auth-btn-primary.aspNetDisabled { opacity: .45; cursor: not-allowed; }
.auth-actions { margin-top: 18px; text-align: center; }
.auth-link, .auth-link:visited { font-size: 13px; color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.15s ease; }
.auth-link:hover, .auth-link:focus { color: #1d4ed8; text-decoration: underline; }
.validation-msg { display: block; margin-top: 6px; font-size: 13px; color: #dc2626; font-weight: 500; }
@media (max-width: 479px) { .auth-container { margin-top: 16px; } .auth-card { padding: 24px 18px; } }