.op-card{padding:22px;margin:0 0 22px;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 5px 20px #00000004}
.op-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.op-mode,.op-note,.op-stamp{color:var(--ink-3);font-size:12px}.op-top h3{font-size:16px;margin:7px 0}.op-value{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-deep)}
.op-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.op-metrics div{padding:11px;background:var(--bg);border-radius:10px}.op-metrics span{display:block;font-size:12px;color:var(--ink-3)}.op-metrics b{display:block;margin-top:5px;font-size:16px;font-variant-numeric:tabular-nums}.op-note{line-height:1.9}.op-warning{padding:12px;border-radius:9px;background:var(--gold-tint);color:var(--ink);margin:12px 0;font-size:13px}
.op-details{margin-top:15px;border-top:1px solid var(--line);padding-top:13px}.op-details summary{cursor:pointer;font-weight:700}.op-scroll{overflow-x:auto;max-width:100%;margin-top:12px}.op-scroll table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right;font-size:12px}.op-scroll th,.op-scroll td{padding:10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.op-scroll th{background:var(--bg)}.op-scroll small{display:block;color:var(--ink-3)}
.op-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px;flex-wrap:wrap}.op-footer button{font-family:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:7px 14px;border-radius:9px;cursor:pointer}.op-footer button:disabled{opacity:.5;cursor:wait}
@media(max-width:680px){.op-card{padding:16px}.op-value{font-size:29px}.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.op-metrics b{font-size:14px}}