/* Só o que o CSS compilado do Sight não traz: avisos, tabelas do admin. */
.ps-toasts { position: fixed; z-index: 300; left: 50%; bottom: calc(5rem + env(safe-area-inset-bottom)); transform: translateX(-50%); display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; }
@media (min-width: 64rem) { .ps-toasts { bottom: 24px; } }
.ps-toast { pointer-events: auto; display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 14px; background: #1f1f1f; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: .01em; box-shadow: 0 16px 48px rgba(0,0,0,.5); max-width: 92vw; animation: ps-in .22s cubic-bezier(.2,.9,.3,1); transition: opacity .25s, transform .25s; }
.ps-toast.out { opacity: 0; transform: translateY(6px); }
@keyframes ps-in { from { opacity: 0; transform: translateY(8px) scale(.98); } }
.ps-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ps-table th { text-align: left; font-weight: 500; color: #737373; font-size: 12px; padding: 8px 10px; }
.ps-table td { padding: 10px; border-top: 1px solid rgba(255,255,255,.06); color: #e5e5e5; vertical-align: middle; }
.ps-table .r { text-align: right; }
.ps-prose p, .ps-prose li { color: #a3a3a3; line-height: 1.7; font-size: 15px; font-weight: 500; }
.ps-prose h2 { color: #fff; font-size: 17px; font-weight: 600; margin: 28px 0 6px; letter-spacing: -0.01em; }
.ps-prose code { font-size: 13px; background: rgba(255,255,255,.06); padding: 2px 6px; border-radius: 6px; color: #fff; word-break: break-all; }
.ps-prose a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.25); text-underline-offset: 3px; }

/* Utilitários Tailwind usados aqui que o build do Sight não incluía (mesmos valores). */
.bg-neutral-600 { background-color: #525252; }
.col-span-full { grid-column: 1 / -1; }
.inline-block { display: inline-block; }
.p-3 { padding: .75rem; }
.pl-1\.5 { padding-left: .375rem; }
.pl-12 { padding-left: 3rem; }
.pr-3 { padding-right: .75rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.pt-14 { padding-top: 3.5rem; }
.hover\:bg-primary-green\/25:hover { background-color: color-mix(in oklab, var(--primary-green) 25%, transparent); }
.disabled\:bg-white\/15:disabled { background-color: rgba(255,255,255,.15); }
.disabled\:text-white\/35:disabled { color: rgba(255,255,255,.35); }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.size-16 { width: 4rem; height: 4rem; }
@media (min-width: 40rem) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }