.op-shell{max-width:1320px;margin:0 auto}.op-hero{border:1px solid rgba(79,140,255,.28);background:radial-gradient(circle at 92% 0,rgba(79,140,255,.16),transparent 34%),var(--bg-elev-1);border-radius:18px;padding:22px 24px;margin-bottom:14px}.op-kicker{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700}.op-hero h2{font-size:28px;line-height:1.2;margin:8px 0}.op-hero p{color:var(--text-dim);margin:0;line-height:1.7}.op-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.op-pill{font-size:11px;color:var(--text-dim);border:1px solid var(--border);background:var(--bg-elev-2);padding:6px 9px;border-radius:999px}.op-pill.good{color:var(--success);border-color:rgba(63,185,80,.32)}
.op-tabs{display:flex;gap:6px;overflow:auto;padding:4px 0 12px}.op-tab{border:1px solid var(--border);background:var(--bg-elev-1);color:var(--text-dim);padding:9px 13px;border-radius:10px;white-space:nowrap;cursor:pointer}.op-tab.active{background:var(--accent-soft);border-color:rgba(79,140,255,.45);color:#fff}.op-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:14px}.op-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.op-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:16px;padding:17px}.op-card h3{font-size:15px;margin:0 0 12px}.op-card .muted{font-size:12px;color:var(--text-faint);line-height:1.6}.op-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.op-row>*{min-width:0}.op-form{display:grid;gap:10px}.op-form textarea{min-height:92px}.op-form label{font-size:12px;color:var(--text-dim)}.op-list{display:grid;gap:8px}.op-item{border:1px solid var(--border);background:var(--bg-elev-2);border-radius:12px;padding:12px}.op-item-head{display:flex;gap:9px;align-items:flex-start}.op-item-title{font-size:13px;font-weight:650;line-height:1.45;flex:1}.op-meta{font-size:11px;color:var(--text-faint);margin-top:6px;line-height:1.5}.op-score{font-variant-numeric:tabular-nums;color:var(--accent);font-size:12px;font-weight:700}.op-badge{display:inline-flex;border:1px solid var(--border);border-radius:99px;padding:3px 7px;font-size:10px;color:var(--text-dim)}.op-badge.warn{color:#ffcf69;border-color:rgba(255,207,105,.3)}.op-badge.ok{color:var(--success);border-color:rgba(63,185,80,.3)}.op-empty{padding:30px;text-align:center;color:var(--text-faint);border:1px dashed var(--border);border-radius:12px}.op-checks{max-height:350px;overflow:auto;display:grid;gap:6px}.op-check{display:flex;gap:8px;align-items:flex-start;padding:8px;border:1px solid var(--border);border-radius:9px}.op-check input{width:auto;margin-top:3px}.op-table{width:100%;border-collapse:collapse;font-size:12px}.op-table th,.op-table td{text-align:left;padding:9px;border-bottom:1px solid var(--border);vertical-align:top}.op-table th{color:var(--text-faint);font-weight:600}.op-error{color:#ff8f8f;font-size:12px;line-height:1.55}.op-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.op-actions button{font-size:11px;padding:6px 9px}.op-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--text-faint)}
@media(max-width:900px){.op-grid,.op-grid.equal{grid-template-columns:1fr}.op-hero{padding:18px}.op-hero h2{font-size:23px}.op-table{display:block;overflow:auto}}