/* Layout umum form Tanya */
.grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
@media (max-width:820px){
  .grid2{ grid-template-columns:1fr; }
}

/* Elemen full-row */
.span-2{ grid-column:1 / -1; }

/* Field */
.fld{ display:flex; flex-direction:column; gap:6px; }
.fld > span{ font-size:13px; color:var(--muted); }

/* Input/textarea selaras tema terang */
#frmAsk input,
#frmAsk select,
#frmAsk textarea{
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card);
  color:var(--fg);
  box-shadow:none;
}
#frmAsk input::placeholder,
#frmAsk textarea::placeholder{ color:var(--muted); }

/* Focus ring nyaman */
#frmAsk input:focus-visible,
#frmAsk select:focus-visible,
#frmAsk textarea:focus-visible{
  outline:none;
  border-color: color-mix(in oklab, var(--brand) 35%, var(--line));
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--brand) 18%, transparent);
}

#frmAsk textarea{ min-height:180px; resize:vertical; }

/* Baris tombol */
#frmAsk .row{ display:flex; gap:8px; flex-wrap:wrap; }

/* (Opsional) tombol jika tidak pakai base .btn dari universal */
#frmAsk button, #frmAsk .btn{
  background:var(--card);
  color:var(--fg);
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  font-weight:700;
  cursor:pointer;
}
#frmAsk button:hover, #frmAsk .btn:hover{
  background: color-mix(in oklab, var(--brand) 8%, var(--card));
  border-color: color-mix(in oklab, var(--brand) 25%, var(--line));
}
#frmAsk button:disabled, #frmAsk .btn:disabled{
  opacity:.6; cursor:not-allowed;
}

/* (Opsional) state validasi */
#frmAsk .is-error{
  border-color: color-mix(in oklab, var(--bad) 40%, var(--line)) !important;
  background: color-mix(in oklab, var(--bad) 8%, var(--card));
}
#frmAsk .is-ok{
  border-color: color-mix(in oklab, var(--ok) 40%, var(--line)) !important;
  background: color-mix(in oklab, var(--ok) 8%, var(--card));
}