/* Всплывающие уведомления и окно подтверждения */

.toast-host{
  position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:90;
  display:flex;flex-direction:column;gap:8px;width:min(92vw,540px);pointer-events:none;
}
.toast{
  display:flex;gap:10px;align-items:flex-start;background:#fff;
  border:2px solid var(--line);border-left-width:6px;border-radius:14px;
  padding:12px 14px;box-shadow:0 12px 30px rgba(18,32,63,.22);
  opacity:0;transform:translateY(10px);transition:opacity .2s, transform .2s;
}
.toast.show{opacity:1;transform:translateY(0)}
.toast.ok{border-left-color:var(--green)}
.toast.err{border-left-color:var(--red)}
.toast.info{border-left-color:var(--blue2)}
.toast-icon{font-weight:800;font-size:17px;line-height:1.25}
.toast.ok .toast-icon{color:var(--green)}
.toast.err .toast-icon{color:var(--red)}
.toast.info .toast-icon{color:var(--blue2)}
.toast-text{font-size:15px;line-height:1.35}

.ui-modal{
  position:fixed;inset:0;background:rgba(18,32,63,.5);z-index:95;
  display:flex;align-items:center;justify-content:center;padding:16px;
  opacity:0;transition:opacity .15s;
}
.ui-modal.show{opacity:1}
.confirm-table{width:100%;border-collapse:collapse;margin:8px 0 10px}
.confirm-table th{
  text-align:left;color:var(--muted);font-weight:600;
  padding:9px 10px 9px 0;white-space:nowrap;vertical-align:top;width:38%;
}
.confirm-table td{padding:9px 0;font-weight:600;border-bottom:1px solid var(--line);word-break:break-word}
.confirm-table tr:last-child td{border-bottom:none}
.btn.danger{background:#fff;color:var(--red);border-color:#f3c7c2}
.btn.primary.danger{background:var(--red);color:#fff;border-color:var(--red)}