@php
    // ✅ ÇOKLU HARİTA: 3-4 kişilik haritalarda r_dis büyütülür (bkz.
    // ChartVisualizerService), viewBox da buna göre dinamik olmalı — aksi
    // halde ek halkalar tuvalin dışına taşıp kırpılır. 2 kişilik akışta
    // r_dis her zaman 398 kaldığı için bu, eski "-24 -24 848 848" ile
    // BİREBİR AYNI sonucu üretir.
    // ✅ TRANSİT: transit halkası (outerRing.r) bazen r_dis'ten BÜYÜK olabilir
    // (transit modunda iç harita küçültülür, transit halkası ise ayrı bir
    // sabit/yeniden hesaplanmış yarıçapta dışa çizilir) — bu yüzden viewBox
    // ikisinin BÜYÜĞÜNE göre hesaplanmalı, aksi halde transit halkası
    // tuvalin dışında kırpılır.
    $__svgCx = isset($cx) ? (float) $cx : 400.0;
    $__svgCy = isset($cy) ? (float) $cy : 400.0;
    $__svgOuterRingR = (!empty($outerRing['r']) && is_numeric($outerRing['r'])) ? (float) $outerRing['r'] : 0.0;
    $__svgRDis = max(isset($r_dis) ? (float) $r_dis : 398.0, $__svgOuterRingR);
    // ✅ Uranyen Doğum Haritası: mikro transneptünyen bandı r_dis'in DIŞINDA
    // (+34 etiket + metin genişliği) çizildiğinden, viewBox'ı kırpmayacak
    // kadar genişletmemiz gerekir.
    // ✅ Uranyen çok halkalı dial (pairRing dolu): dış halkalar r_dis'in (398)
    // dışına uzanır — gereken pad'i layout hesaplar (2 halka → 72, 3 halka → ~136).
    $__svgPad = !empty($isUranianNatal)
        ? 90.0
        : (!empty($uranianDialLayout['pairRing'])
            ? (float) ($uranianDialLayout['pairRing']['pad'] ?? 72.0)
            : (!empty($isLifeClock) ? 35.0 : 2.0));
    $__svgMinX = round($__svgCx - $__svgRDis - $__svgPad, 1);
    $__svgMinY = round($__svgCy - $__svgRDis - $__svgPad, 1);
    $__svgSize = round(2 * ($__svgRDis + $__svgPad), 1);
@endphp
<svg id="chartSvgElement" width="100%" height="100%" viewBox="{{ $__svgMinX }} {{ $__svgMinY }} {{ $__svgSize }} {{ $__svgSize }}" style="max-width: 100%; height: auto;" data-glyph-target-outer="{{ round((isset($r_sep) ? (float) $r_sep : 314.0) - 13, 1) }}">
@if (!empty($isUranianDial))
    @include('frontend.panel.partials.uranian-dial-svg-body')
@elseif (!empty($isLifeClock))
    @include('frontend.panel.partials.life-clock-svg-body')
@else
    @php
        $overlayType = $overlay_type ?? null; // prepareVisualData options’tan gelsin
        $ownerA = $owner_a ?? null;
        $ownerB = $owner_b ?? null;

        // Tooltip'lerde kullanmak üzere harita adı ve ev sistemi
        $chartTitleForTooltip = $chart_title ?? null;
        $chartHouseSystemCode = $house_system_code ?? null;
        $chartHouseSystemLabel = $house_system_label ?? null;
        $chartHouseSystemText = $chartHouseSystemLabel ?? $chartHouseSystemCode ?? '';

        // Ortak satır: "Harita Adı - Ev Sistemi"
        $tooltipChartLine = '';
        if ($chartTitleForTooltip || $chartHouseSystemText) {
            $tooltipChartLine = trim(
                ($chartTitleForTooltip ?? '') .
                ($chartHouseSystemText ? ' - ' . $chartHouseSystemText : '')
            );
        }

        // ✅ İki harita üst üste (transit veya ilişki): gezegen tooltip'inde sadece o gezegenin harita adı
        $tooltipChartLineInner = $tooltipChartLine;
        $tooltipChartLineTransit = '';
        $hasOverlay = !empty($transitOverlayPlanetData) || !empty($relationshipOverlayPlanetData);
        if ($hasOverlay && $chartTitleForTooltip && str_contains((string) $chartTitleForTooltip, ' + ')) {
            $parts = explode(' + ', $chartTitleForTooltip, 2);
            $innerTitle = trim($parts[0]);
            $outerTitle = trim($parts[1] ?? 'Transit');
            $tooltipChartLineInner = trim($innerTitle . ($chartHouseSystemText ? ' - ' . $chartHouseSystemText : ''));
            $tooltipChartLineTransit = trim($outerTitle . ($chartHouseSystemText ? ' - ' . $chartHouseSystemText : ''));
        }

        // ✅ EKLE: Gizlenip açılacak nesnelerin listesi (Uranyenler, Sabit Yıldızlar, Asteroidler, Arap Noktaları + chart'a eklenen custom points)
        $extractCustomExtraKeys = static function (array $rows): array {
            $keys = [];
            foreach ($rows as $row) {
                if (!empty($row['is_extra']) && !empty($row['key'])) {
                    $keys[] = (string) $row['key'];
                }
            }
            return $keys;
        };

        $customExtraKeys = array_values(array_unique(array_merge(
            $extractCustomExtraKeys((array) ($planetData ?? [])),
            $extractCustomExtraKeys((array) ($relationshipOverlayPlanetData ?? [])),
            $extractCustomExtraKeys((array) ($transitOverlayPlanetData ?? []))
        )));

        $uranianBaseKeys = ['Cupido', 'Hades', 'Zeus', 'Kronos', 'Apollon', 'Admetos', 'Vulkanus', 'Poseidon'];
        $baseExtraObjects = [
            'Hades', 'Zeus', 'Kronos', 'Apollon', 'Admetos', 'Vulkanus', 'Poseidon',
            'Sirius', 'Antares', 'Aldebaran', 'Regulus', 'Spica', 'Algol', 'Vega', 'Fomalhaut',
            'Ceres', 'Pallas', 'Juno', 'Vesta', 'Cupido',
        ];

        // Uranyen doğum haritasında uranyen noktalar ana katmanda görünür kalmalı;
        // extra toggle sadece yıldız/asteroid benzeri objeleri etkilemeli.
        if (!empty($isUranianNatal) || !empty($isUranianDial)) {
            $baseExtraObjects = array_values(array_diff($baseExtraObjects, $uranianBaseKeys));
        }

        $extraObjectsList = array_values(array_unique(array_merge(
            $baseExtraObjects,
            $extra_object_keys ?? [],
            $customExtraKeys
        )));
    @endphp

    @if ($overlayType === 'relationship' && $ownerA && $ownerB)
        <g>
            <rect x="520" y="30" width="250" height="58" rx="10" ry="10" fill="rgba(255,255,255,0.15)" stroke="none" />
            <circle cx="540" cy="55" r="6" fill="{{ $ownerA['color'] }}" />
            <text x="555" y="59" font-size="12" font-family="Segoe UI" fill="#111">{{ $ownerA['label'] }}</text>

            <circle cx="540" cy="78" r="6" fill="{{ $ownerB['color'] }}" />
            <text x="555" y="82" font-size="12" font-family="Segoe UI" fill="#111">{{ $ownerB['label'] }}</text>
        </g>
    @endif
    @if (!empty($outerRing) && !empty($outerRing['r']))
        <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $outerRing['r'] }}" fill="none"
            stroke="#000" stroke-width="1" />
        @foreach ($outerRing['degreeLines'] as $tick)
            <line x1="{{ $tick['x1'] }}" y1="{{ $tick['y1'] }}" x2="{{ $tick['x2'] }}" y2="{{ $tick['y2'] }}"
                class="{{ $tick['class'] }}" />
        @endforeach
    @endif

    {{-- ───────────────────────────────────────────────────────────────────
         YILLIK DOLUNAY & YENİ AY HALKA — lunar_phases harita türü için
         Astro-Seek dış halkası: tek yarıçaplı halka (dış çemberin İÇİNDE),
         her marker zodyak boylamında; çakışanlar açısal olarak yan yana
         açılır (konumlar IndexController::layoutLunarPhasesRing içinde
         hesaplanır). Markerlar icons klasöründeki ay görselleridir; üzerine
         görselin rengine göre okunabilir renkte sıra numarası yazılır.
    ──────────────────────────────────────────────────────────────────── --}}
    @if (!empty($lunarPhasesRing))
        @php
            // type + eclipse → [ikon dosyası, sıra numarası metin rengi]
            // Renkler ikon görselinin baskın rengine göre okunabilir seçildi:
            //   Yeni Ay (lacivert)            → beyaz metin
            //   Dolunay (açık gri)            → koyu metin
            //   Yeni Ay tut. (koyu zeytin)    → açık altın metin
            //   Dolunay tut. (açık şeftali)   → koyu metin
            $lpIcons = [
                'new_moon' => [
                    'normal'  => ['icon' => '/assets/icons/transits_new_moon.png',          'text' => '#ffffff'],
                    'eclipse' => ['icon' => '/assets/icons/transits_new_moon_eclipse.png',  'text' => '#fff4cf'],
                ],
                'full_moon' => [
                    'normal'  => ['icon' => '/assets/icons/transits_full_moon.png',         'text' => '#1c1c22'],
                    'eclipse' => ['icon' => '/assets/icons/transits_full_moon_eclipse.png', 'text' => '#2a1404'],
                ],
            ];
            $lpIconSize = 32.0; // px (çap) — Astro-Seek benzeri büyük ikon
        @endphp

        @foreach ($lunarPhasesRing as $phase)
            @php
                if (!empty($isPreNatal) && empty($phase['eclipse'])) {
                    continue;
                }

                $lpType      = $phase['type'] ?? 'full_moon';
                $lpIsNew     = ($lpType === 'new_moon');
                $lpIsEclipse = !empty($phase['eclipse']);
                $lpIdx       = (int) ($phase['ring_index'] ?? ($loop->index + 1));

                $lpMeta    = $lpIcons[$lpType][$lpIsEclipse ? 'eclipse' : 'normal'];
                $lpIcon    = $lpMeta['icon'];
                $lpTxtFill = $lpMeta['text'];

                $lpX  = (float) ($phase['ring_x'] ?? 0);
                $lpY  = (float) ($phase['ring_y'] ?? 0);
                $lpTx = (float) ($phase['tick_x'] ?? $lpX);
                $lpTy = (float) ($phase['tick_y'] ?? $lpY);

                if ($lpIsEclipse) {
                    $lpTypeLabel = $lpIsNew ? 'Güneş Tutulması' : 'Ay Tutulması';
                } else {
                    $lpTypeLabel = $lpIsNew ? 'Yeni Ay' : 'Dolunay';
                }
                $lpLabel = '#' . $lpIdx . ' ' . $lpTypeLabel . ' — ' . ($phase['date'] ?? '') . ' ' . ($phase['time'] ?? '');
            @endphp

            <g class="lunar-phase-marker" data-type="{{ $lpType }}" data-date="{{ $phase['date'] ?? '' }}" data-eclipse="{{ $lpIsEclipse ? '1' : '0' }}">
                {{-- Dış çemberdeki gerçek boylamdan marker'a ince hizalama çizgisi --}}
                <line x1="{{ $lpTx }}" y1="{{ $lpTy }}" x2="{{ $lpX }}" y2="{{ $lpY }}"
                    stroke="#FF0000" stroke-width="2.8" stroke-linecap="round" />

                <image href="{{ $lpIcon }}" xlink:href="{{ $lpIcon }}"
                    x="{{ $lpX - $lpIconSize / 2 }}" y="{{ $lpY - $lpIconSize / 2 }}"
                    width="{{ $lpIconSize }}" height="{{ $lpIconSize }}"
                    preserveAspectRatio="xMidYMid meet">
                    <title>{{ $lpLabel }}</title>
                </image>

                <text x="{{ $lpX }}" y="{{ $lpY }}" text-anchor="middle" dominant-baseline="central"
                    font-size="13" font-family="Arial, Helvetica, sans-serif" font-weight="bold"
                    fill="{{ $lpTxtFill }}" pointer-events="none"
                    style="paint-order:stroke;stroke:rgba(0,0,0,0.28);stroke-width:0.5px">{{ $lpIdx }}</text>
            </g>
        @endforeach
    @endif
    {{-- ─────────────────────────────────────────────────────────────────── --}}

    @if (empty($isUranianNatal) && empty($isUranianDial))
        <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $r_dis }}" class="ring-zodiac-bg" />
    @endif
    {{--  Arka plan --}}
    @if (!empty($relationshipOverlayPlanetData))

        {{-- ilişki: A mavi --}}
        @if (!empty($zodiacSlices))
            @foreach ($zodiacSlices as $s)
                <path d="{{ $s['d'] }}" fill="{{ $s['fill'] }}" stroke="none"></path>
            @endforeach
        @endif

        {{-- ilişki: B pembe --}}
        @if (!empty($relationshipZodiacSlices))
            @foreach ($relationshipZodiacSlices as $s)
                <path d="{{ $s['d'] }}" fill="{{ $s['fill'] }}" stroke="none"></path>
            @endforeach
        @endif

        {{-- ✅ ÇOKLU HARİTA: C yeşil / D turuncu arkaplan (sadece 3-4 kişide dolu) --}}
        @if (!empty($relationshipZodiacSlicesC))
            @foreach ($relationshipZodiacSlicesC as $s)
                <path d="{{ $s['d'] }}" fill="{{ $s['fill'] }}" stroke="none"></path>
            @endforeach
        @endif
        @if (!empty($relationshipZodiacSlicesD))
            @foreach ($relationshipZodiacSlicesD as $s)
                <path d="{{ $s['d'] }}" fill="{{ $s['fill'] }}" stroke="none"></path>
            @endforeach
        @endif
    @else
        {{-- tekli harita: sadece zodiacSlices varsa boya --}}
        @if (!empty($zodiacSlices))
            @foreach ($zodiacSlices as $s)
                <path d="{{ $s['d'] }}" fill="{{ $s['fill'] }}" stroke="none"></path>
            @endforeach
        @endif

    @endif
    @if (empty($isCustomGraphics))
        <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $r_cetvel }}" fill="none" stroke="#666"
            stroke-width="1" />
    @endif
    <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $r_sep }}" fill="none" stroke="#000"
        stroke-width="1" />
    <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $r_orta }}" class="ring-houses-bg"
        fill="#000" />
    <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $r_ic }}" class="circle-center" />
    {{-- ✅ TRANSIT DEGREE TICKS (burçların olduğu ringde) --}}
    @if (!empty($transitDegreeLines))
        @foreach ($transitDegreeLines as $tick)
            <line x1="{{ $tick['x1'] }}" y1="{{ $tick['y1'] }}" x2="{{ $tick['x2'] }}"
                y2="{{ $tick['y2'] }}" class="{{ $tick['class'] }}" />
        @endforeach
    @endif

    {{-- ✅ RELATIONSHIP DEGREE TICKS (2. derece halkası) --}}
    {{-- @if (!empty($relationshipDegreeLines))
         @foreach ($relationshipDegreeLines as $tick)
             <line x1="{{ $tick['x1'] }}" y1="{{ $tick['y1'] }}" x2="{{ $tick['x2'] }}"
                 y2="{{ $tick['y2'] }}" class="relationship-tick" />
         @endforeach
     @endif --}}

    {{-- ✅ TRADITIONAL / HORARY CHART MODE: Terms (Bounds) Ring --}}
    {{-- Sidereal haritada Terms halkası gösterilmez --}}
    @if ((!empty($isTraditional) || !empty($isHorary)) && !empty($traditionalPlanetRing) && empty($relationshipOverlayPlanetData))

        @php
            $trData = $traditionalPlanetRing;
        @endphp

        {{-- 1) Terimlerin olduğu halkayı hafif bir renkle belirginleştir (Opsiyonel) --}}
        {{-- Halkanın sınır çizgileri --}}
        {{-- <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $trData['r_outer'] }}" fill="none"
            stroke="#999" stroke-width="0.5" /> --}}
        <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $trData['r_inner'] }}" fill="none"
            stroke="#999" stroke-width="0.5" />

        {{-- 2) Bölücü Çizgiler ve Semboller --}}
        @foreach ($trData['terms'] as $term)
            {{-- Bölücü Çizgi --}}
            <line x1="{{ $term['divider']['x1'] }}" y1="{{ $term['divider']['y1'] }}"
                x2="{{ $term['divider']['x2'] }}" y2="{{ $term['divider']['y2'] }}" stroke="#666" stroke-width="1"
                opacity="0.6" />

            {{-- Yönetici Gezegen Sembolü --}}
            <text x="{{ $term['text']['x'] }}" y="{{ $term['text']['y'] }}" text-anchor="middle"
                dominant-baseline="central"
                transform="rotate({{ $term['text']['rotate'] }}, {{ $term['text']['x'] }}, {{ $term['text']['y'] }})"
                font-family="'HamburgSymbols', sans-serif" font-size="13px" fill="{{ $term['color'] }}"
                font-weight="bold">
                {{ $term['sym'] }}
            </text>
        @endforeach

    @endif

{{-- ✅ PROFECTION MODE: Dodecatemoria (Mikro-Zodyak) Ring --}}
   {{-- Transit modu yoksa, dodecatemoria burada render edilir (iç halka) --}}
   {{-- Sidereal ve Heliocentric haritada Dodecatemoria gösterilmez --}}
   @if (!empty($dodecatemoriaRing) && empty($relationshipOverlayPlanetData) && empty($transitOverlayPlanetData) && empty($isSidereal) && empty($isHeliocentric))
       @php
           $dodecData = $dodecatemoriaRing;
       @endphp

       {{-- Halka sınır çizgileri --}}
       <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $dodecData['r_outer'] }}" fill="none"
           stroke="#999" stroke-width="0.5" />
       <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $dodecData['r_inner'] }}" fill="none"
           stroke="#999" stroke-width="0.5" />

       {{-- Bölücü Çizgiler ve Burç Sembolleri --}}
       @foreach ($dodecData['segments'] as $segment)
           {{-- Bölücü Çizgi --}}
           <line x1="{{ $segment['divider']['x1'] }}" y1="{{ $segment['divider']['y1'] }}"
               x2="{{ $segment['divider']['x2'] }}" y2="{{ $segment['divider']['y2'] }}"
               stroke="#aaa" stroke-width="0.5" opacity="0.5" />

           {{-- Mikro-Zodyak Burç Sembolü --}}
           <text x="{{ $segment['text']['x'] }}" y="{{ $segment['text']['y'] }}" text-anchor="middle"
               dominant-baseline="central"
               transform="rotate({{ $segment['text']['rotate'] }}, {{ $segment['text']['x'] }}, {{ $segment['text']['y'] }})"
               font-family="'HamburgSymbols', sans-serif" font-size="13px" fill="{{ $segment['color'] }}"
               opacity="0.85">
               {{ $segment['sym'] }}
           </text>
       @endforeach
   @endif

    @foreach ($zodiacData as $zodiac)
        @if (empty($isCustomGraphics))
            <line x1="{{ $zodiac['line']['x1'] }}" y1="{{ $zodiac['line']['y1'] }}" x2="{{ $zodiac['line']['x2'] }}"
                y2="{{ $zodiac['line']['y2'] }}" class="line-zodiac-divider" />
        @endif

        {{-- ✅ Custom Graphics stilinde sabit 30°-aralıklı burç sembolü metni gösterilmez;
             yerini aynı halka bandındaki 12 ev-cusp'a özel "derece burç dakika" etiketleri alır. --}}
        @if (empty($isCustomGraphics))
            <text x="{{ $zodiac['text']['x'] }}" y="{{ $zodiac['text']['y'] }}" class="text-symbol" text-anchor="middle"
                dominant-baseline="middle"
                transform="rotate({{ $zodiac['text']['rotate'] }}, {{ $zodiac['text']['x'] }}, {{ $zodiac['text']['y'] }})"
                fill="{{ $zodiac['color'] ?? '#000' }}">
                <title>{{ $zodiac['label'] ?? '' }}</title>
                {!! $zodiac['name'] !!}
            </text>
        @endif
    @endforeach

    @if (empty($isCustomGraphics))
        <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $r_cetvel }}" fill="none" stroke="#333"
            stroke-width="1" />
    @endif
    @foreach ($degreeLines as $tick)
        <line x1="{{ $tick['x1'] }}" y1="{{ $tick['y1'] }}" x2="{{ $tick['x2'] }}" y2="{{ $tick['y2'] }}"
            class="{{ $tick['class'] }}" />
    @endforeach

        {{-- ✅ URANYEN DOĞUM HARİTASI: dış etiket bandı — açı cetvelinin ($r_dis)
            DIŞINDA, halka/çember çizgisi OLMADAN. Referans stile yakınlık için
            tüm görünür noktalar dış bantta küçük etiketle gösterilir; her etiket
            gerçek konuma ince bir çizgiyle bağlanır. --}}
    @if (!empty($isUranianNatal) && !empty($microOuterLabels))
        @foreach ($microOuterLabels as $micro)
            <line x1="{{ $micro['tick']['x1'] }}" y1="{{ $micro['tick']['y1'] }}"
                x2="{{ $micro['tick']['x2'] }}" y2="{{ $micro['tick']['y2'] }}"
                stroke="#c7c7c7" stroke-width="0.5" />
            @php
                $microFont = !empty($micro['plain']) ? "-apple-system,'Segoe UI',sans-serif" : "'HamburgSymbols', sans-serif";
                $microRot = (float) ($micro['rotate'] ?? 0.0);
            @endphp
            <g transform="rotate({{ $microRot }}, {{ $micro['text_pos']['x'] }}, {{ $micro['text_pos']['y'] }})"
                style="paint-order: stroke; stroke: #fff; stroke-width: 2.8px;">
                <text x="{{ $micro['text_pos']['x'] }}" y="{{ $micro['text_pos']['y'] }}"
                    text-anchor="middle" dominant-baseline="central"
                    font-size="10.2" font-family="-apple-system,'Segoe UI',sans-serif" fill="#444" font-weight="700">
                    <tspan x="{{ $micro['text_pos']['x'] }}" dy="-1.62em">{{ sprintf('%02d°', $micro['line_2_degree']) }}</tspan>
                    <tspan x="{{ $micro['text_pos']['x'] }}" dy="1.2em"
                        font-family="{{ $microFont }}"
                        font-size="{{ !empty($micro['plain']) ? '11.6' : '16.8' }}"
                        font-weight="{{ !empty($micro['plain']) ? '700' : '400' }}"
                        fill="{{ $micro['color'] }}">{!! $micro['sym'] !!}</tspan>
                    <tspan x="{{ $micro['text_pos']['x'] }}" dy="1.15em"
                        font-family="'HamburgSymbols', sans-serif"
                        font-size="12.2"
                        fill="{{ $micro['line_3_sign_color'] ?? '#666' }}">{!! $micro['line_3_sign'] !!}</tspan>
                    <tspan x="{{ $micro['text_pos']['x'] }}" dy="1.05em" font-size="9.2" fill="#555">{{ sprintf('%02d\'', $micro['line_4_min']) }}@if ($micro['is_retro'])<tspan fill="#b5453a" font-size="8"> R</tspan>@endif</tspan>
                </text>
            </g>
        @endforeach
    @endif

    {{-- Heliocentric'te ev çizgileri gösterilmez --}}
    {{-- ASC/MC/DSC/IC çizgileri: Her zaman göster --}}
    {{-- Doğum saati bilinmiyorsa ev/eksen çizgileri gösterilmez (saat olmadan anlamsız) --}}
    @if (empty($isHeliocentric) && empty($is_time_unknown))
        @foreach ($houseLines as $line)
            <line x1="{{ $line['x1'] }}" y1="{{ $line['y1'] }}" x2="{{ $line['x2'] }}"
                y2="{{ $line['y2'] }}"
                class="{{ $line['is_asc'] ? 'line-house-asc' : ($line['is_mc'] ? 'line-house-mc' : 'line-house-normal') }}" />
        @endforeach
    @endif

    {{-- Modal açıkken haritanın en dışında ASC/MC/DSC/IC etiketleri (derece + burç, alt alta) --}}
    @if (!empty($modalAxisLabels) && empty($is_time_unknown) && empty($isCustomGraphics))
        @foreach ($modalAxisLabels as $lab)
            <g class="axis-modal-only">
                <text x="{{ $lab['x'] }}" y="{{ $lab['y'] }}" text-anchor="middle" dominant-baseline="central"
                    transform="rotate({{ $lab['rotate'] }}, {{ $lab['x'] }}, {{ $lab['y'] }})"
                    font-family="'Segoe UI', sans-serif" font-size="11px" font-weight="800" fill="{{ $lab['color'] }}"
                    style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                    @if (!empty($lab['text']))
                    <tspan x="{{ $lab['x'] }}" dy="-1em">{{ $lab['text'] }}</tspan>
                    @endif
                    <tspan x="{{ $lab['x'] }}" dy="{{ !empty($lab['text']) ? '1.2em' : '-0.5em' }}" font-size="10px" fill="#333">{{ $lab['deg_formatted'] ?? '' }}</tspan>
                    <tspan x="{{ $lab['x'] }}" dy="1em" font-family="'HamburgSymbols', sans-serif" font-size="14px" fill="{{ $lab['sign_color'] ?? '#333' }}">{!! $lab['sign_sym'] ?? '' !!}</tspan>
                </text>
            </g>
        @endforeach
    @endif

    {{-- ✅ Custom Graphics stili: mevcut burç halkasının (r_cetvel..r_dis) TAM İÇİNDE,
         12 ev cuspunun HER BİRİNDE tek satırda "derece [burç sembolü] dakika" etiketi.
         Ayrı/dış bir halka OLUŞTURMAZ — sabit burç sembolü ringinin yerini alır, bu
         yüzden burç halkasının hemen dibinde boş bant kalmaz. --}}
    @if (!empty($houseCuspOuterLabels) && empty($is_time_unknown))
        @foreach ($houseCuspOuterLabels as $lab)
            <g class="house-cusp-outer-label"
                transform="rotate({{ $lab['rotate'] }}, {{ $lab['x'] }}, {{ $lab['y'] }})"
                style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                <text x="{{ $lab['x'] - 20 }}" y="{{ $lab['y'] }}"
                    text-anchor="end" dominant-baseline="central"
                    font-family="'Segoe UI', sans-serif" font-size="15px" font-weight="800" fill="#222">{{ $lab['deg_only'] ?? '' }}</text>
                <text x="{{ $lab['x'] }}" y="{{ $lab['y'] + 1 }}"
                    text-anchor="middle" dominant-baseline="central"
                    font-family="'HamburgSymbols', sans-serif" font-size="20px" fill="{{ $lab['sign_color'] ?? '#333' }}">{!! $lab['sign_sym'] ?? '' !!}</text>
                <text x="{{ $lab['x'] + 22 }}" y="{{ $lab['y'] }}"
                    text-anchor="start" dominant-baseline="central"
                    font-family="'Segoe UI', sans-serif" font-size="15px" font-weight="800" fill="#222">{{ $lab['min_only'] ?? '' }}</text>
            </g>
        @endforeach
    @endif

    {{-- ✅ Ana harita ASC/MC yazıları (çizgi ucunda) --}}
    {{-- @if (!empty($axisLabels))
         @foreach ($axisLabels as $a)
             <text x="{{ $a['x'] }}" y="{{ $a['y'] }}" font-family="Segoe UI" font-size="12"
                 font-weight="bold" fill="#111" text-anchor="middle" dominant-baseline="middle">
                 {{ $a['text'] }}
             </text>
         @endforeach
     @endif --}}


    {{-- ✅ İç harita ASC/MC yazıları --}}
    {{-- @if (!empty($axisLabels))
         @foreach ($axisLabels as $lab)
             <text x="{{ $lab['x'] }}" y="{{ $lab['y'] }}" text-anchor="middle" dominant-baseline="central"
                 transform="rotate({{ $lab['rotate'] }}, {{ $lab['x'] }}, {{ $lab['y'] }})"
                 font-family="'Segoe UI', sans-serif" font-size="11px" font-weight="800" fill="{{ $lab['color'] }}"
                 style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                 {{ $lab['text'] }}
             </text>
         @endforeach
     @endif --}}


    {{-- ✅ ASPECT LINES --}}
    @if (!empty($relationshipOverlayPlanetData))
        {{-- ✅ Kişi B (dış) aspect çizgileri --}}
        @foreach ($relationshipAspectLinesB as $aspect)
            @php
                $p1Key = $aspect['p1_key'] ?? null;
                $p2Key = $aspect['p2_key'] ?? null;
                $extraKeys = array_values(array_unique(array_filter(array_merge(
                    (array) ($aspect['extra_keys'] ?? []),
                    [in_array($p1Key, $extraObjectsList, true) ? $p1Key : null],
                    [in_array($p2Key, $extraObjectsList, true) ? $p2Key : null]
                ))));
                $isExtraLine = !empty($extraKeys);
            @endphp

            <line x1="{{ $aspect['x1'] }}" y1="{{ $aspect['y1'] }}" x2="{{ $aspect['x2'] }}"
                y2="{{ $aspect['y2'] }}" stroke="{{ $aspect['stroke'] }}"
                stroke-width="{{ $aspect['stroke_width'] }}" stroke-linecap="round"
                opacity="{{ $aspect['opacity'] }}"
                class="{{ $isExtraLine ? 'extra-item extra-hidden aspect-line-extra' : '' }}"
                data-keys="{{ $isExtraLine ? implode(',', $extraKeys) : '' }}"
                data-aspect-keys="{{ $p1Key }},{{ $p2Key }}" data-owner="B" />
        @endforeach

        {{-- ✅ Kişi A (iç) aspect çizgileri --}}
        @foreach ($relationshipAspectLinesA as $aspect)

           @php
                $p1Key = $aspect['p1_key'] ?? null;
                $p2Key = $aspect['p2_key'] ?? null;
                $extraKeys = array_values(array_unique(array_filter(array_merge(
                    (array) ($aspect['extra_keys'] ?? []),
                    [in_array($p1Key, $extraObjectsList, true) ? $p1Key : null],
                    [in_array($p2Key, $extraObjectsList, true) ? $p2Key : null]
                ))));
                $isExtraLine = !empty($extraKeys);
            @endphp

            <line x1="{{ $aspect['x1'] }}" y1="{{ $aspect['y1'] }}" x2="{{ $aspect['x2'] }}"
                y2="{{ $aspect['y2'] }}" stroke="{{ $aspect['stroke'] }}"
                stroke-width="{{ $aspect['stroke_width'] }}" stroke-linecap="round"
                opacity="{{ $aspect['opacity'] }}"
                class="{{ $isExtraLine ? 'extra-item extra-hidden aspect-line-extra' : '' }}"
                data-keys="{{ $isExtraLine ? implode(',', $extraKeys) : '' }}"
                data-aspect-keys="{{ $p1Key }},{{ $p2Key }}" data-owner="A" />
        @endforeach
    @elseif (!empty($showAspectSymbols))
        {{-- ✅ Açı sembolleri (natal custom graphics VEYA diğer tek kişilik haritalar):
             ince düz çizgi + ortada açı sembolü (☌ ⚹ □ △ ☍) --}}
        @foreach ($customGraphicsAspectLines as $aspect)
            @php
                $p1Key = $aspect['p1_key'] ?? null;
                $p2Key = $aspect['p2_key'] ?? null;
                $extraKeys = array_values(array_unique(array_filter(array_merge(
                    (array) ($aspect['extra_keys'] ?? []),
                    [in_array($p1Key, $extraObjectsList, true) ? $p1Key : null],
                    [in_array($p2Key, $extraObjectsList, true) ? $p2Key : null]
                ))));
                $isExtraLine = !empty($extraKeys);

                $aspectName = (string) ($aspect['aspect_name'] ?? '');
                $symbolFontSize = '20px';
                $symbolFontWeight = '850';
                $symbolStrokeWidth = '3.2px';

                if ($aspectName === 'square') {
                    $symbolFontSize = '28px';
                    $symbolFontWeight = '900';
                    $symbolStrokeWidth = '3.2px';
                } elseif ($aspectName === 'opposition') {
                    $symbolFontSize = '28px';
                    $symbolFontWeight = '900';
                    $symbolStrokeWidth = '3.4px';
                } elseif ($aspectName === 'conjunction') {
                    $symbolFontSize = '25px';
                    $symbolFontWeight = '900';
                    $symbolStrokeWidth = '3.3px';
                }
            @endphp

            <line x1="{{ $aspect['x1'] }}" y1="{{ $aspect['y1'] }}" x2="{{ $aspect['x2'] }}"
                y2="{{ $aspect['y2'] }}" stroke="{{ $aspect['stroke'] ?? '#666' }}" stroke-width="1" opacity="0.7"
                class="aspect-line-custom{{ $isExtraLine ? ' extra-item extra-hidden aspect-line-extra' : '' }}"
                data-keys="{{ $isExtraLine ? implode(',', $extraKeys) : '' }}"
                data-aspect-keys="{{ $p1Key }},{{ $p2Key }}" />
            <text x="{{ $aspect['mid_x'] }}" y="{{ $aspect['mid_y'] }}" text-anchor="middle"
                dominant-baseline="central" font-size="{{ $symbolFontSize }}" font-weight="{{ $symbolFontWeight }}" fill="#333"
                style="paint-order: stroke; stroke: #fff; stroke-width: {{ $symbolStrokeWidth }};"
                class="aspect-symbol-custom{{ $isExtraLine ? ' extra-item extra-hidden' : '' }}"
                data-keys="{{ $isExtraLine ? implode(',', $extraKeys) : '' }}"
                data-aspect-keys="{{ $p1Key }},{{ $p2Key }}">{{ $aspect['symbol'] }}</text>
        @endforeach
    @else
        {{-- ✅ Tekli harita (mevcut davranış: kırmızı/mavi) --}}
        @foreach ($aspectLines as $aspect)

            @php
                $p1Key = $aspect['p1_key'] ?? null;
                $p2Key = $aspect['p2_key'] ?? null;
                $extraKeys = array_values(array_unique(array_filter(array_merge(
                    (array) ($aspect['extra_keys'] ?? []),
                    [in_array($p1Key, $extraObjectsList, true) ? $p1Key : null],
                    [in_array($p2Key, $extraObjectsList, true) ? $p2Key : null]
                ))));
                $isExtraLine = !empty($extraKeys);
            @endphp

            <line x1="{{ $aspect['x1'] }}" y1="{{ $aspect['y1'] }}" x2="{{ $aspect['x2'] }}"
                y2="{{ $aspect['y2'] }}"
                class="{{ $aspect['color'] == 'red' ? 'aspect-line-red' : 'aspect-line-blue' }}{{ $isExtraLine ? ' extra-item extra-hidden aspect-line-extra' : '' }}"
                data-keys="{{ $isExtraLine ? implode(',', $extraKeys) : '' }}"
                data-aspect-keys="{{ $p1Key }},{{ $p2Key }}" />
        @endforeach
    @endif


    {{-- Heliocentric'te ev numaraları gösterilmez --}}
    {{-- Doğum saati bilinmiyorsa ev numaraları da gösterilmez --}}
    @if (empty($isHeliocentric) && empty($is_time_unknown))
        @foreach ($houseNumbers as $num)
            <text x="{{ $num['x'] }}" y="{{ $num['y'] }}" class="text-house-num" text-anchor="middle"
                dominant-baseline="middle">
                {{ $num['num'] }}
            </text>
        @endforeach
    @endif

    {{-- ✅ AY YAYI: Doğum saati bilinmiyorsa Ay'ın gün boyu (00:00–23:59) hareketi --}}
    @if (!empty($is_time_unknown) && !empty($moon_arc))
        <g class="moon-unknown-arc">
            <path d="{{ $moon_arc['path'] }}" fill="none" stroke="{{ $moon_arc['color'] }}"
                stroke-width="2.5" stroke-linecap="round" opacity="0.9" />
            @foreach ($moon_arc['ticks'] as $tick)
                <line x1="{{ $tick['x1'] }}" y1="{{ $tick['y1'] }}" x2="{{ $tick['x2'] }}"
                    y2="{{ $tick['y2'] }}" stroke="{{ $moon_arc['color'] }}" stroke-width="1.5" opacity="0.9" />
            @endforeach
            @foreach ($moon_arc['labels'] as $lab)
                <text x="{{ $lab['x'] }}" y="{{ $lab['y'] }}" text-anchor="middle" dominant-baseline="central"
                    font-family="'Segoe UI', sans-serif" font-size="10px" font-weight="700"
                    fill="{{ $moon_arc['color'] }}"
                    style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                    {{ $lab['text'] }}
                </text>
            @endforeach
        </g>
    @endif

    {{-- Ev Giriş Dereceleri --}}
    {{-- @foreach ($houseLabels as $label)
         <text x="{{ $label['x'] }}" y="{{ $label['y'] }}" font-weight="bold" fill="#333" stroke="none"
             text-anchor="middle" dominant-baseline="middle">
             <tspan x="{{ $label['x'] }}" dy="-0.4em" font-size="12px">
                 {{ $label['text_deg'] }}
             </tspan>
             <tspan x="{{ $label['x'] }}" dy="1.1em" font-size="10px" fill="#555">
                 {{ $label['text_min'] }}
             </tspan>
         </text>
     @endforeach --}}
    @if (empty($relationshipOverlayPlanetData))
        @foreach ($planetData as $planet)
            {{-- ✅ Doğum saati bilinmiyorsa ASC/DSC/MC/IC noktalarını (tick + yazı) hiç gösterme --}}
            @if (!empty($is_time_unknown) && in_array($planet['line_1_planet'] ?? '', ['ASC', 'DSC', 'MC', 'IC']))
                @continue
            @endif
            {{-- Kılavuz Çizgi (Metnin altındaki çizgi) --}}
            {{-- @if (isset($planet['guide_line']))
             <line x1="{{ $planet['guide_line']['x1'] }}" y1="{{ $planet['guide_line']['y1'] }}"
                 x2="{{ $planet['guide_line']['x2'] }}" y2="{{ $planet['guide_line']['y2'] }}"
                 stroke="{{ $planet['color'] }}" stroke-width="1" opacity="0.5" />
         @endif  --}}

            {{-- ✅ Dış kısa kalın tick --}} {{-- {{ $planet['color'] }} --}}
            {{-- ✅ Dış kısa kalın tick (Sadece ANA GEZEGENLER için) --}}
            {{-- Astroidleri ve Extra nesneleri buradan hariç tutuyoruz --}}
            {{-- ✅ 1. Ana Gezegenler (Astroid ve Extra/Yıldız olmayanlar) --}}
            {{-- ============================================================ --}}
            {{-- DERECE ÇİZGİLERİ (TICK LINES) - 3 FARKLI GRUP --}}
            {{-- ============================================================ --}}
            {{-- 1. GRUP: ANA GEZEGENLER (Asteroid DEĞİL, Extra DEĞİL, ASC/MC/DSC/IC DEĞİL - onlar 4. grupta) --}}
            @php $isFixedAxis = in_array($planet['line_1_planet'] ?? '', ['ASC', 'DSC', 'MC', 'IC']); @endphp
            @if (isset($planet['degree_tick']) && empty($planet['is_asteroid']) && empty($planet['is_extra']) && !$isFixedAxis && empty($isCustomGraphics))
                <line x1="{{ $planet['degree_tick']['x1'] }}" y1="{{ $planet['degree_tick']['y1'] }}"
                    x2="{{ $planet['degree_tick']['x2'] }}" y2="{{ $planet['degree_tick']['y2'] }}"
                    stroke="#000" stroke-width="2" stroke-linecap="round" opacity="0.9" />
            @endif
            {{-- 4. GRUP: ASC/MC/DSC/IC tick - her zaman göster --}}
            @if (isset($planet['degree_tick']) && $isFixedAxis && empty($isCustomGraphics))
                <line x1="{{ $planet['degree_tick']['x1'] }}" y1="{{ $planet['degree_tick']['y1'] }}"
                    x2="{{ $planet['degree_tick']['x2'] }}" y2="{{ $planet['degree_tick']['y2'] }}"
                    stroke="#000" stroke-width="2" stroke-linecap="round" opacity="0.9" />
            @endif

            {{-- 2. GRUP: ASTROIDLER --}}
            {{-- (Sadece is_asteroid olanlar) --}}
            @if (isset($planet['degree_tick']) && !empty($planet['is_asteroid']) && empty($isCustomGraphics))
                <line x1="{{ $planet['degree_tick']['x1'] }}" y1="{{ $planet['degree_tick']['y1'] }}"
                    x2="{{ $planet['degree_tick']['x2'] }}" y2="{{ $planet['degree_tick']['y2'] }}"
                    stroke="#000" stroke-width="2" stroke-linecap="round" opacity="0.9"
                    class="asteroid-tick extra-item extra-hidden" data-key="{{ $planet['key'] ?? '' }}" />
            @endif

            {{-- 3. GRUP: SABİT YILDIZLAR VE URANYENLER (EXTRA) --}}
            {{-- (is_extra olanlar. Panelden gizlenip açılabilmeleri için class ekledik) --}}
            @if (isset($planet['degree_tick']) && !empty($planet['is_extra']) && empty($planet['is_asteroid']) && empty($isCustomGraphics))
                <line x1="{{ $planet['degree_tick']['x1'] }}" y1="{{ $planet['degree_tick']['y1'] }}"
                    x2="{{ $planet['degree_tick']['x2'] }}" y2="{{ $planet['degree_tick']['y2'] }}"
                    stroke="#000" stroke-width="1.5" stroke-linecap="round" opacity="0.8" {{-- ✅ BU SINIFLAR ÇOK ÖNEMLİ: Yazı gizlenince çizgi de gizlenir --}}
                    class="extra-tick extra-item extra-hidden" data-key="{{ $planet['key'] ?? '' }}" />
            @endif


            {{-- Bağlantı Çizgisi (İçeriden dışarıya kesik çizgi) --}}
            @if (isset($planet['link_line']) && $planet['draw_link_line'])
                <line x1="{{ $planet['link_line']['x1'] }}" y1="{{ $planet['link_line']['y1'] }}"
                    x2="{{ $planet['link_line']['x2'] }}" y2="{{ $planet['link_line']['y2'] }}" stroke="#ccc"
                    stroke-width="1" stroke-dasharray="2" />
            @endif
            {{-- İsteğe bağlı: Gezegenin gerçek konumuna küçük bir nokta koyalım --}}
            {{-- @if (isset($planet['inner_point']))
                     <circle cx="{{ $planet['inner_point']['x'] }}" cy="{{ $planet['inner_point']['y'] }}" r="2" fill="{{ $planet['color'] }}" />
                @endif  --}}

            {{-- TEK METİN BLOKU --}}
            @if (isset($planet['text_pos']))
                @php
                    $isFixedPoint = in_array($planet['line_1_planet'], ['ASC', 'DSC', 'MC', 'IC']);
                    // ✅ YILDIZ KONTROLÜ
                    // is_star flag'i ChartVisualizerService'den gelmeli.
                    // Gelmiyorsa manuel kontrol ekle:
                    $starList = [
                        'Aldebaran',
                        'Algol',
                        'Antares',
                        'Regulus',
                        'Sirius',
                        'Spica',
                        'Vega',
                        'Fomalhaut',
                        // 'Betelgeuse',
                    ];
                    $isStar = !empty($planet['is_star']) || in_array($planet['key'] ?? '', $starList);

                    if ($isFixedPoint) {
                        // ASC ve MC her zaman düz (0 derece)
                        $rot = 0;
                        $dyVal = '0.em'; // Tek satır olduğu için dikey ortala
                    } else {
                        // 1. Temel Dönüş Açısı (Çembere dik olması için +90)
                        $angle = $planet['text_pos']['rotate'];
                        $rot = $angle + 90;
                        // 2. Açıyı 0-360 aralığına normalize et (Kontrol yapabilmek için)
                        $checkRot = fmod($rot, 360);
                        if ($checkRot < 0) {
                            $checkRot += 360;
                        }
                        // Ana metin +90 dönmüşse, harfleri -90 döndürürsek dik dururlar.
                        $counterRot = -$rot;
                        // 3. OKUNABİLİRLİK KONTROLÜ:
                        // Eğer açı 90 ile 270 arasındaysa metin baş aşağıdır (Ters durur).
                        // Bu durumda metni 180 derece çevirerek düzeltiriz.
                        // if ($checkRot > 90 && $checkRot < 270) {
                        //     $rot += 180;
                        // }
                        // Gezegenler için dikey öteleme (4 satır olduğu için yukarı al)
                        $dyVal = '-1.2em';
                    }

                    // ✅ FONT SEÇİMİ
                    // Yıldızlar için 'Segoe UI' veya 'Arial' kullan, diğerleri için sembol fontu.
                    $symbolFont = $isFixedPoint || $isStar ? "'Segoe UI', sans-serif" : "'HamburgSymbols', sans-serif";
                    $symbolSize = $isFixedPoint ? '14px' : ($isStar ? '24px' : '26px'); // Yıldız biraz büyük olsun
                @endphp
                {{-- stroke: #f4f6f8; --}}
                @php
                    // Transit chart mı? (outerRing doluysa transit)
                    $isTransitChart = !empty($outerRing) || !empty($transitOverlayPlanetData);
                    // Boşlukları duruma göre ayarla
                    $dyLine1 = $isTransitChart ? '-1.4em' : '-2em'; // 1. satır (sembol)
                @endphp
                @php
                    $isToggleExtra = !empty($planet['is_extra']) || !empty($planet['is_asteroid']);
                    // ✅ Yıldızlar eklendiğinde kullanılacak pozisyon bilgileri
                    $posWithExtras = $planet['text_pos_with_extras'] ?? $planet['text_pos'];
                    $rotWithExtras = ($posWithExtras['rotate'] ?? $planet['text_pos']['rotate']) + 90;
                    // ✅ Hangi extra objelerle çakışıyor?
                    $conflictingExtras = $planet['conflicting_extras'] ?? [];
                @endphp
                @php
                    // ✅ ASTRO-SEEK TARZI YERLEŞİM (sıfırdan):
                    // Etiket döndürülmez; 4 parça gezegenin açısı boyunca kademeli
                    // yarıçaplara dizilir, her parça DİK durur.
                    $cx = 400;
                    $cy = 400;
                    $ax = $planet['text_pos']['x'];
                    $ay = $planet['text_pos']['y'];
                    $theta = atan2($ay - $cy, $ax - $cx); // gezegenin açısı (radyan)
                    // Kademeli yarıçaplar (glif ile çentik arasında ~10px boşluk).
                    // ✅ Transit/ilişki gibi modlarda iç harita küçüldüğünde gezegen
                    // glifleri de otomatik içe kaymalı. Bu yüzden sabit piksel yerine,
                    // moda göre ölçeklenen gerçek halka geometrisine (r_orta..r_cetvel)
                    // bağlı bir bant kullanıyoruz. Natal-only modda (r_orta=160,
                    // r_cetvel=330) eski değerleri birebir üretir.
                    $rOrtaBase = isset($r_orta) ? (float) $r_orta : 160.0;
                    $rCetvelBase = isset($r_cetvel) ? (float) $r_cetvel : 330.0;
                    $bandSpan = max(1.0, $rCetvelBase - $rOrtaBase); // varsayılan 170
                    $bandScale = $bandSpan / 170.0;
                    $rGlyph = $rOrtaBase + 123 * $bandScale; // glif (en dış)
                    // Satırlar arası boşluğu hafif artır (özellikle derece/burç/dakika okunurluğu için)
                    $labelSpacingBoost = 2.0 * $bandScale;
                    $rDeg = $rOrtaBase + 91 * $bandScale - $labelSpacingBoost; // derece
                    $rSign = $rOrtaBase + 66 * $bandScale - (2.0 * $labelSpacingBoost); // burç glifi
                    $rMin = $rOrtaBase + 43 * $bandScale - (2.8 * $labelSpacingBoost); // dakika (en iç)

                    // Gezegen gliflerini büyüt, ancak halka sınırlarını taşırma.
                    // 1) Dış sınır (cetvel halkası) ile glif merkezi arasındaki mesafe
                    // 2) Glif satırı ile derece satırı arasındaki mesafe
                    // üzerinden güvenli bir maksimum font boyutu hesaplanır.
                    $outerGap = max(8.0, $rCetvelBase - $rGlyph - 2.0);
                    $gapToDegree = max(8.0, $rGlyph - $rDeg - 8.0);
                    $maxGlyphByGeometry = max(20.0, min($outerGap * 2.0, $gapToDegree * 2.0));

                    $planetGlyphTarget = 30.0; // önceki 26px'ten bilinçli büyütme
                    $starGlyphTarget = 22.0;   // yıldız metin glifi de bir miktar büyüsün
                    $glyphSizePx = $isStar
                        ? max(18.0, min($maxGlyphByGeometry, $starGlyphTarget))
                        : max(22.0, min($maxGlyphByGeometry, $planetGlyphTarget));

                    // Glif büyüdüğünde eşlik eden derece/dakika/burç etiketleri de
                    // orantılı büyüsün; fakat okunurluk ve çakışma için üst sınırlı kalsın.
                    $growth = max(0.0, $glyphSizePx - 26.0);
                    $degreeSizePx = max(14.8, min(18.0, 14.8 + ($growth * 0.60)));
                    $signSizePx = max(16.8, min(20.4, 16.8 + ($growth * 0.65)));
                    $minuteSizePx = max(13.6, min(16.2, 13.6 + ($growth * 0.45)));

                    $gx = $cx + $rGlyph * cos($theta);
                    $gy = $cy + $rGlyph * sin($theta);
                    $degX = $cx + $rDeg * cos($theta);
                    $degY = $cy + $rDeg * sin($theta);
                    $signX = $cx + $rSign * cos($theta);
                    $signY = $cy + $rSign * sin($theta);
                    $minX = $cx + $rMin * cos($theta);
                    $minY = $cy + $rMin * sin($theta);
                    // Extra'larla çakışma kayması (panel.js grubu translate ile uygular)
                    $shiftX = ($posWithExtras['x'] ?? $ax) - $ax;
                    $shiftY = ($posWithExtras['y'] ?? $ay) - $ay;
                    // Tooltip metni
                    $tipName = trim($planet['name'] ?? ($planet['key'] ?? ''));
                    $tipDeg = trim((string) ($planet['line_2_degree'] ?? ''));
                    $tipMin = trim((string) ($planet['line_4_min'] ?? "00'"));
                    $tipSign = trim((string) ($planet['sign_name'] ?? ''));
                    $tipRetro = !empty($planet['is_retro']) ? 'Retro' : '';
                    $tipHouse = $planet['house'] ?? null;
                    $ownerName = $planet['owner_name'] ?? '';
                    $tipText =
                        $tipName .
                        "\n" .
                        ($tipDeg ? "{$tipDeg} {$tipMin}" : '') .
                        ($tipSign ? "\n{$tipSign}" : '') .
                        ($tipRetro ? "\n{$tipRetro}" : '') .
                        ($tipHouse ? "\n{$tipHouse}. Ev" : '') .
                        ($tooltipChartLineInner ? "\n{$tooltipChartLineInner}" : '') .
                        ($ownerName ? "\n{$ownerName}" : '');
                    // Glif fontu: yıldızlar ve 'plain' noktalar (HamburgSymbols'ta
                    // glifi olmayan, çok harfli kısaltmalar — ör. genişletilmiş
                    // asteroid kataloğu) düz metin fontuyla, gezegenler sembol fontuyla.
                    $isPlainSymbol = !empty($planet['is_plain']);
                    $glyphFont = ($isStar || $isPlainSymbol) ? "'Segoe UI', sans-serif" : "'HamburgSymbols', sans-serif";
                    $glyphSize = $isPlainSymbol ? '11px' : (number_format($glyphSizePx, 1, '.', '') . 'px');
                    $degreeSize = number_format($degreeSizePx, 1, '.', '') . 'px';
                    $signSize = number_format($signSizePx, 1, '.', '') . 'px';
                    $minuteSize = number_format($minuteSizePx, 1, '.', '') . 'px';
                @endphp

                @if ($isFixedPoint)
                    {{-- ASC/DSC/MC/IC: tek satır, dik --}}
                    {{-- ✅ Custom Graphics stilinde ASC/DSC/MC/IC yazıları hiç gösterilmez
                         (haritanın en dışındaki 12 ev-cusp derece etiketleri onların yerini alır) --}}
                    @if (empty($isCustomGraphics))
                        <text x="{{ $ax }}" y="{{ $ay }}" text-anchor="middle" dominant-baseline="central"
                            style="paint-order: stroke; stroke-width: 3px; stroke: #fff;" data-key="{{ $planet['key'] ?? '' }}"
                            font-family="Segoe UI" font-size="14px" fill="{{ $planet['color'] }}" font-weight="bold">
                            <title>{{ $tipText }}</title>{!! $planet['line_1_planet'] !!}
                        </text>
                    @endif
                @else
                    {{-- ✅ ASTRO-SEEK TARZI: 4 dik parça, açı boyunca kademeli yarıçaplarda --}}
                    {{-- data-visual-deg / data-min-spacing: panel.js'in ekstralar açıkken görünür
                         öğeleri (normal + işaretli extra) backend spreadAngles() portuyla BİRLİKTE
                         yeniden dağıtabilmesi için gerçek görsel açı + taban boşluk değeri. --}}
                    <g data-key="{{ $planet['key'] ?? '' }}" data-shift-x="{{ round($shiftX, 2) }}"
                        data-shift-y="{{ round($shiftY, 2) }}"
                        data-visual-deg="{{ round((float) ($planet['visualDeg'] ?? 0), 4) }}"
                        data-min-spacing="{{ !empty($isCustomGraphics) ? '4.0' : '5.6' }}"
                        data-conflicting-extras="{{ implode(',', $conflictingExtras) }}"
                        class="{{ !empty($planet['is_asteroid']) ? 'asteroid-item' : '' }} {{ $isToggleExtra ? 'extra-item extra-hidden' : '' }}"
                        style="paint-order: stroke; stroke-width: 3px; stroke: #fff;">
                        <title>{{ $tipText }}</title>

                        {{-- Glif (en dış) + Retro R --}}
                        {{-- ✅ 'plain' noktalar (HamburgSymbols'ta glifi olmayan çok
                             harfli kısaltmalar — astro-seek.com'un genişletilmiş asteroid
                             kataloğu) astro-seek'in kendi haritasındaki gibi düz, sade
                             metin olarak çizilir (rozet/arka plan yok — astro-seek de
                             kendi radix görselinde "Cere", "Vest" gibi salt kelime
                             kullanıyor, özel bir asteroid sembolü yok). --}}
                        <text x="{{ round($gx, 2) }}" y="{{ round($gy, 2) }}" text-anchor="middle"
                            dominant-baseline="central" font-family="{{ $glyphFont }}" font-size="{{ $glyphSize }}"
                            fill="{{ $planet['color'] }}" font-weight="bold">{!! $planet['line_1_planet'] !!}@if (!empty($planet['is_retro']))<tspan class="retro-r" font-size="11px" fill="red" font-family="'Segoe UI', sans-serif" font-weight="bold" dx="1" dy="-9">R</tspan>@endif</text>

                        {{-- Derece --}}
                        <text x="{{ round($degX, 2) }}" y="{{ round($degY, 2) }}" text-anchor="middle"
                            dominant-baseline="central" font-family="'Segoe UI', sans-serif" font-size="{{ $degreeSize }}" fill="#000"
                            font-weight="bold">{{ intval($planet['line_2_degree']) }}°</text>

                        {{-- Burç --}}
                        <text x="{{ round($signX, 2) }}" y="{{ round($signY, 2) }}" text-anchor="middle"
                            dominant-baseline="central" font-family="'HamburgSymbols', sans-serif" font-size="{{ $signSize }}"
                            fill="{{ $planet['sign_color'] ?? $planet['color'] }}">{!! $planet['line_3_sign'] !!}</text>

                        {{-- Dakika (en iç) --}}
                        <text x="{{ round($minX, 2) }}" y="{{ round($minY, 2) }}" text-anchor="middle"
                            dominant-baseline="central" font-family="'Segoe UI', sans-serif" font-size="{{ $minuteSize }}"
                            fill="#555">{{ $planet['line_4_min'] ?? "00'" }}</text>
                    </g>
                @endif
            @endif
        @endforeach
    @endif
    {{-- ========================================================================== --}}
    {{-- ✅ İLİŞKİ ANALİZİ MODU (RELATIONSHIP MODE) --}}
    {{-- ========================================================================== --}}

    @if (!empty($relationshipOverlayPlanetData))

        {{-- ✅ KİŞİ B - EV ÇİZGİLERİ (pembe) --}}
        @if (!empty($relationshipHouseLines))
            @foreach ($relationshipHouseLines as $line)
                <line x1="{{ $line['x1'] }}" y1="{{ $line['y1'] }}" x2="{{ $line['x2'] }}"
                    y2="{{ $line['y2'] }}"
                    class="{{ $line['is_asc'] ? 'relationship-line-house-asc' : ($line['is_mc'] ? 'relationship-line-house-mc' : 'relationship-line-house-normal') }}" />
            @endforeach
        @endif


        {{-- ✅ Dış harita (Kişi B) ev numaraları 1..12 --}}
        @php $__fsB = $relationshipOverlayFontScaleB ?? 1.0; @endphp
        @if (!empty($relationshipHouseNumbers))
            @foreach ($relationshipHouseNumbers as $n)
                <text x="{{ $n['x'] }}" y="{{ $n['y'] }}" text-anchor="middle"
                    dominant-baseline="central" font-family="'Segoe UI', sans-serif" font-size="{{ round(10 * $__fsB, 1) }}px"
                    font-weight="800" fill="#e91e63" style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                    {{ $n['num'] }}
                </text>
            @endforeach
        @endif

        {{-- ✅ Dış harita (Kişi B) ASC/MC yazıları --}}
        {{-- ✅ Doğum saati bilinmiyorsa ASC/DSC/MC/IC yazıları gösterilmez --}}
        @if (!empty($relationshipAxisLabels) && empty($is_time_unknown))
            @foreach ($relationshipAxisLabels as $lab)
                <text x="{{ $lab['x'] }}" y="{{ $lab['y'] }}" text-anchor="middle"
                    dominant-baseline="central"
                    transform="rotate({{ $lab['rotate'] }}, {{ $lab['x'] }}, {{ $lab['y'] }})"
                    font-family="'Segoe UI', sans-serif" font-size="{{ round(11 * $__fsB, 1) }}px" font-weight="900"
                    fill="{{ $lab['color'] }}" style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                    {{ $lab['text'] }}
                </text>
            @endforeach
        @endif
        {{-- 1. AYIRICI ÇEMBER (Pembe Kesikli Çizgi) --}}
        {{-- Bu çember iki kişi arasında sınır görevi görür --}}
        @if (!empty($relationshipRing))
            <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $relationshipRing['r'] }}"
                fill="none" stroke="#e91e63" stroke-width="1.5" stroke-dasharray="5,3" opacity="0.6" />
        @endif

        {{-- 2. KİŞİ A (İÇERİDEKİLER - Standart Gezegenler) --}}
        {{-- Bu döngü senin gönderdiğin detaylı görünümü kullanır (Dakika, Burç dahil) --}}
        @foreach ($planetData as $planet)
            @if (isset($planet['text_pos']))
                @php
                    $angle = $planet['text_pos']['rotate'];
                    // Kişi A içeride olduğu için rotasyon standardı korunur
                    $rot = $angle + 90;

                    // Sabit noktalar (ASC/DSC/MC/IC) için özel ayar
                    $isFixedPoint = in_array($planet['line_1_planet'], ['ASC', 'DSC', 'MC', 'IC']);
                    $dyLine1 = '-2em';
                    if ($isFixedPoint) {
                        $rot = 0;
                        $dyLine1 = '0';
                    }
                @endphp
                @php
                    $isToggleExtra = !empty($planet['is_extra']) || !empty($planet['is_asteroid']);
                    // ✅ Yıldızlar eklendiğinde kullanılacak pozisyon bilgileri
                    $posWithExtras = $planet['text_pos_with_extras'] ?? $planet['text_pos'];
                    $rotWithExtras = ($posWithExtras['rotate'] ?? $planet['text_pos']['rotate']) + 90;
                    // ✅ Hangi extra objelerle çakışıyor?
                    $conflictingExtras = $planet['conflicting_extras'] ?? [];
                @endphp
                <text x="{{ $planet['text_pos']['x'] }}" y="{{ $planet['text_pos']['y'] }}" text-anchor="middle"
                    dominant-baseline="central"
                    transform="rotate({{ $rot }}, {{ $planet['text_pos']['x'] }}, {{ $planet['text_pos']['y'] }})"
                    style="paint-order: stroke; stroke-width: 3px; stroke: #fff;" {{-- ✅ BURASI GÜNCELLENDİ: data-key ve class eklendi --}}
                    data-key="{{ $planet['key'] ?? '' }}"
                    data-owner="A"
                    data-pos-original-x="{{ $planet['text_pos']['x'] }}"
                    data-pos-original-y="{{ $planet['text_pos']['y'] }}"
                    data-pos-original-rotate="{{ $rot }}"
                    data-pos-with-extras-x="{{ $posWithExtras['x'] }}"
                    data-pos-with-extras-y="{{ $posWithExtras['y'] }}"
                    data-pos-with-extras-rotate="{{ $rotWithExtras }}"
                    data-conflicting-extras="{{ implode(',', $conflictingExtras) }}"
                    class="{{ !empty($planet['is_asteroid']) ? 'asteroid-item' : '' }} {{ $isToggleExtra ? 'extra-item extra-hidden' : '' }}">

                    {{-- Tooltip: tüm bilgiler (iç halka / relationship A) — sadece bu haritanın adı --}}
                    @php
                        $tipName = trim($planet['name'] ?? ($planet['key'] ?? ''));
                        $tipDeg = trim((string) ($planet['line_2_degree'] ?? ''));
                        $ownerName = $planet['owner_name'] ?? '';
                        $tipMin = trim((string) ($planet['line_4_min'] ?? "00'"));
                        $tipSign = trim((string) ($planet['sign_name'] ?? ''));
                        $tipRetro = !empty($planet['is_retro']) ? 'Retro' : '';
                        $tipHouse = $planet['house'] ?? null;
                        $tipText =
                            $tipName .
                            "\n" .
                            ($tipDeg ? "{$tipDeg} {$tipMin}" : '') .
                            ($tipSign ? "\n{$tipSign}" : '') .
                            ($tipRetro ? "\n{$tipRetro}" : '') .
                            ($tipHouse ? "\n{$tipHouse}. Ev" : '') .
                            ($tipHouse && $tooltipChartLineInner ? "\n{$tooltipChartLineInner}" : ($tooltipChartLineInner ? "\n{$tooltipChartLineInner}" : '')) .
                            ($ownerName ? "\n{$ownerName}" : '');
                    @endphp
                    <title>{{ $tipText }}</title>

                    {{-- 1. SATIR: SEMBOL --}}
                    <tspan x="{{ $planet['text_pos']['x'] }}" dy="{{ $isFixedPoint ? '0' : $dyLine1 }}"
                        dx="2px"
                        font-family="{{ $isFixedPoint ? 'Segoe UI' : "'HamburgSymbols', sans-serif" }}"
                        font-size="{{ $isFixedPoint ? '14px' : '22px' }}" fill="{{ $planet['color'] }}"
                        font-weight="bold">
                        {!! $planet['line_1_planet'] !!}
                        @if (isset($planet['is_retro']) && $planet['is_retro'])
                            <tspan class="retro-r" font-size="11px" fill="red"
                                font-family="'Segoe UI', sans-serif" font-weight="bold" dx="-15"
                                dy="12">R</tspan>
                            <tspan dy="-12">&#8203;</tspan>
                        @endif
                    </tspan>

                    {{-- DİĞER SATIRLAR (Sabit noktalar değilse) --}}
                    @if (!$isFixedPoint)
                        {{-- 2. SATIR: DERECE --}}
                        <tspan class="deg-line" x="{{ $planet['text_pos']['x'] }}" dy="2em"
                            font-family="'Segoe UI', sans-serif" font-size="12px" fill="#000" font-weight="bold">
                            {{ intval($planet['line_2_degree']) }}°
                        </tspan>
                    @endif
                </text>
            @endif
        @endforeach


        {{-- 3. KİŞİ B (DIŞARIDAKİLER - Overlay Gezegenler) --}}
        {{-- Bu döngü sadeleştirilmiş görünümü kullanır (Sadece Derece ve Sembol) --}}
        @foreach ($relationshipOverlayPlanetData as $planet)
            {{-- Tick Çizgisi --}}
            {{-- @if (isset($planet['degree_tick_overlay']))
                 <line x1="{{ $planet['degree_tick_overlay']['x1'] }}"
                     y1="{{ $planet['degree_tick_overlay']['y1'] }}"
                     x2="{{ $planet['degree_tick_overlay']['x2'] }}"
                     y2="{{ $planet['degree_tick_overlay']['y2'] }}" class="relationship-tick" />
             @endif --}}
            @if (isset($planet['text_pos']))
                @php
                    $angle = $planet['text_pos']['rotate'];
                    $rot = $angle + 90;

                    // ✅ EKLE: Yıldız Kontrolü (sunucudan gelen is_extra flag'ini kullan)
                    $pKey = $planet['key'] ?? $planet['name'];
                    $isExtra = !empty($planet['is_extra']) || in_array($pKey, $extraObjectsList);

                    // Extra ise gizleme sınıfını ekle
                    $extraClass = ($isExtra || !empty($planet['is_asteroid'])) ? 'extra-item extra-hidden' : '';
                    $asteroidClass = !empty($planet['is_asteroid']) ? 'asteroid-item' : '';

                    $isFixedPoint = in_array($planet['line_1_planet'], ['ASC', 'MC']);

                    // ✅ Yıldızlar eklendiğinde kullanılacak pozisyon bilgileri
                    $posWithExtras = $planet['text_pos_with_extras'] ?? $planet['text_pos'];
                    $rotWithExtras = ($posWithExtras['rotate'] ?? $planet['text_pos']['rotate']) + 90;
                    // ✅ Hangi extra objelerle çakışıyor?
                    $conflictingExtras = $planet['conflicting_extras'] ?? [];
                @endphp

                <text x="{{ $planet['text_pos']['x'] }}" y="{{ $planet['text_pos']['y'] }}" text-anchor="middle"
                    dominant-baseline="central"
                    transform="rotate({{ $rot }}, {{ $planet['text_pos']['x'] }}, {{ $planet['text_pos']['y'] }})"
                    data-key="{{ $pKey }}" data-owner="B" class="{{ $asteroidClass }} {{ $extraClass }}"
                    data-pos-original-x="{{ $planet['text_pos']['x'] }}"
                    data-pos-original-y="{{ $planet['text_pos']['y'] }}"
                    data-pos-original-rotate="{{ $rot }}"
                    data-pos-with-extras-x="{{ $posWithExtras['x'] }}"
                    data-pos-with-extras-y="{{ $posWithExtras['y'] }}"
                    data-pos-with-extras-rotate="{{ $rotWithExtras }}"
                    data-conflicting-extras="{{ implode(',', $conflictingExtras) }}"
                    style="paint-order: stroke; stroke-width: 3px; stroke: #fff;" {{-- ✅ BURASI GÜNCELLENDİ: data-key ve class eklendi --}}>
                    {{-- Tooltip: tüm bilgiler (dış halka) — harita adı tek kez (chartLineOuter veya ownerName) --}}
                    @php
                        $tipName = trim($planet['name'] ?? ($planet['key'] ?? ''));
                        $tipDeg = trim((string) ($planet['line_2_degree'] ?? ''));
                        $ownerName = $planet['owner_name'] ?? 'Partner';
                        $tipMin = trim((string) ($planet['line_4_min'] ?? "00'"));
                        $tipSign = trim((string) ($planet['sign_name'] ?? ''));
                        $tipRetro = !empty($planet['is_retro']) ? 'Retro' : '';
                        $tipHouse = $planet['house'] ?? null;
                        $chartLineOuter = $tooltipChartLineTransit ?: $tooltipChartLine;
                        // Harita adını tek satırda göster (chartLineOuter ile ownerName aynı şeyi veriyordu, tekrara düşmemek için)
                        $chartNameLine = $chartLineOuter ?: ($ownerName ?: '');
                        $tipText =
                            $tipName .
                            "\n" .
                            ($tipDeg ? "{$tipDeg} {$tipMin}" : '') .
                            ($tipSign ? "\n{$tipSign}" : '') .
                            ($tipRetro ? "\n{$tipRetro}" : '') .
                            ($tipHouse ? "\n{$tipHouse}. Ev" : '') .
                            ($chartNameLine ? "\n{$chartNameLine}" : '');
                    @endphp
                    <title>{{ $tipText }}</title>

                    {{-- 1. SATIR (ÜST): SEMBOL --}}
                    {{-- dy="-0.5em" ile hafif yukarı alarak ilk satır yapıyoruz --}}
                    <tspan x="{{ $planet['text_pos']['x'] }}" dy="1em"
                        font-family="'HamburgSymbols', sans-serif" font-size="{{ round(22 * $__fsB, 1) }}px" fill="{{ $planet['color'] }}"
                        font-weight="bold">
                        {!! $planet['line_1_planet'] !!}
                        @if (isset($planet['is_retro']) && $planet['is_retro'])
                            <tspan class="retro-r" font-size="11px" fill="red"
                                font-family="'Segoe UI', sans-serif" font-weight="bold" dx="-15"
                                dy="12">R</tspan>
                            <tspan dy="-12">&#8203;</tspan>
                        @endif
                    </tspan>

                    {{-- 2. SATIR (ALT): DERECE --}}
                    {{-- dy="1.1em" ile sembolün altına indiriyoruz --}}
                    @if (!$isFixedPoint)
                        {{-- 2. SATIR: DERECE --}}
                        <tspan class="deg-line" x="{{ $planet['text_pos']['x'] }}" dy="2em"
                            font-family="'Segoe UI', sans-serif" font-size="{{ round(12 * $__fsB, 1) }}px" fill="#000" font-weight="bold">
                            {{ intval($planet['line_2_degree']) }}°
                        </tspan>
                    @endif

                </text>
            @endif
        @endforeach
    @else
    @endif

    {{-- ========================================================================== --}}
    {{-- ✅ ÇOKLU HARİTA: 3. ve 4. KİŞİ (C, D) HALKALARI --}}
    {{-- Bu bloklar SADECE 3-4 kişilik çoklu haritada dolu gelir (relationshipOverlayPlanetDataC/D).
         2 kişilik ilişki/çoklu harita bu değişkenleri hiç doldurmaz, dolayısıyla
         burası o durumda render edilmez ve mevcut görünüm birebir korunur. --}}
    {{-- ========================================================================== --}}
    @foreach ([
        ['planets' => $relationshipOverlayPlanetDataC ?? [], 'lines' => $relationshipHouseLinesC ?? [], 'nums' => $relationshipHouseNumbersC ?? [], 'axis' => $relationshipAxisLabelsC ?? [], 'ring' => $relationshipRingC ?? null, 'color' => $relationshipOverlayColorC ?? '#16a34a', 'scale' => $relationshipOverlayFontScaleC ?? 1.0],
        ['planets' => $relationshipOverlayPlanetDataD ?? [], 'lines' => $relationshipHouseLinesD ?? [], 'nums' => $relationshipHouseNumbersD ?? [], 'axis' => $relationshipAxisLabelsD ?? [], 'ring' => $relationshipRingD ?? null, 'color' => $relationshipOverlayColorD ?? '#f59e0b', 'scale' => $relationshipOverlayFontScaleD ?? 1.0],
    ] as $extraPerson)
        @if (!empty($extraPerson['planets']))
            @php $__fsX = $extraPerson['scale']; $__colorX = $extraPerson['color']; @endphp

            {{-- Ev çizgileri (kişinin kendi rengi, hafif) --}}
            @if (!empty($extraPerson['lines']))
                @foreach ($extraPerson['lines'] as $line)
                    <line x1="{{ $line['x1'] }}" y1="{{ $line['y1'] }}" x2="{{ $line['x2'] }}" y2="{{ $line['y2'] }}"
                        stroke="{{ $line['is_mc'] ? '#000' : ($line['is_asc'] ? '#e74c3c' : $__colorX) }}"
                        stroke-width="{{ $line['is_asc'] || $line['is_mc'] ? '1.6' : '1.1' }}"
                        opacity="{{ $line['is_asc'] || $line['is_mc'] ? '0.85' : '0.6' }}" />
                @endforeach
            @endif

            {{-- Ev numaraları (B ile aynı boyut) --}}
            @if (!empty($extraPerson['nums']))
                @foreach ($extraPerson['nums'] as $n)
                    <text x="{{ $n['x'] }}" y="{{ $n['y'] }}" text-anchor="middle"
                        dominant-baseline="central" font-family="'Segoe UI', sans-serif" font-size="{{ round(10 * $__fsX, 1) }}px"
                        font-weight="800" fill="{{ $__colorX }}" style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                        {{ $n['num'] }}
                    </text>
                @endforeach
            @endif

            {{-- ASC/DSC/MC/IC yazıları (B ile aynı boyut) --}}
            @if (!empty($extraPerson['axis']) && empty($is_time_unknown))
                @foreach ($extraPerson['axis'] as $lab)
                    <text x="{{ $lab['x'] }}" y="{{ $lab['y'] }}" text-anchor="middle"
                        dominant-baseline="central"
                        transform="rotate({{ $lab['rotate'] }}, {{ $lab['x'] }}, {{ $lab['y'] }})"
                        font-family="'Segoe UI', sans-serif" font-size="{{ round(11 * $__fsX, 1) }}px" font-weight="900"
                        fill="{{ $lab['color'] }}" style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                        {{ $lab['text'] }}
                    </text>
                @endforeach
            @endif

            {{-- Ayırıcı çember (kişinin kendi rengi, kesikli) --}}
            @if (!empty($extraPerson['ring']))
                <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $extraPerson['ring']['r'] }}"
                    fill="none" stroke="{{ $__colorX }}" stroke-width="1.2" stroke-dasharray="4,3" opacity="0.55" />
            @endif

            {{-- Gezegenler (sadeleştirilmiş görünüm: sembol + derece) --}}
            @foreach ($extraPerson['planets'] as $planet)
                @if (isset($planet['text_pos']))
                    @php
                        $angle = $planet['text_pos']['rotate'];
                        $rot = $angle + 90;
                        $pKey = $planet['key'] ?? $planet['name'];
                        $isExtra = !empty($planet['is_extra']) || in_array($pKey, $extraObjectsList);
                        $extraClass = ($isExtra || !empty($planet['is_asteroid'])) ? 'extra-item extra-hidden' : '';
                        $asteroidClass = !empty($planet['is_asteroid']) ? 'asteroid-item' : '';
                        $isFixedPoint = in_array($planet['line_1_planet'], ['ASC', 'MC']);
                        $posWithExtras = $planet['text_pos_with_extras'] ?? $planet['text_pos'];
                        $rotWithExtras = ($posWithExtras['rotate'] ?? $planet['text_pos']['rotate']) + 90;
                        $conflictingExtras = $planet['conflicting_extras'] ?? [];

                        $tipName = trim($planet['name'] ?? ($planet['key'] ?? ''));
                        $tipDeg = trim((string) ($planet['line_2_degree'] ?? ''));
                        $ownerName = $planet['owner_name'] ?? '';
                        $tipMin = trim((string) ($planet['line_4_min'] ?? "00'"));
                        $tipSign = trim((string) ($planet['sign_name'] ?? ''));
                        $tipRetro = !empty($planet['is_retro']) ? 'Retro' : '';
                        $tipHouse = $planet['house'] ?? null;
                        $tipText =
                            $tipName .
                            "\n" .
                            ($tipDeg ? "{$tipDeg} {$tipMin}" : '') .
                            ($tipSign ? "\n{$tipSign}" : '') .
                            ($tipRetro ? "\n{$tipRetro}" : '') .
                            ($tipHouse ? "\n{$tipHouse}. Ev" : '') .
                            ($ownerName ? "\n{$ownerName}" : '');
                    @endphp
                    <text x="{{ $planet['text_pos']['x'] }}" y="{{ $planet['text_pos']['y'] }}" text-anchor="middle"
                        dominant-baseline="central"
                        transform="rotate({{ $rot }}, {{ $planet['text_pos']['x'] }}, {{ $planet['text_pos']['y'] }})"
                        data-key="{{ $pKey }}" class="{{ $asteroidClass }} {{ $extraClass }}"
                        data-pos-original-x="{{ $planet['text_pos']['x'] }}"
                        data-pos-original-y="{{ $planet['text_pos']['y'] }}"
                        data-pos-original-rotate="{{ $rot }}"
                        data-pos-with-extras-x="{{ $posWithExtras['x'] }}"
                        data-pos-with-extras-y="{{ $posWithExtras['y'] }}"
                        data-pos-with-extras-rotate="{{ $rotWithExtras }}"
                        data-conflicting-extras="{{ implode(',', $conflictingExtras) }}"
                        style="paint-order: stroke; stroke-width: 3px; stroke: #fff;">
                        <title>{{ $tipText }}</title>

                        <tspan x="{{ $planet['text_pos']['x'] }}" dy="1em"
                            font-family="'HamburgSymbols', sans-serif" font-size="{{ round(22 * $__fsX, 1) }}px" fill="{{ $planet['color'] }}"
                            font-weight="bold">
                            {!! $planet['line_1_planet'] !!}
                            @if (isset($planet['is_retro']) && $planet['is_retro'])
                                <tspan class="retro-r" font-size="11px" fill="red"
                                    font-family="'Segoe UI', sans-serif" font-weight="bold" dx="-15"
                                    dy="12">R</tspan>
                                <tspan dy="-12">&#8203;</tspan>
                            @endif
                        </tspan>

                        @if (!$isFixedPoint)
                            <tspan class="deg-line" x="{{ $planet['text_pos']['x'] }}" dy="2em"
                                font-family="'Segoe UI', sans-serif" font-size="{{ round(12 * $__fsX, 1) }}px" fill="#000" font-weight="bold">
                                {{ intval($planet['line_2_degree']) }}°
                            </tspan>
                        @endif
                    </text>
                @endif
            @endforeach
        @endif
    @endforeach

    @if (!empty($transitOverlayPlanetData))
        @php
            // ✅ ÇOKLU HARİTA: Bu turuncu arkaplan halkası eskiden r=368/kalınlık=60
            // olarak SABİTLENMİŞTİ (klasik 2 kişilik 330-398 aralığına göre). C/D
            // bantları haritayı dışa büyüttüğünde gerçek transit halkası (outerRing.r)
            // artık çok daha dışarıda oluyor ama bu turuncu bant eski yerinde kalıp
            // B/C/D bantlarının ÜSTÜNE bindiriliyordu. Artık gerçek transit halkasının
            // (outerRing.r) konumundan TÜRETİLİYOR — 2 kişilik akışta outerRing.r
            // her zaman 398 kaldığı için bu, eski r=368/kalınlık=60 ile BİREBİR AYNI
            // sonucu üretir.
            $__transitBgOuterR = !empty($outerRing['r']) ? (float) $outerRing['r'] : 398.0;
            $__transitBgThickness = 60.0; // 398 - 338 (eski sabit kalınlık)
            $__transitBgMidR = $__transitBgOuterR - ($__transitBgThickness / 2); // 2 kişilikte: 398-30=368, eskisiyle birebir aynı
        @endphp
        <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $__transitBgMidR }}" fill="none"
            stroke="rgba(255, 165, 0, 0.08)" stroke-width="{{ $__transitBgThickness }}" />
    @endif

    {{-- ✅ TRANSIT OVERLAY (dış bant) --}}
    @if (!empty($transitOverlayPlanetData))
        {{-- ✅ TRANSIT HOUSE LINES (dış bant ev çizgileri) - SADECE 1 KEZ ÇİZ --}}
        {{-- Heliocentric'te ev çizgileri gösterilmez --}}
        @if (!empty($transitHouseLines) && empty($isHeliocentric))
            @foreach ($transitHouseLines as $l)
                <line x1="{{ $l['x1'] }}" y1="{{ $l['y1'] }}" x2="{{ $l['x2'] }}"
                    y2="{{ $l['y2'] }}"
                    class="{{ $l['is_asc'] ? 'transit-line-house-asc' : ($l['is_mc'] ? 'transit-line-house-mc' : 'transit-line-house-normal') }}"
                    opacity="1" />
            @endforeach
        @endif

        {{-- ✅ Transit dış bant ev numaraları --}}
        {{-- Heliocentric'te ev numaraları gösterilmez --}}
        @if (!empty($transitHouseNumbers) && empty($isHeliocentric))
            @foreach ($transitHouseNumbers as $n)
                <text x="{{ $n['x'] }}" y="{{ $n['y'] }}" text-anchor="middle"
                    dominant-baseline="central" font-family="'Segoe UI', sans-serif" font-size="11px"
                    font-weight="800" fill="#ff6600" style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                    {{ $n['num'] }}
                </text>
            @endforeach
        @endif

        {{-- ✅ Transit ASC/MC yazıları --}}
        {{-- ✅ Doğum saati bilinmiyorsa ASC/DSC/MC/IC yazıları gösterilmez --}}
        @if (!empty($transitAxisLabels) && empty($is_time_unknown))
            @foreach ($transitAxisLabels as $lab)
                <text x="{{ $lab['x'] }}" y="{{ $lab['y'] }}" text-anchor="middle"
                    dominant-baseline="central"
                    transform="rotate({{ $lab['rotate'] }}, {{ $lab['x'] }}, {{ $lab['y'] }})"
                    font-family="'Segoe UI', sans-serif" font-size="10px" font-weight="900"
                    fill="{{ $lab['color'] }}" style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">
                    {{ $lab['text'] }}
                </text>
            @endforeach
        @endif
        @foreach ($transitOverlayPlanetData as $planet)
            {{-- ✅ transit tick (iç çizgi - transit bantının içinde, astroid gibi) --}}
            @if (isset($planet['degree_tick_transit']))
                @php
                    $pKey = $planet['key'] ?? ($planet['name'] ?? '');
                    $isToggleExtra = !empty($planet['is_extra']) || !empty($planet['is_asteroid']) || in_array($pKey, $extraObjectsList, true);
                    $tickClass = $isToggleExtra ? 'extra-item extra-hidden' : '';
                @endphp

                <line x1="{{ $planet['degree_tick_transit']['x1'] }}"
                    y1="{{ $planet['degree_tick_transit']['y1'] }}"
                    x2="{{ $planet['degree_tick_transit']['x2'] }}"
                    y2="{{ $planet['degree_tick_transit']['y2'] }}" stroke="#000" stroke-width="2"
                    stroke-linecap="round" opacity="0.9" class="{{ $tickClass }} aspect-highlight-exempt"
                    data-key="{{ $pKey }}" />
            @endif
            {{-- transit text --}}
            @if (isset($planet['text_pos']))
                {{-- @php
                     $angle = $planet['text_pos']['rotate'];
                     $rot = $angle + 90;
                 @endphp --}}
                @php
                    $angle = $planet['text_pos']['rotate'];
                    // Kişi A içeride olduğu için rotasyon standardı korunur
                    $rot = $angle + 90;

                    // Sabit noktalar (ASC/DSC/MC/IC) için özel ayar
                    $isFixedPoint = in_array($planet['line_1_planet'], ['ASC', 'DSC', 'MC', 'IC']);
                    $dyLine1 = '-2em';
                    if ($isFixedPoint) {
                        $rot = 0;
                        $dyLine1 = '0';
                    }

                    // ✅ EKLE: Yıldız Kontrolü (Transit İçin - sunucudan gelen is_extra flag'ini kullan)
                    $pKey = $planet['key'] ?? $planet['name'];

                    // ✅ asteroid de extra gibi toggle edilecek
                    $isToggleExtra = !empty($planet['is_extra']) || !empty($planet['is_asteroid']) || in_array($pKey, $extraObjectsList, true);

                    $extraClass = $isToggleExtra ? 'extra-item extra-hidden' : '';
                    $asteroidClass = !empty($planet['is_asteroid']) ? 'asteroid-item' : '';

                    // ✅ Yıldızlar eklendiğinde kullanılacak pozisyon bilgileri
                    $posWithExtras = $planet['text_pos_with_extras'] ?? $planet['text_pos'];
                    $rotWithExtras = ($posWithExtras['rotate'] ?? $planet['text_pos']['rotate']) + 90;
                    // ✅ Hangi extra objelerle çakışıyor?
                    $conflictingExtras = $planet['conflicting_extras'] ?? [];
                @endphp
                <text x="{{ $planet['text_pos']['x'] }}" y="{{ $planet['text_pos']['y'] }}" text-anchor="middle"
                    dominant-baseline="central"
                    transform="rotate({{ $rot }}, {{ $planet['text_pos']['x'] }}, {{ $planet['text_pos']['y'] }})"
                    style="paint-order: stroke; stroke-width: 3px; stroke: #fff;" {{-- ✅ BURASI GÜNCELLENDİ: data-key ve class eklendi --}}
                    data-key="{{ $pKey }}" class="{{ $asteroidClass }} {{ $extraClass }} aspect-highlight-exempt"
                    data-pos-original-x="{{ $planet['text_pos']['x'] }}"
                    data-pos-original-y="{{ $planet['text_pos']['y'] }}"
                    data-pos-original-rotate="{{ $rot }}"
                    data-pos-with-extras-x="{{ $posWithExtras['x'] }}"
                    data-pos-with-extras-y="{{ $posWithExtras['y'] }}"
                    data-pos-with-extras-rotate="{{ $rotWithExtras }}"
                    data-conflicting-extras="{{ implode(',', $conflictingExtras) }}">
                    @php
                        $tipName = trim($planet['name'] ?? ($planet['key'] ?? ''));
                        $tipDeg = trim((string) ($planet['line_2_degree'] ?? ''));
                        $tipMin = trim((string) ($planet['line_4_min'] ?? "00'"));
                        $tipSign = trim((string) ($planet['sign_name'] ?? ''));
                        $tipRetro = !empty($planet['is_retro']) ? 'Retro' : '';
                        $tipHouse = $planet['house'] ?? null;
                        $chartLineTransit = $tooltipChartLineTransit ?: $tooltipChartLine;
                        $tipText =
                            $tipName .
                            "\n" .
                            ($tipDeg ? "{$tipDeg} {$tipMin}" : '') .
                            ($tipSign ? "\n{$tipSign}" : '') .
                            ($tipRetro ? "\n{$tipRetro}" : '') .
                            ($tipHouse ? "\n{$tipHouse}. Ev" : '') .
                            ($tipHouse && $chartLineTransit ? "\n{$chartLineTransit}" : ($chartLineTransit ? "\n{$chartLineTransit}" : ''));
                    @endphp
                    <title>{{ $tipText }}</title>
                    {{-- ✅ 1) ÜSTTE: Derece + dakika --}}
                    <tspan class="deg-line" x="{{ $planet['text_pos']['x'] }}" dy="0.5em"
                        font-family="'Segoe UI', sans-serif" font-size="11px" fill="#000" font-weight="bold">
                        {{ intval($planet['line_2_degree']) }}°
                        {{-- {{ $planet['line_4_min'] ?? "00'" }} --}}
                    </tspan>

                    {{-- ✅ 2) ALTTA: Gezegen sembolü --}}
                    <tspan x="{{ $planet['text_pos']['x'] }}" dy="-0.9em"
                        font-family="'HamburgSymbols', sans-serif" font-size="22px" fill="{{ $planet['color'] }}"
                        font-weight="bold">
                        {!! $planet['line_1_planet'] !!}
                        @if (!empty($planet['is_retro']))
                            <tspan font-size="10px" fill="red" font-family="'Segoe UI', sans-serif"
                                font-weight="bold" dx="-12" dy="10">R</tspan>
                            <tspan dy="-10">&#8203;</tspan>
                        @endif
                    </tspan>

                    {{-- <tspan x="{{ $planet['text_pos']['x'] }}" dy="1.6em"
                         font-family="'HamburgSymbols', sans-serif" font-size="13px" fill="{{ $planet['color'] }}">
                         {!! $planet['line_3_sign'] !!}
                     </tspan> --}}

                    {{-- <tspan x="{{ $planet['text_pos']['x'] }}" dy="1.4em" font-family="'Segoe UI', sans-serif"
                         font-size="11px" fill="#555">
                         {{ $planet['line_4_min'] ?? "00'" }}
                     </tspan> --}}
                </text>
           @endif
       @endforeach
   @endif

   {{-- ✅ PROFECTION + TRANSIT MODE: Dodecatemoria (Mikro-Zodyak) Ring --}}
   {{-- Transit modu varsa, dodecatemoria dış kenara taşınır ve transit içeriğinin ÜSTÜNDE render edilir --}}
   {{-- Sidereal ve Heliocentric haritada Dodecatemoria gösterilmez --}}
   @if (!empty($dodecatemoriaRing) && !empty($transitOverlayPlanetData) && empty($relationshipOverlayPlanetData) && empty($isSidereal) && empty($isHeliocentric))
       @php
           $dodecData = $dodecatemoriaRing;
       @endphp

       {{-- Hafif arka plan bandı (opsiyonel - görsel ayrım için) --}}
       <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ ($dodecData['r_outer'] + $dodecData['r_inner']) / 2 }}"
           fill="none" stroke="rgba(255, 165, 0, 0.06)" stroke-width="{{ $dodecData['r_outer'] - $dodecData['r_inner'] }}" />

       {{-- Halka sınır çizgileri --}}
       <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $dodecData['r_outer'] }}" fill="none"
           stroke="#888" stroke-width="0.8" />
       <circle cx="{{ $cx }}" cy="{{ $cy }}" r="{{ $dodecData['r_inner'] }}" fill="none"
           stroke="#888" stroke-width="0.5" />

       {{-- Bölücü Çizgiler ve Burç Sembolleri --}}
       @foreach ($dodecData['segments'] as $segment)
           {{-- Bölücü Çizgi (Transit modunda daha belirgin) --}}
           <line x1="{{ $segment['divider']['x1'] }}" y1="{{ $segment['divider']['y1'] }}"
               x2="{{ $segment['divider']['x2'] }}" y2="{{ $segment['divider']['y2'] }}"
               stroke="#999" stroke-width="0.4" opacity="0.6" />

           {{-- Mikro-Zodyak Burç Sembolü (Transit modunda biraz daha küçük font) --}}
           <text x="{{ $segment['text']['x'] }}" y="{{ $segment['text']['y'] }}" text-anchor="middle"
               dominant-baseline="central"
               transform="rotate({{ $segment['text']['rotate'] }}, {{ $segment['text']['x'] }}, {{ $segment['text']['y'] }})"
               font-family="'HamburgSymbols', sans-serif" font-size="11px" fill="{{ $segment['color'] }}"
               opacity="0.9"
               style="paint-order: stroke; stroke: rgba(255,255,255,0.8); stroke-width: 2px;">
               {{ $segment['sym'] }}
           </text>
       @endforeach
   @endif
{{--
   <circle cx="{{ $cx }}" cy="{{ $cy }}" r="3" fill="#000" /> --}}
