/* Плашки внизу экрана: крестик, кнопки «Открыть» и «Удалить» (takesbox.js) */
.toast { display: flex; align-items: center; gap: 12px; max-width: min(760px, calc(100vw - 32px)); padding: 8px 8px 8px 18px; }
.toast[hidden] { display: none; }
.toast .toast-msg { flex: 1 1 auto; min-width: 0; line-height: 1.35; }
.toast .toast-go {
  flex: none; padding: 5px 12px; border-radius: 999px; font-weight: 600; font-size: .9em;
  background: var(--ink); color: var(--text); white-space: nowrap;
}
.toast .toast-x {
  flex: none; width: 28px; height: 28px; border-radius: 50%; border: 0; padding: 0;
  background: transparent; color: inherit; opacity: .55; font-size: 20px; line-height: 1; cursor: pointer;
}
.toast .toast-x:hover { opacity: 1; background: rgba(0, 0, 0, .08); }
.toast .toast-del, .toast .toast-no {
  flex: none; padding: 5px 12px; border-radius: 999px; font: inherit; font-weight: 600; font-size: .9em;
  white-space: nowrap; cursor: pointer; background: transparent; color: #c0392b; border: 1.5px solid currentColor;
}
.toast .toast-del:hover { background: rgba(192, 57, 43, .1); }
.toast .toast-del-yes { background: #c0392b; color: #fff; border-color: #c0392b; }
.toast .toast-del-yes:hover { background: #a93226; }
.toast .toast-no { color: inherit; border-color: rgba(0, 0, 0, .25); }
.toast .toast-no:hover { background: rgba(0, 0, 0, .08); }
.toast.toast-link { cursor: pointer; }
.toast.toast-link:hover .toast-go { filter: brightness(1.25); }

@media (max-width: 560px) {
  .toast { left: 16px; right: 16px; transform: none; max-width: none; }
}