.step-views{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:8px}
.step-view{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--line,#123a48);border-radius:999px;background:var(--panel,#04182a);color:var(--tide,#80e2d4);font:500 12px var(--f-mono,monospace);cursor:pointer}
.step-view img{display:block;width:32px;height:16px;object-fit:contain;flex:none}
.step-view:not(:disabled):hover{border-color:var(--tide,#80e2d4);box-shadow:0 0 12px #80e2d426}
.step-view:focus-visible{outline:2px solid var(--tide,#80e2d4);outline-offset:3px}
.step-view:disabled{opacity:.45;cursor:not-allowed}
.step-views-status{flex-basis:100%;font:12px var(--f-body,sans-serif);color:var(--muted,#77a9ae)}
.step-views-status:empty{display:none}

/* user 2026-10-20: no "View" word; six buttons sit flush in an even 3 × 2 grid */
.step-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.step-view{min-width:0;padding:8px 6px;gap:5px;white-space:nowrap}
.step-view span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.step-views-status{grid-column:1/-1}
@media(max-width:420px){.step-view{gap:4px;padding:8px 4px;font-size:11px}.step-view img{width:24px;height:12px}}