body {
            font-family: 'Inter', sans-serif;
        }
        .table-cell {
            border: 1px solid #e2e8f0;
            padding: 0.75rem;
            text-align: center;
            white-space: nowrap;
        }
        .table-header {
            background-color: #f1f5f9;
            font-weight: 600;
            color: #1e293b;
        }
        .total-row {
            font-weight: 700;
            background-color: #f1f5f9;
        }
        .grand-total {
            background-color: #e2e8f0;
            font-weight: bold;
        }
        /* Specific styles for the SCC table */
        .scc-header-rashi {
            background-color: #e0e7ff; /* Indigo 100 */
            color: #3730a3; /* Indigo 800 */
            font-weight: 700;
        }
        .scc-header-graha {
            background-color: #f0f9ff; /* Sky 50 */
            font-size: 0.8rem;
        }
        .rashi-separator {
            border-left: 2px solid #9ca3af; /* Gray-400 for a distinct line */
        }

        /* --- STYLES FROM YOUR CUSTOM KUNDLI --- */
        .kundli-chart-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 2rem;
        }
 
        .kundli-chart {
            width: 100%;
            max-width: 440px;
            height: auto;
            aspect-ratio: 1 / 1;
            border: 2px solid black;
            background-color: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .kundli-lines {
            stroke: black;
            stroke-width: 2;
        }

        .house-text {
            font-size: 14px;
            fill: #2980b9; /* Blue color for planets */
            font-weight: 500;
        }
        
        .rashi {
            font-size: 16px;
            fill: #c0392b; /* Red color for Rashis */
            font-weight: bold;
        }

        .summary-circle {
            fill: #f0fdf4; /* Light green fill */
            stroke: #15803d; /* Darker green border */
            stroke-width: 1.5;
        }

        .summary-total {
            font-size: 20px;
            fill: #14532d; /* Darkest green for totals */
            font-weight: bold;
        }
        
        /* --- STYLES FOR CIRCULAR CHART --- */
        .circular-chart-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .grid-circle {
            fill: none;
            /* Stroke properties are now set in JS to avoid conflicts */
        }
      
        .cell-text {
            font-size: 10px;
            text-anchor: middle;
            dominant-baseline: central;
            fill: #333;
            font-weight: bold;
        }
        .header-text, .grand-total-text, .planet-text {
             font-size: 12px;
            text-anchor: middle;
            dominant-baseline: central;
            fill: #1e293b;
            font-weight: 600;
        }
        .grand-total-text {
            font-size: 14px;
            fill: #be123c;
            font-weight: 700;
        }
        .planet-text {
            font-size: 11px;
            fill: #2980b9;
        }





         /* Styles for the hidden PDF content wrapper */
       
        .pdf-header {
            width: 100%;
            text-align: center;
            flex-shrink: 0;
        }
        .pdf-kundli-row {
            display: flex;
            justify-content: space-around;
            gap: 30px;
            flex-shrink: 0;
        }
        .pdf-chakra-row {
            flex-grow: 1; /* Allow chakra to take remaining space */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #pdf-user-name {
            font-size: 36px;
            font-weight: 700;
            text-decoration:underline ;
            stroke-width: 10px;
            padding: 10px 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            padding-bottom: 10px;
            /* min-height: 80px; --- This line was removed --- */
        }
        .pdf-kundli-container h2 {  margin-bottom: 10px; font-size: large; font-weight: 600; }
        
        .pdf-kundli-container {

            width: 48%;
        }
        .kundli-chart {
            width: 100%;
            aspect-ratio: 1 / 1;
            border: 2px solid black;
            background-color: white;
        }
        .kundli-lines { stroke: black; stroke-width: 2; }
        .house-text { font-size: 22px; fill: #2980b9; font-weight: 500; }
        .rashi { font-size: 26px; fill: #c0392b; font-weight: bold; }
        .summary-circle { fill: #f0fdf4; stroke: #15803d; stroke-width: 1.5; }
        .summary-total { font-size: 30px; fill: #14532d; font-weight: bold; }

        #pdf-circular-chakra-container {
            width: 100%;
            max-width: 1000px; /* Max size for the chakra */
            height: 100%;
        }
        #pdf-circular-chakra {
            width: 100%;
            height: 100%;
        }
        #pdf-circular-chakra .cell-text { font-size: 14px; }
        #pdf-circular-chakra .header-text,
        #pdf-circular-chakra .planet-text { font-size: 16px; }
        #pdf-circular-chakra .grand-total-text { font-size: 18px; fill: #be123c; font-weight: 700; }
        .kundli-container, .circular-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    aspect-ratio: 1/1;
}

/* PDF Export Layouts */
/* --- FIXED HIDDEN CONTAINER --- */
#pdf-export-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    /* Move it far to the left so it's not on the screen */
    transform: translateX(-200%); 
    /* Ensures no scrollbars appear on the main page */
    overflow: hidden; 
    height: 0;
    width: 210mm;
    z-index: -9999;
}

/* Ensure the pages inside are actually rendered white for the "camera" */
.pdf-page {
    visibility: visible;
    background: white !important;
    width: 210mm;
    height: 297mm;
    padding: 10mm;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.pdf-user-title {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    color: #1e1b4b;
    border-bottom: 4px double #4338ca;
    padding-bottom: 7px;
    margin-bottom: 30px;
}

.pdf-section-header {
    background: #f1f5f9;
    padding: 3px;
    font-weight: bold;
    font-size: 18px;
    color: #4338ca;
    margin-bottom: 15px;
    border-left: 5px solid #4338ca;
}

.pdf-scc-box {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
#pdf-scc-circular {
    width: 75%;      /* Adjust this percentage to shrink the chakra */
    margin: 0 auto;  /* Centers it */
    display: block;
}

.pdf-split-row {
    display: flex;
    gap: 20px;
    flex-grow: 1;
}

.pdf-split-col {
    flex: 1;
}

.pdf-diamond-box {
    width: 100%;
    height: 350px;
}

/* Ashtakavarga Grid 3x2 */
.ashtak-grid-3x2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 20px;
    flex-grow: 1;
}

/* Table Styling */
.ashtak-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
   
}

.ashtak-table th, .ashtak-table td {
    border: 1px solid #cbd5e1;
    text-align: center; 
    padding: 4px 2px;
}



.planet-title {
    text-align: center;
    font-weight: bold;
    background: #4338ca;
    color: white;
    padding: 4px;
    font-size: 14px;
}

.total-row {
    background: #f1f5f9;
    font-weight: bold;
}

.pdf-footer {
    text-align: right;
    font-size: 10px;
    color: #94a3b8;
    margin-top: 20px;
}