/* --- SYNASTRY SPECIFIC STYLES --- */

/* Pastel Palette for Gunas */
:root {
    --c-varna: #FFB3BA; --c-vashya: #FFDFBA; --c-tara: #FFFFBA;
    --c-yoni: #BAFFC9; --c-maitri: #BAE1FF; --c-gana: #E6B3FF;
    --c-bhakoot: #FFB3E6; --c-nadi: #A2E1DB;
}

body { background-color: #f8fafc; font-family: 'Poppins', sans-serif; padding-bottom: 20px; }

/* 8-Segment Donut Chart */
.score-container { position: relative; width: 200px; height: 200px; margin: 0 auto; }
.score-center {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    text-align: center; z-index: 10;
}
/* SVG Styles for Segments */
.chart-segment { fill: transparent; stroke-width: 3; transition: all 0.6s ease-out; opacity: 0.3; }
.chart-segment.filled { opacity: 1; stroke-width: 8; }

/* Row Colors for Table */
.row-varna { border-left: 5px solid var(--c-varna); }
.row-vashya { border-left: 5px solid var(--c-vashya); }
.row-tara { border-left: 5px solid var(--c-tara); }
.row-yoni { border-left: 5px solid var(--c-yoni); }
.row-maitri { border-left: 5px solid var(--c-maitri); }
.row-gana { border-left: 5px solid var(--c-gana); }
.row-bhakoot { border-left: 5px solid var(--c-bhakoot); }
.row-nadi { border-left: 5px solid var(--c-nadi); }

/* Selection Modal Styles */
.modal-wizard-step { display: none; }
.modal-wizard-step.active { display: block; }

.select-card {
    cursor: pointer; transition: transform 0.2s, box-shadow 0.2s;
    border: 2px solid transparent; overflow: hidden; position: relative;
    background: white;
}
.select-card:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: #cbd5e1; }
.select-card.selected { border-color: #6366f1; background-color: #eef2ff; }

/* Horizontal Bar Match Preview */
.match-preview-bar {
    position: absolute; bottom: 0; left: 0; height: 6px;
    transition: width 0.5s ease;
}
.match-bg-overlay {
    position: absolute; top: 0; bottom: 0; left: 0;
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.05), rgba(99, 102, 241, 0.15));
    z-index: 0; transition: width 0.5s ease;
}
.card-content { position: relative; z-index: 1; }

.step-indicator { width: 100%; height: 4px; background: #e2e8f0; margin-bottom: 20px; border-radius: 2px; overflow: hidden; }
.step-progress { height: 100%; background: #6366f1; width: 0%; transition: width 0.3s; }

/* DIFF ADD: Force table cells to be transparent so row gradient shows */
#koota-tbody tr td {
    background-color: transparent !important;
    box-shadow: none !important; /* Removes default Bootstrap accents if any */
}

/* DIFF UPDATE: Ensure full-height borders on desktop */
@media (min-width: 768px) {
    .border-md-end {
        border-right: 1px solid #e2e8f0 !important;
    }
}

/* Added from view-profile.css for button consistency */
.btn-white-glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.2s;
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
}
.btn-white-glass:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
}