/* Shared exploration tools; deliberately uses the existing SolSync visual system. */
.intel-page { max-width: 1240px; margin: 0 auto; padding: 32px 20px 64px; }
.intel-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.intel-head h1 { margin: 8px 0; font: 700 clamp(26px,3vw,40px)/1.15 "Space Grotesk",sans-serif; letter-spacing: -.04em; }
.intel-head p, .intel-muted { color: var(--ink-1,#9db0c2); font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; min-width: 0; }
.intel-panel { min-width: 0; margin: 20px 0; padding: 24px; border: 1px solid rgba(126,214,255,.17); border-radius: 13px; background: linear-gradient(130deg,rgba(62,232,181,.025),rgba(8,17,28,.82)); }
.intel-panel h2 { margin: 0; font: 700 19px "Space Grotesk",sans-serif; }
.intel-panel h3 { font-size: 13px; margin: 0 0 14px; }
.intel-toolbar, .intel-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.intel-toolbar { justify-content: space-between; margin-bottom: 16px; }
.intel-btn { min-height: 36px; padding: 8px 12px; border: 1px solid rgba(126,214,255,.22); border-radius: 6px; background: rgba(126,214,255,.04); color: var(--ink-0,#e9f2fc); font: inherit; font-size: 11px; cursor: pointer; text-decoration: none; }
.intel-btn:hover, .intel-btn.active { color: #06131b; background: var(--accent,#32e7b8); border-color: transparent; }
.intel-btn:disabled { opacity: .45; cursor: default; }
.intel-input { box-sizing: border-box; min-height: 42px; min-width: 0; padding: 10px 13px; border: 1px solid #29425a; border-radius: 7px; background: #08131f; color: #edf5fc; font: 12px "Sora",sans-serif; }
.intel-input:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
#route-search { width: min(360px, 100%); }
.intel-form { display: flex; flex-wrap: wrap; gap: 10px; }
.intel-form .intel-input { flex: 1 1 250px; }
textarea.intel-input { resize: vertical; width: 100%; min-height: 100px; line-height: 1.7; }
.intel-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(220px,1fr); gap: 24px; }
.intel-chart { width: 100%; height: auto; display: block; overflow: visible; }
.intel-chart text { fill: #92a9be; font: 10px "Sora",sans-serif; }
.intel-chart .gridline { stroke: rgba(126,214,255,.12); }
.intel-chart .netline { fill: none; stroke: #32e7b8; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.intel-facts { display: grid; gap: 12px; align-content: start; }
.intel-fact { min-width: 0; padding: 12px 14px; border-radius: 8px; background: rgba(126,214,255,.035); overflow-wrap: anywhere; }
.intel-fact span { display: block; color: #93a9bd; font-size: 10px; margin-bottom: 6px; }
.intel-fact strong { font: 600 19px "Space Grotesk",sans-serif; font-variant-numeric: tabular-nums; }
.intel-positive { color: #32e7b8; } .intel-negative { color: #ff8b98; }
.intel-table-wrap { overflow-x: auto; }
.intel-table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.intel-table th { text-align: left; color: #8fa5bc; font-size: 10px; font-weight: 500; white-space: nowrap; }
.intel-table td, .intel-table th { padding: 13px 10px; border-bottom: 1px solid rgba(126,214,255,.1); }
.intel-table td:first-child { max-width: 440px; overflow-wrap: anywhere; }
.intel-table a { color: #c4e7ee; text-decoration: none; }
.intel-table small { display: block; margin-top: 5px; color: #8da4bb; font-size: 10px; }
.intel-heatmap { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 5px; }
.intel-hour { min-width: 0; border: 1px solid rgba(126,214,255,.1); border-radius: 5px; padding: 9px 3px; text-align: center; font-size: 10px; }
.intel-hour small { display: block; margin-top: 5px; color: #91a9bc; font-size: 8px; }
.intel-route { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 18px 0; }
.intel-asset { padding: 10px 13px; border: 1px solid #244954; border-radius: 7px; background: #0b2029; font-size: 12px; }
.intel-status { min-height: 20px; margin: 12px 0; color: #9cb8cc; font-size: 12px; overflow-wrap: anywhere; }
.intel-status.error { color: #ff9ca7; }
.intel-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #244552; border-radius: 5px; color: #b2cbd8; font-size: 10px; }
.intel-save-row { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid rgba(126,214,255,.12); }
.intel-save-row a { color: #d3e8f6; text-decoration: none; overflow-wrap: anywhere; }
.intel-tabs a { text-decoration: none; color: #a4b9cc; padding: 9px 0; font-size: 12px; border-bottom: 2px solid transparent; }
.intel-tabs a[aria-current="page"] { color: #32e7b8; border-bottom-color: currentColor; }
.intel-tabs { display: flex; flex-wrap: wrap; gap: 22px; margin-bottom: 24px; }
.intel-group { margin-top: 12px; padding: 16px; border: 1px solid #25404f; border-radius: 8px; }
.intel-group h3 { margin: 0 0 10px; }
.intel-empty { padding: 24px 0; color: #9bb1c6; font-size: 12px; }
.intel-search { display:flex; gap:8px; max-width:560px; margin:20px 0; }
.intel-search input { flex:1; min-width:0; }
body[data-tool="inspector"] .intel-page a:not(.intel-btn) { color: #c6e4e3; text-decoration: none; }
body[data-tool="inspector"] .intel-page a:not(.intel-btn):hover { color: var(--accent,#3ee8b5); }
body[data-tool="inspector"] .intel-tabs a[aria-current="page"] { color: var(--accent,#3ee8b5); }
body[data-tool="inspector"] .site-footer a { color: #a6c9c3; text-decoration: none; font-size: 12px; }
body[data-tool="inspector"] .site-footer a:hover { color: var(--accent,#3ee8b5); text-decoration: underline; text-underline-offset: 4px; }
body[data-tool="inspector"] .intel-page a:focus-visible,
.inspect-technical summary:focus-visible { outline: 2px solid var(--accent,#3ee8b5); outline-offset: 5px; border-radius: 4px; }
.inspect-overview { padding: 28px; }
.inspect-eyebrow { margin: 0 0 7px; color: #82a99f; font-size: 9px; letter-spacing: .16em; }
.inspect-strategy { text-transform: capitalize; }
.inspect-explorer { display: inline-flex; align-items: center; gap: 16px; }
.inspect-profit-grid { grid-template-columns: repeat(3,minmax(0,1fr)); margin: 22px 0 18px; }
.inspect-profit-grid .intel-fact { padding: 18px; border: 1px solid rgba(126,214,255,.1); }
.inspect-profit-grid .intel-fact strong { font-size: clamp(22px,3vw,30px); }
.inspect-profit-grid .inspect-net { border-color: rgba(62,232,181,.2); background: rgba(62,232,181,.045); }
.inspect-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-bottom: 24px; font-size: 11px; }
.inspect-link { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 30px; overflow-wrap: anywhere; }
.inspect-link:hover { text-decoration: underline !important; text-underline-offset: 4px; }
.inspect-meta .inspect-link span:first-child, .inspect-time { color: #91a8bc; }
.inspect-time { font-size: 10px; }
.inspect-route-block { padding: 22px 0 8px; border-top: 1px solid rgba(126,214,255,.12); }
.inspect-route-block h3 { margin: 0; font-size: 12px; font-weight: 500; color: #b2c5d4; }
.inspect-route-block .intel-chip { border: 0; background: rgba(126,214,255,.045); }
.inspect-route-block .intel-route { margin: 16px 0; gap: 12px; }
.inspect-asset { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 115px; max-width: 100%; min-height: 65px; padding: 13px 18px; background: linear-gradient(130deg,rgba(62,232,181,.075),rgba(10,31,38,.8)); border-color: rgba(62,232,181,.21); overflow-wrap: anywhere; }
.inspect-asset:hover { border-color: var(--accent,#3ee8b5); background: rgba(62,232,181,.095); }
.inspect-asset strong { font-size: 15px; font-weight: 500; line-height: 1.3; }
.inspect-asset small { color: #8daaa9; font-size: 10px; }
.inspect-route-arrow { color: #668f91; font-size: 19px; }
.inspect-markets { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 0 0 23px; }
.inspect-label { color: #91a8bc; font-size: 11px; }
.inspect-market { border-color: rgba(126,214,255,.13); background: rgba(126,214,255,.035); color: #c6d8e5; font-size: 11px; }
.inspect-execution { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 18px; }
.inspect-execution .intel-fact strong { font: 500 13px "Space Grotesk",sans-serif; }
.inspect-technical { padding: 16px 0; border-top: 1px solid rgba(126,214,255,.1); }
.inspect-technical summary { width: fit-content; cursor: pointer; color: #9bb6c4; font-size: 11px; }
.inspect-technical summary:hover { color: var(--accent,#3ee8b5); }
.inspect-mint-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 15px; }
.inspect-mint-row > div { min-width: 0; }
.inspect-mint-row strong { font-size: 11px; font-weight: 500; }
.inspect-mint-row code { display: block; color: #91a8bc; font: 10px/1.8 "Space Grotesk",sans-serif; overflow-wrap: anywhere; }
.inspect-mint-row .intel-btn { flex-shrink: 0; }
.inspect-transactions { margin-top: 8px; padding-top: 20px; border-top: 1px solid rgba(126,214,255,.1); }
.inspect-transactions h3 { color: #c0d1df; font-weight: 500; }
.inspect-transactions h3 > span { margin-left: 8px; color: #7e99ab; font-size: 10px; }
.inspect-tx-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; font-size: 12px; }
.inspect-tx-signature { color: #829eae; font-size: 10px; }
.inspect-diagnostics-grid { grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); margin-top: 18px; }
@media(max-width:760px) {
 .intel-page { padding:24px 16px 44px; } .intel-panel { padding:18px 14px; }
 .intel-grid { grid-template-columns:minmax(0,1fr); } .intel-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .intel-heatmap { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .intel-table td,.intel-table th { padding:12px 8px; } .intel-head { gap:10px; }
}
@media(max-width:560px) {
 .inspect-overview { padding: 20px 16px; }
 .inspect-profit-grid, .inspect-execution { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .inspect-profit-grid .intel-fact:last-child, .inspect-execution .intel-fact:last-child { grid-column: 1 / -1; }
 .inspect-profit-grid .intel-fact { padding: 14px; }
 .inspect-profit-grid .intel-fact strong { font-size: 24px; }
 .inspect-asset { min-width: 80px; padding: 12px; }
 .inspect-route-block .intel-route { flex-direction: column; align-items: stretch; gap: 8px; }
 .inspect-asset { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
 .inspect-asset small { text-align: right; }
 .inspect-route-arrow { align-self: center; transform: rotate(90deg); line-height: 1; }
 .inspect-diagnostics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .inspect-mint-row { gap: 8px; }
}