/* /Components/Charts/BirthDataForm.razor.rz.scp.css */
.birth-data-form[b-50gimrqbiv] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.birth-data-form h3[b-50gimrqbiv] {
    color: #2c3e50;
    margin-bottom: 20px;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
}

.form-section[b-50gimrqbiv] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.form-section h4[b-50gimrqbiv] {
    color: #34495e;
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.form-group[b-50gimrqbiv] {
    margin-bottom: 15px;
}

.form-group label[b-50gimrqbiv] {
    font-weight: 600;
    color: #2c3e50;
    display: block;
    margin-bottom: 5px;
}

.form-control[b-50gimrqbiv] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
}

.form-control:focus[b-50gimrqbiv] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.form-row[b-50gimrqbiv] {
    display: flex;
    gap: 15px;
}

.form-row .form-group[b-50gimrqbiv] {
    flex: 1;
}

.form-text[b-50gimrqbiv] {
    display: block;
    margin-top: 5px;
    font-size: 0.875rem;
}

.text-muted[b-50gimrqbiv] {
    color: #6c757d;
}

.form-actions[b-50gimrqbiv] {
    margin-top: 30px;
    display: flex;
    gap: 10px;
}

.btn[b-50gimrqbiv] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-primary[b-50gimrqbiv] {
    background-color: #3498db;
    color: white;
}

.btn-primary:hover[b-50gimrqbiv] {
    background-color: #2980b9;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-secondary[b-50gimrqbiv] {
    background-color: #95a5a6;
    color: white;
}

.btn-secondary:hover[b-50gimrqbiv] {
    background-color: #7f8c8d;
}

.btn-lg[b-50gimrqbiv] {
    padding: 12px 24px;
    font-size: 1.1rem;
}

.validation-message[b-50gimrqbiv] {
    color: #e74c3c;
    font-size: 0.875rem;
    margin-top: 5px;
}

@media (max-width: 768px) {
    .form-row[b-50gimrqbiv] {
        flex-direction: column;
    }

    .form-actions[b-50gimrqbiv] {
        flex-direction: column;
    }

    .btn[b-50gimrqbiv] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Charts/ChartAnalysis.razor.rz.scp.css */
.chart-analysis[b-tl771wea2r] {
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-top: 1.5rem;
}

.chart-analysis h3[b-tl771wea2r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    color: var(--text-primary, #1a1a2e);
    font-size: 1.25rem;
    font-weight: 600;
}

.chart-analysis h3 .oi[b-tl771wea2r] {
    color: var(--accent-color, #6366f1);
}

/* Analysis Prompt */
.analysis-prompt[b-tl771wea2r] {
    text-align: center;
    padding: 2rem;
}

.analysis-description[b-tl771wea2r] {
    color: var(--text-secondary, #64748b);
    max-width: 600px;
    margin: 0 auto 1.5rem;
    line-height: 1.6;
}

.provider-selection[b-tl771wea2r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.provider-selection label[b-tl771wea2r] {
    font-weight: 500;
    color: var(--text-primary, #1a1a2e);
}

.provider-select[b-tl771wea2r] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    background: white;
    font-size: 0.95rem;
    min-width: 200px;
}

.config-warning[b-tl771wea2r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    background: #fef3c7;
    border-radius: 8px;
    color: #92400e;
    margin-bottom: 1rem;
}

.generate-btn[b-tl771wea2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border: none;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.generate-btn:hover:not(:disabled)[b-tl771wea2r] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}

.generate-btn:disabled[b-tl771wea2r] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Loading State */
.loading-state[b-tl771wea2r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 2rem;
}

.loading-spinner[b-tl771wea2r] {
    margin-bottom: 1.5rem;
}

.spinner[b-tl771wea2r] {
    width: 48px;
    height: 48px;
    border: 4px solid #e2e8f0;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: spin-b-tl771wea2r 1s linear infinite;
}

@keyframes spin-b-tl771wea2r {
    to { transform: rotate(360deg); }
}

.loading-info[b-tl771wea2r] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.loading-title[b-tl771wea2r] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--text-primary, #1a1a2e);
    margin-bottom: 0.5rem;
}

.loading-detail[b-tl771wea2r] {
    color: var(--text-secondary, #64748b);
    font-size: 0.9rem;
}

.loading-progress[b-tl771wea2r] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 400px;
}

.progress-bar[b-tl771wea2r] {
    flex: 1;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-tl771wea2r] {
    height: 100%;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    transition: width 0.3s ease;
}

.progress-text[b-tl771wea2r] {
    font-weight: 600;
    color: #6366f1;
    min-width: 40px;
}

/* Error State */
.error-state[b-tl771wea2r] {
    text-align: center;
    padding: 2rem;
    color: #dc2626;
}

.error-state .oi[b-tl771wea2r] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

/* Report Header */
.report-header[b-tl771wea2r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.report-title h4[b-tl771wea2r] {
    margin: 0 0 0.5rem;
    font-size: 1.1rem;
    color: var(--text-primary, #1a1a2e);
}

.report-meta[b-tl771wea2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.8rem;
}

.provider-badge[b-tl771wea2r] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.model-info[b-tl771wea2r] {
    background: #f1f5f9;
    color: #475569;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
}

.generated-at[b-tl771wea2r] {
    color: var(--text-secondary, #64748b);
    padding: 0.25rem 0;
}

.regenerate-btn[b-tl771wea2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    background: white;
    color: var(--text-secondary, #64748b);
    cursor: pointer;
    transition: all 0.2s;
}

.regenerate-btn:hover[b-tl771wea2r] {
    border-color: #6366f1;
    color: #6366f1;
}

/* Summary Section */
.summary-section[b-tl771wea2r] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.summary-section h5[b-tl771wea2r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem;
    font-size: 1rem;
    color: var(--text-primary, #1a1a2e);
}

.summary-section h5 .oi[b-tl771wea2r] {
    color: #f59e0b;
}

.summary-content[b-tl771wea2r] {
    color: var(--text-secondary, #475569);
    line-height: 1.7;
}

.summary-content p[b-tl771wea2r] {
    margin-bottom: 0.75rem;
}

.summary-content p:last-child[b-tl771wea2r] {
    margin-bottom: 0;
}

/* Tab Navigation */
.life-area-tabs[b-tl771wea2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.tab-btn[b-tl771wea2r] {
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    color: var(--text-secondary, #64748b);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab-btn:hover:not(:disabled)[b-tl771wea2r] {
    background: #f1f5f9;
    color: var(--text-primary, #1a1a2e);
}

.tab-btn.active[b-tl771wea2r] {
    background: #6366f1;
    color: white;
}

.tab-btn.empty[b-tl771wea2r] {
    opacity: 0.5;
}

.tab-btn:disabled[b-tl771wea2r] {
    cursor: not-allowed;
}

.source-count[b-tl771wea2r] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 0.75rem;
}

.tab-btn:not(.active) .source-count[b-tl771wea2r] {
    background: #e2e8f0;
    color: #64748b;
}

/* Tab Content */
.tab-content[b-tl771wea2r] {
    min-height: 200px;
}

.section-content[b-tl771wea2r] {
    animation: fadeIn-b-tl771wea2r 0.3s ease;
}

@keyframes fadeIn-b-tl771wea2r {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.section-narrative[b-tl771wea2r] {
    color: var(--text-secondary, #475569);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.section-narrative p[b-tl771wea2r] {
    margin-bottom: 1rem;
}

.section-narrative strong[b-tl771wea2r] {
    color: var(--text-primary, #1a1a2e);
}

/* Key Points */
.key-points[b-tl771wea2r] {
    background: #f0fdf4;
    border-left: 4px solid #22c55e;
    padding: 1rem 1.25rem;
    border-radius: 0 8px 8px 0;
    margin-bottom: 1.5rem;
}

.key-points h6[b-tl771wea2r] {
    margin: 0 0 0.75rem;
    color: #166534;
    font-size: 0.9rem;
    font-weight: 600;
}

.key-points ul[b-tl771wea2r] {
    margin: 0;
    padding-left: 1.25rem;
}

.key-points li[b-tl771wea2r] {
    color: #15803d;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.key-points li:last-child[b-tl771wea2r] {
    margin-bottom: 0;
}

/* Source Details */
.source-details[b-tl771wea2r] {
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
}

.source-details summary[b-tl771wea2r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    cursor: pointer;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    user-select: none;
}

.source-details summary:hover[b-tl771wea2r] {
    background: #f1f5f9;
}

.source-details[open] summary[b-tl771wea2r] {
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.source-list[b-tl771wea2r] {
    padding: 1rem;
    max-height: 400px;
    overflow-y: auto;
}

.source-item[b-tl771wea2r] {
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 6px;
    margin-bottom: 0.75rem;
}

.source-item:last-child[b-tl771wea2r] {
    margin-bottom: 0;
}

.source-header[b-tl771wea2r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.source-planets[b-tl771wea2r] {
    font-weight: 600;
    color: #6366f1;
}

.source-type[b-tl771wea2r] {
    font-size: 0.75rem;
    background: #e2e8f0;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    color: #64748b;
}

.source-text[b-tl771wea2r] {
    font-size: 0.85rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.6;
}

/* No Content */
.no-content[b-tl771wea2r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem;
    color: var(--text-secondary, #64748b);
    background: #f8fafc;
    border-radius: 8px;
}

/* Statistics */
.analysis-stats[b-tl771wea2r] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

.stat-item[b-tl771wea2r] {
    text-align: center;
}

.stat-value[b-tl771wea2r] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #6366f1;
}

.stat-label[b-tl771wea2r] {
    font-size: 0.8rem;
    color: var(--text-secondary, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive */
@media (max-width: 768px) {
    .chart-analysis[b-tl771wea2r] {
        padding: 1rem;
    }

    .provider-selection[b-tl771wea2r] {
        flex-direction: column;
    }

    .provider-select[b-tl771wea2r] {
        width: 100%;
    }

    .report-header[b-tl771wea2r] {
        flex-direction: column;
        gap: 1rem;
    }

    .regenerate-btn[b-tl771wea2r] {
        width: 100%;
        justify-content: center;
    }

    .life-area-tabs[b-tl771wea2r] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
    }

    .tab-btn[b-tl771wea2r] {
        flex-shrink: 0;
    }

    .analysis-stats[b-tl771wea2r] {
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .stat-item[b-tl771wea2r] {
        flex: 1;
        min-width: 80px;
    }
}

/* Cached Report Notice */
.cached-report-notice[b-tl771wea2r] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.cached-report-notice > .oi[b-tl771wea2r] {
    font-size: 1.5rem;
    color: #10b981;
}

.cached-info[b-tl771wea2r] {
    flex: 1;
    text-align: left;
}

.cached-info strong[b-tl771wea2r] {
    display: block;
    color: #065f46;
    margin-bottom: 0.25rem;
}

.cached-meta[b-tl771wea2r] {
    font-size: 0.85rem;
    color: #047857;
}

.load-cached-btn[b-tl771wea2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
    white-space: nowrap;
}

.or-divider[b-tl771wea2r] {
    display: flex;
    align-items: center;
    margin: 1.5rem 0;
}

.or-divider[b-tl771wea2r]::before,
.or-divider[b-tl771wea2r]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

.or-divider span[b-tl771wea2r] {
    padding: 0 1rem;
    color: #94a3b8;
    font-size: 0.9rem;
    text-transform: uppercase;
}

/* Cached Badge */
.cached-badge[b-tl771wea2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #d1fae5;
    color: #065f46;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 500;
}

.cached-badge .oi[b-tl771wea2r] {
    font-size: 0.7rem;
}
/* /Components/Charts/ChartCard.razor.rz.scp.css */
.chart-card[b-4n38oo5pt9] {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 0.75rem;
    transition: all 0.2s ease;
}

.chart-card:hover[b-4n38oo5pt9] {
    border-color: #dee2e6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.chart-card.selected[b-4n38oo5pt9] {
    border-color: var(--bs-primary);
    background: #f8f9ff;
}

.card-content[b-4n38oo5pt9] {
    display: flex;
    align-items: center;
    flex: 1;
    cursor: pointer;
    min-width: 0;
}

.chart-icon[b-4n38oo5pt9] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffecd2, #fcb69f);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
}

.chart-icon .oi[b-4n38oo5pt9] {
    font-size: 1.4rem;
    color: #d97706;
}

.chart-info[b-4n38oo5pt9] {
    flex: 1;
    min-width: 0;
}

.chart-name[b-4n38oo5pt9] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chart-details[b-4n38oo5pt9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.detail-item[b-4n38oo5pt9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: #666;
}

.detail-item .oi[b-4n38oo5pt9] {
    font-size: 0.75rem;
}

.chart-meta[b-4n38oo5pt9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.system-badge[b-4n38oo5pt9] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
    text-transform: uppercase;
}

.system-badge.vedic[b-4n38oo5pt9] {
    background: #fef3c7;
    color: #92400e;
}

.system-badge.western[b-4n38oo5pt9] {
    background: #dbeafe;
    color: #1e40af;
}

.analysis-badge[b-4n38oo5pt9] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    background: #d1fae5;
    color: #065f46;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.analysis-badge .oi[b-4n38oo5pt9] {
    font-size: 0.65rem;
}

.saved-date[b-4n38oo5pt9] {
    font-size: 0.75rem;
    color: #999;
}

.card-actions[b-4n38oo5pt9] {
    display: flex;
    gap: 0.5rem;
    margin-left: 1rem;
}

.card-actions .btn[b-4n38oo5pt9] {
    padding: 0.35rem 0.5rem;
}

.card-actions .oi[b-4n38oo5pt9] {
    font-size: 0.85rem;
}

/* Responsive */
@media (max-width: 576px) {
    .chart-card[b-4n38oo5pt9] {
        flex-direction: column;
        align-items: stretch;
    }

    .card-content[b-4n38oo5pt9] {
        margin-bottom: 0.75rem;
    }

    .card-actions[b-4n38oo5pt9] {
        margin-left: 0;
        justify-content: flex-end;
    }

    .chart-icon[b-4n38oo5pt9] {
        width: 40px;
        height: 40px;
    }
}
/* /Components/Charts/JupiterProgression.razor.rz.scp.css */
.jupiter-progression-container[b-0i5nma3uji] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-top: 1.5rem;
}

.progression-header[b-0i5nma3uji] {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #ff9800;
}

.progression-header h4[b-0i5nma3uji] {
    margin: 0;
    color: #333;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.progression-icon[b-0i5nma3uji] {
    font-size: 1.25rem;
    color: #ff9800;
}

.progression-subtitle[b-0i5nma3uji] {
    margin: 0.5rem 0 0 0;
    font-size: 0.85rem;
    color: #666;
}

/* Jupiter Info Card */
.jupiter-info-card[b-0i5nma3uji] {
    background: linear-gradient(135deg, #fff3e0 0%, #fff 100%);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    border-left: 4px solid #ff9800;
}

.jupiter-header[b-0i5nma3uji] {
    margin-bottom: 0.5rem;
}

.jupiter-title[b-0i5nma3uji] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
    font-weight: 600;
}

.jupiter-content[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.jupiter-main[b-0i5nma3uji] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.jupiter-sign[b-0i5nma3uji] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ff9800;
}

.jupiter-house[b-0i5nma3uji] {
    font-size: 0.9rem;
    background: #ff9800;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.retrograde-badge[b-0i5nma3uji] {
    font-size: 0.75rem;
    background: #f44336;
    color: white;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
    font-weight: 600;
}

.progressed-sign[b-0i5nma3uji] {
    font-weight: 700;
    color: #e65100;
}

/* All Planetary Progressions Card */
.all-progressions-card[b-0i5nma3uji] {
    background: linear-gradient(135deg, #f3e5f5 0%, #e8f5e9 50%, #fff3e0 100%);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 2px solid #9c27b0;
}

.progressions-header[b-0i5nma3uji] {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.progressions-title[b-0i5nma3uji] {
    font-weight: 700;
    color: #7b1fa2;
    font-size: 1rem;
    display: block;
}

.progressions-subtitle[b-0i5nma3uji] {
    font-size: 0.75rem;
    color: #666;
    display: block;
    margin-top: 0.25rem;
}

.progressions-grid[b-0i5nma3uji] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.progression-item[b-0i5nma3uji] {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 0.75rem;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.progression-item:hover[b-0i5nma3uji] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.progression-item.jupiter[b-0i5nma3uji] {
    border-color: #ff9800;
}

.progression-item.saturn[b-0i5nma3uji] {
    border-color: #607d8b;
}

.progression-item.rahu[b-0i5nma3uji] {
    border-color: #3f51b5;
}

.progression-item.ketu[b-0i5nma3uji] {
    border-color: #795548;
}

.progression-item .planet-icon[b-0i5nma3uji] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}

.progression-item.jupiter .planet-icon[b-0i5nma3uji] { color: #ff9800; }
.progression-item.saturn .planet-icon[b-0i5nma3uji] { color: #607d8b; }
.progression-item.rahu .planet-icon[b-0i5nma3uji] { color: #3f51b5; }
.progression-item.ketu .planet-icon[b-0i5nma3uji] { color: #795548; }

.progression-item .planet-name[b-0i5nma3uji] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 0.5rem;
}

.progression-item .natal-position[b-0i5nma3uji],
.progression-item .progressed-position[b-0i5nma3uji],
.progression-item .balance-info[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    margin-bottom: 0.35rem;
    padding: 0.2rem 0;
}

.progression-item .position-label[b-0i5nma3uji],
.progression-item .balance-label[b-0i5nma3uji] {
    color: #888;
}

.progression-item .position-value[b-0i5nma3uji] {
    font-weight: 600;
    color: #333;
}

.progression-item .position-value.highlight[b-0i5nma3uji] {
    color: #7b1fa2;
    font-size: 0.85rem;
}

.progression-item.jupiter .position-value.highlight[b-0i5nma3uji] { color: #e65100; }
.progression-item.saturn .position-value.highlight[b-0i5nma3uji] { color: #455a64; }
.progression-item.rahu .position-value.highlight[b-0i5nma3uji] { color: #303f9f; }
.progression-item.ketu .position-value.highlight[b-0i5nma3uji] { color: #5d4037; }

.progression-item .balance-value[b-0i5nma3uji] {
    font-weight: 600;
    color: #666;
}

.progression-item .cycle-info[b-0i5nma3uji] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed rgba(0,0,0,0.1);
}

.progression-item .cycle-value[b-0i5nma3uji] {
    font-size: 0.7rem;
    color: #999;
}

.progression-item .cycle-value.anticlockwise[b-0i5nma3uji] {
    color: #9c27b0;
    font-weight: 600;
}

/* Responsive adjustments for progressions grid */
@media (max-width: 768px) {
    .progressions-grid[b-0i5nma3uji] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .progressions-grid[b-0i5nma3uji] {
        grid-template-columns: 1fr;
    }
}

/* Progressed Planet Combinations Card */
.progressed-combinations-card[b-0i5nma3uji] {
    background: linear-gradient(135deg, #e3f2fd 0%, #fff 50%, #f3e5f5 100%);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 2px solid #1976d2;
}

.pc-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.pc-header-left[b-0i5nma3uji] {
    flex: 1;
}

.pc-header-right[b-0i5nma3uji] {
    flex-shrink: 0;
    margin-left: 1rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.pc-fetch-btn[b-0i5nma3uji] {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #1976d2, #1565c0);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.pc-fetch-btn:hover:not(:disabled)[b-0i5nma3uji] {
    background: linear-gradient(135deg, #1565c0, #0d47a1);
    transform: translateY(-1px);
}

.pc-fetch-btn:disabled[b-0i5nma3uji] {
    opacity: 0.6;
    cursor: not-allowed;
}

.pc-fetch-btn.loading[b-0i5nma3uji] {
    background: #666;
}

.pc-fetch-btn .btn-spinner[b-0i5nma3uji] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-0i5nma3uji 0.8s linear infinite;
}

.pc-title[b-0i5nma3uji] {
    font-weight: 700;
    color: #1565c0;
    font-size: 1rem;
    display: block;
}

.pc-subtitle[b-0i5nma3uji] {
    font-size: 0.75rem;
    color: #666;
    display: block;
    margin-top: 0.25rem;
}

.pc-content[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pc-planet-card[b-0i5nma3uji] {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 1rem;
    border-left: 4px solid #ccc;
}

.pc-planet-card.jupiter[b-0i5nma3uji] { border-left-color: #ff9800; }
.pc-planet-card.saturn[b-0i5nma3uji] { border-left-color: #607d8b; }
.pc-planet-card.rahu[b-0i5nma3uji] { border-left-color: #3f51b5; }
.pc-planet-card.ketu[b-0i5nma3uji] { border-left-color: #795548; }

.pc-planet-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.pc-planet-name[b-0i5nma3uji] {
    font-weight: 700;
    font-size: 1rem;
}

.pc-planet-card.jupiter .pc-planet-name[b-0i5nma3uji] { color: #e65100; }
.pc-planet-card.saturn .pc-planet-name[b-0i5nma3uji] { color: #455a64; }
.pc-planet-card.rahu .pc-planet-name[b-0i5nma3uji] { color: #303f9f; }
.pc-planet-card.ketu .pc-planet-name[b-0i5nma3uji] { color: #5d4037; }

.pc-movement[b-0i5nma3uji] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.pc-movement.clockwise[b-0i5nma3uji] {
    background: #e8f5e9;
    color: #2e7d32;
}

.pc-movement.anticlockwise[b-0i5nma3uji] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.pc-positions[b-0i5nma3uji] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.75rem;
    padding: 0.5rem;
    background: rgba(0,0,0,0.03);
    border-radius: 4px;
}

.pc-position[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.pc-label[b-0i5nma3uji] {
    font-size: 0.7rem;
    color: #888;
    text-transform: uppercase;
}

.pc-value[b-0i5nma3uji] {
    font-weight: 600;
    font-size: 0.9rem;
}

.pc-position.progressed .pc-value[b-0i5nma3uji] {
    color: #1565c0;
}

.pc-arrow[b-0i5nma3uji] {
    font-size: 1.2rem;
    color: #999;
}

.pc-signlord[b-0i5nma3uji] {
    margin-left: auto;
}

.pc-signlord .pc-value[b-0i5nma3uji] {
    color: #7b1fa2;
}

.pc-linked-planets[b-0i5nma3uji] {
    margin-bottom: 0.75rem;
}

.pc-linked-header[b-0i5nma3uji] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #555;
    margin-bottom: 0.5rem;
}

.pc-linked-list[b-0i5nma3uji] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pc-linked-planet[b-0i5nma3uji] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.6rem;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
}

.pc-linked-planet.benefic[b-0i5nma3uji] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #81c784;
}

.pc-linked-planet.malefic[b-0i5nma3uji] {
    background: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

.pc-linked-detail[b-0i5nma3uji] {
    font-weight: 400;
    font-size: 0.7rem;
    color: #666;
}

.pc-no-linked[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #999;
    font-style: italic;
    padding: 0.5rem;
    background: rgba(0,0,0,0.03);
    border-radius: 4px;
    margin-bottom: 0.75rem;
}

.pc-combinations[b-0i5nma3uji] {
    border-top: 1px dashed rgba(0,0,0,0.1);
    padding-top: 0.75rem;
}

.pc-combo-header[b-0i5nma3uji] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #666;
    margin-bottom: 0.5rem;
}

.pc-combo-list[b-0i5nma3uji] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.pc-combo-tag[b-0i5nma3uji] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: #e3f2fd;
    color: #1565c0;
    border-radius: 4px;
    font-size: 0.7rem;
    font-family: monospace;
}

/* Progressed Planet Predictions */
.pc-predictions[b-0i5nma3uji] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 2px solid #e3f2fd;
}

.pc-predictions-header[b-0i5nma3uji] {
    margin-bottom: 0.75rem;
}

.pc-predictions-title[b-0i5nma3uji] {
    font-weight: 700;
    color: #1565c0;
    font-size: 0.9rem;
}

.pc-predictions-list[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pc-prediction-item[b-0i5nma3uji] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.75rem;
    border-left: 3px solid #1976d2;
}

.pc-prediction-meta[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

.pc-prediction-planets[b-0i5nma3uji] {
    font-weight: 600;
    color: #1565c0;
    background: #e3f2fd;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.pc-prediction-source[b-0i5nma3uji] {
    color: #666;
    font-style: italic;
}

.pc-prediction-text[b-0i5nma3uji] {
    font-size: 0.85rem;
    line-height: 1.5;
    color: #333;
}

.pc-predictions-more[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #1976d2;
    font-style: italic;
    text-align: center;
    padding: 0.5rem;
    background: #e3f2fd;
    border-radius: 4px;
}

/* AI Synthesis Button */
.pc-ai-btn[b-0i5nma3uji] {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #7b1fa2, #6a1b9a);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.pc-ai-btn:hover:not(:disabled)[b-0i5nma3uji] {
    background: linear-gradient(135deg, #6a1b9a, #4a148c);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(123, 31, 162, 0.3);
}

.pc-ai-btn:disabled[b-0i5nma3uji] {
    opacity: 0.6;
    cursor: not-allowed;
}

.pc-ai-btn.loading[b-0i5nma3uji] {
    background: #666;
}

.pc-ai-btn .btn-spinner[b-0i5nma3uji] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-0i5nma3uji 0.8s linear infinite;
}

/* AI Analysis Section for Progressed Planets */
.pc-ai-analysis[b-0i5nma3uji] {
    margin-top: 1.5rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, #f3e5f5 0%, #fff 100%);
    border-radius: 10px;
    border: 2px solid #9c27b0;
}

.pc-ai-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(156, 39, 176, 0.2);
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pc-ai-title[b-0i5nma3uji] {
    font-weight: 700;
    color: #7b1fa2;
    font-size: 1.1rem;
}

.pc-ai-meta[b-0i5nma3uji] {
    display: flex;
    gap: 1rem;
    font-size: 0.75rem;
    color: #666;
}

.pc-ai-model[b-0i5nma3uji],
.pc-ai-time[b-0i5nma3uji] {
    background: rgba(156, 39, 176, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.pc-ai-content[b-0i5nma3uji] {
    background: white;
    border-radius: 8px;
    padding: 1.25rem;
    line-height: 1.7;
    color: #333;
}

.pc-ai-content h1[b-0i5nma3uji],
.pc-ai-content h2[b-0i5nma3uji],
.pc-ai-content h3[b-0i5nma3uji],
.pc-ai-content h4[b-0i5nma3uji] {
    color: #7b1fa2;
    margin: 1.25rem 0 0.75rem 0;
}

.pc-ai-content h1[b-0i5nma3uji] { font-size: 1.3rem; }
.pc-ai-content h2[b-0i5nma3uji] { font-size: 1.2rem; }
.pc-ai-content h3[b-0i5nma3uji] { font-size: 1.1rem; }
.pc-ai-content h4[b-0i5nma3uji] { font-size: 1rem; }

.pc-ai-content p[b-0i5nma3uji] {
    margin: 0.75rem 0;
}

.pc-ai-content ul[b-0i5nma3uji],
.pc-ai-content ol[b-0i5nma3uji] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.pc-ai-content li[b-0i5nma3uji] {
    margin-bottom: 0.35rem;
}

.pc-ai-content strong[b-0i5nma3uji] {
    color: #4a148c;
}

/* AI Loading State */
.pc-ai-loading[b-0i5nma3uji] {
    text-align: center;
    padding: 2rem;
    background: linear-gradient(135deg, #f3e5f5 0%, #fff 100%);
    border-radius: 10px;
    margin-top: 1rem;
}

.pc-ai-loading .loading-spinner[b-0i5nma3uji] {
    width: 48px;
    height: 48px;
    border: 4px solid #e1bee7;
    border-top-color: #9c27b0;
    border-radius: 50%;
    animation: spin-b-0i5nma3uji 1s linear infinite;
    margin: 0 auto 1rem;
}

.pc-ai-loading p[b-0i5nma3uji] {
    margin: 0.5rem 0;
    color: #555;
}

.pc-ai-loading .loading-hint[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #888;
}

/* Jeeva-Karma Card (Rule 6) */
.jeeva-karma-card[b-0i5nma3uji] {
    background: linear-gradient(135deg, #e8f5e9 0%, #fff 50%, #fce4ec 100%);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 2px solid #81c784;
}

.jk-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.jk-title[b-0i5nma3uji] {
    font-weight: 700;
    color: #2e7d32;
    font-size: 1rem;
}

.jk-subtitle[b-0i5nma3uji] {
    font-size: 0.75rem;
    color: #666;
}

.jk-content[b-0i5nma3uji] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.jk-section[b-0i5nma3uji] {
    padding: 0.75rem;
    border-radius: 8px;
}

.jk-section.jeeva[b-0i5nma3uji] {
    background: rgba(76, 175, 80, 0.1);
    border-left: 3px solid #4caf50;
}

.jk-section.karma[b-0i5nma3uji] {
    background: rgba(233, 30, 99, 0.1);
    border-left: 3px solid #e91e63;
}

.jk-section-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.jk-label[b-0i5nma3uji] {
    font-weight: 700;
    font-size: 0.85rem;
}

.jk-section.jeeva .jk-label[b-0i5nma3uji] {
    color: #2e7d32;
}

.jk-section.karma .jk-label[b-0i5nma3uji] {
    color: #c2185b;
}

.jk-houses[b-0i5nma3uji] {
    font-size: 0.75rem;
    color: #666;
}

.jk-planets[b-0i5nma3uji] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.jk-planet[b-0i5nma3uji] {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
}

.jk-planet.benefic[b-0i5nma3uji] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #81c784;
}

.jk-planet.malefic[b-0i5nma3uji] {
    background: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

.jk-empty[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #999;
    font-style: italic;
}

.jk-interpretation[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #555;
    line-height: 1.4;
}

.jk-interpretation p[b-0i5nma3uji] {
    margin: 0;
}

/* Retrograde Analysis Card (Rules 10.1-10.6) */
.retrograde-card[b-0i5nma3uji] {
    background: linear-gradient(135deg, #fce4ec 0%, #fff 100%);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 2px solid #f48fb1;
}

.retro-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.retro-title[b-0i5nma3uji] {
    font-weight: 700;
    color: #c2185b;
    font-size: 1rem;
}

.retro-rule[b-0i5nma3uji] {
    font-size: 0.75rem;
    background: #f48fb1;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
}

.retro-content[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.retro-status[b-0i5nma3uji] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-weight: 600;
}

.retro-status.active[b-0i5nma3uji] {
    background: #ffcdd2;
    color: #c62828;
}

.retro-status.inactive[b-0i5nma3uji] {
    background: #c8e6c9;
    color: #2e7d32;
}

.status-icon[b-0i5nma3uji] {
    font-size: 1.1rem;
}

.retro-reason[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #555;
    line-height: 1.5;
}

.retro-reason p[b-0i5nma3uji] {
    margin: 0;
}

.retro-note[b-0i5nma3uji] {
    font-size: 0.85rem;
    background: rgba(255, 255, 255, 0.7);
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border-left: 3px solid #f48fb1;
}

.retro-signs[b-0i5nma3uji] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.sign-period[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.7);
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    min-width: 100px;
}

.period-label[b-0i5nma3uji] {
    font-size: 0.75rem;
    color: #888;
}

.period-sign[b-0i5nma3uji] {
    font-weight: 600;
    color: #c2185b;
}

.jupiter-details[b-0i5nma3uji] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.jupiter-detail[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
}

.jupiter-detail .label[b-0i5nma3uji] {
    font-size: 0.7rem;
    color: #888;
    text-transform: uppercase;
}

.jupiter-detail .value[b-0i5nma3uji] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
}

/* Current Position Card */
.current-position-card[b-0i5nma3uji] {
    background: linear-gradient(135deg, #fff9c4 0%, #fff 100%);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 2px solid #ffc107;
}

.current-position-header[b-0i5nma3uji] {
    margin-bottom: 0.75rem;
}

.current-badge[b-0i5nma3uji] {
    background: #ffc107;
    color: #333;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.position-hierarchy[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.hierarchy-item[b-0i5nma3uji] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    flex-wrap: wrap;
}

.hierarchy-item.round-item[b-0i5nma3uji] {
    background: rgba(255, 152, 0, 0.1);
    border-left: 3px solid #ff9800;
}

.hierarchy-item.year-item[b-0i5nma3uji] {
    background: rgba(76, 175, 80, 0.1);
    border-left: 3px solid #4caf50;
    margin-left: 1rem;
}

.hierarchy-label[b-0i5nma3uji] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #666;
    min-width: 80px;
}

.hierarchy-value[b-0i5nma3uji] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #333;
}

.hierarchy-age[b-0i5nma3uji],
.hierarchy-extra[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #666;
    margin-left: auto;
}

/* Activated Planets */
.activated-planets[b-0i5nma3uji] {
    margin-bottom: 1rem;
}

.activated-label[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #666;
    display: block;
    margin-bottom: 0.5rem;
}

.planet-badges[b-0i5nma3uji] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.planet-badge[b-0i5nma3uji] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.6rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

.planet-badge.benefic[b-0i5nma3uji] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;
}

.planet-badge.malefic[b-0i5nma3uji] {
    background: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

.planet-badge .retro-indicator[b-0i5nma3uji] {
    font-size: 0.65rem;
    background: #ff5722;
    color: white;
    padding: 0.1rem 0.2rem;
    border-radius: 2px;
    margin-left: 0.2rem;
}

.planet-badge .activation-type[b-0i5nma3uji] {
    font-size: 0.65rem;
    opacity: 0.7;
    margin-left: 0.25rem;
}

.no-planets[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #888;
    font-style: italic;
    margin-bottom: 1rem;
}

/* Round Progress */
.round-progress[b-0i5nma3uji] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.progress-label[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #666;
}

.progress-bar-container[b-0i5nma3uji] {
    flex: 1;
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar[b-0i5nma3uji] {
    height: 100%;
    background: linear-gradient(90deg, #ff9800, #ffb74d);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.progress-percent[b-0i5nma3uji] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #ff9800;
    min-width: 50px;
}

/* Saturn Period Card */
.saturn-period-card[b-0i5nma3uji] {
    background: linear-gradient(135deg, #eceff1 0%, #fff 100%);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 2px solid #607d8b;
}

.saturn-header[b-0i5nma3uji] {
    margin-bottom: 0.75rem;
}

.saturn-badge[b-0i5nma3uji] {
    background: #607d8b;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
}

.saturn-content p[b-0i5nma3uji] {
    margin: 0.5rem 0;
    color: #555;
    font-size: 0.9rem;
}

/* Life Areas Section */
.life-areas-section[b-0i5nma3uji] {
    margin-bottom: 1.5rem;
}

.section-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-header h5[b-0i5nma3uji] {
    margin: 0;
    color: #333;
}

.life-area-grid[b-0i5nma3uji] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.life-area-card[b-0i5nma3uji] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    border-left: 4px solid #9e9e9e;
}

.life-area-card.verypositive[b-0i5nma3uji] {
    border-left-color: #4caf50;
    background: linear-gradient(135deg, #e8f5e9 0%, #fff 100%);
}

.life-area-card.positive[b-0i5nma3uji] {
    border-left-color: #8bc34a;
    background: linear-gradient(135deg, #f1f8e9 0%, #fff 100%);
}

.life-area-card.neutral[b-0i5nma3uji] {
    border-left-color: #ff9800;
    background: linear-gradient(135deg, #fff3e0 0%, #fff 100%);
}

.life-area-card.challenging[b-0i5nma3uji] {
    border-left-color: #f44336;
    background: linear-gradient(135deg, #ffebee 0%, #fff 100%);
}

.life-area-card.verychallenging[b-0i5nma3uji] {
    border-left-color: #b71c1c;
    background: linear-gradient(135deg, #ffcdd2 0%, #fff 100%);
}

.life-area-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.life-area-name[b-0i5nma3uji] {
    font-weight: 700;
    color: #333;
    font-size: 1rem;
}

.tendency-badge[b-0i5nma3uji] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
}

.tendency-badge.verypositive[b-0i5nma3uji] { background: #4caf50; color: white; }
.tendency-badge.positive[b-0i5nma3uji] { background: #8bc34a; color: white; }
.tendency-badge.neutral[b-0i5nma3uji] { background: #ff9800; color: white; }
.tendency-badge.challenging[b-0i5nma3uji] { background: #f44336; color: white; }
.tendency-badge.verychallenging[b-0i5nma3uji] { background: #b71c1c; color: white; }

.significator-status[b-0i5nma3uji],
.enemy-status[b-0i5nma3uji] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    margin-bottom: 0.35rem;
}

.planet-label[b-0i5nma3uji] {
    color: #666;
}

.status[b-0i5nma3uji] {
    font-weight: 600;
}

.status.active[b-0i5nma3uji] { color: #4caf50; }
.status.active.danger[b-0i5nma3uji] { color: #f44336; }
.status.inactive[b-0i5nma3uji] { color: #9e9e9e; }

.prediction-text[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #555;
    margin: 0.75rem 0 0 0;
    line-height: 1.5;
}

/* Rounds Section */
.rounds-section[b-0i5nma3uji] {
    margin-top: 1.5rem;
}

.view-toggle[b-0i5nma3uji] {
    display: flex;
    gap: 0.25rem;
}

.toggle-btn[b-0i5nma3uji] {
    padding: 0.35rem 0.75rem;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
    transition: all 0.2s;
}

.toggle-btn:hover[b-0i5nma3uji] {
    background: #e0e0e0;
}

.toggle-btn.active[b-0i5nma3uji] {
    background: #ff9800;
    color: white;
    border-color: #ff9800;
}

.rounds-list[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.round-card[b-0i5nma3uji] {
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e9ecef;
}

.round-card.current[b-0i5nma3uji] {
    border: 2px solid #ffc107;
    background: linear-gradient(135deg, #fffde7 0%, #fff 100%);
}

.round-card.past[b-0i5nma3uji] {
    opacity: 0.7;
}

.round-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 0.2s;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.round-header:hover[b-0i5nma3uji] {
    background: rgba(255, 152, 0, 0.05);
}

.round-info[b-0i5nma3uji] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.expand-icon[b-0i5nma3uji] {
    font-size: 0.75rem;
    color: #888;
    width: 1rem;
}

.round-number[b-0i5nma3uji] {
    font-weight: 700;
    color: #ff9800;
}

.round-theme[b-0i5nma3uji] {
    font-weight: 600;
    color: #333;
}

.current-indicator[b-0i5nma3uji] {
    font-size: 0.65rem;
    background: #ffc107;
    color: #333;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-weight: 700;
}

.round-meta[b-0i5nma3uji] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: #666;
}

.round-progress-bar[b-0i5nma3uji] {
    height: 4px;
    background: #e0e0e0;
}

.round-progress-bar .progress-fill[b-0i5nma3uji] {
    height: 100%;
    background: linear-gradient(90deg, #ffc107, #ffca28);
}

/* Round Details */
.round-details[b-0i5nma3uji] {
    padding: 1rem;
    background: white;
    border-top: 1px solid #e9ecef;
}

.round-description[b-0i5nma3uji] {
    margin-bottom: 1rem;
}

.round-description p[b-0i5nma3uji] {
    margin: 0 0 0.75rem 0;
    color: #555;
    font-size: 0.9rem;
    line-height: 1.5;
}

.focus-areas[b-0i5nma3uji] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.focus-label[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #666;
}

.focus-tag[b-0i5nma3uji] {
    font-size: 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

/* Years Grid */
.years-grid[b-0i5nma3uji] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 0.5rem;
    margin-top: 1rem;
}

.year-item[b-0i5nma3uji] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    background: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    font-size: 0.8rem;
}

.year-item.current[b-0i5nma3uji] {
    background: linear-gradient(135deg, #fff9c4 0%, #fff 100%);
    border: 2px solid #ffc107;
}

.year-item.past[b-0i5nma3uji] {
    opacity: 0.6;
}

.year-age[b-0i5nma3uji] {
    font-weight: 600;
    color: #333;
}

.year-house[b-0i5nma3uji] {
    color: #ff9800;
    font-weight: 600;
}

.year-sign[b-0i5nma3uji] {
    color: #666;
    font-size: 0.75rem;
}

.year-planets[b-0i5nma3uji] {
    display: flex;
    gap: 0.2rem;
    margin-top: 0.25rem;
}

.mini-planet[b-0i5nma3uji] {
    font-size: 0.65rem;
    padding: 0.1rem 0.25rem;
    border-radius: 3px;
}

.mini-planet.ben[b-0i5nma3uji] {
    background: #c8e6c9;
    color: #2e7d32;
}

.mini-planet.mal[b-0i5nma3uji] {
    background: #ffcdd2;
    color: #c62828;
}

/* Varshphal Section */
.varshphal-section[b-0i5nma3uji] {
    margin-top: 1.5rem;
    background: linear-gradient(135deg, #e8eaf6 0%, #fff 100%);
    border-radius: 10px;
    padding: 1rem;
    border-left: 4px solid #673ab7;
}

.varshphal-content[b-0i5nma3uji] {
    margin-top: 0.5rem;
}

.varshphal-info[b-0i5nma3uji] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.varshphal-label[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #666;
}

.varshphal-value[b-0i5nma3uji] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #673ab7;
}

.varshphal-description[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #555;
    margin: 0;
    line-height: 1.5;
}

/* States */
.loading-state[b-0i5nma3uji], .error-state[b-0i5nma3uji], .no-data-state[b-0i5nma3uji] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

.spinner[b-0i5nma3uji] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top-color: #ff9800;
    border-radius: 50%;
    animation: spin-b-0i5nma3uji 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-0i5nma3uji {
    to { transform: rotate(360deg); }
}

.error-state[b-0i5nma3uji] {
    color: #d32f2f;
}

/* Combination Display */
.combination-display[b-0i5nma3uji] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.combination-label[b-0i5nma3uji] {
    font-size: 0.8rem;
    color: #666;
}

.combination-value[b-0i5nma3uji] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    background: rgba(255, 152, 0, 0.1);
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-family: 'Consolas', 'Monaco', monospace;
}

/* AI Analysis Section */
.ai-analysis-section[b-0i5nma3uji] {
    margin-top: 1.5rem;
    background: linear-gradient(135deg, #e3f2fd 0%, #fff 100%);
    border-radius: 10px;
    padding: 1.25rem;
    border: 2px solid #2196f3;
}

.ai-analysis-section .section-header[b-0i5nma3uji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.ai-analysis-section .section-header h5[b-0i5nma3uji] {
    margin: 0;
    color: #1976d2;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.analysis-controls[b-0i5nma3uji] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.provider-select[b-0i5nma3uji] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #90caf9;
    border-radius: 6px;
    font-size: 0.85rem;
    background: white;
    cursor: pointer;
}

.provider-select:disabled[b-0i5nma3uji] {
    opacity: 0.6;
    cursor: not-allowed;
}

.generate-btn[b-0i5nma3uji] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: linear-gradient(135deg, #2196f3, #1976d2);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.generate-btn:hover:not(:disabled)[b-0i5nma3uji] {
    background: linear-gradient(135deg, #1976d2, #1565c0);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4);
}

.generate-btn:disabled[b-0i5nma3uji] {
    opacity: 0.6;
    cursor: not-allowed;
}

.generate-btn.generating[b-0i5nma3uji] {
    background: #78909c;
}

.btn-spinner[b-0i5nma3uji] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-0i5nma3uji 0.8s linear infinite;
}

/* Analysis Content */
.analysis-content[b-0i5nma3uji] {
    background: white;
    border-radius: 8px;
    padding: 1.25rem;
    border: 1px solid #bbdefb;
}

.key-insights[b-0i5nma3uji] {
    background: linear-gradient(135deg, #e8f5e9 0%, #fff 100%);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    border-left: 4px solid #4caf50;
}

.key-insights h6[b-0i5nma3uji] {
    margin: 0 0 0.75rem 0;
    color: #2e7d32;
    font-size: 0.9rem;
}

.key-insights ul[b-0i5nma3uji] {
    margin: 0;
    padding-left: 1.25rem;
}

.key-insights li[b-0i5nma3uji] {
    margin-bottom: 0.5rem;
    color: #333;
    font-size: 0.9rem;
    line-height: 1.5;
}

.key-insights li:last-child[b-0i5nma3uji] {
    margin-bottom: 0;
}

.synthesis-content[b-0i5nma3uji] {
    line-height: 1.7;
    color: #333;
}

.synthesis-content h4[b-0i5nma3uji] {
    color: #1976d2;
    margin: 1.25rem 0 0.75rem 0;
    font-size: 1.1rem;
}

.synthesis-content h5[b-0i5nma3uji] {
    color: #333;
    margin: 1rem 0 0.5rem 0;
    font-size: 1rem;
}

.synthesis-content p[b-0i5nma3uji] {
    margin: 0.75rem 0;
}

.synthesis-content ul[b-0i5nma3uji] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.synthesis-content li[b-0i5nma3uji] {
    margin-bottom: 0.35rem;
}

/* Analysis Metadata */
.analysis-meta[b-0i5nma3uji] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.8rem;
}

.meta-item[b-0i5nma3uji] {
    display: flex;
    gap: 0.35rem;
}

.meta-label[b-0i5nma3uji] {
    color: #888;
}

.meta-value[b-0i5nma3uji] {
    color: #333;
    font-weight: 600;
}

/* Analysis States */
.analysis-loading[b-0i5nma3uji] {
    text-align: center;
    padding: 2rem;
}

.loading-spinner[b-0i5nma3uji] {
    width: 48px;
    height: 48px;
    border: 4px solid #bbdefb;
    border-top-color: #2196f3;
    border-radius: 50%;
    animation: spin-b-0i5nma3uji 1s linear infinite;
    margin: 0 auto 1rem;
}

.analysis-loading p[b-0i5nma3uji] {
    margin: 0.5rem 0;
    color: #555;
}

.loading-hint[b-0i5nma3uji] {
    font-size: 0.85rem;
    color: #888;
}

.analysis-placeholder[b-0i5nma3uji] {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    padding: 1.25rem;
    border: 1px dashed #90caf9;
}

.analysis-placeholder p[b-0i5nma3uji] {
    margin: 0.5rem 0;
    color: #555;
}

.placeholder-hint[b-0i5nma3uji] {
    margin-top: 1rem !important;
    font-weight: 600;
    color: #1976d2 !important;
}

.analysis-placeholder ul[b-0i5nma3uji] {
    margin: 0.5rem 0 0 0;
    padding-left: 1.25rem;
}

.analysis-placeholder li[b-0i5nma3uji] {
    margin-bottom: 0.35rem;
    color: #666;
    font-size: 0.9rem;
}

.analysis-error[b-0i5nma3uji] {
    background: #ffebee;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #ef9a9a;
}

.analysis-error p[b-0i5nma3uji] {
    margin: 0 0 0.75rem 0;
    color: #c62828;
}

.fallback-content[b-0i5nma3uji] {
    background: white;
    border-radius: 6px;
    padding: 1rem;
    margin-top: 0.75rem;
}

/* Responsive */
@media (max-width: 600px) {
    .jupiter-content[b-0i5nma3uji] {
        flex-direction: column;
        align-items: flex-start;
    }

    .round-header[b-0i5nma3uji] {
        flex-direction: column;
        align-items: flex-start;
    }

    .round-meta[b-0i5nma3uji] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .life-area-grid[b-0i5nma3uji] {
        grid-template-columns: 1fr;
    }

    .years-grid[b-0i5nma3uji] {
        grid-template-columns: repeat(4, 1fr);
    }

    .hierarchy-item[b-0i5nma3uji] {
        flex-direction: column;
        align-items: flex-start;
    }

    .hierarchy-age[b-0i5nma3uji],
    .hierarchy-extra[b-0i5nma3uji] {
        margin-left: 0;
    }

    .ai-analysis-section .section-header[b-0i5nma3uji] {
        flex-direction: column;
        align-items: flex-start;
    }

    .analysis-controls[b-0i5nma3uji] {
        flex-direction: column;
        width: 100%;
    }

    .provider-select[b-0i5nma3uji], .generate-btn[b-0i5nma3uji] {
        width: 100%;
    }

    .analysis-meta[b-0i5nma3uji] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Components/Charts/NadiPredictions.razor.rz.scp.css */
.nadi-predictions[b-17fr2gk1o6] {
    background: white;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.nadi-predictions > h3[b-17fr2gk1o6] {
    color: #34495e;
    margin-bottom: 25px;
    font-size: 1.5rem;
    border-left: 4px solid #9b59b6;
    padding-left: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.nadi-predictions > h3 .oi[b-17fr2gk1o6] {
    color: #9b59b6;
}

/* Loading State */
.loading-indicator[b-17fr2gk1o6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 40px;
    color: #7f8c8d;
}

.spinner[b-17fr2gk1o6] {
    width: 24px;
    height: 24px;
    border: 3px solid #ecf0f1;
    border-top-color: #9b59b6;
    border-radius: 50%;
    animation: spin-b-17fr2gk1o6 1s linear infinite;
}

@keyframes spin-b-17fr2gk1o6 {
    to {
        transform: rotate(360deg);
    }
}

/* Error State */
.error-message[b-17fr2gk1o6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: #fdf2f2;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    color: #721c24;
}

.error-message .oi[b-17fr2gk1o6] {
    font-size: 1.2rem;
}

/* No Predictions */
.no-predictions[b-17fr2gk1o6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 6px;
    color: #6c757d;
}

/* Analysis Summary */
.analysis-summary[b-17fr2gk1o6] {
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #e0e7ff;
}

.analysis-summary h4[b-17fr2gk1o6] {
    color: #2c3e50;
    font-size: 1.1rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.analysis-summary h4 .oi[b-17fr2gk1o6] {
    color: #5b6ad0;
}

.combination-list[b-17fr2gk1o6] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rule-group[b-17fr2gk1o6] {
    background: white;
    border-radius: 6px;
    padding: 12px 15px;
    border-left: 3px solid #5b6ad0;
}

.rule-header[b-17fr2gk1o6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

.rule-name[b-17fr2gk1o6] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.95rem;
}

.rule-badge[b-17fr2gk1o6] {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.rule-badge.priority-1[b-17fr2gk1o6] {
    background: #fef3cd;
    color: #856404;
}

.rule-badge.priority-2[b-17fr2gk1o6] {
    background: #d4edda;
    color: #155724;
}

.rule-badge.priority-3[b-17fr2gk1o6] {
    background: #cce5ff;
    color: #004085;
}

.rule-badge.priority-4[b-17fr2gk1o6] {
    background: #e2e3e5;
    color: #383d41;
}

.rule-badge.priority-5[b-17fr2gk1o6] {
    background: #f5c6cb;
    color: #721c24;
}

.rule-badge.priority-6[b-17fr2gk1o6] {
    background: #d6d8d9;
    color: #1b1e21;
}

.combinations[b-17fr2gk1o6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.combination-chip[b-17fr2gk1o6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f0f4ff;
    border: 1px solid #d0d9ff;
    border-radius: 20px;
    padding: 5px 12px;
    font-size: 0.85rem;
    cursor: help;
    transition: background 0.2s ease;
}

.combination-chip:hover[b-17fr2gk1o6] {
    background: #e0e7ff;
}

.combination-chip .planets[b-17fr2gk1o6] {
    font-weight: 600;
    color: #3d4ed0;
}

.combination-chip .sign[b-17fr2gk1o6] {
    color: #6c757d;
    font-style: italic;
}

/* Prediction Sections */
.prediction-section[b-17fr2gk1o6] {
    margin-bottom: 30px;
}

.prediction-section:last-child[b-17fr2gk1o6] {
    margin-bottom: 0;
}

.prediction-section h4[b-17fr2gk1o6] {
    color: #2c3e50;
    font-size: 1.2rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ecf0f1;
}

.prediction-section h4 .oi[b-17fr2gk1o6] {
    color: #3498db;
}

/* Prediction Cards */
.prediction-card[b-17fr2gk1o6] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    border-left: 4px solid #3498db;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.prediction-card:hover[b-17fr2gk1o6] {
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.prediction-card:last-child[b-17fr2gk1o6] {
    margin-bottom: 0;
}

/* Card Type Styling */
.prediction-card.natal[b-17fr2gk1o6] {
    border-left-color: #9b59b6;
}

.prediction-card.transit[b-17fr2gk1o6] {
    border-left-color: #3498db;
}

.prediction-card.transit.positive[b-17fr2gk1o6] {
    border-left-color: #27ae60;
    background: linear-gradient(135deg, #f0fff4 0%, #f8f9fa 100%);
}

.prediction-card.transit.negative[b-17fr2gk1o6] {
    border-left-color: #e74c3c;
    background: linear-gradient(135deg, #fff5f5 0%, #f8f9fa 100%);
}

.prediction-card.transit.mixed[b-17fr2gk1o6] {
    border-left-color: #f39c12;
    background: linear-gradient(135deg, #fffdf0 0%, #f8f9fa 100%);
}

/* Card Header */
.prediction-header[b-17fr2gk1o6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 10px;
}

.prediction-title[b-17fr2gk1o6] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 1.1rem;
}

.prediction-badge[b-17fr2gk1o6] {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.prediction-badge.natal_interpretation[b-17fr2gk1o6] {
    background: #e8daef;
    color: #6c3483;
}

.prediction-badge.planet_combination[b-17fr2gk1o6] {
    background: #d4e6f1;
    color: #1a5276;
}

.prediction-badge.positive[b-17fr2gk1o6] {
    background: #d4efdf;
    color: #1e8449;
}

.prediction-badge.negative[b-17fr2gk1o6] {
    background: #fadbd8;
    color: #922b21;
}

.prediction-badge.mixed[b-17fr2gk1o6] {
    background: #fdebd0;
    color: #9c640c;
}

.prediction-badge.three-planet[b-17fr2gk1o6] {
    background: #e8f4fd;
    color: #0c5460;
}

/* Three-Planet Section */
.prediction-section.three-planet h4 .oi[b-17fr2gk1o6] {
    color: #17a2b8;
}

.prediction-card.three-planet[b-17fr2gk1o6] {
    border-left-color: #17a2b8;
    background: linear-gradient(135deg, #e8f4fd 0%, #f8f9fa 100%);
}

/* Card Meta */
.prediction-meta[b-17fr2gk1o6] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 0.9rem;
    color: #7f8c8d;
}

.prediction-meta strong[b-17fr2gk1o6] {
    color: #34495e;
}

/* Card Content */
.prediction-content[b-17fr2gk1o6] {
    color: #34495e;
    line-height: 1.7;
}

.prediction-content p[b-17fr2gk1o6] {
    margin: 0 0 10px 0;
}

.prediction-content p:last-child[b-17fr2gk1o6] {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .nadi-predictions[b-17fr2gk1o6] {
        padding: 15px;
    }

    .nadi-predictions > h3[b-17fr2gk1o6] {
        font-size: 1.3rem;
    }

    .prediction-header[b-17fr2gk1o6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .prediction-meta[b-17fr2gk1o6] {
        flex-direction: column;
        gap: 8px;
    }

    .prediction-card[b-17fr2gk1o6] {
        padding: 15px;
    }
}

/* Retrograde Section */
.prediction-section.retrograde h4 .badge[b-17fr2gk1o6] {
    background: #8e44ad;
    font-size: 0.75rem;
    margin-left: 8px;
}

.retrograde-summary[b-17fr2gk1o6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.retrograde-chip[b-17fr2gk1o6] {
    background: #f5eef8;
    border: 1px solid #d4b5e9;
    border-radius: 16px;
    padding: 4px 12px;
    font-size: 0.85rem;
    color: #6c3483;
}

.prediction-card.retrograde[b-17fr2gk1o6] {
    border-left-color: #8e44ad;
}

.prediction-badge.karmic[b-17fr2gk1o6] {
    background: #fdebd0;
    color: #9c640c;
}
/* /Components/Charts/NorthIndianChart.razor.rz.scp.css */
.north-indian-chart-container[b-gniwqb5kub] {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.chart-title[b-gniwqb5kub] {
    text-align: center;
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

.north-indian-chart[b-gniwqb5kub] {
    width: 100%;
    height: auto;
    display: block;
}

/* House sections (polygon compartments) */
[b-gniwqb5kub] .house-section {
    transition: fill 0.2s ease;
}

[b-gniwqb5kub] .house-section:hover {
    fill: #f0f8ff;
}

[b-gniwqb5kub] .house-section.lagna-house {
    fill: #fff8e1;
}

[b-gniwqb5kub] .house-section.lagna-house:hover {
    fill: #fff3c4;
}

/* Sign numbers displayed in houses */
[b-gniwqb5kub] .house-sign {
    font-size: 16px;
    font-weight: 600;
    fill: #8e44ad;
    font-family: 'Segoe UI', Arial, sans-serif;
}

/* Planet abbreviations */
[b-gniwqb5kub] .planet-symbol {
    font-size: 13px;
    font-weight: bold;
    font-family: 'Segoe UI', Arial, sans-serif;
}

/* Smaller font for crowded houses */
[b-gniwqb5kub] .planet-symbol.small {
    font-size: 11px;
}

/* Benefics - Blue */
[b-gniwqb5kub] .planet-symbol.benefic {
    fill: #2980b9;
}

/* Malefics - Red */
[b-gniwqb5kub] .planet-symbol.malefic {
    fill: #c0392b;
}

/* Nodes - Purple */
[b-gniwqb5kub] .planet-symbol.node {
    fill: #8e44ad;
}

/* Outer planets - Dark Gray */
[b-gniwqb5kub] .planet-symbol.outer-planet {
    fill: #34495e;
}

/* Planet degrees */
[b-gniwqb5kub] .planet-degree {
    font-size: 9px;
    fill: #7f8c8d;
    font-family: 'Consolas', 'Monaco', monospace;
}

/* Retrograde marker */
[b-gniwqb5kub] .retrograde-marker {
    font-size: 10px;
    font-weight: bold;
    fill: #c0392b;
}

/* Chart legend */
.chart-legend[b-gniwqb5kub] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ecf0f1;
}

.legend-item[b-gniwqb5kub] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #34495e;
}

.legend-color[b-gniwqb5kub] {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    display: inline-block;
}

.legend-color.benefic[b-gniwqb5kub] {
    background-color: #2980b9;
}

.legend-color.malefic[b-gniwqb5kub] {
    background-color: #c0392b;
}

.legend-color.node[b-gniwqb5kub] {
    background-color: #8e44ad;
}

.legend-marker[b-gniwqb5kub] {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-weight: bold;
    color: #c0392b;
    border: 1px solid #c0392b;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 18px;
}

/* Responsive design */
@media (max-width: 768px) {
    .north-indian-chart-container[b-gniwqb5kub] {
        padding: 10px;
    }

    .chart-title[b-gniwqb5kub] {
        font-size: 1.2rem;
    }

    [b-gniwqb5kub] .planet-symbol {
        font-size: 12px;
    }

    [b-gniwqb5kub] .house-sign {
        font-size: 14px;
    }

    [b-gniwqb5kub] .planet-degree {
        font-size: 8px;
    }

    .chart-legend[b-gniwqb5kub] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* Print styles */
@media print {
    .north-indian-chart-container[b-gniwqb5kub] {
        box-shadow: none;
        page-break-inside: avoid;
    }

    [b-gniwqb5kub] .house-section:hover {
        fill: white;
    }

    [b-gniwqb5kub] .house-section.lagna-house:hover {
        fill: #fff8e1;
    }
}
/* /Components/Charts/SaveChartButton.razor.rz.scp.css */
.save-chart-container[b-61mmk6u2tn] {
    display: inline-block;
}

.save-btn[b-61mmk6u2tn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
}

.save-btn .oi[b-61mmk6u2tn] {
    font-size: 1rem;
}

.saved-indicator[b-61mmk6u2tn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--bs-success);
    font-weight: 500;
}

.saved-indicator .oi[b-61mmk6u2tn] {
    font-size: 1.1rem;
}

.view-link[b-61mmk6u2tn] {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    color: var(--bs-primary);
}

/* Dialog overlay */
.save-dialog-overlay[b-61mmk6u2tn] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.save-dialog[b-61mmk6u2tn] {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 450px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    animation: slideIn-b-61mmk6u2tn 0.2s ease-out;
}

@keyframes slideIn-b-61mmk6u2tn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dialog-header[b-61mmk6u2tn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e9ecef;
}

.dialog-header h4[b-61mmk6u2tn] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.close-btn[b-61mmk6u2tn] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #666;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.close-btn:hover[b-61mmk6u2tn] {
    color: #333;
}

.dialog-body[b-61mmk6u2tn] {
    padding: 1.25rem;
}

.dialog-body p[b-61mmk6u2tn] {
    margin: 0 0 1rem;
    color: #666;
}

.chart-preview[b-61mmk6u2tn] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 1rem;
}

.preview-row[b-61mmk6u2tn] {
    display: flex;
    margin-bottom: 0.5rem;
}

.preview-row:last-child[b-61mmk6u2tn] {
    margin-bottom: 0;
}

.preview-row .label[b-61mmk6u2tn] {
    font-weight: 500;
    color: #666;
    min-width: 80px;
}

.preview-row .value[b-61mmk6u2tn] {
    color: #333;
}

.error-message[b-61mmk6u2tn] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: #fff3cd;
    border-radius: 4px;
    color: #856404;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dialog-footer[b-61mmk6u2tn] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e9ecef;
}

.dialog-footer .btn[b-61mmk6u2tn] {
    min-width: 100px;
}

.spinner-border-sm[b-61mmk6u2tn] {
    margin-right: 0.25rem;
}
/* /Components/Charts/TransitChart.razor.rz.scp.css */
.transit-chart-container[b-lec94r77i2] {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.chart-title[b-lec94r77i2] {
    text-align: center;
    color: #1a5276;
    margin-bottom: 5px;
    font-size: 1.4rem;
}

.chart-date[b-lec94r77i2] {
    text-align: center;
    color: #5d6d7e;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.transit-chart[b-lec94r77i2] {
    width: 100%;
    height: auto;
    display: block;
}

/* House sections */
[b-lec94r77i2] .house-section {
    transition: fill 0.2s ease;
}

[b-lec94r77i2] .house-section:hover {
    filter: brightness(0.95);
}

/* Sign numbers displayed in houses */
[b-lec94r77i2] .house-sign {
    font-size: 16px;
    font-weight: 600;
    fill: #1a5276;
    font-family: 'Segoe UI', Arial, sans-serif;
}

/* Center labels */
[b-lec94r77i2] .center-label {
    font-size: 14px;
    font-weight: bold;
    fill: #1a5276;
    font-family: 'Segoe UI', Arial, sans-serif;
}

[b-lec94r77i2] .center-date {
    font-size: 11px;
    fill: #5d6d7e;
    font-family: 'Segoe UI', Arial, sans-serif;
}

/* Planet abbreviations */
[b-lec94r77i2] .planet-symbol {
    font-size: 13px;
    font-weight: bold;
    font-family: 'Segoe UI', Arial, sans-serif;
}

[b-lec94r77i2] .planet-symbol.small {
    font-size: 11px;
}

/* Benefics - Teal */
[b-lec94r77i2] .planet-symbol.benefic {
    fill: #148f77;
}

/* Malefics - Orange-Red */
[b-lec94r77i2] .planet-symbol.malefic {
    fill: #d35400;
}

/* Nodes - Purple */
[b-lec94r77i2] .planet-symbol.node {
    fill: #7d3c98;
}

/* Outer planets - Dark Gray */
[b-lec94r77i2] .planet-symbol.outer-planet {
    fill: #34495e;
}

/* Planet degrees */
[b-lec94r77i2] .planet-degree {
    font-size: 9px;
    fill: #5d6d7e;
    font-family: 'Consolas', 'Monaco', monospace;
}

/* Retrograde marker */
[b-lec94r77i2] .retrograde-marker {
    font-size: 10px;
    font-weight: bold;
    fill: #e74c3c;
}

/* Chart legend */
.chart-legend[b-lec94r77i2] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #d5dbdb;
}

.legend-item[b-lec94r77i2] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #34495e;
}

.legend-color[b-lec94r77i2] {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    display: inline-block;
}

.legend-color.benefic[b-lec94r77i2] {
    background-color: #148f77;
}

.legend-color.malefic[b-lec94r77i2] {
    background-color: #d35400;
}

.legend-color.node[b-lec94r77i2] {
    background-color: #7d3c98;
}

.legend-marker[b-lec94r77i2] {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-weight: bold;
    color: #e74c3c;
    border: 1px solid #e74c3c;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 18px;
}

/* Transit positions table */
.transit-positions-table[b-lec94r77i2] {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 2px solid #1a5276;
}

.transit-positions-table h4[b-lec94r77i2] {
    color: #1a5276;
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.transit-positions-table table[b-lec94r77i2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.transit-positions-table th[b-lec94r77i2] {
    background: #eaf2f8;
    color: #1a5276;
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #1a5276;
}

.transit-positions-table td[b-lec94r77i2] {
    padding: 8px 12px;
    border-bottom: 1px solid #e5e8e8;
}

.transit-positions-table tbody tr:hover[b-lec94r77i2] {
    background: #f8f9fa;
}

.transit-positions-table .retrograde-row[b-lec94r77i2] {
    background: #fdf2e9;
}

.transit-positions-table .planet-cell[b-lec94r77i2] {
    font-weight: 600;
}

.transit-positions-table .planet-cell.benefic[b-lec94r77i2] {
    color: #148f77;
}

.transit-positions-table .planet-cell.malefic[b-lec94r77i2] {
    color: #d35400;
}

.transit-positions-table .planet-cell.node[b-lec94r77i2] {
    color: #7d3c98;
}

.transit-positions-table .degree-cell[b-lec94r77i2] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85rem;
}

.transit-positions-table .status-cell[b-lec94r77i2] {
    font-size: 0.85rem;
}

.transit-positions-table .status-cell.retro[b-lec94r77i2] {
    color: #e74c3c;
    font-weight: 600;
}

.transit-positions-table .status-cell.direct[b-lec94r77i2] {
    color: #27ae60;
}

/* Responsive design */
@media (max-width: 768px) {
    .transit-chart-container[b-lec94r77i2] {
        padding: 10px;
    }

    .chart-title[b-lec94r77i2] {
        font-size: 1.2rem;
    }

    [b-lec94r77i2] .planet-symbol {
        font-size: 12px;
    }

    [b-lec94r77i2] .house-sign {
        font-size: 14px;
    }

    [b-lec94r77i2] .planet-degree {
        font-size: 8px;
    }

    .chart-legend[b-lec94r77i2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .transit-positions-table[b-lec94r77i2] {
        overflow-x: auto;
    }

    .transit-positions-table table[b-lec94r77i2] {
        font-size: 0.8rem;
    }

    .transit-positions-table th[b-lec94r77i2],
    .transit-positions-table td[b-lec94r77i2] {
        padding: 6px 8px;
    }
}

/* Print styles */
@media print {
    .transit-chart-container[b-lec94r77i2] {
        box-shadow: none;
        page-break-inside: avoid;
    }

    [b-lec94r77i2] .house-section:hover {
        filter: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-lx80m5hw7d] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-lx80m5hw7d] {
    flex: 1;
}

#blazor-error-ui[b-lx80m5hw7d] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-lx80m5hw7d] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.astro-navbar[b-yvwvrctjul] {
    background: linear-gradient(135deg, #0f1729, #1a1a4e);
    padding: 0.5rem 1rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
    position: sticky;
    top: 0;
    z-index: 1030;
}

/* Brand */
.navbar-brand[b-yvwvrctjul] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff !important;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.brand-icon[b-yvwvrctjul] {
    color: #F5B041;
    font-size: 1.4rem;
    line-height: 1;
}

/* Nav links */
[b-yvwvrctjul] .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem 0.85rem !important;
    border-radius: 6px;
    transition: color 0.2s, background-color 0.2s;
    position: relative;
}

[b-yvwvrctjul] .nav-link:hover,
[b-yvwvrctjul] .nav-link:focus {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.08);
}

[b-yvwvrctjul] .nav-link.active {
    color: #fff !important;
    background-color: rgba(245, 176, 65, 0.15);
}

[b-yvwvrctjul] .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 2px;
    background: #F5B041;
    border-radius: 1px;
}

/* Toggler */
.navbar-toggler[b-yvwvrctjul] {
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar-toggler:focus[b-yvwvrctjul] {
    box-shadow: 0 0 0 0.15rem rgba(245, 176, 65, 0.25);
}

/* Mobile collapsed menu */
@media (max-width: 767.98px) {
    [b-yvwvrctjul] .navbar-collapse {
        background: linear-gradient(135deg, #0f1729, #1a1a4e);
        margin: 0.5rem -1rem -0.5rem;
        padding: 0.5rem 1rem 1rem;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    [b-yvwvrctjul] .nav-link {
        padding: 0.6rem 0.75rem !important;
    }

    [b-yvwvrctjul] .nav-link.active::after {
        display: none;
    }

    [b-yvwvrctjul] .nav-link.active {
        background-color: rgba(245, 176, 65, 0.2);
        border-left: 3px solid #F5B041;
        border-radius: 0 6px 6px 0;
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.user-menu[b-fzzwhxa9vi] {
    position: relative;
}

/* Remove the native <details> disclosure triangle */
.user-menu-toggle[b-fzzwhxa9vi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    padding: 0.4rem 0.75rem;
    color: white;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s;
    list-style: none;
    user-select: none;
}

.user-menu-toggle[b-fzzwhxa9vi]::-webkit-details-marker {
    display: none;
}

.user-menu-toggle[b-fzzwhxa9vi]::marker {
    content: "";
}

/* Rotate the chevron when the menu is open */
.user-menu[open] .dropdown-arrow[b-fzzwhxa9vi] {
    transform: rotate(180deg);
}

.user-menu-toggle:hover[b-fzzwhxa9vi] {
    background: rgba(255, 255, 255, 0.25);
}

.user-display-name[b-fzzwhxa9vi] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tier-badge[b-fzzwhxa9vi] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tier-free[b-fzzwhxa9vi] {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.8);
}

.tier-silver[b-fzzwhxa9vi] {
    background: linear-gradient(135deg, #c0c0c0, #e0e0e0);
    color: #333;
}

.tier-gold[b-fzzwhxa9vi] {
    background: linear-gradient(135deg, #f0c040, #ffd700);
    color: #5a4000;
}

.tier-platinum[b-fzzwhxa9vi] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
}

.dropdown-arrow[b-fzzwhxa9vi] {
    font-size: 0.65rem;
    opacity: 0.7;
}

.user-dropdown[b-fzzwhxa9vi] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 200px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow: hidden;
    animation: dropdownFadeIn 0.15s ease;
}

@@keyframes dropdownFadeIn {
    from[b-fzzwhxa9vi] { opacity: 0; transform: translateY(-8px); }
    to[b-fzzwhxa9vi] { opacity: 1; transform: translateY(0); }
}

.dropdown-item[b-fzzwhxa9vi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    color: #333;
    text-decoration: none;
    font-size: 0.9rem;
    transition: background 0.15s;
    border: none;
    background: none;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.dropdown-item:hover[b-fzzwhxa9vi] {
    background: #f0f2f5;
    color: #667eea;
}

.dropdown-item .oi[b-fzzwhxa9vi] {
    font-size: 0.85rem;
    width: 16px;
    text-align: center;
    opacity: 0.7;
}

.dropdown-divider[b-fzzwhxa9vi] {
    height: 1px;
    background: #eee;
    margin: 0.25rem 0;
}

.admin-item:hover[b-fzzwhxa9vi] {
    color: #764ba2;
}

.logout-item:hover[b-fzzwhxa9vi] {
    color: #e74c3c;
}

.auth-buttons[b-fzzwhxa9vi] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.auth-btn[b-fzzwhxa9vi] {
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.35rem 0.85rem;
}

.register-btn[b-fzzwhxa9vi] {
    color: #667eea;
    font-weight: 600;
}
/* /Components/Pages/Account.razor.rz.scp.css */
.account-page[b-p5gorm2jp2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
}

.page-header[b-p5gorm2jp2] {
    margin-bottom: 2rem;
}

.page-header h1[b-p5gorm2jp2] {
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #333;
}

.account-grid[b-p5gorm2jp2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@@media (max-width: 768px) {
    .account-grid[b-p5gorm2jp2] {
        grid-template-columns: 1fr;
    }
}

.profile-card[b-p5gorm2jp2], .usage-card[b-p5gorm2jp2] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    padding: 1.5rem;
}

.profile-header[b-p5gorm2jp2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}

.profile-avatar[b-p5gorm2jp2] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.profile-info h2[b-p5gorm2jp2] {
    font-size: 1.25rem;
    margin: 0 0 0.25rem;
    color: #333;
}

.profile-email[b-p5gorm2jp2] {
    color: #888;
    font-size: 0.9rem;
    margin: 0 0 0.5rem;
}

.profile-details[b-p5gorm2jp2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.detail-row[b-p5gorm2jp2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-label[b-p5gorm2jp2] {
    font-size: 0.85rem;
    color: #888;
}

.detail-value[b-p5gorm2jp2] {
    font-weight: 500;
    color: #333;
}

.status-active[b-p5gorm2jp2] {
    color: #28a745;
}

.usage-card h3[b-p5gorm2jp2] {
    font-size: 1.15rem;
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.reset-info[b-p5gorm2jp2] {
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 1.25rem;
}

.usage-item[b-p5gorm2jp2] {
    margin-bottom: 1.25rem;
}

.usage-header[b-p5gorm2jp2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.usage-label[b-p5gorm2jp2] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
}

.usage-count[b-p5gorm2jp2] {
    font-size: 0.85rem;
    color: #888;
}

.progress[b-p5gorm2jp2] {
    height: 8px;
    border-radius: 4px;
    background: #eee;
    overflow: hidden;
}

.progress-bar[b-p5gorm2jp2] {
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.upgrade-banner[b-p5gorm2jp2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #f8f0ff 0%, #fff0f5 100%);
    border: 1px solid #e0d0f0;
    border-radius: 12px;
    padding: 1.5rem;
}

.upgrade-text h4[b-p5gorm2jp2] {
    margin: 0 0 0.25rem;
    font-size: 1.1rem;
}

.upgrade-text p[b-p5gorm2jp2] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.upgrade-cta[b-p5gorm2jp2] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 8px;
    font-weight: 600;
    padding: 0.6rem 1.25rem;
    white-space: nowrap;
}

.loading-state[b-p5gorm2jp2] {
    text-align: center;
    padding: 3rem;
    color: #888;
}
/* /Components/Pages/Admin/UserManagement.razor.rz.scp.css */
.admin-page[b-1fmmsxlkt5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
}

.page-header[b-1fmmsxlkt5] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-1fmmsxlkt5] {
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #333;
    margin-bottom: 0.25rem;
}

.page-subtitle[b-1fmmsxlkt5] {
    color: #888;
    font-size: 0.95rem;
}

.admin-toolbar[b-1fmmsxlkt5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-1fmmsxlkt5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0.25rem 0.75rem;
    flex: 1;
    max-width: 400px;
}

.search-box .oi[b-1fmmsxlkt5] {
    color: #999;
    font-size: 0.85rem;
}

.search-box input[b-1fmmsxlkt5] {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0.4rem 0;
    font-size: 0.9rem;
}

.stats[b-1fmmsxlkt5] {
    display: flex;
    gap: 1.5rem;
}

.stat[b-1fmmsxlkt5] {
    font-size: 0.9rem;
    color: #666;
}

.stat strong[b-1fmmsxlkt5] {
    color: #333;
}

.admin-table[b-1fmmsxlkt5] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.admin-table thead th[b-1fmmsxlkt5] {
    background: #f8f9fa;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #eee;
}

.admin-table tbody td[b-1fmmsxlkt5] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    font-size: 0.9rem;
    border-bottom: 1px solid #f0f0f0;
}

.user-name[b-1fmmsxlkt5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

.admin-badge[b-1fmmsxlkt5] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    background: #764ba2;
    color: white;
    text-transform: uppercase;
}

.email-cell[b-1fmmsxlkt5] {
    color: #666;
    font-size: 0.85rem;
}

.date-cell[b-1fmmsxlkt5] {
    color: #888;
    font-size: 0.85rem;
}

.tier-select[b-1fmmsxlkt5] {
    width: auto;
    min-width: 100px;
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

.status-badge[b-1fmmsxlkt5] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 10px;
}

.status-badge.active[b-1fmmsxlkt5] {
    background: #d4edda;
    color: #155724;
}

.status-badge.inactive[b-1fmmsxlkt5] {
    background: #f8d7da;
    color: #721c24;
}

.inactive-row[b-1fmmsxlkt5] {
    opacity: 0.6;
}

.loading-state[b-1fmmsxlkt5], .empty-state[b-1fmmsxlkt5] {
    text-align: center;
    padding: 3rem;
    color: #888;
}

.status-alert[b-1fmmsxlkt5] {
    margin-top: 1rem;
    border-radius: 8px;
}

.unauthorized[b-1fmmsxlkt5] {
    text-align: center;
    padding: 4rem 2rem;
}

.unauthorized h2[b-1fmmsxlkt5] {
    color: #dc3545;
    margin-bottom: 0.5rem;
}

.unauthorized p[b-1fmmsxlkt5] {
    color: #666;
    margin-bottom: 1.5rem;
}
/* /Components/Pages/ChartCalculator.razor.rz.scp.css */
.chart-header[b-2fq347hom3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.chart-title[b-2fq347hom3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.chart-title h2[b-2fq347hom3] {
    margin: 0;
}

.loaded-badge[b-2fq347hom3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: #dbeafe;
    color: #1d4ed8;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 500;
}

.loaded-badge .oi[b-2fq347hom3] {
    font-size: 0.8rem;
}

.chart-actions[b-2fq347hom3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 576px) {
    .chart-header[b-2fq347hom3] {
        flex-direction: column;
    }

    .chart-actions[b-2fq347hom3] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ===== HERO SECTION ===== */
.hero-section[b-vq9gyonh2r] {
    position: relative;
    background: linear-gradient(135deg, #0f1729, #1a1a4e, #2d1b4e);
    color: #fff;
    padding: 4rem 2rem 5rem;
    text-align: center;
    overflow: hidden;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-decoration[b-vq9gyonh2r] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zodiac-ring[b-vq9gyonh2r] {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow:
        inset 0 0 60px rgba(245, 157, 34, 0.04),
        0 0 80px rgba(245, 157, 34, 0.03);
    animation: rotate-ring-b-vq9gyonh2r 120s linear infinite;
}

.zodiac-ring[b-vq9gyonh2r]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 340px;
    height: 340px;
    margin: -170px 0 0 -170px;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.08);
}

.zodiac-ring[b-vq9gyonh2r]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 180px;
    margin: -90px 0 0 -90px;
    border-radius: 50%;
    border: 1px solid rgba(245, 157, 34, 0.1);
}

@keyframes rotate-ring-b-vq9gyonh2r {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.hero-content[b-vq9gyonh2r] {
    position: relative;
    z-index: 1;
    max-width: 680px;
}

.hero-badge[b-vq9gyonh2r] {
    display: inline-block;
    background: linear-gradient(135deg, rgba(245, 157, 34, 0.2), rgba(255, 160, 0, 0.2));
    border: 1px solid rgba(245, 157, 34, 0.4);
    color: #F5B041;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 0.35rem 1rem;
    border-radius: 20px;
    margin-bottom: 1.25rem;
}

.hero-title[b-vq9gyonh2r] {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 1rem;
    background: linear-gradient(135deg, #fff, #e0d4f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle[b-vq9gyonh2r] {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.65;
    margin: 0 0 2rem;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.hero-cta[b-vq9gyonh2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #F59D22, #FFA000);
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.75rem 2rem;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(245, 157, 34, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
}

.hero-cta:hover[b-vq9gyonh2r] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 157, 34, 0.4);
    color: #fff;
    text-decoration: none;
}

/* ===== PANCHANG SECTION ===== */
.panchang-section[b-vq9gyonh2r] {
    max-width: 1000px;
    margin: -2rem auto 2rem;
    padding: 0 1rem;
    position: relative;
    z-index: 2;
}

.panchang-date-bar[b-vq9gyonh2r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: #fff;
    padding: 0.75rem 1.25rem;
    border-radius: 10px 10px 0 0;
    font-size: 0.9rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.panchang-date-info[b-vq9gyonh2r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.panchang-location[b-vq9gyonh2r] {
    opacity: 0.9;
    font-size: 0.85rem;
}

.panchang-link[b-vq9gyonh2r] {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}

.panchang-link:hover[b-vq9gyonh2r] {
    text-decoration: underline;
    color: #fff;
}

.panchang-grid[b-vq9gyonh2r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
}

.panchang-item[b-vq9gyonh2r] {
    background: #fff;
    padding: 1rem;
    text-align: center;
}

.panchang-label[b-vq9gyonh2r] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.panchang-value[b-vq9gyonh2r] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.15rem;
}

.panchang-detail[b-vq9gyonh2r] {
    font-size: 0.75rem;
    color: #999;
}

.active-warning[b-vq9gyonh2r] {
    color: #e53e3e;
    font-weight: 600;
}

.abhijit-banner[b-vq9gyonh2r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #d4edda, #c3e6cb);
    color: #155724;
    padding: 0.6rem 1.25rem;
    border-radius: 0 0 10px 10px;
    font-size: 0.85rem;
    flex-wrap: wrap;
}

.abhijit-desc[b-vq9gyonh2r] {
    opacity: 0.75;
    font-size: 0.8rem;
}

.panchang-loading[b-vq9gyonh2r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #fff;
    padding: 2rem;
    border-radius: 0 0 10px 10px;
    border: 1px solid #e8e8e8;
    border-top: none;
    justify-content: center;
    color: #666;
}

.panchang-error[b-vq9gyonh2r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff3cd;
    color: #856404;
    padding: 1rem 1.25rem;
    border-radius: 0 0 10px 10px;
    font-size: 0.9rem;
}

/* ===== FEATURES SECTION ===== */
.features-section[b-vq9gyonh2r] {
    max-width: 1000px;
    margin: 0 auto 2.5rem;
    padding: 0 1rem;
}

.section-title[b-vq9gyonh2r] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 1.25rem;
}

.features-grid[b-vq9gyonh2r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.feature-card[b-vq9gyonh2r] {
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
    transition: transform 0.2s, box-shadow 0.2s;
    display: block;
}

.feature-card:hover[b-vq9gyonh2r] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
}

.feature-icon[b-vq9gyonh2r] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.feature-card h3[b-vq9gyonh2r] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.4rem;
}

.feature-card p[b-vq9gyonh2r] {
    font-size: 0.85rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* ===== RECENT CHARTS SECTION ===== */
.recent-section[b-vq9gyonh2r] {
    max-width: 1000px;
    margin: 0 auto 2.5rem;
    padding: 0 1rem;
}

.section-header[b-vq9gyonh2r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.section-header .section-title[b-vq9gyonh2r] {
    margin: 0;
}

.view-all-link[b-vq9gyonh2r] {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.view-all-link:hover[b-vq9gyonh2r] {
    text-decoration: underline;
}

.recent-charts-grid[b-vq9gyonh2r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

/* ===== AI BANNER SECTION ===== */
.ai-banner[b-vq9gyonh2r] {
    max-width: 1000px;
    margin: 0 auto 3rem;
    padding: 0 1rem;
}

.ai-banner-content[b-vq9gyonh2r] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background: linear-gradient(135deg, #f0f4ff, #fdf4ff);
    border: 1px solid #e8e0f0;
    border-radius: 12px;
    padding: 2rem;
}

.ai-icon[b-vq9gyonh2r] {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
}

.ai-text[b-vq9gyonh2r] {
    flex: 1;
}

.ai-text h2[b-vq9gyonh2r] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.4rem;
}

.ai-text p[b-vq9gyonh2r] {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.55;
    margin: 0;
}

.ai-cta[b-vq9gyonh2r] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.6rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.ai-cta:hover[b-vq9gyonh2r] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    color: #fff;
    text-decoration: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .hero-section[b-vq9gyonh2r] {
        padding: 3rem 1.5rem 4rem;
        min-height: auto;
    }

    .hero-title[b-vq9gyonh2r] {
        font-size: 2rem;
    }

    .hero-subtitle[b-vq9gyonh2r] {
        font-size: 0.95rem;
    }

    .zodiac-ring[b-vq9gyonh2r] {
        width: 350px;
        height: 350px;
    }

    .zodiac-ring[b-vq9gyonh2r]::before {
        width: 240px;
        height: 240px;
        margin: -120px 0 0 -120px;
    }

    .zodiac-ring[b-vq9gyonh2r]::after {
        width: 130px;
        height: 130px;
        margin: -65px 0 0 -65px;
    }

    .panchang-grid[b-vq9gyonh2r] {
        grid-template-columns: repeat(2, 1fr);
    }

    .features-grid[b-vq9gyonh2r] {
        grid-template-columns: repeat(2, 1fr);
    }

    .recent-charts-grid[b-vq9gyonh2r] {
        grid-template-columns: 1fr;
    }

    .ai-banner-content[b-vq9gyonh2r] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .hero-section[b-vq9gyonh2r] {
        padding: 2rem 1rem 3rem;
    }

    .hero-title[b-vq9gyonh2r] {
        font-size: 1.6rem;
    }

    .panchang-date-bar[b-vq9gyonh2r] {
        flex-direction: column;
        align-items: flex-start;
    }

    .panchang-grid[b-vq9gyonh2r] {
        grid-template-columns: 1fr;
    }

    .features-grid[b-vq9gyonh2r] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-page[b-9e76okg98e] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px);
    padding: 2rem;
}

.auth-card[b-9e76okg98e] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    padding: 2.5rem;
    width: 100%;
    max-width: 440px;
}

.auth-header[b-9e76okg98e] {
    text-align: center;
    margin-bottom: 2rem;
}

.auth-header .brand-icon[b-9e76okg98e] {
    font-size: 2.5rem;
    color: #667eea;
}

.auth-header h2[b-9e76okg98e] {
    margin: 0.5rem 0 0.25rem;
    font-size: 1.5rem;
    color: #333;
}

.auth-header p[b-9e76okg98e] {
    color: #888;
    font-size: 0.9rem;
    margin: 0;
}

.form-group[b-9e76okg98e] {
    margin-bottom: 1.25rem;
}

.form-group label[b-9e76okg98e] {
    display: block;
    font-weight: 600;
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 0.35rem;
}

.form-group .form-control[b-9e76okg98e] {
    border-radius: 8px;
    padding: 0.65rem 0.85rem;
    border: 1px solid #ddd;
    transition: border-color 0.2s;
}

.form-group .form-control:focus[b-9e76okg98e] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

.alert-danger[b-9e76okg98e] {
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.auth-submit[b-9e76okg98e] {
    width: 100%;
    padding: 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.auth-submit:hover:not(:disabled)[b-9e76okg98e] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.auth-footer[b-9e76okg98e] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.9rem;
    color: #666;
}

.auth-footer a[b-9e76okg98e] {
    color: #667eea;
    font-weight: 600;
    text-decoration: none;
}

.auth-footer a:hover[b-9e76okg98e] {
    text-decoration: underline;
}

[b-9e76okg98e] .validation-message {
    color: #e50000;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
/* /Components/Pages/Register.razor.rz.scp.css */
.auth-page[b-hkx7rrtbwo] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px);
    padding: 2rem;
}

.auth-card[b-hkx7rrtbwo] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    padding: 2.5rem;
    width: 100%;
    max-width: 440px;
}

.auth-header[b-hkx7rrtbwo] {
    text-align: center;
    margin-bottom: 2rem;
}

.auth-header .brand-icon[b-hkx7rrtbwo] {
    font-size: 2.5rem;
    color: #667eea;
}

.auth-header h2[b-hkx7rrtbwo] {
    margin: 0.5rem 0 0.25rem;
    font-size: 1.5rem;
    color: #333;
}

.auth-header p[b-hkx7rrtbwo] {
    color: #888;
    font-size: 0.9rem;
    margin: 0;
}

.form-group[b-hkx7rrtbwo] {
    margin-bottom: 1.25rem;
}

.form-group label[b-hkx7rrtbwo] {
    display: block;
    font-weight: 600;
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 0.35rem;
}

.form-group .form-control[b-hkx7rrtbwo] {
    border-radius: 8px;
    padding: 0.65rem 0.85rem;
    border: 1px solid #ddd;
    transition: border-color 0.2s;
}

.form-group .form-control:focus[b-hkx7rrtbwo] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

.alert-danger[b-hkx7rrtbwo] {
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.auth-submit[b-hkx7rrtbwo] {
    width: 100%;
    padding: 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.auth-submit:hover:not(:disabled)[b-hkx7rrtbwo] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.auth-footer[b-hkx7rrtbwo] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.9rem;
    color: #666;
}

.auth-footer a[b-hkx7rrtbwo] {
    color: #667eea;
    font-weight: 600;
    text-decoration: none;
}

.auth-footer a:hover[b-hkx7rrtbwo] {
    text-decoration: underline;
}

[b-hkx7rrtbwo] .validation-message {
    color: #e50000;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
/* /Components/Pages/RuleEditor.razor.rz.scp.css */
.rule-editor-page[b-0lo44a61xy] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.rule-editor-page h1[b-0lo44a61xy] {
    color: #2c3e50;
    margin-bottom: 30px;
    text-align: center;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.rule-editor-page h1 .oi[b-0lo44a61xy] {
    color: #9b59b6;
}

/* Config Header */
.config-header[b-0lo44a61xy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f9fa;
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.config-meta[b-0lo44a61xy] {
    display: flex;
    gap: 30px;
    color: #34495e;
}

/* Rules Table */
.rules-table[b-0lo44a61xy] {
    width: 100%;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
    overflow: hidden;
}

.rules-table thead[b-0lo44a61xy] {
    background: #34495e;
    color: white;
}

.rules-table th[b-0lo44a61xy] {
    padding: 15px;
    text-align: left;
    font-weight: 600;
}

.rules-table td[b-0lo44a61xy] {
    padding: 12px 15px;
    border-bottom: 1px solid #ecf0f1;
    vertical-align: middle;
}

.rules-table tbody tr:hover[b-0lo44a61xy] {
    background: #f8f9fa;
}

.rules-table tbody tr.disabled-rule[b-0lo44a61xy] {
    background: #fafafa;
    opacity: 0.7;
}

.rule-name[b-0lo44a61xy] {
    font-weight: 600;
    color: #2c3e50;
}

.rule-id[b-0lo44a61xy] {
    font-size: 0.8rem;
    color: #7f8c8d;
    font-family: monospace;
}

.priority-badge[b-0lo44a61xy] {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    color: white;
}

.priority-badge.priority-1[b-0lo44a61xy] { background: #e74c3c; }
.priority-badge.priority-2[b-0lo44a61xy] { background: #f39c12; }
.priority-badge.priority-3[b-0lo44a61xy] { background: #3498db; }
.priority-badge.priority-4[b-0lo44a61xy] { background: #9b59b6; }
.priority-badge.priority-5[b-0lo44a61xy] { background: #1abc9c; }
.priority-badge.priority-6[b-0lo44a61xy] { background: #95a5a6; }

/* Toggle Button */
.btn-toggle[b-0lo44a61xy] {
    padding: 5px 12px;
    border: none;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-toggle.enabled[b-0lo44a61xy] {
    background: #d4edda;
    color: #155724;
}

.btn-toggle.disabled[b-0lo44a61xy] {
    background: #f8d7da;
    color: #721c24;
}

.btn-toggle:hover[b-0lo44a61xy] {
    transform: scale(1.05);
}

/* Conditions */
.conditions-cell[b-0lo44a61xy] {
    font-size: 0.85rem;
}

.condition[b-0lo44a61xy] {
    display: block;
    padding: 2px 0;
}

.condition.requires[b-0lo44a61xy] {
    color: #3498db;
}

.condition.excludes[b-0lo44a61xy] {
    color: #e74c3c;
}

.no-conditions[b-0lo44a61xy] {
    color: #95a5a6;
    font-style: italic;
}

/* Actions */
.actions-cell[b-0lo44a61xy] {
    white-space: nowrap;
}

.btn-sm[b-0lo44a61xy] {
    padding: 5px 10px;
    font-size: 0.85rem;
}

.btn-edit[b-0lo44a61xy] {
    background: #3498db;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-edit:hover[b-0lo44a61xy] {
    background: #2980b9;
}

/* Modal */
.rule-edit-modal[b-0lo44a61xy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-0lo44a61xy] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 700px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.modal-header[b-0lo44a61xy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #ecf0f1;
}

.modal-header h3[b-0lo44a61xy] {
    margin: 0;
    color: #2c3e50;
}

.btn-close[b-0lo44a61xy] {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #7f8c8d;
    padding: 5px;
}

.btn-close:hover[b-0lo44a61xy] {
    color: #2c3e50;
}

/* Form styling */
.form-section[b-0lo44a61xy] {
    padding: 20px;
}

.form-row[b-0lo44a61xy] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.form-group[b-0lo44a61xy] {
    flex: 1;
    margin-bottom: 15px;
}

.form-group label[b-0lo44a61xy] {
    font-weight: 600;
    color: #2c3e50;
    display: block;
    margin-bottom: 5px;
}

.form-control[b-0lo44a61xy] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    box-sizing: border-box;
}

.form-control:focus[b-0lo44a61xy] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.form-control:disabled[b-0lo44a61xy] {
    background: #f8f9fa;
    color: #6c757d;
}

.form-text[b-0lo44a61xy] {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 4px;
    display: block;
}

.checkbox-group[b-0lo44a61xy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.checkbox-group input[type="checkbox"][b-0lo44a61xy] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.checkbox-group label[b-0lo44a61xy] {
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.conditions-section[b-0lo44a61xy] {
    background: #f8f9fa;
    border-radius: 8px;
    margin-top: 15px;
    padding: 15px;
}

.conditions-section h4[b-0lo44a61xy] {
    color: #9b59b6;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 1rem;
}

.form-actions[b-0lo44a61xy] {
    padding: 15px 20px;
    border-top: 1px solid #ecf0f1;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* Button styling */
.btn[b-0lo44a61xy] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-primary[b-0lo44a61xy] {
    background-color: #3498db;
    color: white;
}

.btn-primary:hover[b-0lo44a61xy] {
    background-color: #2980b9;
}

.btn-secondary[b-0lo44a61xy] {
    background-color: #95a5a6;
    color: white;
}

.btn-secondary:hover[b-0lo44a61xy] {
    background-color: #7f8c8d;
}

/* Messages */
.success-message[b-0lo44a61xy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    color: #155724;
    margin-top: 20px;
}

.error-message[b-0lo44a61xy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    color: #721c24;
}

.loading-indicator[b-0lo44a61xy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 40px;
    color: #7f8c8d;
}

.spinner[b-0lo44a61xy] {
    width: 24px;
    height: 24px;
    border: 3px solid #ecf0f1;
    border-top-color: #9b59b6;
    border-radius: 50%;
    animation: spin-b-0lo44a61xy 1s linear infinite;
}

@keyframes spin-b-0lo44a61xy {
    to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 768px) {
    .config-header[b-0lo44a61xy] {
        flex-direction: column;
        gap: 15px;
    }

    .form-row[b-0lo44a61xy] {
        flex-direction: column;
    }

    .rules-table[b-0lo44a61xy] {
        font-size: 0.9rem;
    }

    .rules-table th[b-0lo44a61xy],
    .rules-table td[b-0lo44a61xy] {
        padding: 10px;
    }

    .modal-content[b-0lo44a61xy] {
        width: 95%;
        margin: 10px;
    }
}
/* /Components/Pages/SavedCharts.razor.rz.scp.css */
.saved-charts-page[b-8ahij86a2t] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-header[b-8ahij86a2t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    gap: 1rem;
}

.header-content h1[b-8ahij86a2t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 0.5rem;
    font-size: 1.75rem;
    color: #333;
}

.header-content h1 .oi[b-8ahij86a2t] {
    color: #f59e0b;
}

.subtitle[b-8ahij86a2t] {
    margin: 0;
    color: #666;
}

.new-chart-btn[b-8ahij86a2t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

/* Loading state */
.loading-state[b-8ahij86a2t] {
    text-align: center;
    padding: 4rem 2rem;
}

.loading-state p[b-8ahij86a2t] {
    margin-top: 1rem;
    color: #666;
}

/* Empty state */
.empty-state[b-8ahij86a2t] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8f9fa;
    border-radius: 12px;
}

.empty-icon[b-8ahij86a2t] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.empty-icon .oi[b-8ahij86a2t] {
    font-size: 2rem;
    color: #adb5bd;
}

.empty-state h3[b-8ahij86a2t] {
    margin: 0 0 0.5rem;
    color: #333;
}

.empty-state p[b-8ahij86a2t] {
    margin: 0 0 1.5rem;
    color: #666;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.empty-state .btn[b-8ahij86a2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Charts summary */
.charts-summary[b-8ahij86a2t] {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.charts-summary .count[b-8ahij86a2t] {
    color: #666;
    font-size: 0.9rem;
}

/* Charts list */
.charts-list[b-8ahij86a2t] {
    display: flex;
    flex-direction: column;
}

/* Delete dialog */
.delete-overlay[b-8ahij86a2t] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.delete-dialog[b-8ahij86a2t] {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.delete-dialog .dialog-header[b-8ahij86a2t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e9ecef;
}

.delete-dialog .dialog-header .oi[b-8ahij86a2t] {
    font-size: 1.25rem;
}

.delete-dialog .dialog-header h4[b-8ahij86a2t] {
    margin: 0;
    font-size: 1.1rem;
}

.delete-dialog .dialog-body[b-8ahij86a2t] {
    padding: 1.25rem;
}

.delete-dialog .dialog-body p[b-8ahij86a2t] {
    margin: 0 0 0.5rem;
}

.delete-dialog .warning-text[b-8ahij86a2t] {
    color: #856404;
    font-size: 0.9rem;
}

.delete-dialog .dialog-footer[b-8ahij86a2t] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e9ecef;
}

/* Responsive */
@media (max-width: 576px) {
    .page-header[b-8ahij86a2t] {
        flex-direction: column;
    }

    .new-chart-btn[b-8ahij86a2t] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Subscription.razor.rz.scp.css */
.subscription-page[b-lly3k5510f] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem;
}

.page-header[b-lly3k5510f] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.page-header h1[b-lly3k5510f] {
    font-size: 2rem;
    color: #333;
    margin-bottom: 0.5rem;
}

.page-subtitle[b-lly3k5510f] {
    color: #888;
    font-size: 1.1rem;
}

.plans-grid[b-lly3k5510f] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

@@media (max-width: 992px) {
    .plans-grid[b-lly3k5510f] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@@media (max-width: 576px) {
    .plans-grid[b-lly3k5510f] {
        grid-template-columns: 1fr;
    }
}

.plan-card[b-lly3k5510f] {
    background: white;
    border: 2px solid #eee;
    border-radius: 16px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
}

.plan-card:hover[b-lly3k5510f] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.plan-card.recommended[b-lly3k5510f] {
    border-color: #667eea;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.2);
}

.plan-card.current[b-lly3k5510f] {
    border-color: #28a745;
}

.recommended-badge[b-lly3k5510f] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 1rem;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.current-badge[b-lly3k5510f] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #28a745;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 1rem;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.plan-header[b-lly3k5510f] {
    text-align: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}

.plan-name[b-lly3k5510f] {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 0.5rem;
}

.plan-price[b-lly3k5510f] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
}

.price-currency[b-lly3k5510f] {
    font-size: 1.25rem;
    color: #667eea;
    font-weight: 600;
}

.price-amount[b-lly3k5510f] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #333;
    line-height: 1;
}

.price-period[b-lly3k5510f] {
    font-size: 0.9rem;
    color: #888;
}

.plan-features[b-lly3k5510f] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    flex: 1;
}

.plan-features li[b-lly3k5510f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    color: #555;
    border-bottom: 1px solid #f5f5f5;
}

.plan-features li:last-child[b-lly3k5510f] {
    border-bottom: none;
}

.plan-features li .oi-check[b-lly3k5510f] {
    color: #28a745;
    font-size: 0.75rem;
}

.plan-features li .oi-x[b-lly3k5510f] {
    color: #ccc;
    font-size: 0.75rem;
}

.plan-features li.disabled[b-lly3k5510f] {
    color: #bbb;
}

.plan-features li.highlight[b-lly3k5510f] {
    color: #667eea;
    font-weight: 500;
}

.plan-action[b-lly3k5510f] {
    text-align: center;
}

.plan-action .btn[b-lly3k5510f] {
    width: 100%;
    border-radius: 8px;
    padding: 0.6rem;
    font-weight: 600;
}

.plan-btn[b-lly3k5510f] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
}

.plan-btn:hover[b-lly3k5510f] {
    opacity: 0.9;
}

.contact-message[b-lly3k5510f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #f0f8ff;
    border: 1px solid #b8daff;
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1rem;
}

.contact-message .oi[b-lly3k5510f] {
    font-size: 1.5rem;
    color: #667eea;
}

.contact-message p[b-lly3k5510f] {
    margin: 0;
    color: #555;
}
/* /Components/Shared/SubscriptionBadge.razor.rz.scp.css */
.sub-badge[b-2vo86izbz1] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-free[b-2vo86izbz1] {
    background: #e9ecef;
    color: #666;
}

.badge-silver[b-2vo86izbz1] {
    background: linear-gradient(135deg, #c0c0c0, #e0e0e0);
    color: #333;
}

.badge-gold[b-2vo86izbz1] {
    background: linear-gradient(135deg, #f0c040, #ffd700);
    color: #5a4000;
}

.badge-platinum[b-2vo86izbz1] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
}
/* /Components/Shared/UpgradePrompt.razor.rz.scp.css */
.upgrade-prompt[b-b5jdywsqqs] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: linear-gradient(135deg, #f8f0ff 0%, #fff0f5 100%);
    border: 1px solid #e0d0f0;
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1rem 0;
}

.upgrade-icon[b-b5jdywsqqs] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.upgrade-content h4[b-b5jdywsqqs] {
    margin: 0 0 0.25rem;
    font-size: 1.1rem;
    color: #333;
}

.upgrade-content p[b-b5jdywsqqs] {
    margin: 0 0 0.75rem;
    color: #666;
    font-size: 0.9rem;
}

.upgrade-btn[b-b5jdywsqqs] {
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.upgrade-btn:hover[b-b5jdywsqqs] {
    opacity: 0.9;
}