/* Onyx·Realms — shared explorer styles. Used by Block Explorer (search-first)
   and Onyx Explorer (prefilled). Relies on holders/styles.css for the CSS vars
   (--row,--border,--text,--dim,--gold,--accent,--cyan,--ok,--neg,--panel,--panel2). */
.ex-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.ex-tab{font:600 12px Inter;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--row);color:var(--dim);cursor:pointer}
.ex-tab.on{border-color:var(--gold);color:var(--gold);background:rgba(243,201,105,.08)}
.ex-search{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.ex-search input{flex:1;min-width:0;font-family:'JetBrains Mono',monospace;font-size:13px;padding:11px 14px;background:var(--row);border:1px solid var(--border);border-radius:10px;color:var(--text)}
.ex-badge{display:none;padding:3px 10px;border-radius:999px;font:700 10px Inter;letter-spacing:.5px;text-transform:uppercase;align-self:center}
.ex-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:8px 0}
.ex-field{background:var(--row);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.ex-fk{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.ex-fv{font:600 13px 'JetBrains Mono',monospace;color:var(--text);word-break:break-all}
.ex-fv.gold{color:var(--gold)}.ex-fv.ok{color:var(--ok,#3ddc84)}.ex-fv.neg{color:var(--neg,#f87171)}.ex-fv.cyan{color:var(--cyan)}
.ex-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin:0 0 14px}
.ex-card h3{font:700 12px Cinzel;color:var(--gold);margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}
.ex-link{font-size:11.5px;display:inline-block;margin-top:8px;color:var(--accent)}
.ex-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ex-kpi{background:var(--row);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.ex-kpi .k{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.ex-kpi .v{font:700 1.4rem Cinzel,serif;color:var(--text);margin-top:4px}
.ex-kpi .v.gold{color:var(--gold)}.ex-kpi .v.cyan{color:var(--cyan)}.ex-kpi .v.ok{color:var(--ok,#3ddc84)}
.ex-pbar{height:10px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:10px}
.ex-pbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold))}
.ex-blk{display:grid;grid-template-columns:90px 1fr 50px 70px;gap:8px;align-items:center;background:var(--row);border:1px solid var(--border);border-radius:10px;padding:9px 12px;cursor:pointer;margin-bottom:6px}
.ex-blk:hover{border-color:var(--accent)}
.ex-blk .h{font:700 12px Cinzel;color:var(--gold)}
.ex-blk .p{font:500 11px 'JetBrains Mono';color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex-blk .t{font:700 12px Inter;color:var(--accent);text-align:center}
.ex-blk .a{font:500 11px Inter;color:var(--dim);text-align:right}
.ex-muted{color:var(--dim);font-size:13px;padding:10px 0}
.ex-prop{background:var(--row);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px}
.ex-prop .ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.ex-pstat{font:700 10px Inter;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:999px}
.ex-pstat.ok{color:var(--ok,#3ddc84);background:rgba(61,220,132,.12)}
.ex-pstat.no{color:var(--neg,#f87171);background:rgba(248,113,113,.12)}
.ex-pstat.live{color:var(--gold);background:rgba(243,201,105,.12)}
.ex-pstat.other{color:var(--dim);background:var(--row)}
.ex-vbar{display:flex;height:8px;border-radius:5px;overflow:hidden;margin:8px 0;background:rgba(255,255,255,.06)}
.ex-vbar span{display:block;height:100%}
.ex-vbar .y{background:var(--ok,#3ddc84)}.ex-vbar .n{background:var(--neg,#f87171)}.ex-vbar .ab{background:var(--dim)}
.ex-vleg{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--dim)}