/* ScrimMate v1.0.0: sign-in legal links and the delete account sheet (global; legal pages load legal.css lazily). */
.sm-auth-legal { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 14px; margin-top: 8px; }
.sm-auth-legal__note { width: 100%; text-align: center; font-size: .76rem; color: var(--on-surface-variant, #a6a8b0); }
.sm-auth-legal button { background: none; border: 0; padding: 4px 2px; color: var(--on-surface-variant, #a6a8b0); font: inherit; font-size: .78rem; text-decoration: underline; text-underline-offset: 3px; min-height: 28px; }
/* Delete account sheet */
.sm-del { display: grid; gap: 12px; }
.sm-del__warn { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border-radius: 12px; background: color-mix(in srgb, var(--error, #ff5b5b) 14%, transparent); border: 1px solid color-mix(in srgb, var(--error, #ff5b5b) 45%, transparent); }
.sm-del__warn b { display: block; }
.sm-del__warn small { color: var(--on-surface-variant, #a6a8b0); line-height: 1.45; }
.sm-del__list { margin: 0; padding-left: 1.1rem; display: grid; gap: 4px; font-size: .86rem; line-height: 1.45; }
.sm-del h4 { margin: 4px 0 0; font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; color: var(--on-surface-variant, #a6a8b0); }
.sm-del__blockers { display: grid; gap: 8px; }
.sm-del__blocker { padding: 10px 12px; border-radius: 10px; background: var(--surface-container-high, #2c2e38); border-left: 3px solid var(--error, #ff5b5b); font-size: .86rem; line-height: 1.45; }
.sm-del .btn.danger { background: #c62828; color: #fff; border-color: transparent; font-weight: 800; }
.sm-del .btn.danger:disabled { opacity: .5; }
.sm-del__note { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--surface-container-high, #2c2e38); font-size: .84rem; line-height: 1.45; color: var(--on-surface-variant, #a6a8b0); }
.sm-del--done { text-align: center; justify-items: center; }
.sm-del--done p { margin: 0; line-height: 1.5; font-size: .92rem; }
.sm-del__ok { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--success, #3ddc84) 18%, transparent); color: var(--success, #3ddc84); animation: smDelPop .42s cubic-bezier(.2,.9,.3,1.3) both; }
.sm-del__ok svg { width: 30px; height: 30px; fill: currentColor; }
@keyframes smDelPop { from { transform: scale(.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .sm-del__ok { animation: none; } }

/* v1.0.7 live chat: only the new bubble animates in; existing bubbles stay put. */
.is-live-new { animation: sm-live-in .26s cubic-bezier(.2,.8,.2,1) both; }
@keyframes sm-live-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .is-live-new { animation: none; } }

/* Admin: deleted-account notice in the user sheet */
.sm-adm-deleted-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px; margin: 4px 0; border-radius: 14px;
  background: color-mix(in srgb, var(--danger, #ef4444) 10%, transparent); border: 1px solid color-mix(in srgb, var(--danger, #ef4444) 30%, transparent); }
.sm-adm-deleted-note svg { flex: none; width: 22px; height: 22px; color: var(--danger, #ef4444); }
.sm-adm-deleted-note span { display: grid; gap: 4px; }
.sm-adm-deleted-note small { color: var(--text-2, #a1a1aa); line-height: 1.45; }