/* Scoped to the exact Mytel OAuth journey; all other BSS pages retain their theme. */
html.mytel-auth body{background:radial-gradient(ellipse at 18% 20%,#f0f7ff 0,transparent 48%),radial-gradient(ellipse at 85% 80%,#f3f0fa 0,transparent 48%),#fafafa!important;color:#202124;min-height:100vh}
.mytel-auth .page_content{padding:0!important}
.mytel-auth .page-card,.mytel-consent .error-page>div{width:100%;max-width:400px!important;margin:0 auto;background:#fff;border:1px solid #e2e2e5!important;border-radius:16px!important;box-shadow:0 16px 48px -16px #20212424,0 2px 8px #20212408!important;padding:32px!important;overflow:hidden}
.mytel-auth section.for-login,.mytel-auth section.for-email-login,.mytel-auth section.for-forgot,.mytel-auth section.for-signup,.mytel-auth section.for-login-with-email-link{padding:48px 20px!important;min-height:90vh;align-content:center}
.mytel-auth .page-card-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px!important}
.mytel-auth .mytel-auth-logo{display:block;width:128px!important;height:auto!important;max-height:none!important;margin:0 auto 24px;object-fit:contain}
.mytel-auth .page-card-head h4,.mytel-consent h4.page-card-head{font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.4px;margin:0}
.mytel-auth .page-card-subtitle{font-size:14px;line-height:21px;color:#686872;margin-top:8px}
.mytel-auth .form-control{border:1px solid #dcdce1!important;background:#fff!important;border-radius:8px!important;min-height:42px;font-size:14px;box-shadow:0 1px 2px #00000006!important}
.mytel-auth .form-label{font-size:13px;font-weight:500;color:#303039;margin-bottom:8px}
.mytel-auth .btn-login,.mytel-auth .btn-forgot,.mytel-consent button.btn-primary{min-height:42px;border-radius:8px;background:#171717!important;color:#fff!important;border:1px solid #171717!important;box-shadow:inset 0 1px 0 #ffffff24,0 1px 2px #0002;font-weight:500;font-size:14px}
.mytel-auth .btn:focus-visible,.mytel-auth input:focus-visible,.mytel-auth a:focus-visible{outline:3px solid #a5b4fc!important;outline-offset:3px}
.mytel-auth .forgot-password-message a,.mytel-auth .sign-up-message a{color:#42424b;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.mytel-auth .mytel-auth-footer{margin:28px -32px -32px;padding:16px;text-align:center;background:#fafafa;border-top:1px solid #ececef;font-size:12px;color:#71717a}
.mytel-auth .login-error-banner{border-radius:8px!important;font-size:13px!important}
.mytel-consent .error-page{max-width:none!important;margin:0!important;padding:48px 20px!important;min-height:90vh;display:flex;align-items:center}
.mytel-consent .details{padding:0!important;text-align:left}
.mytel-consent .portal-section{padding:0!important;margin:20px 0;font-size:14px;line-height:22px;color:#686872;border:0!important}
.mytel-consent .portal-items{border:1px solid #e8e8eb;border-radius:8px;padding:0 16px;background:#fcfcfd}
.mytel-consent .portal-items .portal-section{margin:12px 0;color:#303039;font-weight:500}
.mytel-consent .action-buttons{flex-direction:column!important;gap:12px}
.mytel-consent .action-buttons form,.mytel-consent .action-buttons button{width:100%}
.mytel-consent .action-buttons a{margin:0!important;background:transparent;color:#52525b;min-height:40px;align-content:center}
@media(max-width:440px){.mytel-auth .page-card,.mytel-consent .error-page>div{padding:28px 24px!important;border-radius:12px!important}.mytel-auth .mytel-auth-footer{margin:28px -24px -28px}.mytel-auth section.for-login,.mytel-auth section.for-forgot,.mytel-consent .error-page{padding:32px 16px!important}}
.mytel-consent .portal-container{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:transparent!important}
.mytel-consent h4.page-card-head{border:0!important;padding:0!important;color:#202124!important}