/* WormGPT PHP — استایل‌های مکمل (Toast، منوی کشویی، FAQ) */

/* ---------- Toast ---------- */
.toast-stack {
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: min(92vw, 24rem);
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  pointer-events: none;
}
.toast {
  pointer-events: auto;
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  border-radius: 0.75rem;
  border: 1px solid rgb(52 211 153 / 0.3);
  background: oklch(0.15 0.014 165 / 0.97);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 0.875rem 1rem;
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.4);
  animation: toast-in 0.25s ease;
}
.toast.error { border-color: rgb(248 113 113 / 0.35); }
.toast .t-title { font-weight: 800; font-size: 0.875rem; margin-bottom: 0.125rem; }
.toast .t-desc { font-size: 0.75rem; color: var(--muted-foreground); line-height: 1.7; }
.toast .t-close {
  color: var(--muted-foreground);
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0.125rem;
  border-radius: 0.375rem;
  flex-shrink: 0;
}
.toast .t-close:hover { color: var(--foreground); }
@keyframes toast-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}

/* ---------- منوی کشویی عملیات ---------- */
.dd-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 60;
  min-width: 12rem;
  overflow: hidden;
  border-radius: 0.55rem;
  border: 1px solid rgb(255 255 255 / 0.15);
  background: oklch(0.15 0.014 165);
  padding: 0.25rem;
  box-shadow: 0 10px 38px -10px rgb(0 0 0 / 0.35), 0 10px 20px -15px rgb(0 0 0 / 0.2);
}
.dd-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.35rem;
  padding: 0.45rem 0.6rem;
  font-size: 0.85rem;
  text-align: right;
  cursor: pointer;
  background: none;
  border: 0;
  color: inherit;
}
.dd-item:hover { background: rgb(255 255 255 / 0.06); }
.dd-sep { height: 1px; background: rgb(255 255 255 / 0.1); margin: 0.25rem 0; }

/* ---------- FAQ (details/summary) ---------- */
details.faq-item summary { list-style: none; }
details.faq-item summary::-webkit-details-marker { display: none; }
details.faq-item[open] .faq-chev { transform: rotate(180deg); }
.faq-chev { transition: transform 0.2s ease; }
details.faq-item p {
  animation: faq-fade 0.2s ease;
}
@keyframes faq-fade {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: none; }
}

/* ---------- انتخاب متن نمودار ---------- */
svg text { user-select: none; }

/* ---------- input number بدون فلش‌های اضافه ---------- */
#cuMonths { -moz-appearance: textfield; }
#cuMonths::-webkit-outer-spin-button,
#cuMonths::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }