/* ========================================
   COMPREHENSIVE DATA SECTIONS STYLES
   ======================================== */

/* Executive Summary Section */
.summary-section {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 60px 0;
}

.summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    margin-top: 30px;
}

.summary-card {
    background: white;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.summary-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.summary-icon {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.summary-content h3 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
}

.summary-content p {
    margin: 5px 0 0 0;
    color: #666;
    font-size: 0.95rem;
}

/* Leadership Section */
.leadership-section {
    background: #fff;
    padding: 60px 0;
}

.leadership-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.leader-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 30px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
    transition: transform 0.3s ease;
}

.leader-card:hover {
    transform: translateY(-6px);
}

.leader-icon {
    font-size: 4rem;
    margin-bottom: 15px;
}

.leader-card h3 {
    font-size: 1.3rem;
    margin: 10px 0;
    color: white;
}

.leader-role {
    font-size: 0.95rem;
    opacity: 0.9;
    margin: 8px 0;
}

.leader-contact {
    font-size: 0.9rem;
    margin-top: 12px;
    opacity: 0.85;
}

.ward-summary {
    grid-column: 1 / -1;
    background: #f8f9fa;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    border-left: 4px solid #667eea;
}

.ward-summary h3 {
    color: #667eea;
    margin-bottom: 15px;
}

.ward-summary p {
    margin: 8px 0;
    color: #555;
}

/* Infrastructure Section */
.infrastructure-section {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    padding: 60px 0;
}

.infrastructure-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.infra-card {
    background: white;
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.infra-card h3 {
    font-size: 1.4rem;
    margin-bottom: 20px;
    color: #333;
}

.infra-card p {
    margin: 10px 0;
    color: #666;
    font-size: 0.95rem;
}

.progress-bar {
    width: 100%;
    height: 24px;
    background: #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    margin: 15px 0;
}

.progress-fill {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.85rem;
    transition: width 0.6s ease;
}

/* Welfare Schemes Section */
.welfare-section {
    background: #fff;
    padding: 60px 0;
}

.welfare-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 28px;
    margin-top: 40px;
}

.scheme-card {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
    padding: 26px;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(240, 147, 251, 0.3);
    transition: transform 0.3s ease;
}

.scheme-card:hover {
    transform: scale(1.03);
}

.scheme-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.scheme-header h3 {
    font-size: 1.2rem;
    margin: 0;
    color: white;
}

.scheme-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.3);
}

.scheme-badge.central {
    background: rgba(255, 215, 0, 0.9);
    color: #333;
}

.scheme-badge.state {
    background: rgba(76, 175, 80, 0.9);
    color: white;
}

.scheme-desc {
    font-size: 0.9rem;
    margin: 12px 0;
    opacity: 0.95;
    line-height: 1.5;
}

.scheme-card p {
    margin: 8px 0;
    font-size: 0.9rem;
}

.scheme-card strong {
    font-weight: 600;
}

/* Agriculture Section */
.agriculture-section {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
    padding: 60px 0;
}

.agriculture-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.agri-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.agri-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #2c3e50;
}

.agri-card p {
    margin: 10px 0;
    color: #555;
    font-size: 0.95rem;
}

.agri-card ul {
    margin: 12px 0;
    padding-left: 20px;
}

.agri-card li {
    margin: 6px 0;
    color: #666;
}

/* Education Section */
.education-section {
    background: #fff;
    padding: 60px 0;
}

.education-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
    margin-top: 40px;
}

.edu-card {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(79, 172, 254, 0.3);
}

.edu-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: white;
}

.edu-card p {
    margin: 10px 0;
    font-size: 0.95rem;
    opacity: 0.95;
}

/* KPI Section */
.kpi-section {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
    padding: 60px 0;
}

.kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    margin-top: 40px;
}

.kpi-card {
    background: white;
    padding: 30px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.kpi-card:hover {
    transform: translateY(-5px);
}

.kpi-card h3 {
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: #333;
}

.kpi-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: #4CAF50;
    margin: 15px 0;
}

.kpi-rating {
    font-size: 1rem;
    color: #666;
    margin: 10px 0;
}

.kpi-status {
    font-size: 1.5rem;
    margin-top: 10px;
}

/* Demographics Section Enhancements */
.demographics-section {
    background: #fff;
    padding: 60px 0;
}

.demographics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.demo-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(102, 126, 234, 0.3);
}

.demo-card h3 {
    font-size: 1.4rem;
    margin-bottom: 20px;
    color: white;
}

.demo-stats {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stat-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.stat-label {
    font-weight: 500;
    opacity: 0.9;
}

.stat-value {
    font-weight: 700;
}

/* ========================================
   NEW SECTIONS STYLES (16 SECTIONS)
   ======================================== */

/* Banking Section */
.banking-section {
    background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
    padding: 60px 0;
}

.banking-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.banking-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #00796b;
}

.banking-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #00796b;
}

.banking-card p,
.banking-card ul {
    margin: 10px 0;
    color: #555;
    font-size: 0.95rem;
}

.banking-card ul {
    padding-left: 20px;
}

.banking-card li {
    margin: 6px 0;
}

/* Citizen Services Section */
.citizen-services-section {
    background: #fff;
    padding: 60px 0;
}

.citizen-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.service-card {
    background: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);
    color: #333;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.service-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #1a237e;
}

.service-card p {
    margin: 10px 0;
    font-size: 0.95rem;
}

/* Health Services Section */
.health-services-section {
    background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%);
    padding: 60px 0;
}

.health-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.health-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #d35400;
}

.health-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #d35400;
}

.health-card p {
    margin: 10px 0;
    color: #555;
    font-size: 0.95rem;
}

/* Vulnerable Groups Section */
.vulnerable-groups-section {
    background: #fff;
    padding: 60px 0;
}

.vulnerable-groups-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.vulnerable-card {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: #333;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.vulnerable-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #880e4f;
}

.vulnerable-card p {
    margin: 10px 0;
    font-size: 0.95rem;
}

/* Environment Section */
.environment-section {
    background: linear-gradient(135deg, #c3fdb8 0%, #a8e6cf 100%);
    padding: 60px 0;
}

.environment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.env-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #2e7d32;
}

.env-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #2e7d32;
}

.env-card p {
    margin: 10px 0;
    color: #555;
    font-size: 0.95rem;
}

/* Connectivity Section */
.connectivity-section {
    background: #fff;
    padding: 60px 0;
}

.connectivity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.connectivity-card {
    background: linear-gradient(135deg, #cfd9df 0%, #e2ebf0 100%);
    color: #333;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.connectivity-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #01579b;
}

.connectivity-card p {
    margin: 10px 0;
    font-size: 0.95rem;
}

/* Cultural Heritage Section */
.cultural-heritage-section {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    padding: 60px 0;
}

.cultural-heritage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.cultural-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #bf360c;
}

.cultural-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #bf360c;
}

.cultural-card p {
    margin: 10px 0;
    color: #555;
    font-size: 0.95rem;
}

/* Tax & Revenue Section */
.tax-revenue-section {
    background: #fff;
    padding: 60px 0;
}

.tax-revenue-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.tax-card {
    background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%);
    color: #333;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.tax-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #f57c00;
}

.tax-card p {
    margin: 10px 0;
    font-size: 0.95rem;
}

/* Disaster Management Section */
.disaster-management-section {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
    padding: 60px 0;
}

.disaster-management-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.disaster-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #c62828;
}

.disaster-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #c62828;
}

.disaster-card p {
    margin: 10px 0;
    color: #555;
    font-size: 0.95rem;
}

/* Comparative Analysis Section */
.comparative-analysis-section {
    background: #fff;
    padding: 60px 0;
}

.comparative-analysis-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.comparison-card {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
    color: #333;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.comparison-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #1565c0;
}

.comparison-card p {
    margin: 10px 0;
    font-size: 0.95rem;
}

/* SWOT Analysis Section */
.swot-analysis-section {
    background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
    padding: 60px 0;
}

.swot-analysis-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.swot-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.swot-card.strengths {
    border-left: 4px solid #4CAF50;
}

.swot-card.weaknesses {
    border-left: 4px solid #FF9800;
}

.swot-card.opportunities {
    border-left: 4px solid #2196F3;
}

.swot-card.threats {
    border-left: 4px solid #F44336;
}

.swot-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
}

.swot-card.strengths h3 {
    color: #4CAF50;
}

.swot-card.weaknesses h3 {
    color: #FF9800;
}

.swot-card.opportunities h3 {
    color: #2196F3;
}

.swot-card.threats h3 {
    color: #F44336;
}

.swot-card ul {
    margin: 12px 0;
    padding-left: 20px;
}

.swot-card li {
    margin: 8px 0;
    color: #555;
    line-height: 1.6;
}

/* Gaps & Recommendations Section */
.gaps-recommendations-section {
    background: #fff;
    padding: 60px 0;
}

.gaps-recommendations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.gap-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.gap-card.priority-high {
    border-left: 4px solid #F44336;
}

.gap-card.priority-medium {
    border-left: 4px solid #FF9800;
}

.gap-card.immediate {
    border-left: 4px solid #E91E63;
}

.gap-card.short-term {
    border-left: 4px solid #9C27B0;
}

.gap-card.medium-term {
    border-left: 4px solid #3F51B5;
}

.gap-card.long-term {
    border-left: 4px solid #2196F3;
}

.gap-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
}

.gap-card.priority-high h3 {
    color: #F44336;
}

.gap-card.priority-medium h3 {
    color: #FF9800;
}

.gap-card.immediate h3 {
    color: #E91E63;
}

.gap-card.short-term h3 {
    color: #9C27B0;
}

.gap-card.medium-term h3 {
    color: #3F51B5;
}

