.industrial-svg-map { position: relative; min-height: 520px; border-radius: 8px; overflow: hidden; background: radial-gradient(circle at 40% 25%, rgba(123,213,111,.13), transparent 32%), linear-gradient(135deg, rgba(12,26,22,.96), rgba(6,13,12,.98)); border: 1px solid rgba(255,255,255,.08); }
.industrial-svg-map svg { width: 100%; height: 520px; display: block; }
.industrial-road, .industrial-power-line, .industrial-water { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.industrial-road.road-primary { stroke: rgba(240,180,74,.62); stroke-width: 16; }
.industrial-road.road-secondary { stroke: rgba(122,167,255,.5); stroke-width: 9; stroke-dasharray: 18 12; }
.industrial-power-line { stroke: #70e5ff; stroke-width: 5; stroke-dasharray: 16 10; filter: drop-shadow(0 0 10px rgba(112,229,255,.35)); }
.industrial-water { stroke: rgba(89,183,255,.32); stroke-width: 14; }
.industrial-estate-polygon { stroke-width: 4; opacity: .72; transition: opacity .16s ease, stroke-width .16s ease; }
.industrial-estate-polygon:hover { opacity: .95; stroke-width: 6; }
.estate-high { fill: rgba(123,213,111,.34); stroke: #a5e88f; }
.estate-watch { fill: rgba(232,179,79,.32); stroke: #f0d282; }
.estate-context { fill: rgba(122,167,255,.28); stroke: #9fc0ff; }
.estate-brownfield { fill: rgba(255,138,31,.34); stroke: #ffb15a; filter: drop-shadow(0 0 16px rgba(255,138,31,.32)); }
.industrial-candidate-dot { fill: #f5f8ef; stroke: #07100b; stroke-width: 3; filter: drop-shadow(0 0 12px rgba(255,255,255,.42)); }
.industrial-map-legend { position: absolute; z-index: 500; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 12px; border-radius: 8px; background: rgba(6,13,12,.82); border: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(12px); }
.industrial-map-legend span { display: inline-flex; align-items: center; gap: 7px; color: #dce7df; font-size: 12px; font-weight: 800; }
.legend-title-outline { width: 18px; height: 12px; border: 2px solid #f5f8ef; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.35); }
.legend-price-paid-area { width: 21px; height: 13px; border-radius: 999px; border: 2px dashed #e8b34f; background: rgba(232,179,79,.22); }
.legend-price-paid-point { width: 13px; height: 13px; border-radius: 999px; border: 2px solid #f5f8ef; background: #e8b34f; }
.legend-voa-marker { width: 14px; height: 14px; border-radius: 999px; border: 3px dashed #70e5ff; background: rgba(255,79,216,.28); box-shadow: 0 0 16px rgba(112,229,255,.22); }
.legend-search-centre { width: 14px; height: 14px; border-radius: 999px; border: 3px solid #f06bd8; background: rgba(240,107,216,.35); }
.industrial-evidence-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 14px; margin-bottom: 14px; align-items: start; }
.industrial-live-results { max-height: 640px; overflow: auto; padding-right: 4px; }
.industrial-result-meta { display: grid; grid-template-columns: 120px 1fr; gap: 5px 10px; margin: 8px 0 0; }
.industrial-result-meta dt, .industrial-result-meta dd { margin: 0; font-size: 12px; line-height: 1.35; }
.industrial-result-meta dt { color: var(--fb-dark-muted); }
.industrial-result-meta dd { color: var(--fb-dark-text); font-weight: 850; }
.industrial-context-stack { display: grid; gap: 10px; }
.industrial-context-stack div { padding: 12px; border-radius: 8px; background: rgba(0,0,0,.20); border: 1px solid rgba(255,255,255,.08); border-left: 4px solid #7aa7ff; }
.industrial-context-stack div:nth-child(2) { border-left-color: #e8b34f; }
.industrial-context-stack div:nth-child(3) { border-left-color: #f06bd8; }
.industrial-context-stack div:nth-child(4) { border-left-color: #ef6b6b; }
.industrial-context-stack span, .industrial-context-stack p { display: block; color: var(--fb-dark-muted); font-size: 12px; line-height: 1.4; }
.industrial-context-stack strong { display: block; margin: 4px 0; font-size: 20px; line-height: 1.2; }
.industrial-context-stack p { margin: 0; }
.industrial-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.industrial-estate-card { display: grid; grid-template-columns: 1fr auto; gap: 10px 14px; padding: 14px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); border-left: 4px solid #7aa7ff; }
.industrial-estate-card span, .industrial-estate-card p, .industrial-estate-card dt { color: var(--fb-dark-muted); }
.industrial-estate-card span { display: block; font-size: 11px; }
.industrial-estate-card strong { display: block; margin-top: 4px; font-size: 17px; line-height: 1.2; }
.industrial-estate-card p { margin: 8px 0 0; font-size: 12px; line-height: 1.4; }
.industrial-estate-card b { display: grid; place-items: center; width: 54px; height: 42px; border-radius: 8px; background: rgba(122,167,255,.14); border: 1px solid rgba(122,167,255,.32); color: #b8ceff; font-size: 20px; }
.industrial-estate-card dl { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 2px 0 0; }
.industrial-estate-card dt, .industrial-estate-card dd { margin: 0; font-size: 12px; line-height: 1.3; }
.industrial-estate-card dd { color: var(--fb-dark-text); font-weight: 800; }
.opportunity-score-breakdown { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 4px; }
.opportunity-score-breakdown div { padding: 9px; border-radius: 8px; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.08); }
.opportunity-score-breakdown span, .opportunity-score-breakdown small { display: block; color: var(--fb-dark-muted); font-size: 11px; line-height: 1.25; }
.opportunity-score-breakdown strong { display: block; margin: 2px 0; font-size: 20px; color: #f0d282; }
.industrial-fit-high { border-left-color: #7bd56f; }
.industrial-fit-high b { color: #a8ff9e; background: rgba(123,213,111,.14); border-color: rgba(123,213,111,.32); }
.industrial-fit-watch { border-left-color: #e8b34f; }
.industrial-fit-watch b { color: #ffd080; background: rgba(232,179,79,.14); border-color: rgba(232,179,79,.32); }
.industrial-fit-context { border-left-color: #7aa7ff; }
