.header-inner{max-width:860px;margin:0 auto;padding:20px 22px 16px}

.panel{background:var(--surface);border-radius:var(--r);padding:14px 22px;box-shadow:var(--sh);margin-bottom:18px}
.tab-pills{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.tab-pill{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:6px 14px;border-radius:50px;border:1.5px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;transition:all .15s}
.tab-pill:hover{border-color:var(--purple);color:var(--purple)}
.tab-pill.active{background:var(--purple);border-color:var(--purple);color:#fff}
.search-row{position:relative;display:flex;gap:8px}
.search-row input{flex:1;font-family:'Archivo',sans-serif;font-size:15px;font-weight:500;padding:11px 44px 11px 16px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--ink);transition:border-color .15s}
.search-row input:focus{outline:none;border-color:var(--purple)}
.search-row input::placeholder{color:var(--ink-muted)}
.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--ink-muted);font-size:18px;pointer-events:none;line-height:1}
.spinner{display:none;position:absolute;right:16px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid var(--purple-soft);border-top-color:var(--purple);border-radius:50%;animation:spin .6s linear infinite}
.spinner.on{display:block}
.content{max-width:860px;margin:0 auto;padding:18px 22px 60px}
.result-count{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-muted);margin-bottom:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.result-list{display:flex;flex-direction:column;gap:7px}

.rrow{background:var(--surface);border-radius:var(--r-sm);padding:11px 14px;box-shadow:var(--sh);display:flex;align-items:center;gap:8px;flex-wrap:wrap;transition:box-shadow .15s}
.rrow:hover{box-shadow:var(--sh-lg)}
.code-chip{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;background:var(--purple-soft);color:var(--purple);flex-shrink:0;letter-spacing:.04em;white-space:nowrap}
.rname{font-size:13.5px;font-weight:600;flex:1;min-width:100px}
.rxcui{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--ink-muted);flex-shrink:0}
.route-chip{font-family:'IBM Plex Mono',monospace;font-size:9.5px;font-weight:600;padding:2px 8px;border-radius:4px;background:#E0F7FA;color:#0369A1;flex-shrink:0}
.cls-chip{font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--warn-soft);color:#92400E;flex-shrink:0;letter-spacing:.03em}
.abtn{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;padding:5px 10px;border-radius:50px;border:1.5px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;transition:all .15s;flex-shrink:0;white-space:nowrap}
.abtn:hover{border-color:var(--purple);color:var(--purple)}
.abtn.copied{background:var(--ok);border-color:var(--ok);color:#fff}
.abtn.ext{color:var(--purple);border-color:var(--purple-mid)}
.abtn.ext:hover{background:var(--purple);color:#fff}

.state kbd{font-family:'IBM Plex Mono',monospace;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px;box-shadow:0 1px 0 var(--line)}