/* Credential and personal-cabinet additions. Kept separate from the established
   PWA foundation so account flows stay readable in both themes. */
.portal-card {
  margin: 14px 0;
  padding: 15px;
  border: 1px solid color-mix(in srgb, var(--line, #26324a) 82%, #49c992);
  border-radius: 16px;
  background: color-mix(in srgb, var(--card, #121b2d) 92%, #49c992);
}
.portal-card__title { font-weight: 750; font-size: 15px; }
.portal-card p { margin: 7px 0 12px; line-height: 1.45; color: var(--muted, #9eabc0); }
.portal-note {
  margin: 14px 0 0;
  padding: 10px 12px;
  border-left: 3px solid #49c992;
  border-radius: 0 10px 10px 0;
  background: rgba(73, 201, 146, .10);
  color: var(--muted, #9eabc0);
  font-size: 14px;
  line-height: 1.45;
}
[data-role="pf-connections"] .pf-row__v { max-width: 62%; }
[data-role="telegram-toggle"] { margin-top: 10px; }
@media (min-width: 700px) {
  .screen--entry[data-screen="account-login"],
  .screen--entry[data-screen="change-password"],
  .screen--entry[data-screen="register-device"] { max-width: 480px; margin-inline: auto; }
}