/* SHAKO subscriber web login 2026-11-11: same visual language as the panels' login (white card with soft corners and
 * shadow, large blue «تسجيل الدخول»). No Google sign-in here. Visual only. */
.customer-page #login-view.login-card { max-width: 460px; margin-inline: auto; padding: 36px 36px 28px; border-radius: 24px;
  border: 1px solid #e4e8f0; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 16px 40px rgba(16, 24, 40, .08); }
.customer-page #login-view.login-card > .eyebrow,
.customer-page #login-view.login-card > h1,
.customer-page #login-view.login-card > p.muted { text-align: center; }
.customer-page #login-view.login-card > .eyebrow { color: #2563eb; }
.customer-page #login-view #login-form input { min-height: 48px; border-radius: 10px; }
.customer-page #login-view #login-form input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, .28); }
.customer-page #login-view .login-submit { width: 100%; min-height: 48px; margin-top: 4px; border: 0; border-radius: 8px;
  background: #2563eb; color: #fff; font-size: 16px; font-weight: 700; box-shadow: 0 6px 16px rgba(37, 99, 235, .22);
  transition: background-color .15s, box-shadow .15s; }
.customer-page #login-view .login-submit:hover:not(:disabled) { background: #1d4ed8; }
.customer-page #login-view .login-submit:active:not(:disabled) { background: #1e40af; }
.customer-page #login-view .login-submit:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(37, 99, 235, .28); }
.customer-page #login-view .login-submit:disabled { opacity: .75; box-shadow: none; }
.customer-page #login-view .quick-actions .text-button { color: #2563eb; font-weight: 600; }
@media (max-width: 780px) { .customer-page #login-view.login-card { padding: 28px 20px 22px; border-radius: 20px; } }
@media (prefers-reduced-motion: reduce) { .customer-page #login-view .login-submit { transition: none; } }