/* =====================================================================
   Toast (Figma 945:24879) — light only. Always bottom-centred, stacked (max 3).
   Desktop 392 wide / mobile 361. 16px padding, 12px gap, 8px radius.
   Variants: status (success / info / error) · progress · person · category.
   ===================================================================== */
.toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:140;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}
.toasts .toast{pointer-events:auto;animation:toast-in .32s var(--ease-out,ease) both}
.toasts .toast.is-leaving{animation:toast-out .2s ease forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes toast-out{to{opacity:0;transform:translateY(8px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.toasts .toast,.toasts .toast.is-leaving{animation-duration:.01ms}}

.toast{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--space-12);width:392px;max-width:calc(100vw - 32px);padding:var(--space-16);
  background:var(--surface-default);border:1px solid var(--card-border-default);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.12);color:var(--text-primary)}
.toast__lead{flex:none;display:grid;place-items:center;box-sizing:border-box;width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-default);border:1px solid var(--border-default);overflow:hidden}
.toast__lead svg{width:24px;height:24px;fill:none;stroke:var(--text-primary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.toast__lead--success{background:var(--feedback-success);border-color:var(--feedback-success)}
.toast__lead--info{background:var(--feedback-info);border-color:var(--feedback-info)}
.toast__lead--error{background:var(--feedback-error);border-color:var(--feedback-error)}
.toast__lead--success svg,.toast__lead--info svg,.toast__lead--error svg{stroke:#fff}
.toast__avatar{width:100%;height:100%;object-fit:cover;object-position:top}
.toast--category .toast__lead{border:0;border-radius:var(--radius-sm);overflow:visible;background:none}
.toast__sport{display:block;width:40px;height:40px;max-width:none;flex:none}
.toast__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}
.toast__title{margin:0;font:var(--text-lg);color:var(--text-primary);display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-8)}
.toast__meta{font:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-8);border-left:1px solid var(--border-default)}
.toast__body{margin:0;font:var(--text-sm);color:var(--text-secondary)}
.toast__progress{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-4) 0}
.toast__track{flex:1;height:6px;border-radius:var(--radius-full);background:var(--surface-selected);overflow:hidden}
.toast__track i{display:block;height:100%;border-radius:inherit;background:var(--accent-default);transition:width .3s}
.toast__pct{font:var(--text-xs);color:var(--text-secondary);min-width:28px;text-align:right}
.toast__actions{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-4)}
.toast__actions .btn{height:36px;padding:8px 16px;font-size:12px;line-height:16px}
.toast__x{flex:none;width:32px;height:32px;padding:8px;margin:-4px -4px 0 0}
.toast__x .btn__icon{width:16px;height:16px}
@media (max-width:640px){.toast{width:361px}.toasts{bottom:16px}}