[data-doku-notice], [data-doku-notice-group] { display: none !important; }
.doku-toasts { position: fixed; inset: 80px 20px auto auto; z-index: 11000; width: min(390px, calc(100vw - 32px)); display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.doku-toast { --toast-accent: #2563eb; position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 16px 42px 18px 16px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; color: #24324b; box-shadow: 0 12px 36px #0f172a20; font: 14px/1.5 Inter, Arial, sans-serif; overflow: hidden; pointer-events: auto; animation: doku-toast-in .22s ease-out; }
.doku-toast[data-type="success"] { --toast-accent: #059669; }
.doku-toast[data-type="warning"] { --toast-accent: #d97706; }
.doku-toast[data-type="error"] { --toast-accent: #dc2626; }
.doku-toast-icon { flex: 0 0 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: var(--toast-accent); background: color-mix(in srgb, var(--toast-accent) 10%, white); font-weight: 700; }
.doku-toast-body { min-width: 0; overflow-wrap: anywhere; padding-top: 3px; }
.doku-toast-body a { color: #2563eb; text-decoration: underline; }
.doku-toast-close { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: #64748b; font: 22px/1 Arial, sans-serif; cursor: pointer; }
.doku-toast-close:hover { background: #f1f5f9; }
.doku-toast-close:focus-visible { outline: 2px solid var(--toast-accent); }
.doku-toast-progress { position: absolute; inset: auto 0 0; height: 3px; background: var(--toast-accent); transform-origin: left; animation: doku-toast-progress linear forwards; }
.doku-toast.is-paused .doku-toast-progress { animation-play-state: paused; }
.doku-toast.is-leaving { opacity: 0; transform: translateY(8px); transition: opacity .18s, transform .18s; }
@keyframes doku-toast-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes doku-toast-progress { to { transform: scaleX(0); } }
@media (max-width: 600px) { .doku-toasts { right: 16px; top: max(72px, env(safe-area-inset-top)); } }
@media (prefers-reduced-motion: reduce) { .doku-toast { animation: none; } .doku-toast.is-leaving { transition: none; } .doku-toast-progress { animation: none; display: none; } }
@media print { .doku-toasts { display: none !important; } }