.knt-gif-poll { max-width: 980px; margin: 18px auto; padding: 16px; border: 1px solid rgba(0,0,0,.1); border-radius: 14px; }
.knt-gif-poll-title { margin: 0 0 6px; }
.knt-gif-poll-question { margin: 0 0 14px; opacity: .9; }

.knt-gif-poll-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.knt-gif-option {
  flex: 1 1 180px;
  max-width: 220px;
}



.knt-gif-option input { display:none; }

.knt-gif-card { border: 2px solid rgba(0,0,0,.12); border-radius: 14px; overflow: hidden; background: #fff; transition: transform .08s ease, border-color .12s ease; }
.knt-gif-card img { width: 100%; height: 180px; object-fit: cover; display:block; }
.knt-gif-label { padding: 10px 10px; font-weight: 600; font-size: 14px; }

.knt-gif-option input:checked + .knt-gif-card { border-color: #111; transform: translateY(-1px); }

.knt-gif-text-wrap { margin-top: 14px; }
.knt-gif-text { width: 100%; padding: 10px; border-radius: 12px; border: 1px solid rgba(0,0,0,.18); resize: vertical; }
.knt-gif-required-note { font-size: 12px; opacity: .7; margin-top: 6px; }

.knt-gif-submit { margin-top: 12px; padding: 10px 14px; border-radius: 12px; border: none; cursor: pointer; }
.knt-gif-status { margin-top: 10px; font-weight: 600; }
.knt-gif-status.ok { color: #0a7a2f; }
.knt-gif-status.err { color: #b00020; }
.knt-gif-text {
  background: #3b0d63 !important;   /* darker purple */
  color: #ffffff !important;        /* white text */
  border: 1px solid rgba(255,255,255,.25);
  font-size: 14px;
}

.knt-gif-text::placeholder {
  color: rgba(255,255,255,.6);
}

.knt-gif-text:focus {
  outline: none;
  border-color: #a855f7;
  box-shadow: 0 0 0 2px rgba(168,85,247,.25);
}

/* ===== FORCE TEXTAREA VISIBILITY ===== */

.knt-gif-text {
  background-color: #ffffff !important;
  color: #111111 !important;
  caret-color: #111111 !important;
  border: 2px solid #2a0147 !important;
  font-weight: 500;
}

.knt-gif-text::placeholder {
  color: #777777 !important;
}

.knt-gif-text:focus {
  outline: none !important;
  border-color: #a855f7 !important;
  box-shadow: 0 0 0 3px rgba(168,85,247,.25) !important;
}