.gap-card.long-term h3 {
    color: #2196F3;
}

.gap-card ul {
    margin: 12px 0;
    padding-left: 20px;
}

.gap-card li {
    margin: 8px 0;
    color: #555;
    line-height: 1.6;
}

/* Data Quality Section */
.data-quality-section {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    padding: 60px 0;
}

.data-quality-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.data-quality-card {
    background: white;
    padding: 26px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.data-quality-card h3 {
    font-size: 1.3rem;
    margin-bottom: 18px;
    color: #1565c0;
}

.quality-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 15px 0;
}

.quality-item span:first-child {
    min-width: 150px;
    font-weight: 600;
    color: #333;
}

.quality-item span:last-child {
    min-width: 100px;
    text-align: right;
    color: #666;
}

.quality-score {
    text-align: center;
    padding: 30px;
}

.score-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 auto 20px;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
}

.data-quality-card ul {
    margin: 12px 0;
    padding-left: 20px;
}

.data-quality-card li {
    margin: 8px 0;
    color: #555;
    line-height: 1.6;
}

/* Development Outlook Section */
.development-outlook-section {
    background: #fff;
    padding: 60px 0;
}

.development-outlook-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.outlook-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(102, 126, 234, 0.3);
}

.outlook-card h3 {
    font-size: 1.4rem;
    margin-bottom: 20px;
    color: white;
}

.outlook-card p {
    margin: 10px 0;
    font-size: 0.95rem;
    opacity: 0.95;
}

.outlook-card ul {
    margin: 12px 0;
    padding-left: 20px;
}

.outlook-card li {
    margin: 8px 0;
    line-height: 1.6;
    opacity: 0.95;
}

/* Utility Classes */
.warning-text {
    color: #FF9800;
    font-weight: 600;
}

.success-text {
    color: #4CAF50;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {

    .summary-grid,
    .leadership-grid,
    .infrastructure-grid,
    .welfare-grid,
    .agriculture-grid,
    .education-grid,
    .kpi-grid,
    .demographics-grid,
    .banking-grid,
    .citizen-services-grid,
    .health-services-grid,
    .vulnerable-groups-grid,
    .environment-grid,
    .connectivity-grid,
    .cultural-heritage-grid,
    .tax-revenue-grid,
    .disaster-management-grid,
    .comparative-analysis-grid,
    .swot-analysis-grid,
    .gaps-recommendations-grid,
    .data-quality-grid,
    .development-outlook-grid {
        grid-template-columns: 1fr;
    }

    .summary-card,
    .leader-card,
    .infra-card,
    .scheme-card,
    .agri-card,
    .edu-card,
    .kpi-card,
    .demo-card,
    .banking-card,
    .service-card,
    .health-card,
    .vulnerable-card,
    .env-card,
    .connectivity-card,
    .cultural-card,
    .tax-card,
    .disaster-card,
    .comparison-card,
    .swot-card,
    .gap-card,
    .data-quality-card,
    .outlook-card {
        padding: 20px;
    }

    .summary-icon {
        font-size: 2rem;
    }

    .leader-icon {
        font-size: 3rem;
    }

    .kpi-value {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .summary-card {
        flex-direction: column;
        text-align: center;
    }

    .scheme-header {
        flex-direction: column;
        gap: 10px;
    }

    .stat-item {
        flex-direction: column;
        gap: 5px;
        text-align: left;
    }

    .quality-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .quality-item span:last-child {
        text-align: left;
    }
}

/* Chart Container Styles */
canvas {
    max-width: 100%;
    height: auto !important;
}

.demo-card canvas {
    margin-top: 20px;
}

/* Section Headers */
.section h2 {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2c3e50;
}

.summary-section h2,
.infrastructure-section h2,
.agriculture-section h2,
.kpi-section h2 {
    color: #2c3e50;
}

.leadership-section h2,
.welfare-section h2,
.education-section h2,
.demographics-section h2 {
    color: #333;
}

/* Loading State */
.summary-grid:empty::before,
.leadership-grid:empty::before,
.infrastructure-grid:empty::before,
.welfare-grid:empty::before,
.agriculture-grid:empty::before,
.education-grid:empty::before,
.kpi-grid:empty::before,
.demographics-grid:empty::before,
.banking-grid:empty::before,
.citizen-services-grid:empty::before,
.health-services-grid:empty::before,
.vulnerable-groups-grid:empty::before,
.environment-grid:empty::before,
.connectivity-grid:empty::before,
.cultural-heritage-grid:empty::before,
.tax-revenue-grid:empty::before,
.disaster-management-grid:empty::before,
.comparative-analysis-grid:empty::before,
.swot-analysis-grid:empty::before,
.gaps-recommendations-grid:empty::before,
.data-quality-grid:empty::before,
.development-outlook-grid:empty::before {
    content: 'डेटा लोड हो रहा है...';
    display: block;
    text-align: center;
    padding: 40px;
    color: #999;
    font-size: 1.1rem;
}