/* Bug sheet: stacked text cells, honeypot, sent state. Builds on shared/aa.css. */

.desk-grid[hidden] { display: none; }
#bug-form { grid-template-columns: minmax(280px, 380px) 1fr; }
#bug-form .desk-col:first-child .cell-row { grid-template-columns: 84px 1fr; }
#sent { grid-template-columns: minmax(0, 640px); }
@media (max-width: 900px) {
  #bug-form, #sent { grid-template-columns: 1fr; }
}

.cell-row.stack { grid-template-columns: 1fr; }
.cell-row.stack .cell-label { min-height: var(--row-result); border-right: 0; border-bottom: var(--rule-minor); background: var(--band); }
.cell-label .opt { margin-left: auto; font-weight: 500; }
.cell-row textarea {
  display: block;
  width: 100%;
  min-height: 64px;
  padding: var(--s2) var(--s3);
  border: 0;
  background: var(--field);
  color: inherit;
  font: 400 var(--t15)/1.45 var(--f-ui);
  resize: vertical;
}
.cell-row textarea::placeholder { color: var(--ink3); opacity: 0.7; }
.cell-row textarea:focus { outline: 2px solid var(--focus); outline-offset: -2px; }
.cell-row select:invalid { color: var(--ink3); }

.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.msg.ok { --tone: var(--success); --tone-bg: var(--success-bg); color: var(--success); background: var(--success-bg); }
.msg.ok::before { content: "\2713"; }
.msg.ok b { font-weight: 700; }
.sent-actions { display: flex; flex-wrap: wrap; gap: var(--s2); }

#send-btn[aria-busy="true"] { cursor: progress; }