.oc-page{max-width:1320px;margin:0 auto;padding:2.5rem 1.5rem 6rem}.oc-hd{margin-bottom:1.2rem}.oc-hd h1{color:#fff;margin:0 0 .25rem;font-size:1.75rem;font-weight:650}.oc-hd p{color:var(--muted);margin:0;font-size:.88rem}.oc-back{color:var(--accent);margin-bottom:.7rem;font-size:.78rem;text-decoration:none;display:inline-block}.oc-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0;display:grid}.oc-stats div,.oc-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.85rem 1rem}.oc-stats span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;display:block}.oc-stats strong{color:#fff;margin-top:.15rem;font-size:1.35rem;display:block}.oc-filters{grid-template-columns:minmax(220px,1fr) 160px minmax(180px,260px) auto auto;gap:.55rem;margin:1rem 0;display:grid}.oc-filters input,.oc-filters select{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:.5rem .65rem;font-size:.82rem}.oc-filters button,.oc-clear{color:var(--accent);cursor:pointer;background:#00d4aa1a;border:1px solid #00d4aa59;border-radius:6px;padding:.5rem .8rem;font-size:.78rem;font-weight:700;text-decoration:none}.oc-clear{color:var(--muted);background:#94a3b80f;border-color:#94a3b840;align-items:center;display:inline-flex}.oc-sync{color:var(--muted);font-family:var(--mono);margin:.7rem 0;font-size:.72rem}.oc-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:auto}.oc-table{border-collapse:collapse;width:100%;font-size:.78rem}.oc-table th{background:var(--surface2);color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:0;font-size:.66rem}.oc-sort{color:var(--muted);align-items:center;gap:.3em;width:100%;padding:.62rem .75rem;text-decoration:none;transition:color .12s;display:flex}.oc-sort:hover{color:var(--text)}.oc-sort-on,.oc-sort-on:hover{color:var(--accent)}.oc-sort-idle{opacity:.35}.oc-table td{vertical-align:top;border-bottom:1px solid #2a3040a6;padding:.62rem .75rem}.oc-table tr:last-child td{border-bottom:0}.oc-main-link{color:#dff8ff;font-weight:700;text-decoration:none}.oc-main-link:hover{text-underline-offset:3px;text-decoration:underline}.oc-muted{color:var(--muted);margin-top:.15rem;font-size:.72rem;line-height:1.45}.oc-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.14rem .5rem;font-size:.62rem;font-weight:800;display:inline-flex}.oc-pill.on{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.oc-pill.off{color:#94a3b8;background:#94a3b814;border:1px solid #94a3b838}.oc-table code,.oc-panel code{font-family:var(--mono);color:#a8c0e8;word-break:break-all;font-size:.7rem}.oc-empty{text-align:center;color:var(--muted);padding:2rem!important}.oc-pager{flex-direction:column;gap:.55rem;margin-top:1.25rem;display:flex}.oc-pager-info{color:var(--muted);font-family:var(--mono);font-size:.72rem}.oc-pager-nav{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.oc-pg{border:1px solid var(--border);background:var(--surface);min-width:2rem;height:2rem;color:var(--text);font-family:var(--mono);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0 .55rem;font-size:.76rem;text-decoration:none;transition:border-color .12s,color .12s;display:inline-flex}.oc-pg:hover{border-color:var(--accent);color:var(--accent)}.oc-pg-active{border-color:var(--accent);color:var(--accent);cursor:default;font-weight:700}.oc-pg-arrow{color:var(--muted);padding:0 .75rem}.oc-pg-arrow[aria-disabled]{opacity:.35;cursor:default;pointer-events:none}.oc-pg-dots{color:var(--muted);cursor:default;background:0 0;border:none;min-width:1.25rem}.oc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0;display:grid}.oc-panel h2{color:#fff;margin:0 0 .7rem;font-size:.92rem}.oc-panel dl{grid-template-columns:120px minmax(0,1fr);gap:.35rem .75rem;margin:0;display:grid}.oc-panel dt{color:var(--muted);font-family:var(--mono);font-size:.68rem}.oc-panel dd{color:var(--text);overflow-wrap:anywhere;margin:0}.oc-raw{margin-top:.85rem}.oc-raw pre{color:#c8d4e0;max-height:520px;font-family:var(--mono);white-space:pre-wrap;margin:0;font-size:.72rem;line-height:1.55;overflow:auto}@media (width<=760px){.oc-page{padding:1.5rem 1rem 4rem}.oc-stats,.oc-detail-grid,.oc-filters,.oc-panel dl{grid-template-columns:1fr}}
