/* =================================
   ZAR RESEARCH PROMPT
   ================================= */

.genebean_guard_input {
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.9rem 3rem;
}


/* textarea */

.genebean_guard_textarea {
  min-height: 60px;

  padding: 0.65rem 0.75rem;

  font-size: 0.9rem;
  line-height: 1.45;

  font-family: inherit;

/*   resize: vertical; */

  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;

  outline: none;

  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}


/* focus state */

.genebean_guard_textarea:focus {
  border-color: rgba(120,160,255,0.6);

  box-shadow: 0 0 0 1px rgba(120,160,255,0.35);
}


/* actions row */

.genebean_guard_actions {
  display: flex;
  justify-content: flex-end;
}


/* submit button */

.genebean_guard_submit {
    right: 5px;
    top: -42px;
    position: relative;
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    border-radius: 999px;
    /* border: 1px solid rgba(255,255,255,0.18); */
    cursor: pointer;
    transition: transform 0.08s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}


/* hover */

.genebean_guard_submit:hover {
  border-color: rgba(140,170,255,0.6);
}


/* click */

.genebean_guard_submit:active {
  transform: translateY(1px);
}


/* placeholder */

.genebean_guard_textarea::placeholder {
  opacity: 0.55;
}
.genebean_guard_textarea::placeholder {
  color: rgba(255, 255, 255, 0.45); /* 👈 visible but subtle */
  opacity: 1; /* 🔑 required for Firefox */
}
.genebean_guard_textarea {
  color: #e5e7eb; /* main text */
}

.genebean_guard_textarea::placeholder {
  color: rgba(160, 170, 200, 0.5);
  transition: opacity 0.2s ease;
}

/* Fade placeholder on focus */
.genebean_guard_textarea:focus::placeholder {
  opacity: 0.25;
}