main { max-width: 820px; margin: auto; padding: 32px 20px 64px; }
h1 { margin: 12px 0 24px; } aside { margin: 24px 0; padding: 18px; background: var(--surface-inset); border-left: 5px solid var(--warning); }
main section { margin: 32px 0; padding: 24px; background: var(--surface); border: 1px solid var(--border-subtle); border-radius: var(--radius); }
fieldset { border: 0; margin: 0; padding: 0; min-width: 0; } legend, label { font-weight: 700; } label { display: block; margin-top: 18px; }
input, textarea, select { width: 100%; } textarea { resize: vertical; } small, .hint { font-size: .85rem; color: var(--muted); } small { display: block; }
main button { margin-top: 20px; } #clear, #cancel, #edit { background: var(--surface-inset); color: var(--text); border-color: var(--border); }
.eyebrow { font-weight: 700; color: var(--link); font-size: .85rem; } #receipt { border-top: 2px solid var(--accent); margin-top: 24px; padding-top: 8px; }
#receipt-status, #lookup-status, #send-status { white-space: pre-wrap; overflow-wrap: anywhere; }
.check { display: flex; align-items: flex-start; gap: 12px; } .check input { width: 24px; min-width: 24px; height: 24px; } progress { width: 100%; margin-top: 20px; accent-color: var(--accent); }
#revision-status { overflow-wrap: anywhere; border-left: 4px solid var(--warning); padding: 12px; background: var(--surface-inset); }
@media(max-width:430px) { main { padding: 24px 16px; } main section { padding: 16px; } }

#clear:hover, #cancel:hover, #edit:hover { background: var(--surface-raised); color: var(--heading); border-color: var(--border); }