/* styles/actions.css — ticket action bar extras (track T4). The bar, buttons,
   note box and confirm box use the prototype classes in styles.css
   (.actionbar, .btn, .note, .confirm); this file only adds the bits the
   prototype did not need: the item field, the confirm's own textarea and
   button row, and the quoted reason. Colours come from the shared tokens. */

.actionbar .hint q { quotes: '"' '"'; color: var(--fg); }
.act-box { margin-top: -8px; }
.act-box .act-item { width: 8em; max-width: 100%; border: 1px solid var(--line); border-radius: 6px; padding: 6px 8px; background: var(--bg); color: var(--fg); font: inherit; }
.act-box textarea { color: var(--fg); font: inherit; }
.act-confirm { margin: -8px 0 16px; }
.act-confirm .act-row { display: flex; gap: 8px; flex-wrap: wrap; }
.act-confirm .act-sub { color: var(--muted); font-size: 12.5px; }
.act-confirm .act-ta { width: 100%; min-height: 54px; border: 1px solid var(--line); border-radius: 6px; padding: 8px; background: var(--bg); color: var(--fg); font: inherit; }
@media (max-width: 480px) {
  .actionbar .btn { flex: 1 1 auto; }
}