@endif
{{-- ✅ MARKA FİLİGRANI: sol alt köşede logo + www.astrobilge.com. Çoklu
     haritada (3-4 kişi, multiPersonBandsActive) dış bantlar köşeye taştığı
     için gösterilmez. Logo base64 gömülür — PNG indirme akışı SVG'yi data
     URL üzerinden canvas'a çizdiğinden harici href yüklenmez (taint/boş
     görüntü sorunu), gömülü veri her iki yolda da çalışır. --}}
@if (empty($multiPersonBandsActive))
    @php
        // Site logosunun gif olmayan hali (header'daki logo.webp, şeffaf zemin)
        $__brandLogoFile = public_path('frontend/images/logo/logo.webp');
        $__brandLogoData = is_file($__brandLogoFile)
            ? 'data:image/webp;base64,' . base64_encode(file_get_contents($__brandLogoFile))
            : null;
        $__brandX = round($__svgMinX + 4, 1);
        $__brandBottomY = round($__svgCy + $__svgRDis - 2, 1);
    @endphp
    <g id="chartBrandWatermark" class="chart-brand-watermark" pointer-events="none">
        @if ($__brandLogoData)
            <image href="{{ $__brandLogoData }}" xlink:href="{{ $__brandLogoData }}"
                x="{{ $__brandX }}" y="{{ round($__brandBottomY - 68, 1) }}"
                width="100" height="50" opacity="0.95" />
        @endif
        <text x="{{ $__brandX + 1 }}" y="{{ $__brandBottomY }}"
            font-family="Arial, sans-serif" font-size="14px" font-weight="600" fill="#6b7280">www.astrobilge.com</text>
    </g>
@endif
</svg>