.op-wrap{max-width:1200px;margin:0 auto;padding:20px 16px 60px}.op-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}.op-head h1{font-size:1.5rem;letter-spacing:-.02em}.op-sub{display:block;margin-top:3px;color:var(--muted);font-size:.9rem}.op-summary{display:flex;gap:8px;flex-wrap:wrap}.op-chip{font-size:.78rem;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.op-chip.ok{background:var(--emerald-50);color:var(--emerald-600)}.op-chip.ok,.op-chip.qr{border-color:transparent}.op-chip.qr{background:var(--amber-50);color:var(--amber)}.op-chip.off{background:var(--red-50);color:var(--red);border-color:transparent}.op-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px}.op-card{background:var(--card);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-left:3px solid var(--border-2)}.op-card.problem{border-left-color:var(--red);background:var(--red-50)}.op-card-main{display:flex;align-items:center;gap:10px}.op-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--muted-2)}.op-dot.ok{background:var(--emerald);box-shadow:0 0 0 3px var(--emerald-50)}.op-dot.qr{background:var(--amber);box-shadow:0 0 0 3px var(--amber-50)}.op-dot.off{background:var(--red);box-shadow:0 0 0 3px var(--red-50)}.op-dot.idle{background:var(--muted-2)}.op-id{flex:1 1;min-width:0}.op-name{border:none;background:transparent;padding:0;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;max-width:100%;text-align:left}.op-pencil{color:var(--muted-2);font-size:.78rem;opacity:0;transition:opacity .12s}.op-name:hover .op-pencil{opacity:1}.op-name-input{width:100%;border:1px solid var(--brand);border-radius:7px;padding:4px 8px;font-size:.92rem;font-weight:600;font-family:inherit;outline:none;box-shadow:0 0 0 3px var(--brand-100)}.op-number{font-size:.82rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.op-state{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--surface-2);color:var(--muted)}.op-state.ok{background:var(--emerald-50);color:var(--emerald-600)}.op-state.qr{background:var(--amber-50);color:var(--amber)}.op-state.off{background:var(--red-50);color:var(--red)}.op-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-2);font-size:.74rem;color:var(--muted)}.op-spool.warn{color:var(--amber);font-weight:700}.op-err{color:var(--red);font-weight:600}@media (max-width:560px){.op-list{grid-template-columns:1fr}}