.ops-control-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ops-button--danger { background: var(--ops-coral); }
.ops-button:disabled { cursor: not-allowed; opacity: .55; text-decoration: none; }
.ops-form { display: grid; gap: 12px; max-width: 780px; padding: 14px; border: 4px solid var(--ops-ink); background: #fff; }
.ops-form label { display: grid; gap: 6px; font-weight: 900; }
.ops-form input, .ops-form textarea { width: 100%; min-height: 48px; border: 4px solid var(--ops-ink); border-radius: 0; background: var(--ops-panel); color: var(--ops-ink); padding: 9px; font: inherit; }
.ops-form textarea { min-height: 100px; resize: vertical; }
.ops-form input:focus-visible, .ops-form textarea:focus-visible { outline: 4px solid #005fcc; outline-offset: 3px; }
.ops-support-output { display: grid; gap: 10px; }
.ops-support-output:not(:empty) { padding: 14px; border: 4px solid var(--ops-ink); background: var(--ops-neutral); }
.ops-support-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; }
.ops-support-item { display: grid; gap: 4px; padding: 9px; border: 3px solid var(--ops-ink); background: #fff; }
@media (max-width: 520px) { .ops-control-actions { align-items: stretch; flex-direction: column; } .ops-control-actions .ops-button { width: 100%; } }