/* toast.css — .tst-*: notifikasi kecil kanan bawah (HP: di atas bottom nav), maks 3, ada tombol aksi (Batalkan) */
/* --fab-space (dari layout.css) = ruang tombol mengambang / bilah Simpan yang menempel → toast muncul di atasnya */
.tst-region{position:fixed;right:20px;bottom:calc(20px + var(--fab-space, 0px));z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;max-width:calc(100vw - 40px)}
.tst-item{pointer-events:auto;display:flex;align-items:center;gap:12px;min-height:48px;max-width:440px;padding:10px 10px 10px 14px;border-radius:14px;background:var(--toast-bg);color:var(--on-brand);box-shadow:var(--sh-2);font-size:var(--fs-sm);font-weight:600;animation:toastIn var(--dur-base) var(--ease-out) both}
.tst-item.is-leaving{animation:toastOut 160ms var(--ease-in) both}
.tst-icon{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--on-brand-soft)}
.tst-success .tst-icon{background:var(--ok)}
.tst-error .tst-icon{background:var(--bad)}
.tst-msg{flex:1;min-width:0;line-height:1.4}
.tst-action{flex:none;min-height:32px;padding:0 10px;border-radius:8px;color:var(--toast-action);font-weight:800;transition:background-color var(--dur-fast)}
.tst-action:hover{background:var(--toast-hover)}
.tst-close{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--toast-muted)}
.tst-close:hover{background:var(--toast-hover)}

@media (max-width:1023px){
  .tst-region{left:12px;right:12px;bottom:calc(var(--bn-h) + 16px + var(--fab-space, 0px) + env(safe-area-inset-bottom));align-items:stretch;max-width:none}
  .tst-item{max-width:none;animation-name:toastInUp}
}
/* Layar sentuh: tombol aksi (Lihat, Batalkan) & tutup ≥ 44px */
@media (max-width:1023px),(pointer:coarse){
  .tst-item{padding:6px 6px 6px 14px}
  .tst-action{min-height:44px;padding:0 12px}
  .tst-close{width:44px;height:44px}
}