body { margin: 0; background: var(--bua-bg); color: var(--bua-text); font-family: var(--font-body); font-size:13.5px; line-height:1.5; }
.operation-shell { max-width: 1200px; margin-inline: auto; padding: clamp(1rem, 3vw, 2.5rem); }
.operation-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-block-end: 1.5rem; }
.operation-header h1 { margin-block: .3rem; font-size:22px; font-weight:600; letter-spacing:-.02em; }
.operation-header img { object-fit: contain; flex-shrink: 0; }
.operation-card { padding: clamp(1rem, 3vw, 1.5rem); margin-block: 1rem; border: 1px solid var(--bua-line); border-radius: var(--bua-radius-lg); background: var(--bua-panel); min-width: 0; }
.operation-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 1rem; }
.operation-grid > .operation-card { margin: 0; }
.operation-form { display: grid; gap: 1rem; }
.operation-toolbar, .operation-actions { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin-block: 1rem; }
.operation-toolbar > label { flex: 1 1 160px; }
.operation-shell label { display: grid; gap: .4rem; font-weight: 500; }
.operation-shell input, .operation-shell select, .operation-shell textarea { box-sizing: border-box; width: 100%; min-height: 48px; padding: .65rem .8rem; border: 1px solid var(--bua-line); border-radius: var(--bua-radius-md); background: var(--bua-bg); color: var(--bua-text); font: inherit; }
.operation-shell input[type="checkbox"] { width: 22px; min-height: 22px; }
.operation-shell textarea { resize: vertical; min-height: 100px; }
.operation-shell button, .operation-button { min-height: 48px; border: 1px solid var(--bua-action); border-radius: var(--bua-radius-md); padding: .65rem 1rem; background: var(--bua-surface); color: var(--bua-action); font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
.operation-shell button:disabled { opacity: .55; cursor: default; }
.operation-shell a { color: var(--bua-action); }
.operation-shell a.operation-button { color: var(--bua-action); }
.operation-table-wrap { overflow-x: auto; max-width: 100%; border: 1px solid var(--bua-line); border-radius: var(--bua-radius-md); }
.operation-table { width: 100%; border-collapse: collapse; }
.operation-table th, .operation-table td { padding: .75rem; text-align: start; border-block-end: 1px solid var(--bua-line); vertical-align: top; overflow-wrap: anywhere; }
.operation-table th { font: 650 .8rem var(--font-data); color: var(--bua-muted); }
.operation-notice { padding: 1rem; border: 1px solid var(--bua-line); border-radius: var(--bua-radius-md); background: var(--bua-surface-subtle); overflow-wrap: anywhere; }
.operation-muted { color: var(--bua-muted); }
.operation-shell code { font-family: var(--font-data); overflow-wrap: anywhere; }
.operation-shell dt { color: var(--bua-muted); margin-block-start: .8rem; }
.operation-shell dd { margin: .3rem 0 .8rem; overflow-wrap: anywhere; }
.operation-shell :focus-visible { outline: 2px solid var(--bua-action); outline-offset: 3px; }
.operation-shell [hidden], [hidden] { display: none !important; }
.audit-hash { display: block; max-width: 48ch; overflow-wrap: anywhere; }
@media (max-width: 600px) { .operation-toolbar { align-items: stretch; } .operation-toolbar > label { flex-basis: 100%; } .operation-table { min-width: 640px; } }

/* Only the decision in the currently engaged form receives a filled control. */
.operation-shell form:focus-within button[type="submit"],
.operation-shell dialog[open] button[type="submit"] {background:var(--bua-action); color:var(--bua-action-contrast);}
.operation-shell label:has(input[type="checkbox"]) {min-height:48px; align-content:center;}
.operation-shell h2 {font-size:17px; font-weight:600;}
.operation-shell h3 {font-size:15px; font-weight:600;}
.operation-table {font-variant-numeric:tabular-nums;}