.opc-panel{--opc-ok: var(--color-success);--opc-ok-soft: color-mix(in srgb, var(--color-success) 12%, var(--color-bg));--opc-warn: var(--color-warning);--opc-warn-soft: color-mix(in srgb, var(--color-warning) 12%, var(--color-bg));--opc-error: var(--color-danger);--opc-error-soft: color-mix(in srgb, var(--color-danger) 10%, var(--color-bg));--opc-muted: var(--color-text-muted)}.opc-ip-panel{display:grid;gap:8px}.opc-ip-panel__row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.opc-ip-panel__value{font-family:var(--wc-font-mono);font-size:20px;font-weight:700;word-break:break-all}.opc-ip-panel__note{margin:0;font-size:13px;color:var(--color-text-muted)}.opc-inline-link{appearance:none;border:none;background:none;padding:0;font:inherit;font-size:inherit;color:var(--color-link);text-decoration:underline;cursor:pointer}.opc-ip-panel__cgnat{margin:0;padding:10px 12px;border-radius:var(--wc-radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:13px;color:var(--color-text-secondary)}.opc-ip-panel__cgnat[hidden]{display:none}.opc-mode-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--wc-radius-sm);overflow:hidden;width:fit-content;margin-bottom:20px}.opc-mode-toggle__btn{appearance:none;border:none;border-right:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:13px;font-weight:600;padding:8px 18px;cursor:pointer}.opc-mode-toggle__btn:last-child{border-right:none}.opc-mode-toggle__btn:hover{background:var(--color-surface-alt)}.opc-mode-toggle__btn[aria-pressed=true]{background:var(--color-primary);color:var(--color-text-inverse)}[data-opc-manual][hidden],[data-opc-scan][hidden]{display:none}.opc-manual-form{display:grid;gap:14px;max-width:420px}.opc-chips{display:grid;gap:8px}.opc-chips__row{display:flex;flex-wrap:wrap;gap:8px}.opc-chip{appearance:none;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;font-family:var(--wc-font-mono)}.opc-chip:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}.opc-manual-form__validation{margin:0;color:var(--opc-error);font-weight:650;font-size:13px}.opc-manual-form__validation:empty{display:none}.opc-scan-disclaimer{margin:0 0 16px;padding:10px 12px;border-radius:var(--wc-radius-sm);background:var(--opc-warn-soft);border:1px solid color-mix(in srgb,var(--opc-warn) 25%,transparent);font-size:13px;color:var(--color-text-secondary)}.opc-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:4px}.opc-tier-btn{appearance:none;border:1px solid var(--color-border);border-radius:var(--wc-radius-md);background:var(--color-surface);color:var(--color-text);padding:14px 16px;display:grid;gap:4px;text-align:left;cursor:pointer;font:inherit}.opc-tier-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-alt)}.opc-tier-btn:disabled{opacity:.6;cursor:not-allowed}.opc-tier-btn__name{font-weight:700;font-size:15px}.opc-tier-btn__meta{font-size:12px;color:var(--color-text-muted)}.opc-progress{margin:12px 0 0;display:grid;gap:6px}.opc-progress[hidden]{display:none}.opc-progress-track{position:relative;height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.opc-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:999px;background:var(--color-primary);transition:width .3s ease}.opc-progress-meta{font-size:.82rem;color:var(--color-text-muted)}.opc-results{margin-top:24px}.opc-results[hidden]{display:none}.opc-results__title{margin:0 0 6px;font-size:18px}.opc-results__summary{margin:0 0 14px;color:var(--color-text-secondary);font-size:14px}.opc-results__table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--wc-radius-md)}.opc-results__table{width:100%;border-collapse:collapse;font-size:14px}.opc-results__table th,.opc-results__table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.opc-results__table tr:last-child td{border-bottom:none}.opc-results__table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-surface-alt)}.opc-results__port{font-family:var(--wc-font-mono);font-weight:700;white-space:nowrap}.opc-results__message{color:var(--color-text-secondary);max-width:480px}.opc-badge{display:inline-block;border-radius:var(--wc-radius-sm);padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}.opc-badge--open{color:var(--opc-ok);background:var(--opc-ok-soft)}.opc-badge--closed{color:var(--opc-muted);background:var(--color-surface-alt)}.opc-badge--filtered{color:var(--opc-warn);background:var(--opc-warn-soft)}.opc-badge--error{color:var(--opc-error);background:var(--opc-error-soft)}