/* Mobile profile layout: prevent narrow word-by-word columns and horizontal clipping. */
.profile-screen,.profile-grid,.profile-head,.account-card{min-width:0}
.profile-head>div:last-child{min-width:0}
.profile-head h2{overflow-wrap:normal!important;word-break:keep-all!important}
.profile-head p{overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:820px){
  .profile-screen{width:100%;max-width:100%;margin:22px auto;padding:0 14px;overflow:visible}
  .profile-head{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:12px!important;row-gap:14px!important;align-items:center!important;width:100%}
  .profile-back{grid-column:1/-1!important;grid-row:1!important;width:max-content}
  .profile-avatar{grid-column:1!important;grid-row:2!important;width:58px!important;height:58px!important}
  .profile-head>div:last-child{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:100%!important}
  .profile-head h2{white-space:nowrap!important;font-size:clamp(24px,8vw,34px)!important;line-height:1.05!important}
  .profile-head p{white-space:normal!important;line-height:1.4!important;max-width:none!important}
  .profile-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:16px!important}
  .profile-paths{grid-column:auto!important}
  .account-card{width:100%!important;max-width:100%!important;overflow:hidden;padding:18px!important}
  .account-security>div{min-width:0;flex-wrap:wrap}
  .account-security>div>span{overflow-wrap:anywhere}
  .account-actions{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .account-actions .link-account{width:100%!important;min-width:0!important;white-space:normal!important;text-align:center!important}
  .usage-facts{grid-template-columns:minmax(0,1fr) auto!important}
  .billing-line,.plan-row{gap:12px;min-width:0}
  .billing-line span,.plan-row span{min-width:0;overflow-wrap:normal}
}
/* Toast contrast must not inherit --ink as its background in dark mode. */
.toast{z-index:10050!important;width:max-content;max-width:min(440px,calc(100vw - 32px));white-space:normal;overflow-wrap:break-word;text-align:left;line-height:1.45;background:#2a2350!important;color:#fff!important;border:1px solid #7462c9;box-shadow:0 12px 35px rgba(0,0,0,.32)}
html[data-theme="dark"] .toast{background:#f3efff!important;color:#201a38!important;border-color:#cfc4ff;box-shadow:0 12px 38px rgba(0,0,0,.55)}
@media(max-width:520px){.toast{bottom:calc(22px + env(safe-area-inset-bottom));font-size:13px;padding:13px 16px}}