/* Toasty sdílené všemi stránkami (toast.js). Vlastní animace slideIn, do Win11 fade
   selektorů (#43) nepatří. Stránka smí přepsat jen kontejner (z-index, posun u slideoutu). */
.toast-container { position: fixed; bottom: 24px; right: 24px; display: flex; flex-direction: column; gap: 8px; z-index: 1000; max-width: 420px; }
/* Mobil: kontejner přes šířku s okrajem 12px, jinak se 420px toast na 375px viewportu nalepí na levou hranu. */
@media (max-width: 600px) {
  .toast-container { left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); max-width: none; }
}
.toast { display: flex; align-items: flex-start; gap: 10px; padding: 13px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; animation: slideIn 0.2s ease; box-shadow: var(--shadow-md); cursor: pointer; word-break: break-word; transition: opacity 0.2s; }
@keyframes slideIn { from { transform: translateX(16px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .toast { animation: none; } }
.toast.success { background: #f0faf4; border: 1px solid #86efac; color: var(--success); }
.toast.error { background: #fff5f5; border: 1px solid #fca5a5; color: var(--danger); }
.toast.info { background: #eff6ff; border: 1px solid #93c5fd; color: #1d4ed8; }
.toast.warning { background: #fef3c7; border: 1px solid #ffd58d; color: #b45309; }
.toast-icon { flex-shrink: 0; margin-top: 1px; }
.toast-body { flex: 1; min-width: 0; }
.toast-title { font-weight: 600; line-height: 1.4; white-space: pre-line; }
.toast-code { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-family: 'Courier New', monospace; font-weight: 700; letter-spacing: 0.3px; }
.toast.error .toast-code { background: #fee2e2; color: #b91c1c; }
.toast.success .toast-code { background: #dcfce7; color: #15803d; }
.toast.info .toast-code { background: #dbeafe; color: #1d4ed8; }
.toast.warning .toast-code { background: #fde68a; color: #92400e; }
.toast-meaning { margin-top: 5px; font-size: 12px; font-weight: 400; opacity: 0.85; line-height: 1.4; }
.toast-meta-title { font-weight: 600; }
.toast-items { margin: 6px 0 0; padding-left: 18px; font-size: 12px; font-weight: 400; line-height: 1.45; max-height: 40vh; overflow-y: auto; }
.toast-items li + li { margin-top: 3px; }
.toast-copy { display: block; margin-top: 6px; padding: 0; border: none; background: none; color: inherit; font: inherit; font-size: 11px; font-weight: 600; opacity: 0.7; text-decoration: underline; cursor: pointer; }
.toast-copy:hover { opacity: 1; }