/* _content/WebApp/Components/Account/TierComparison.razor.rz.scp.css */
.tier-comparison[b-kzz6ixfyno] {
    margin: 1rem 0;
}

.tier-grid[b-kzz6ixfyno] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    align-items: start;
}

.tier-card[b-kzz6ixfyno] {
    background: var(--card-background);
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 1rem;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    position: relative;
    height: fit-content;
}

.tier-card:hover[b-kzz6ixfyno] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--primary-color-rgb), 0.12);
}

.tier-card.current-tier[b-kzz6ixfyno] {
    border-color: var(--primary-color);
    background: linear-gradient(135deg, 
        rgba(var(--primary-color-rgb), 0.05), 
        rgba(var(--primary-color-rgb), 0.02));
}

.tier-header[b-kzz6ixfyno] {
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
}

.tier-name[b-kzz6ixfyno] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0.25rem;
}

.tier-price[b-kzz6ixfyno] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 0.25rem;
}

.current-badge[b-kzz6ixfyno] {
    display: inline-block;
    background: var(--primary-gradient);
    color: var(--white);
    padding: 0.2rem 0.6rem;
    border-radius: 15px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tier-description[b-kzz6ixfyno] {
    color: var(--text-muted);
    margin-bottom: 1rem;
    text-align: center;
    line-height: 1.4;
    font-size: 0.9rem;
}

.tier-limits[b-kzz6ixfyno],
.tier-features[b-kzz6ixfyno] {
    margin-bottom: 1rem;
}

.tier-limits h6[b-kzz6ixfyno],
.tier-features h6[b-kzz6ixfyno] {
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.limits-list[b-kzz6ixfyno],
.features-list[b-kzz6ixfyno] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.limits-list li[b-kzz6ixfyno],
.features-list li[b-kzz6ixfyno] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0;
    font-size: 0.85rem;
    color: var(--text-color);
    line-height: 1.3;
}

.limits-list i[b-kzz6ixfyno],
.features-list i[b-kzz6ixfyno] {
    font-size: 0.9rem;
    flex-shrink: 0;
}

.limits-list i[b-kzz6ixfyno] {
    color: var(--primary-color);
}

.limits-list strong[b-kzz6ixfyno] {
    color: var(--primary-color);
    font-weight: 700;
}

.tier-action[b-kzz6ixfyno] {
    text-align: center;
    margin-top: auto;
}

.tier-action .btn[b-kzz6ixfyno] {
    width: 100%;
    padding: 0.6rem;
    font-weight: 600;
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.tier-action .btn-primary[b-kzz6ixfyno] {
    background: var(--primary-gradient);
    border: none;
    color: var(--white);
}

.tier-action .btn-primary:hover[b-kzz6ixfyno] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.3);
}

/* Pro tier highlighting */
.tier-card:nth-child(2)[b-kzz6ixfyno] {
    border-color: var(--success-color);
    position: relative;
}

.tier-card:nth-child(2)[b-kzz6ixfyno]::before {
    content: 'Most Popular';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--success-color);
    color: var(--white);
    padding: 0.2rem 0.8rem;
    border-radius: 15px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tier-card:nth-child(2) .tier-name[b-kzz6ixfyno] {
    color: var(--success-color);
}

/* Pro+ tier highlighting */
.tier-card:nth-child(3) .tier-name[b-kzz6ixfyno] {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.current-usage[b-kzz6ixfyno] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
    margin-top: 0.1rem;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .tier-grid[b-kzz6ixfyno] {
        gap: 0.75rem;
    }
    
    .tier-card[b-kzz6ixfyno] {
        padding: 0.75rem;
    }
    
    .tier-name[b-kzz6ixfyno] {
        font-size: 1.1rem;
    }
    
    .tier-price[b-kzz6ixfyno] {
        font-size: 1rem;
    }
    
    .tier-description[b-kzz6ixfyno] {
        font-size: 0.85rem;
    }
    
    .limits-list li[b-kzz6ixfyno],
    .features-list li[b-kzz6ixfyno] {
        font-size: 0.8rem;
        padding: 0.25rem 0;
    }
}

@media (max-width: 768px) {
    .tier-grid[b-kzz6ixfyno] {
        grid-template-columns: 1fr;
        gap: 1rem;
        max-width: 400px;
        margin: 0 auto;
    }
    
    .tier-card[b-kzz6ixfyno] {
        padding: 1rem;
    }
    
    .tier-name[b-kzz6ixfyno] {
        font-size: 1.25rem;
    }
    
    .tier-price[b-kzz6ixfyno] {
        font-size: 1.1rem;
    }
    
    .tier-description[b-kzz6ixfyno] {
        font-size: 0.9rem;
    }
    
    .limits-list li[b-kzz6ixfyno],
    .features-list li[b-kzz6ixfyno] {
        font-size: 0.85rem;
        padding: 0.3rem 0;
    }
}

@media (max-width: 480px) {
    .tier-card[b-kzz6ixfyno] {
        padding: 0.75rem;
    }
    
    .tier-header[b-kzz6ixfyno] {
        margin-bottom: 0.75rem;
    }
    
    .tier-limits[b-kzz6ixfyno],
    .tier-features[b-kzz6ixfyno] {
        margin-bottom: 0.75rem;
    }
    
    .current-usage[b-kzz6ixfyno] {
        font-size: 0.7rem;
    }
}
/* _content/WebApp/Components/Account/UpgradePrompt.razor.rz.scp.css */
.upgrade-prompt[b-68awbnsrzk] {
    margin-top: 1rem;
}

.upgrade-prompt .alert[b-68awbnsrzk] {
    background: rgba(var(--warning-color-rgb), 0.1);
    border: 1px solid rgba(var(--warning-color-rgb), 0.3);
    color: var(--warning-color);
    border-radius: var(--border-radius);
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.upgrade-prompt .alert span[b-68awbnsrzk] {
    flex: 1;
    font-weight: 500;
}

.upgrade-prompt .btn-primary[b-68awbnsrzk] {
    background: var(--primary-gradient);
    border: none;
    color: var(--white);
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

.upgrade-prompt .btn-primary:hover[b-68awbnsrzk] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.3);
}

.upgrade-prompt .btn-primary:active[b-68awbnsrzk] {
    transform: translateY(0);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .upgrade-prompt .alert[b-68awbnsrzk] {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }
    
    .upgrade-prompt .btn-primary[b-68awbnsrzk] {
        width: 100%;
        margin: 0;
    }
}
/* _content/WebApp/Components/Account/UsageDashboard.razor.rz.scp.css */
.usage-dashboard[b-ivhom0bmr7] {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 1rem;
    box-shadow: var(--card-shadow);
    transition: color 0.3s ease, background-color 0.3s ease;
}

.tier-badge[b-ivhom0bmr7] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.tier-free[b-ivhom0bmr7] {
    background: rgba(var(--secondary-color-rgb), 0.1);
    color: var(--secondary-color);
    border: 1px solid rgba(var(--secondary-color-rgb), 0.3);
}

.tier-pro[b-ivhom0bmr7] {
    background: rgba(var(--success-color-rgb), 0.1);
    color: var(--success-color);
    border: 1px solid rgba(var(--success-color-rgb), 0.3);
}

.tier-proplus[b-ivhom0bmr7] {
    background: var(--primary-gradient);
    color: var(--white);
    border: 1px solid var(--primary-color);
}

.usage-metrics[b-ivhom0bmr7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .usage-dashboard[b-ivhom0bmr7] {
        padding: 0.75rem;
    }
    
    .usage-metrics[b-ivhom0bmr7] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .tier-badge[b-ivhom0bmr7] {
        font-size: 0.8rem;
        padding: 0.2rem 0.6rem;
    }
}
/* _content/WebApp/Components/Account/UsageMetric.razor.rz.scp.css */
.usage-metric[b-c49ubsfvv9] {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 1rem;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.usage-metric:hover[b-c49ubsfvv9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.15);
}

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

.usage-label[b-c49ubsfvv9] {
    font-weight: 600;
    color: var(--text-color);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.usage-values[b-c49ubsfvv9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 700;
    font-size: 1.1rem;
}

.usage-used[b-c49ubsfvv9] {
    color: var(--primary-color);
}

.usage-divider[b-c49ubsfvv9] {
    color: var(--text-muted);
    margin: 0 0.2rem;
}

.usage-limit[b-c49ubsfvv9] {
    color: var(--text-muted);
}

.usage-progress[b-c49ubsfvv9] {
    width: 100%;
    height: 8px;
    background: rgba(var(--border-color-rgb), 0.3);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.75rem;
    position: relative;
}

.usage-progress-bar[b-c49ubsfvv9] {
    height: 100%;
    background: linear-gradient(90deg, var(--success-color), var(--primary-color));
    border-radius: 4px;
    transition: width 0.6s ease-in-out;
    position: relative;
}

.usage-progress-bar[b-c49ubsfvv9]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer-b-c49ubsfvv9 2s infinite;
}

@keyframes shimmer-b-c49ubsfvv9 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.usage-status[b-c49ubsfvv9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 500;
}

.usage-status i[b-c49ubsfvv9] {
    font-size: 1rem;
}

/* Progress bar color variations based on usage */
.usage-metric:has(.text-warning) .usage-progress-bar[b-c49ubsfvv9] {
    background: linear-gradient(90deg, var(--warning-color), var(--danger-color));
}

.usage-metric:has(.text-danger) .usage-progress-bar[b-c49ubsfvv9] {
    background: var(--danger-color);
}

/* Light/Dark theme adjustments */
[data-theme="dark"] .usage-metric[b-c49ubsfvv9] {
    background: rgba(var(--card-background-rgb), 0.8);
    backdrop-filter: blur(10px);
}

[data-theme="dark"] .usage-progress[b-c49ubsfvv9] {
    background: rgba(var(--text-color-rgb), 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .usage-metric[b-c49ubsfvv9] {
        padding: 0.75rem;
    }
    
    .usage-header[b-c49ubsfvv9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }
    
    .usage-values[b-c49ubsfvv9] {
        font-size: 1rem;
    }
    
    .usage-label[b-c49ubsfvv9] {
        font-size: 0.8rem;
    }
    
    .usage-status[b-c49ubsfvv9] {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .usage-metric[b-c49ubsfvv9] {
        padding: 0.5rem;
    }
    
    .usage-progress[b-c49ubsfvv9] {
        height: 6px;
        margin-bottom: 0.5rem;
    }
}
/* _content/WebApp/Components/Admin/AdminApiAdoptionWidget.razor.rz.scp.css */
/* Admin API Adoption Widget Styles */

.api-summary-card[b-9ra3b088xd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.api-summary-card:hover[b-9ra3b088xd] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.api-icon[b-9ra3b088xd] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    flex-shrink: 0;
}

.api-icon-users[b-9ra3b088xd] {
    background: linear-gradient(135deg, #6f42c1, #563d7c);
}

.api-icon-calls[b-9ra3b088xd] {
    background: linear-gradient(135deg, #17a2b8, #117a8b);
}

.api-icon-average[b-9ra3b088xd] {
    background: linear-gradient(135deg, #28a745, #1e7e34);
}

.api-icon-active[b-9ra3b088xd] {
    background: linear-gradient(135deg, #ffc107, #e0a800);
}

.api-content[b-9ra3b088xd] {
    flex: 1;
}

.api-value[b-9ra3b088xd] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1;
}

.api-label[b-9ra3b088xd] {
    display: block;
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

/* Top API Users */
.top-api-user-item[b-9ra3b088xd] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
}

.top-api-user-item:last-child[b-9ra3b088xd] {
    border-bottom: none;
}

.api-user-rank[b-9ra3b088xd] {
    width: 30px;
    text-align: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.rank-number[b-9ra3b088xd] {
    font-weight: 700;
    color: var(--text-muted);
}

.api-user-info[b-9ra3b088xd] {
    flex: 1;
}

.api-user-header[b-9ra3b088xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.api-user-id[b-9ra3b088xd] {
    font-weight: 600;
    color: var(--text-color);
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
}

.api-user-stats[b-9ra3b088xd] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.api-calls-count[b-9ra3b088xd] {
    font-size: 0.85rem;
    color: var(--primary-color);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.api-last-used[b-9ra3b088xd] {
    font-size: 0.8rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
}

/* Endpoint Distribution */
.endpoint-distribution[b-9ra3b088xd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.endpoint-item[b-9ra3b088xd] {
    margin-bottom: 0.75rem;
}

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

.endpoint-name[b-9ra3b088xd] {
    font-weight: 600;
    color: var(--text-color);
}

.endpoint-stats[b-9ra3b088xd] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-weight: 500;
}

.endpoint-progress .progress[b-9ra3b088xd] {
    height: 8px;
}

.endpoint-progress-primary[b-9ra3b088xd] {
    background: linear-gradient(90deg, #007bff, #0056b3);
}

.endpoint-progress-success[b-9ra3b088xd] {
    background: linear-gradient(90deg, #28a745, #1e7e34);
}

.endpoint-progress-info[b-9ra3b088xd] {
    background: linear-gradient(90deg, #17a2b8, #117a8b);
}

.endpoint-progress-warning[b-9ra3b088xd] {
    background: linear-gradient(90deg, #ffc107, #e0a800);
}

.endpoint-progress-secondary[b-9ra3b088xd] {
    background: linear-gradient(90deg, #6c757d, #545b62);
}

/* Adoption Metrics */
.adoption-metrics[b-9ra3b088xd] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.adoption-metric[b-9ra3b088xd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.adoption-label[b-9ra3b088xd] {
    font-weight: 600;
    color: var(--text-color);
    font-size: 0.9rem;
}

.adoption-visual[b-9ra3b088xd] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.adoption-progress[b-9ra3b088xd] {
    flex: 1;
    height: 10px;
}

.adoption-percentage[b-9ra3b088xd] {
    min-width: 80px;
    text-align: right;
    font-weight: 600;
    color: var(--text-color);
    font-size: 0.9rem;
}

/* API Health Metrics */
.api-health-metrics[b-9ra3b088xd] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.health-metric[b-9ra3b088xd] {
    padding: 1rem;
    background: rgba(var(--primary-color-rgb), 0.05);
    border-radius: var(--border-radius);
    border-left: 4px solid var(--border-color);
}

.health-metric-header[b-9ra3b088xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.health-metric-label[b-9ra3b088xd] {
    font-weight: 600;
    color: var(--text-color);
}

.health-status[b-9ra3b088xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 15px;
}

.health-status-excellent[b-9ra3b088xd] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border-left-color: #28a745;
}

.health-status-good[b-9ra3b088xd] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
    border-left-color: #ffc107;
}

.health-status-needs-attention[b-9ra3b088xd] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    border-left-color: #dc3545;
}

.health-metric-description[b-9ra3b088xd] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.4;
}

/* Tier badge variations (reused) */
.tier-badge[b-9ra3b088xd] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tier-badge-free[b-9ra3b088xd] {
    background: #e3f2fd;
    color: #1976d2;
}

.tier-badge-pro[b-9ra3b088xd] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.tier-badge-proplus[b-9ra3b088xd] {
    background: #fff3e0;
    color: #f57c00;
}

.tier-badge-admin[b-9ra3b088xd] {
    background: #fce4ec;
    color: #c2185b;
}

/* Dark theme support */
[data-theme="dark"] .api-summary-card:hover[b-9ra3b088xd] {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .tier-badge-free[b-9ra3b088xd] {
    background: rgba(33, 118, 210, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .tier-badge-pro[b-9ra3b088xd] {
    background: rgba(123, 31, 162, 0.2);
    color: #ba68c8;
}

[data-theme="dark"] .tier-badge-proplus[b-9ra3b088xd] {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .tier-badge-admin[b-9ra3b088xd] {
    background: rgba(194, 24, 91, 0.2);
    color: #f06292;
}

[data-theme="dark"] .health-metric[b-9ra3b088xd] {
    background: rgba(var(--primary-color-rgb), 0.1);
}

[data-theme="dark"] .health-status-excellent[b-9ra3b088xd] {
    background: rgba(40, 167, 69, 0.2);
    color: #4caf50;
}

[data-theme="dark"] .health-status-good[b-9ra3b088xd] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffeb3b;
}

[data-theme="dark"] .health-status-needs-attention[b-9ra3b088xd] {
    background: rgba(220, 53, 69, 0.2);
    color: #f44336;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .api-summary-card[b-9ra3b088xd] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .api-icon[b-9ra3b088xd] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .api-user-header[b-9ra3b088xd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .api-user-stats[b-9ra3b088xd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .endpoint-header[b-9ra3b088xd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .adoption-visual[b-9ra3b088xd] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }
    
    .adoption-percentage[b-9ra3b088xd] {
        text-align: left;
        min-width: auto;
    }
    
    .health-metric-header[b-9ra3b088xd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* _content/WebApp/Components/Admin/AdminApiKeyManagement.razor.rz.scp.css */
/* Admin API Key Management Styles */

/* Summary Cards */
.api-key-summary-card[b-7ojhqo06h5] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.api-key-summary-card:hover[b-7ojhqo06h5] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--primary-color-rgb), 0.15);
}

.api-key-icon[b-7ojhqo06h5] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: white;
    flex-shrink: 0;
}

.api-key-icon-total[b-7ojhqo06h5] {
    background: linear-gradient(135deg, #6f42c1, #563d7c);
}

.api-key-icon-enabled[b-7ojhqo06h5] {
    background: linear-gradient(135deg, var(--success-color), #198754);
}

.api-key-icon-disabled[b-7ojhqo06h5] {
    background: linear-gradient(135deg, var(--text-secondary), #6c757d);
}

.api-key-icon-active[b-7ojhqo06h5] {
    background: linear-gradient(135deg, var(--info-color), #0dcaf0);
}

.api-key-content[b-7ojhqo06h5] {
    flex: 1;
    text-align: center;
}

.api-key-value[b-7ojhqo06h5] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
}

.api-key-label[b-7ojhqo06h5] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

/* API Keys Table Styling - Following AdminReports Pattern */
.admin-api-keys-table[b-7ojhqo06h5] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.admin-api-keys-table th[b-7ojhqo06h5],
.admin-api-keys-table td[b-7ojhqo06h5] {
    vertical-align: middle;
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-color);
}

.admin-api-keys-table th[b-7ojhqo06h5] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
    white-space: nowrap;
}

.admin-api-keys-table td[b-7ojhqo06h5] {
    background: var(--card-bg);
    transition: background-color 0.3s ease;
}

.admin-api-keys-table tbody tr:hover td[b-7ojhqo06h5] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.05) 0%, rgba(var(--primary-color-rgb), 0.1) 100%);
}

.admin-api-keys-table tbody tr:last-child td[b-7ojhqo06h5] {
    border-bottom: none;
}

/* API Key Display */
.api-key-display[b-7ojhqo06h5] {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
    font-size: 0.85rem;
    background: rgba(var(--primary-color-rgb), 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: var(--border-radius-sm);
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
    color: var(--primary-color);
    transition: all 0.3s ease;
}

/* User ID Masked Display */
.user-id-masked[b-7ojhqo06h5] {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
    font-size: 0.85rem;
    color: var(--text-secondary);
    background: rgba(var(--text-secondary-rgb), 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

/* API Key Name */
.api-key-name[b-7ojhqo06h5] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 1rem;
    margin: 0;
    line-height: 1.4;
}

/* Status Badges - Following AdminReports Pattern */
.status-badge[b-7ojhqo06h5] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    gap: 0.25rem;
    transition: all 0.3s ease;
}

.status-enabled[b-7ojhqo06h5] {
    background: rgba(var(--success-color-rgb), 0.1);
    color: var(--success-color);
    border: 1px solid rgba(var(--success-color-rgb), 0.2);
}

.status-disabled[b-7ojhqo06h5] {
    background: rgba(var(--text-secondary-rgb), 0.1);
    color: var(--text-secondary);
    border: 1px solid rgba(var(--text-secondary-rgb), 0.2);
}

/* Date Styling - Following AdminReports Pattern */
.api-key-date[b-7ojhqo06h5] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.api-key-date-relative[b-7ojhqo06h5] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    opacity: 0.8;
}

.api-key-date-never[b-7ojhqo06h5] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-style: italic;
    opacity: 0.7;
}

/* Action Buttons - Following AdminReports Pattern */
.action-buttons[b-7ojhqo06h5] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.action-buttons .btn[b-7ojhqo06h5] {
    transition: all 0.3s ease;
    font-weight: 500;
}

.action-buttons .btn:hover[b-7ojhqo06h5] {
    transform: translateY(-1px);
}

.action-buttons .btn-outline-success:hover[b-7ojhqo06h5] {
    box-shadow: 0 2px 8px rgba(var(--success-color-rgb), 0.3);
}

.action-buttons .btn-outline-warning:hover[b-7ojhqo06h5] {
    box-shadow: 0 2px 8px rgba(var(--warning-color-rgb), 0.3);
}

/* Dark Theme Enhancements */
[data-theme="dark"] .api-key-display[b-7ojhqo06h5] {
    background: rgba(var(--primary-color-rgb), 0.15);
    border-color: rgba(var(--primary-color-rgb), 0.3);
    color: var(--primary-color);
}

[data-theme="dark"] .user-id-masked[b-7ojhqo06h5] {
    background: rgba(var(--text-secondary-rgb), 0.15);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .admin-api-keys-table tbody tr:hover td[b-7ojhqo06h5] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.08) 0%, rgba(var(--primary-color-rgb), 0.12) 100%);
}

[data-theme="dark"] .status-enabled[b-7ojhqo06h5] {
    background: rgba(var(--success-color-rgb), 0.15);
    border-color: rgba(var(--success-color-rgb), 0.3);
}

[data-theme="dark"] .status-disabled[b-7ojhqo06h5] {
    background: rgba(var(--text-secondary-rgb), 0.15);
    border-color: rgba(var(--text-secondary-rgb), 0.3);
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .admin-api-keys-table th[b-7ojhqo06h5],
    .admin-api-keys-table td[b-7ojhqo06h5] {
        padding: 0.5rem;
        font-size: 0.875rem;
    }
    
    .api-key-display[b-7ojhqo06h5],
    .user-id-masked[b-7ojhqo06h5] {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }
}

@media (max-width: 767.98px) {
    .api-key-summary-card[b-7ojhqo06h5] {
        padding: 1rem;
        gap: 0.75rem;
    }
    
    .api-key-icon[b-7ojhqo06h5] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .api-key-value[b-7ojhqo06h5] {
        font-size: 1.25rem;
    }
    
    .admin-api-keys-table th[b-7ojhqo06h5],
    .admin-api-keys-table td[b-7ojhqo06h5] {
        padding: 0.5rem 0.25rem;
        font-size: 0.8rem;
    }
    
    .action-buttons[b-7ojhqo06h5] {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .action-buttons .btn[b-7ojhqo06h5] {
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
}

@media (max-width: 575.98px) {
    .admin-api-keys-table th[b-7ojhqo06h5],
    .admin-api-keys-table td[b-7ojhqo06h5] {
        padding: 0.375rem 0.125rem;
    }
    
    .api-key-name[b-7ojhqo06h5] {
        font-size: 0.875rem;
    }
    
    .status-badge[b-7ojhqo06h5] {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }
    
    .api-key-display[b-7ojhqo06h5],
    .user-id-masked[b-7ojhqo06h5] {
        font-size: 0.7rem;
        padding: 0.15rem 0.3rem;
    }
}
/* _content/WebApp/Components/Admin/AdminFeaturesPanel.razor.rz.scp.css */
.admin-features-panel .card-header[b-qk9iv2rt85] {
    background: linear-gradient(135deg, rgba(var(--warning-color-rgb, 255,193,7),0.15) 0%, rgba(var(--warning-color-rgb,255,193,7),0.05) 100%);
    border-bottom: 1px solid var(--border-color);
}

.admin-feature-tile[b-qk9iv2rt85] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    padding: .85rem .75rem;
    border-radius: var(--border-radius);
    position: relative;
    overflow: hidden;
    transition: background .3s ease, transform .25s ease, box-shadow .3s ease, border-color .3s ease;
}

.admin-feature-tile:hover[b-qk9iv2rt85] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb),0.08) 0%, rgba(var(--primary-color-rgb),0.16) 100%);
    border-color: rgba(var(--primary-color-rgb),0.4);
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb),0.25);
    text-decoration: none;
}

.admin-feature-tile .icon-wrapper[b-qk9iv2rt85] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-color-rgb),0.12);
    border-radius: var(--border-radius-circle, 50%);
    margin-bottom: .5rem;
    color: var(--primary-color);
    font-size: 1.1rem;
}

.admin-feature-tile .title[b-qk9iv2rt85] {
    font-weight: 600;
    font-size: .85rem;
    color: var(--text-primary);
    line-height: 1.1;
}

.admin-feature-tile .desc[b-qk9iv2rt85] {
    font-size: .65rem;
    color: var(--text-secondary);
    letter-spacing: .25px;
}

[data-theme="dark"] .admin-feature-tile[b-qk9iv2rt85] {
    background: rgba(var(--bg-secondary-rgb), 0.4);
}

[data-theme="dark"] .admin-feature-tile:hover[b-qk9iv2rt85] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb),0.18) 0%, rgba(var(--primary-color-rgb),0.26) 100%);
}

@media (max-width: 575.98px) {
    .admin-feature-tile[b-qk9iv2rt85] {
        padding: .7rem .6rem;
    }
    .admin-feature-tile .icon-wrapper[b-qk9iv2rt85] {
        width: 30px;
        height: 30px;
        font-size: .95rem;
    }
}
/* _content/WebApp/Components/Admin/AdminOverviewWidget.razor.rz.scp.css */
/* Admin Overview Widget Styles */

.metric-card[b-30gyxdil4a] {
    background: var(--card-background);
    border-radius: var(--border-radius);
    padding: 1.5rem;
    border: 1px solid var(--border-color);
    box-shadow: var(--card-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.metric-card:hover[b-30gyxdil4a] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.metric-icon[b-30gyxdil4a] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    flex-shrink: 0;
}

.metric-card-primary .metric-icon[b-30gyxdil4a] {
    background: var(--primary-gradient);
}

.metric-card-success .metric-icon[b-30gyxdil4a] {
    background: linear-gradient(135deg, #28a745, #20c997);
}

.metric-card-info .metric-icon[b-30gyxdil4a] {
    background: linear-gradient(135deg, #17a2b8, #6f42c1);
}

.metric-card-warning .metric-icon[b-30gyxdil4a] {
    background: linear-gradient(135deg, #ffc107, #fd7e14);
}

.metric-content[b-30gyxdil4a] {
    flex: 1;
}

.metric-value[b-30gyxdil4a] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-color);
    margin: 0;
    line-height: 1;
}

.metric-label[b-30gyxdil4a] {
    color: var(--text-muted);
    margin: 0.25rem 0 0.5rem 0;
    font-size: 0.9rem;
    font-weight: 500;
}

.metric-change[b-30gyxdil4a] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.metric-change-positive[b-30gyxdil4a] {
    color: #28a745;
}

.metric-change i[b-30gyxdil4a] {
    margin-right: 0.25rem;
}

/* Growth and Health Metrics */
.growth-metric[b-30gyxdil4a], .health-metric[b-30gyxdil4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.growth-metric:last-child[b-30gyxdil4a], .health-metric:last-child[b-30gyxdil4a] {
    border-bottom: none;
}

.growth-label[b-30gyxdil4a], .health-label[b-30gyxdil4a] {
    font-weight: 500;
    color: var(--text-color);
}

.growth-value[b-30gyxdil4a] {
    font-weight: 600;
    color: var(--text-muted);
}

.growth-positive[b-30gyxdil4a] {
    color: #28a745;
}

.health-metric[b-30gyxdil4a] {
    flex-direction: column;
    align-items: flex-start;
}

.progress[b-30gyxdil4a] {
    height: 8px;
    background-color: var(--border-color);
    border-radius: 4px;
    width: 100%;
}

.progress-bar[b-30gyxdil4a] {
    border-radius: 4px;
    transition: width 0.6s ease;
}

/* Dark theme support */
[data-theme="dark"] .metric-card[b-30gyxdil4a] {
    background: var(--card-background);
    border-color: var(--border-color);
}

[data-theme="dark"] .metric-card:hover[b-30gyxdil4a] {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .progress[b-30gyxdil4a] {
    background-color: var(--border-color);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .metric-card[b-30gyxdil4a] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .metric-icon[b-30gyxdil4a] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .metric-value[b-30gyxdil4a] {
        font-size: 1.5rem;
    }
    
    .growth-metric[b-30gyxdil4a], .health-metric[b-30gyxdil4a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        padding: 0.75rem 0;
    }
    
    .growth-value[b-30gyxdil4a] {
        align-self: flex-end;
    }
}

/* Issue 133: Compact KPI Grid for small screens */
@media (max-width: 575.98px) {
    /* Convert outer row to CSS grid for tighter layout */
    .kpi-grid-mobile[b-30gyxdil4a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 0.4rem;
    margin: 0 0 0.75rem 0;
    }
    .kpi-grid-mobile > .kpi-grid-item[b-30gyxdil4a] {
        /* Remove Bootstrap column spacing interference */
        padding: 0 !important;
        margin: 0 !important;
    }
    .kpi-grid-mobile .metric-card[b-30gyxdil4a] {
    padding: 0.5rem 0.5rem;
    gap: 0.4rem;
        flex-direction: column;
        text-align: center;
        min-height: 100%;
    }
    .kpi-grid-mobile .metric-icon[b-30gyxdil4a] {
    width: 38px;
    height: 38px;
    font-size: 0.9rem;
    }
    .kpi-grid-mobile .metric-value[b-30gyxdil4a] {
    font-size: clamp(0.95rem, 2.5vw, 1.05rem);
    }
    .kpi-grid-mobile .metric-label[b-30gyxdil4a] {
    font-size: 0.65rem;
    margin: 0.1rem 0 0.2rem 0;
    }
    .kpi-grid-mobile .metric-change[b-30gyxdil4a] {
    font-size: 0.55rem;
    }
    /* Hide secondary change line for very limited vertical real estate */
    @media (max-height: 650px) and (max-width: 575.98px) {
        .kpi-grid-mobile .metric-change[b-30gyxdil4a] { display: none !important; }
    }
}
/* _content/WebApp/Components/Admin/AdminUsageConsumptionWidget.razor.rz.scp.css */
/* Admin Usage Consumption Widget Styles */

.usage-summary-card[b-krfcmouurg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.usage-summary-card:hover[b-krfcmouurg] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.usage-icon[b-krfcmouurg] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    flex-shrink: 0;
}

.usage-icon-analyses[b-krfcmouurg] {
    background: linear-gradient(135deg, #007bff, #0056b3);
}

.usage-icon-queries[b-krfcmouurg] {
    background: linear-gradient(135deg, #28a745, #1e7e34);
}

.usage-icon-reports[b-krfcmouurg] {
    background: linear-gradient(135deg, #17a2b8, #117a8b);
}

.usage-icon-api[b-krfcmouurg] {
    background: linear-gradient(135deg, #6f42c1, #563d7c);
}

.usage-content[b-krfcmouurg] {
    flex: 1;
}

.usage-value[b-krfcmouurg] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1;
}

.usage-label[b-krfcmouurg] {
    display: block;
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

/* Tier Usage Metrics */
.tier-usage-item[b-krfcmouurg] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-color);
}

.tier-usage-item:last-child[b-krfcmouurg] {
    border-bottom: none;
}

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

.tier-usage-info[b-krfcmouurg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tier-user-count[b-krfcmouurg] {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.tier-usage-stats[b-krfcmouurg] {
    text-align: right;
}

.tier-usage-numbers[b-krfcmouurg] {
    display: block;
    font-weight: 600;
    color: var(--text-color);
    font-size: 0.9rem;
}

.tier-usage-percentage[b-krfcmouurg] {
    display: block;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--primary-color);
}

.tier-progress-container[b-krfcmouurg] {
    margin-bottom: 0.5rem;
}

.tier-progress[b-krfcmouurg] {
    height: 10px;
    margin-bottom: 0.25rem;
}

.tier-progress-warning[b-krfcmouurg] {
    background: linear-gradient(90deg, #ffc107, #fd7e14) !important;
}

.tier-progress-details[b-krfcmouurg] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

/* Top Users */
.top-user-item[b-krfcmouurg] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
}

.top-user-item:last-child[b-krfcmouurg] {
    border-bottom: none;
}

.top-user-rank[b-krfcmouurg] {
    width: 30px;
    text-align: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.rank-number[b-krfcmouurg] {
    font-weight: 700;
    color: var(--text-muted);
}

.top-user-info[b-krfcmouurg] {
    flex: 1;
}

.top-user-header[b-krfcmouurg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.top-user-id[b-krfcmouurg] {
    font-weight: 600;
    color: var(--text-color);
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
}

.top-user-usage[b-krfcmouurg] {
    margin-bottom: 0.5rem;
}

.usage-total[b-krfcmouurg] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.usage-breakdown[b-krfcmouurg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.usage-breakdown-item[b-krfcmouurg] {
    font-size: 0.75rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.usage-breakdown-item i[b-krfcmouurg] {
    font-size: 0.7rem;
}

/* Usage Distribution */
.usage-distribution[b-krfcmouurg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.usage-distribution-item[b-krfcmouurg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.usage-distribution-label[b-krfcmouurg] {
    min-width: 120px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-color);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.usage-distribution-bar[b-krfcmouurg] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.usage-distribution-bar .progress[b-krfcmouurg] {
    flex: 1;
    height: 8px;
}

.usage-distribution-value[b-krfcmouurg] {
    min-width: 45px;
    text-align: right;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-muted);
}

/* Capacity Summary */
.capacity-summary[b-krfcmouurg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.capacity-metric[b-krfcmouurg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.capacity-metric:last-child[b-krfcmouurg] {
    border-bottom: none;
}

.capacity-metric-main[b-krfcmouurg] {
    padding: 1rem 0;
    border-top: 2px solid var(--border-color);
    margin-top: 0.5rem;
}

.capacity-label[b-krfcmouurg] {
    font-weight: 500;
    color: var(--text-color);
}

.capacity-value[b-krfcmouurg] {
    font-weight: 600;
    color: var(--text-color);
}

.capacity-percentage[b-krfcmouurg] {
    font-size: 1.1rem;
    color: var(--primary-color);
}

.capacity-progress .progress[b-krfcmouurg] {
    height: 12px;
    margin-bottom: 0.5rem;
}

/* Tier badge variations (reused from user distribution) */
.tier-badge[b-krfcmouurg] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tier-badge-free[b-krfcmouurg] {
    background: #e3f2fd;
    color: #1976d2;
}

.tier-badge-pro[b-krfcmouurg] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.tier-badge-proplus[b-krfcmouurg] {
    background: #fff3e0;
    color: #f57c00;
}

.tier-badge-admin[b-krfcmouurg] {
    background: #fce4ec;
    color: #c2185b;
}

.tier-progress-free[b-krfcmouurg] {
    background: linear-gradient(90deg, #2196f3, #64b5f6);
}

.tier-progress-pro[b-krfcmouurg] {
    background: linear-gradient(90deg, #9c27b0, #ba68c8);
}

.tier-progress-proplus[b-krfcmouurg] {
    background: linear-gradient(90deg, #ff9800, #ffb74d);
}

.tier-progress-admin[b-krfcmouurg] {
    background: linear-gradient(90deg, #e91e63, #f06292);
}

/* Dark theme support */
[data-theme="dark"] .usage-summary-card:hover[b-krfcmouurg] {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .tier-badge-free[b-krfcmouurg] {
    background: rgba(33, 118, 210, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .tier-badge-pro[b-krfcmouurg] {
    background: rgba(123, 31, 162, 0.2);
    color: #ba68c8;
}

[data-theme="dark"] .tier-badge-proplus[b-krfcmouurg] {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .tier-badge-admin[b-krfcmouurg] {
    background: rgba(194, 24, 91, 0.2);
    color: #f06292;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .usage-summary-card[b-krfcmouurg] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .usage-icon[b-krfcmouurg] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .tier-usage-header[b-krfcmouurg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .tier-usage-stats[b-krfcmouurg] {
        text-align: left;
        align-self: flex-end;
    }
    
    .top-user-header[b-krfcmouurg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .usage-breakdown[b-krfcmouurg] {
        justify-content: flex-start;
    }
    
    .usage-distribution-item[b-krfcmouurg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .usage-distribution-bar[b-krfcmouurg] {
        width: 100%;
    }
    
    .capacity-summary[b-krfcmouurg] {
        gap: 0.5rem;
    }
}
/* _content/WebApp/Components/Admin/AdminUserDistributionWidget.razor.rz.scp.css */
/* Admin User Distribution Widget Styles */

.tier-distribution-item[b-mdtndcgfqm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
}

.tier-distribution-item:last-child[b-mdtndcgfqm] {
    border-bottom: none;
}

.tier-info[b-mdtndcgfqm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tier-badge[b-mdtndcgfqm] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tier-badge-free[b-mdtndcgfqm] {
    background: #e3f2fd;
    color: #1976d2;
}

.tier-badge-pro[b-mdtndcgfqm] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.tier-badge-proplus[b-mdtndcgfqm] {
    background: #fff3e0;
    color: #f57c00;
}

.tier-badge-admin[b-mdtndcgfqm] {
    background: #fce4ec;
    color: #c2185b;
}

.tier-count[b-mdtndcgfqm] {
    font-weight: 500;
    color: var(--text-color);
}

.tier-progress[b-mdtndcgfqm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 150px;
}

.tier-progress .progress[b-mdtndcgfqm] {
    flex: 1;
    height: 8px;
    background-color: var(--border-color);
}

.tier-progress-free[b-mdtndcgfqm] {
    background: linear-gradient(90deg, #2196f3, #64b5f6);
}

.tier-progress-pro[b-mdtndcgfqm] {
    background: linear-gradient(90deg, #9c27b0, #ba68c8);
}

.tier-progress-proplus[b-mdtndcgfqm] {
    background: linear-gradient(90deg, #ff9800, #ffb74d);
}

.tier-progress-admin[b-mdtndcgfqm] {
    background: linear-gradient(90deg, #e91e63, #f06292);
}

.tier-percentage[b-mdtndcgfqm] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-weight: 500;
    min-width: 45px;
    text-align: right;
}

/* Notification Stats */
.notification-summary[b-mdtndcgfqm] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem;
    padding: 1rem;
    background: rgba(var(--primary-color-rgb), 0.1);
    border-radius: var(--border-radius);
}

.notification-stat[b-mdtndcgfqm] {
    text-align: center;
}

.notification-value[b-mdtndcgfqm] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
}

.notification-label[b-mdtndcgfqm] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.tier-notification-item[b-mdtndcgfqm] {
    margin-bottom: 1rem;
}

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

.tier-notification-stats[b-mdtndcgfqm] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-weight: 500;
}

.tier-notification-progress[b-mdtndcgfqm] {
    height: 6px;
}

/* Activity Styles */
.activity-summary[b-mdtndcgfqm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.activity-item[b-mdtndcgfqm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
}

.activity-active[b-mdtndcgfqm] {
    background: rgba(40, 167, 69, 0.1);
    border-color: rgba(40, 167, 69, 0.3);
}

.activity-inactive[b-mdtndcgfqm] {
    background: rgba(108, 117, 125, 0.1);
    border-color: rgba(108, 117, 125, 0.3);
}

.activity-icon[b-mdtndcgfqm] {
    font-size: 1.5rem;
}

.activity-active .activity-icon[b-mdtndcgfqm] {
    color: #28a745;
}

.activity-inactive .activity-icon[b-mdtndcgfqm] {
    color: #6c757d;
}

.activity-content[b-mdtndcgfqm] {
    flex: 1;
}

.activity-value[b-mdtndcgfqm] {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-color);
}

.activity-label[b-mdtndcgfqm] {
    display: block;
    font-size: 0.9rem;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
}

.activity-percentage[b-mdtndcgfqm] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.activity-progress[b-mdtndcgfqm] {
    height: 12px;
    margin-bottom: 0.5rem;
}

.activity-legend[b-mdtndcgfqm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.legend-item[b-mdtndcgfqm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.legend-color[b-mdtndcgfqm] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

/* API Stats */
.api-summary[b-mdtndcgfqm] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem;
    padding: 1rem;
    background: rgba(23, 162, 184, 0.1);
    border-radius: var(--border-radius);
}

.api-stat[b-mdtndcgfqm] {
    text-align: center;
}

.api-value[b-mdtndcgfqm] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #17a2b8;
}

.api-label[b-mdtndcgfqm] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Growth Cards */
.growth-card[b-mdtndcgfqm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.growth-card:hover[b-mdtndcgfqm] {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
}

.growth-icon[b-mdtndcgfqm] {
    width: 50px;
    height: 50px;
    background: var(--primary-gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}

.growth-info[b-mdtndcgfqm] {
    flex: 1;
}

.growth-number[b-mdtndcgfqm] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color);
}

.growth-description[b-mdtndcgfqm] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* Dark theme support */
[data-theme="dark"] .tier-badge-free[b-mdtndcgfqm] {
    background: rgba(33, 118, 210, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .tier-badge-pro[b-mdtndcgfqm] {
    background: rgba(123, 31, 162, 0.2);
    color: #ba68c8;
}

[data-theme="dark"] .tier-badge-proplus[b-mdtndcgfqm] {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .tier-badge-admin[b-mdtndcgfqm] {
    background: rgba(194, 24, 91, 0.2);
    color: #f06292;
}

[data-theme="dark"] .notification-summary[b-mdtndcgfqm],
[data-theme="dark"] .api-summary[b-mdtndcgfqm] {
    background: rgba(var(--primary-color-rgb), 0.15);
}

[data-theme="dark"] .activity-active[b-mdtndcgfqm] {
    background: rgba(40, 167, 69, 0.15);
    border-color: rgba(40, 167, 69, 0.4);
}

[data-theme="dark"] .activity-inactive[b-mdtndcgfqm] {
    background: rgba(108, 117, 125, 0.15);
    border-color: rgba(108, 117, 125, 0.4);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .tier-progress[b-mdtndcgfqm] {
        min-width: 100px;
    }
    
    .tier-info[b-mdtndcgfqm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .notification-summary[b-mdtndcgfqm],
    .api-summary[b-mdtndcgfqm] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .activity-legend[b-mdtndcgfqm] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .growth-card[b-mdtndcgfqm] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .growth-icon[b-mdtndcgfqm] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}
/* _content/WebApp/Components/Admin/AdminUserTierManagement.razor.rz.scp.css */
.admin-user-tiers-table tr.changed-row td[b-nlld7nso7g] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.08) 0%, rgba(var(--primary-color-rgb), 0.15) 100%);
    transition: background-color .3s ease;
}

.admin-user-tiers-table tr.changed-row select.form-select[b-nlld7nso7g] {
    border-color: rgba(var(--primary-color-rgb), 0.6);
    box-shadow: 0 0 0 .15rem rgba(var(--primary-color-rgb), 0.25);
}

.admin-tier-confirm-modal[b-nlld7nso7g] {
    background: var(--card-bg);
    color: var(--text-primary);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    border: 1px solid var(--border-color);
}

.admin-tier-confirm-modal .modal-header[b-nlld7nso7g] {
    background: var(--primary-gradient);
    color: var(--text-on-primary);
    border-bottom: 1px solid var(--border-color);
}

.admin-tier-confirm-modal .modal-title i[b-nlld7nso7g] {
    opacity: .85;
}

.admin-tier-confirm-modal .btn-close[b-nlld7nso7g] {
    filter: var(--btn-close-filter);
}

.diff-box[b-nlld7nso7g] {
    background: rgba(var(--bg-secondary-rgb), 0.6);
    padding: .75rem 1rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    font-size: .9rem;
}

.diff-row + .diff-row[b-nlld7nso7g] {
    margin-top: .35rem;
}

.diff-row .label[b-nlld7nso7g] {
    width: 5.25rem;
    display: inline-block;
    font-weight: 600;
    color: var(--text-secondary);
}

.diff-row .prev-value[b-nlld7nso7g] {
    color: var(--text-secondary);
}

.diff-row .new-value[b-nlld7nso7g] {
    font-weight: 600;
    color: var(--text-primary);
}

[data-theme="dark"] .admin-user-tiers-table tr.changed-row td[b-nlld7nso7g] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.15) 0%, rgba(var(--primary-color-rgb), 0.25) 100%);
}

[data-theme="dark"] .diff-box[b-nlld7nso7g] {
    background: rgba(var(--bg-secondary-rgb), 0.4);
}

@media (max-width: 575.98px) {
    .diff-row .label[b-nlld7nso7g] { width: 4.5rem; }
}.admin-user-tiers-table[b-nlld7nso7g] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
    border-collapse: separate;
    border-spacing: 0;
}

.admin-user-tiers-table thead th[b-nlld7nso7g] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: .5px;
    border-bottom: 2px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1;
}

.admin-user-tiers-table thead th.sortable[b-nlld7nso7g] {
    cursor: pointer;
    user-select: none;
    transition: background .2s ease, color .2s ease;
}

.admin-user-tiers-table thead th.sortable:hover[b-nlld7nso7g] {
    background: rgba(var(--primary-color-rgb), 0.15);
    color: var(--text-primary);
}

.admin-user-tiers-table thead th.sortable:active[b-nlld7nso7g] {
    background: rgba(var(--primary-color-rgb), 0.25);
}

.admin-user-tiers-table tbody tr[b-nlld7nso7g] {
    background: var(--card-bg);
}

.admin-user-tiers-table tbody tr:hover td[b-nlld7nso7g] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.05) 0%, rgba(var(--primary-color-rgb), 0.10) 100%);
    transition: background .25s ease;
}

.admin-user-tiers-table td[b-nlld7nso7g], .admin-user-tiers-table th[b-nlld7nso7g] {
    vertical-align: middle;
    border-color: var(--border-color);
    background: inherit;
}

.admin-user-tiers-table code[b-nlld7nso7g] {
    background: var(--code-bg, rgba(var(--bg-secondary-rgb), 0.5));
    padding: 0.15rem 0.35rem;
    border-radius: var(--border-radius);
    font-size: .75rem;
}

.small-sort[b-nlld7nso7g] { font-size: .6rem; opacity: .8; }

.admin-user-tiers-toolbar .filter-input-wrapper[b-nlld7nso7g] {
    min-width: 180px;
}

.admin-user-tiers-toolbar .filter-input-wrapper i[b-nlld7nso7g] {
    position: absolute;
    top: 50%;
    left: .5rem;
    transform: translateY(-50%);
    font-size: .9rem;
    color: var(--text-secondary);
    pointer-events: none;
}

.admin-user-tiers-toolbar .filter-input-wrapper input[b-nlld7nso7g] {
    padding-left: 1.65rem;
    background: var(--input-bg, rgba(var(--bg-secondary-rgb), .5));
    border: 1px solid var(--border-color);
}

.admin-user-tiers-toolbar .filter-input-wrapper input:focus[b-nlld7nso7g] {
    box-shadow: 0 0 0 .15rem rgba(var(--primary-color-rgb), .25);
    border-color: rgba(var(--primary-color-rgb), .6);
}

.admin-user-tiers-table .name-cell[b-nlld7nso7g] {
    font-size: .8rem;
    color: var(--text-secondary);
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-user-tiers-table .usage-badge[b-nlld7nso7g] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .65rem;
    padding: .2rem .45rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), .08);
    color: var(--text-secondary);
}

[data-theme="dark"] .admin-user-tiers-table[b-nlld7nso7g] {
    background: var(--card-bg);
}

[data-theme="dark"] .admin-user-tiers-table thead th[b-nlld7nso7g] {
    background: rgba(var(--bg-secondary-rgb), 0.9);
}

[data-theme="dark"] .admin-user-tiers-table tbody tr[b-nlld7nso7g] {
    background: var(--card-bg);
}

[data-theme="dark"] .admin-user-tiers-table tbody tr:hover td[b-nlld7nso7g] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.12) 0%, rgba(var(--primary-color-rgb), 0.18) 100%);
}

[data-theme="dark"] .admin-user-tiers-table thead th.sortable:hover[b-nlld7nso7g] {
    background: rgba(var(--primary-color-rgb), 0.25);
}

[data-theme="dark"] .admin-user-tiers-table code[b-nlld7nso7g] {
    background: rgba(var(--bg-secondary-rgb), 0.7);
    color: var(--text-primary);
    border: 1px solid rgba(var(--border-color-rgb), 0.3);
}

[data-theme="dark"] .admin-user-tiers-table .form-select[b-nlld7nso7g] {
    background-color: rgba(var(--bg-secondary-rgb), 0.6);
    border-color: rgba(var(--border-color-rgb), 0.4);
    color: var(--text-primary);
}

[data-theme="dark"] .admin-user-tiers-table .form-select:focus[b-nlld7nso7g] {
    background-color: rgba(var(--bg-secondary-rgb), 0.7);
    border-color: rgba(var(--primary-color-rgb), 0.6);
    box-shadow: 0 0 0 0.15rem rgba(var(--primary-color-rgb), 0.25);
}

[data-theme="dark"] .admin-user-tiers-table .name-cell[b-nlld7nso7g] {
    color: var(--text-secondary);
}

[data-theme="dark"] .admin-user-tiers-toolbar .filter-input-wrapper input[b-nlld7nso7g] {
    background: rgba(var(--bg-secondary-rgb), .4);
    color: var(--text-primary);
    border-color: rgba(var(--border-color-rgb), 0.4);
}

[data-theme="dark"] .admin-user-tiers-toolbar .filter-input-wrapper input:focus[b-nlld7nso7g] {
    background: rgba(var(--bg-secondary-rgb), .5);
    box-shadow: 0 0 0 .15rem rgba(var(--primary-color-rgb), .35);
    border-color: rgba(var(--primary-color-rgb), .6);
}

[data-theme="dark"] .admin-user-tiers-toolbar .filter-input-wrapper input[b-nlld7nso7g]::placeholder {
    color: var(--text-tertiary);
}

/* Force primary text color for metric columns in dark mode */
[data-theme="dark"] .admin-user-tiers-table tbody td:nth-child(4)[b-nlld7nso7g],
[data-theme="dark"] .admin-user-tiers-table tbody td:nth-child(5)[b-nlld7nso7g],
[data-theme="dark"] .admin-user-tiers-table tbody td:nth-child(6)[b-nlld7nso7g],
[data-theme="dark"] .admin-user-tiers-table tbody td:nth-child(7)[b-nlld7nso7g],
[data-theme="dark"] .admin-user-tiers-table tbody td:nth-child(8)[b-nlld7nso7g] {
    color: var(--text-primary);
}

@media (max-width: 767.98px) {
    .admin-user-tiers-table thead th:nth-child(3)[b-nlld7nso7g],
    .admin-user-tiers-table thead th:nth-child(4)[b-nlld7nso7g],
    .admin-user-tiers-table thead th:nth-child(5)[b-nlld7nso7g],
    .admin-user-tiers-table thead th:nth-child(6)[b-nlld7nso7g],
    .admin-user-tiers-table thead th:nth-child(7)[b-nlld7nso7g] { display: none; }
    .admin-user-tiers-table tbody td:nth-child(3)[b-nlld7nso7g],
    .admin-user-tiers-table tbody td:nth-child(4)[b-nlld7nso7g],
    .admin-user-tiers-table tbody td:nth-child(5)[b-nlld7nso7g],
    .admin-user-tiers-table tbody td:nth-child(6)[b-nlld7nso7g],
    .admin-user-tiers-table tbody td:nth-child(7)[b-nlld7nso7g] { display: none; }
}
/* _content/WebApp/Components/ContentFeed/Forms/HackerNewsFeedForm.razor.rz.scp.css */
.hackernews-feed-form[b-fse1xxsx56] {
    padding-bottom: 1rem;
}

.form-floating[b-fse1xxsx56] {
    margin-bottom: 1.5rem;
}
/* _content/WebApp/Components/ContentFeed/Forms/RedditFeedForm.razor.rz.scp.css */
.reddit-feed-form[b-apr0v06u55] {
    padding-bottom: 1rem;
}

.form-floating[b-apr0v06u55] {
    margin-bottom: 1.5rem;
}

.text-muted[b-apr0v06u55] {
    opacity: 0.9;
}
/* _content/WebApp/Components/ContentFeed/Forms/YouTubeFeedForm.razor.rz.scp.css */
.youtube-feed-form[b-w0xmo18izq] {
    padding-bottom: 1rem;
}

.form-floating[b-w0xmo18izq] {
    transition: all 0.3s ease-in-out;
    margin-bottom: 1.5rem;
}

.form-control[b-w0xmo18izq] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.form-control:focus[b-w0xmo18izq] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.text-muted[b-w0xmo18izq] {
    color: var(--text-secondary) !important;
    opacity: 0.9;
}
/* _content/WebApp/Components/ContentFeed/Results/HackerNewsFeedResults.razor.rz.scp.css */
.hackernews-results[b-zy5etjvz06] {
    --hn-accent-color: var(--bs-warning);
}

.card-title[b-zy5etjvz06] {
    font-size: 1.1rem;
    line-height: 1.4;
}

.search-container[b-zy5etjvz06] {
    max-width: 500px;
}

.item-meta[b-zy5etjvz06] {
    font-size: 0.85rem;
}

.item-content[b-zy5etjvz06] {
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--text-secondary);
}

.date-filter[b-zy5etjvz06] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.date-filter input[type="date"][b-zy5etjvz06] {
    min-width: 150px;
}

.date-filter .btn[b-zy5etjvz06] {
    position: absolute;
    right: 0.5rem;
    padding: 0.125rem 0.25rem;
    line-height: 1;
}

.title-link[b-zy5etjvz06] {
    color: var(--text-primary);
    text-decoration: none;
}

.title-link:hover[b-zy5etjvz06] {
    color: var(--warning-color);
    text-decoration: underline;
}

/* Responsive layout for mobile devices */
@media (max-width: 768px) {
    .hackernews-results .d-flex.justify-content-between.align-items-center.mb-3.gap-3[b-zy5etjvz06] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.75rem !important;
    }

    .search-container[b-zy5etjvz06] {
        max-width: none;
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .date-filter[b-zy5etjvz06] {
        width: 100%;
        margin-bottom: 0.75rem;
    }

    .btn-group[b-zy5etjvz06] {
        width: 100%;
    }

    .btn-group .dropdown-toggle[b-zy5etjvz06] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
/* _content/WebApp/Components/ContentFeed/Results/RedditFeedResults.razor.rz.scp.css */
.reddit-results[b-b0mtc6poof] {
    animation: fadeIn-b-b0mtc6poof 0.3s ease-in-out;
}

.search-container .input-group[b-b0mtc6poof] {
    border-radius: var(--border-radius);
}

.search-container .input-group-text[b-b0mtc6poof] {
    background-color: var(--background-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

.search-container .form-control[b-b0mtc6poof] {
    border-color: var(--border-color);
    background-color: var(--background-primary);
    color: var(--text-primary);
}

.search-container .form-control:focus[b-b0mtc6poof] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
}

.btn-group .dropdown-toggle[b-b0mtc6poof] {
    border-color: var(--border-color);
    color: var(--text-primary);
    background-color: var(--background-secondary);
}

.btn-group .dropdown-toggle:hover[b-b0mtc6poof] {
    background-color: var(--background-tertiary);
    border-color: var(--primary-color);
}

.card[b-b0mtc6poof] {
    border: 1px solid var(--border-color);
    background-color: var(--background-primary);
    box-shadow: var(--card-shadow);
    border-radius: var(--border-radius);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover[b-b0mtc6poof] {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow-hover);
}

.card-title[b-b0mtc6poof] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.4;
}

.card-text[b-b0mtc6poof] {
    color: var(--text-secondary);
    line-height: 1.5;
    font-size: 0.95rem;
}

.text-muted[b-b0mtc6poof] {
    color: var(--text-secondary) !important;
}

.btn-sm[b-b0mtc6poof] {
    transition: all 0.2s ease;
    color: var(--text-secondary);
    border-color: var(--border-color);
}

.btn-sm:hover[b-b0mtc6poof] {
    transform: scale(1.05);
    background-color: var(--background-hover);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.bi-reddit[b-b0mtc6poof] {
    font-size: 1.1em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .d-flex.justify-content-between[b-b0mtc6poof] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .search-container[b-b0mtc6poof] {
        width: 100%;
    }
    
    .btn-group[b-b0mtc6poof] {
        width: 100%;
    }
    
    .btn-group .dropdown-toggle[b-b0mtc6poof] {
        width: 100%;
        justify-content: space-between;
    }
}

@keyframes fadeIn-b-b0mtc6poof {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/WebApp/Components/ContentFeed/Results/YouTubeFeedResults.razor.rz.scp.css */
.youtube-results[b-3s9psii6f9] {
    animation: fadeIn-b-3s9psii6f9 0.3s ease-in-out;
    padding: 1rem;
}

.search-container[b-3s9psii6f9] {
    max-width: 500px;
}

[b-3s9psii6f9] .input-group {
    border-color: var(--bs-border-color);
}

[b-3s9psii6f9] .input-group-text {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[b-3s9psii6f9] .form-control {
    border-color: var(--bs-border-color);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[b-3s9psii6f9] .form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

[b-3s9psii6f9] .card {
    transition: transform 0.2s ease-in-out;
    border-color: var(--bs-border-color);
    background-color: var(--bs-body-bg);
}

[b-3s9psii6f9] .card:hover {
    transform: translateY(-2px);
}

[b-3s9psii6f9] .card-title {
    color: var(--bs-body-color);
}

[b-3s9psii6f9] .text-muted {
    color: var(--bs-secondary-color) !important;
}

[b-3s9psii6f9] .btn-outline-secondary {
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[b-3s9psii6f9] .btn-outline-secondary:hover {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

[b-3s9psii6f9] .video-title {
    color: var(--bs-body-color);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease-in-out;
}

[b-3s9psii6f9] .video-title:hover {
    color: var(--bs-primary);
}

[b-3s9psii6f9] .video-title .bi {
    font-size: 0.8em;
    opacity: 0.7;
}

.gap-3 > div[b-3s9psii6f9] {
    display: flex;
    align-items: center;
}

.card[b-3s9psii6f9] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.card:hover[b-3s9psii6f9] {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
}

.card-title[b-3s9psii6f9] {
    color: var(--text-primary);
}

.btn-outline-light[b-3s9psii6f9] {
    color: var(--text-primary);
    border-color: var(--border-color);
}

.btn-outline-light:hover[b-3s9psii6f9] {
    background-color: var(--bg-primary);
    color: var (--text-primary);
    border-color: var(--primary-color);
}

.btn-group .btn[b-3s9psii6f9] {
    border-color: var(--border-color);
}

.btn-outline-secondary[b-3s9psii6f9] {
    color: var(--text-secondary);
    border-color: var(--border-color);
}

.btn-outline-secondary:hover[b-3s9psii6f9] {
    background-color: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.comments-container[b-3s9psii6f9] {
    animation: fadeIn-b-3s9psii6f9 0.3s ease-in-out;
}

.comment-item[b-3s9psii6f9] {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    transition: background-color 0.2s ease;
}

.comment-item:hover[b-3s9psii6f9] {
    background-color: var(--bg-secondary);
}

.text-muted[b-3s9psii6f9] {
    color: var(--text-secondary) !important;
}

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

/* Responsive layout for mobile devices */
@media (max-width: 768px) {
    .youtube-results .d-flex.justify-content-between.align-items-center.mb-3.gap-3[b-3s9psii6f9] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.75rem !important;
    }

    .search-container[b-3s9psii6f9] {
        max-width: none;
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .btn-group[b-3s9psii6f9] {
        width: 100%;
    }

    .btn-group .dropdown-toggle[b-3s9psii6f9] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
/* _content/WebApp/Components/Feedback/Forms/AutoDataSourceForm.razor.rz.scp.css */
.auto-input-container[b-arzfgkwi99] {
    max-width: 800px;
    margin: 0 auto;
}

.summary-mode[b-arzfgkwi99] {
    border-radius: var(--bs-border-radius);
    padding: 1rem;
    background-color: rgba(var(--bs-primary-rgb), 0.05);
    margin-bottom: 1.5rem;
}

.auto-input-list[b-arzfgkwi99] {
    margin-bottom: 1rem;
}

.input-group .btn-outline-danger[b-arzfgkwi99] {
    border-color: var(--border-color);
}

.input-group .btn-outline-danger:hover[b-arzfgkwi99] {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: var(--bs-white);
}

/* Custom add URL button styling specific to this form */
.btn-outline-primary.mb-3[b-arzfgkwi99] {
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(to right, transparent 50%, var(--primary-hover-bg) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all 0.3s ease-out;
    border: 1px dashed var(--primary-color);
    border-radius: var(--border-radius);
    font-weight: 500;
    color: var(--primary-color);
}

.btn-outline-primary.mb-3:hover:not(:disabled)[b-arzfgkwi99] {
    background-position: right bottom;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.15);
}

.btn-outline-primary.mb-3:disabled[b-arzfgkwi99] {
    opacity: 0.6;
    background: transparent;
    border-style: solid;
    border-color: var(--border-color);
    color: var(--text-muted);
    transform: none;
    box-shadow: none;
}

.btn-outline-primary.mb-3 i[b-arzfgkwi99] {
    font-size: 1.25rem;
    transition: transform 0.3s ease;
}

.btn-outline-primary.mb-3:hover:not(:disabled) i[b-arzfgkwi99] {
    transform: rotate(180deg) scale(1.2);
}
/* _content/WebApp/Components/Feedback/Forms/ManualFeedbackInput.razor.rz.scp.css */
/* Manual feedback input styles */
.manual-feedback-form[b-jfkrovt1va] {
    margin-bottom: 1rem;
}

.prompt-textarea[b-jfkrovt1va], .content-textarea[b-jfkrovt1va] {
    resize: vertical;
    min-height: 175px !important;
    height: 175px !important;
}

.content-textarea[b-jfkrovt1va] {
    min-height: 250px !important;
    height: 250px !important;
}

/* Highlight required fields */
.form-floating label[b-jfkrovt1va]::after {
    content: " *";
    color: var(--bs-danger);
}

/* Button ripple effect */
button.action-btn[b-jfkrovt1va]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    border-radius: 50%;
    background-color: rgba(var(--primary-color-rgb), 0.08);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}

button.action-btn:hover[b-jfkrovt1va]::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.form-text[b-jfkrovt1va] {
    font-size: 0.875rem;
    opacity: 0.8;
}
/* _content/WebApp/Components/Feedback/PlatformPills.razor.rz.scp.css */
.platform-pills-container[b-a3x0qsl776] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.platform-pill[b-a3x0qsl776] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    background-color: var(--platform-pill-bg);
    border: 1px solid var(--platform-pill-border);
    color: var(--platform-pill-text);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.platform-pill:hover[b-a3x0qsl776] {
    transform: translateY(-1px);
    box-shadow: var(--card-shadow);
}

.platform-icon[b-a3x0qsl776] {
    font-size: 1rem;
}

.platform-name[b-a3x0qsl776] {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Mobile responsive - hide text, show only icons */
@media (max-width: 768px) {
    .platform-pill[b-a3x0qsl776] {
        padding: 0.5rem;
        min-width: 2.5rem;
        justify-content: center;
    }
    
    .platform-name[b-a3x0qsl776] {
        display: none;
    }
    
    .platform-icon[b-a3x0qsl776] {
        font-size: 1.1rem;
    }
}

@media (max-width: 576px) {
    .platform-pills-container[b-a3x0qsl776] {
        margin-bottom: 1.5rem;
    }
    
    .platform-pill[b-a3x0qsl776] {
        padding: 0.375rem;
        min-width: 2.25rem;
    }
    
    .platform-icon[b-a3x0qsl776] {
        font-size: 1rem;
    }
}
/* _content/WebApp/Components/Feedback/Results/AnalysisResults.razor.rz.scp.css */
/* Analysis Results Component Styles */

/* Markdown content styling */
.markdown-body[b-d5k2c295p1] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
    color: var(--text-primary);
    background-color: transparent !important;
    padding: 0.5rem;
}

/* Custom button styles for card header */
.btn-outline-light[b-d5k2c295p1] {
    color: var(--bg-secondary);
    border-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.5);
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    min-width: 80px;
}

.btn-outline-light:hover:not(:disabled)[b-d5k2c295p1] {
    background-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.15);
    border-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.7);
    transform: translateY(-1px);
}

.btn-outline-light:disabled[b-d5k2c295p1] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-outline-light:focus[b-d5k2c295p1] {
    box-shadow: 0 0 0 0.25rem rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.2);
}

/* Analysis Actions Layout */
.analysis-actions[b-d5k2c295p1] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.analysis-actions .btn[b-d5k2c295p1] {
    white-space: nowrap;
}

/* Card header improvements */
.card-header .action-btn[b-d5k2c295p1] {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
    min-width: 80px;
    border-radius: var(--border-radius-sm);
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .analysis-actions[b-d5k2c295p1] {
        gap: 0.5rem !important;
    }
    
    .analysis-actions .btn[b-d5k2c295p1] {
        flex: 1;
        min-width: 0;
        font-size: 0.8rem;
        padding: 0.25rem 0.5rem;
    }
    
    .analysis-actions .btn .bi[b-d5k2c295p1] {
        margin-right: 0.25rem !important;
    }
}

@media (max-width: 576px) {
    .analysis-actions[b-d5k2c295p1] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem !important;
    }
    
    .analysis-actions .btn[b-d5k2c295p1],
    .analysis-actions .dropdown[b-d5k2c295p1] {
        width: 100%;
    }
    
    .analysis-actions .dropdown .btn[b-d5k2c295p1] {
        width: 100%;
        justify-content: center;
    }
}

/* Action button improvements */
.action-btn[b-d5k2c295p1] {
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.action-btn:hover[b-d5k2c295p1] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.action-btn:disabled[b-d5k2c295p1] {
    transform: none;
    box-shadow: none;
    opacity: 0.6;
}

.action-btn .spinner-border-sm[b-d5k2c295p1] {
    width: 0.875rem;
    height: 0.875rem;
}

/* Markdown specific styles */
.markdown-body h1[b-d5k2c295p1],
.markdown-body h2[b-d5k2c295p1],
.markdown-body h3[b-d5k2c295p1],
.markdown-body h4[b-d5k2c295p1],
.markdown-body h5[b-d5k2c295p1],
.markdown-body h6[b-d5k2c295p1] {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--primary-color);
}

.markdown-body h1[b-d5k2c295p1] {
    font-size: 2rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0.5rem;
}

.markdown-body h2[b-d5k2c295p1] {
    font-size: 1.5rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0.5rem;
}

.markdown-body h3[b-d5k2c295p1] {
    font-size: 1.25rem;
}

.markdown-body p[b-d5k2c295p1] {
    margin-top: 0;
    margin-bottom: 1rem;
}

.markdown-body ul[b-d5k2c295p1], 
.markdown-body ol[b-d5k2c295p1] {
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.markdown-body li[b-d5k2c295p1] {
    margin-bottom: 0.25rem;
}

.markdown-body code[b-d5k2c295p1] {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: var(--primary-color);
    background-color: var(--code-bg);
    border-radius: var(--border-radius-sm);
}

.markdown-body pre[b-d5k2c295p1] {
    padding: 1rem;
    overflow: auto;
    font-size: 90%;
    line-height: 1.45;
    background-color: var(--code-bg);
    border-radius: var(--border-radius);
    margin-bottom: 1rem;
}

.markdown-body pre code[b-d5k2c295p1] {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.markdown-body blockquote[b-d5k2c295p1] {
    padding: 0.5rem 1rem;
    color: var(--text-secondary);
    border-left: 4px solid var(--primary-color);
    background: var(--hover-bg);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
}

.markdown-body a[b-d5k2c295p1] {
    color: var(--primary-color);
    text-decoration: none;
}

.markdown-body a:hover[b-d5k2c295p1] {
    text-decoration: underline;
}

.markdown-body table[b-d5k2c295p1] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    margin-top: 0;
    margin-bottom: 16px;
    border-spacing: 0;
    border-collapse: collapse;
}

.markdown-body table th[b-d5k2c295p1],
.markdown-body table td[b-d5k2c295p1] {
    padding: 6px 13px;
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

.markdown-body table tr[b-d5k2c295p1] {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

.markdown-body table tr:nth-child(2n)[b-d5k2c295p1] {
    background-color: var(--hover-bg);
}

/* Speak button specific styles */
.btn-speak-active[b-d5k2c295p1] {
    background-color: rgba(255, 255, 255, 0.25);
}

.btn-speak-active i[b-d5k2c295p1] {
    animation: pulse-b-d5k2c295p1 1.5s infinite ease-in-out;
}

@keyframes pulse-b-d5k2c295p1 {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}

/* Save & Share Dropdown Styling */
.save-share-menu[b-d5k2c295p1] {
    min-width: 280px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(var(--border-color-rgb), 0.2);
    background-color: var(--card-bg) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.save-share-menu .dropdown-header[b-d5k2c295p1] {
    color: var(--text-primary) !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.75rem;
    padding: 0.75rem 1rem 0.5rem 1rem;
}

.save-share-menu .dropdown-item[b-d5k2c295p1] {
    color: var(--text-primary) !important;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
    border: none;
    background: transparent;
}

.save-share-menu .dropdown-item:hover[b-d5k2c295p1] {
    background-color: rgba(var(--primary-color-rgb), 0.1) !important;
    color: var(--primary-color) !important;
}

.save-share-menu .dropdown-item:focus[b-d5k2c295p1] {
    background-color: rgba(var(--primary-color-rgb), 0.1) !important;
    color: var(--primary-color) !important;
}

.save-share-menu .dropdown-item small[b-d5k2c295p1] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    opacity: 0.8;
}

.save-share-menu .dropdown-item i[b-d5k2c295p1] {
    width: 1.25rem;
    text-align: center;
}

.save-share-menu .dropdown-item-text[b-d5k2c295p1] {
    padding: 0.75rem 1rem;
    color: var(--text-secondary) !important;
    font-style: italic;
}

.save-share-menu .dropdown-divider[b-d5k2c295p1] {
    border-color: rgba(var(--border-color-rgb), 0.2);
}

/* Button states */
.btn-saved[b-d5k2c295p1] {
    background-color: rgba(var(--success-color-rgb), 0.1) !important;
    border-color: var(--success-color) !important;
    color: var(--success-color) !important;
}

.btn-saved:hover[b-d5k2c295p1],
.btn-saved:focus[b-d5k2c295p1] {
    background-color: rgba(var(--success-color-rgb), 0.2) !important;
    border-color: var(--success-color) !important;
    color: var(--success-color) !important;
}

/* Dark theme support */
[data-theme="dark"] .save-share-menu[b-d5k2c295p1] {
    background-color: var(--card-bg) !important;
    border-color: rgba(var(--border-color-rgb), 0.3);
}

[data-theme="dark"] .save-share-menu .dropdown-header[b-d5k2c295p1] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .save-share-menu .dropdown-item[b-d5k2c295p1] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .save-share-menu .dropdown-item:hover[b-d5k2c295p1] {
    background-color: rgba(var(--primary-color-rgb), 0.15) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .save-share-menu .dropdown-item:focus[b-d5k2c295p1] {
    background-color: rgba(var(--primary-color-rgb), 0.15) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .save-share-menu .dropdown-item-text[b-d5k2c295p1] {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .save-share-menu .dropdown-divider[b-d5k2c295p1] {
    border-color: rgba(var(--border-color-rgb), 0.3);
}

[data-theme="dark"] .btn-saved[b-d5k2c295p1] {
    background-color: rgba(var(--success-color-rgb), 0.15) !important;
    border-color: var(--success-color) !important;
    color: var(--success-color) !important;
}

[data-theme="dark"] .btn-saved:hover[b-d5k2c295p1],
[data-theme="dark"] .btn-saved:focus[b-d5k2c295p1] {
    background-color: rgba(var(--success-color-rgb), 0.25) !important;
    border-color: var(--success-color) !important;
    color: var(--success-color) !important;
}

/* Responsive design */
@media (max-width: 576px) {
    .save-share-menu[b-d5k2c295p1] {
        min-width: 240px;
    }
    
    .save-share-menu .dropdown-item[b-d5k2c295p1] {
        padding: 0.5rem 0.75rem;
    }
    
    .save-share-menu .dropdown-header[b-d5k2c295p1] {
        padding: 0.5rem 0.75rem 0.25rem 0.75rem;
    }
}
/* _content/WebApp/Components/Feedback/Results/ThreadComment.razor.rz.scp.css */
/* Thread Comment Styling */
.thread-comment[b-mldece4idb] {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--card-bg);
    border-radius: var(--border-radius-sm);
    border: 1px solid rgba(var(--border-color-rgb), 0.1);
    transition: all 0.3s ease;
}

.thread-comment:hover[b-mldece4idb] {
    background: rgba(var(--primary-color-rgb), 0.02);
    border-color: rgba(var(--primary-color-rgb), 0.15);
}

/* Compact mode */
.thread-comment.compact[b-mldece4idb] {
    padding: 0.5rem;
    margin-bottom: 0.25rem;
}

.thread-comment.compact .comment-content[b-mldece4idb] {
    font-size: 0.9rem;
}

/* Comment header */
.comment-header[b-mldece4idb] {
    margin-bottom: 0.5rem;
}

.comment-author[b-mldece4idb] {
    color: var(--text-primary);
    font-weight: 600;
}

.comment-meta[b-mldece4idb] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.comment-avatar[b-mldece4idb] {
    font-size: 1.25rem;
    opacity: 0.7;
}

.comment-score[b-mldece4idb] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.375rem;
    background: rgba(var(--primary-color-rgb), 0.1);
    border-radius: var(--border-radius-pill);
    font-weight: 500;
    color: var(--primary-color);
}

.comment-link[b-mldece4idb] {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.comment-link:hover[b-mldece4idb] {
    opacity: 1;
    color: var(--primary-color);
}

/* Comment content */
.comment-content[b-mldece4idb] {
    color: var(--text-primary);
    line-height: 1.5;
    word-wrap: break-word;
}

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

/* Comment toggle button */
.comment-toggle[b-mldece4idb] {
    border-color: rgba(var(--text-secondary-rgb), 0.3);
    color: var(--text-secondary);
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

.comment-toggle:hover[b-mldece4idb] {
    background: rgba(var(--primary-color-rgb), 0.1);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

/* Depth-based indentation and styling */
.comment-depth-0[b-mldece4idb] {
    border-left: 3px solid var(--primary-color);
}

.comment-depth-1[b-mldece4idb] {
    border-left: 2px solid rgba(var(--primary-color-rgb), 0.6);
}

.comment-depth-2[b-mldece4idb] {
    border-left: 2px solid rgba(var(--primary-color-rgb), 0.4);
}

.comment-depth-3[b-mldece4idb] {
    border-left: 2px solid rgba(var(--primary-color-rgb), 0.3);
}

.comment-depth-deep[b-mldece4idb] {
    opacity: 0.9;
}

/* Replies container */
.comment-replies[b-mldece4idb] {
    position: relative;
}

.comment-replies[b-mldece4idb]::before {
    content: '';
    position: absolute;
    left: -0.75rem;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, 
        rgba(var(--primary-color-rgb), 0.3) 0%, 
        rgba(var(--primary-color-rgb), 0.1) 100%);
}

/* Load more button */
.comment-load-more[b-mldece4idb] {
    padding-left: 1rem;
}

.comment-load-more .btn[b-mldece4idb] {
    font-size: 0.85rem;
    padding: 0.375rem 0.75rem;
}

/* Dark theme adjustments */
[data-theme="dark"] .thread-comment[b-mldece4idb] {
    border-color: rgba(var(--border-color-rgb), 0.2);
}

[data-theme="dark"] .thread-comment:hover[b-mldece4idb] {
    background: rgba(var(--primary-color-rgb), 0.05);
    border-color: rgba(var(--primary-color-rgb), 0.2);
}

[data-theme="dark"] .comment-score[b-mldece4idb] {
    background: rgba(var(--primary-color-rgb), 0.15);
}

[data-theme="dark"] .comment-toggle[b-mldece4idb] {
    border-color: rgba(var(--text-secondary-rgb), 0.4);
}

[data-theme="dark"] .comment-toggle:hover[b-mldece4idb] {
    background: rgba(var(--primary-color-rgb), 0.15);
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .thread-comment[b-mldece4idb] {
        padding: 0.5rem;
    }
    
    .comment-depth-1[b-mldece4idb] {
        margin-left: 0.75rem !important;
    }
    
    .comment-depth-2[b-mldece4idb] {
        margin-left: 1rem !important;
    }
    
    .comment-depth-3[b-mldece4idb] {
        margin-left: 1.25rem !important;
    }
    
    .comment-depth-deep[b-mldece4idb] {
        margin-left: 1.25rem !important;
    }
    
    .comment-meta[b-mldece4idb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem !important;
    }
    
    .comment-avatar[b-mldece4idb] {
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .thread-comment.compact[b-mldece4idb] {
        padding: 0.375rem;
    }
    
    .comment-header[b-mldece4idb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .comment-toggle[b-mldece4idb] {
        align-self: flex-end;
    }
}
/* _content/WebApp/Components/Feedback/Results/ThreadResults.razor.rz.scp.css */
/* Thread Results Styling */
.thread-results[b-2kvsuuljax] {
    margin-top: 1rem;
}

/* Source Group Styling */
.source-group[b-2kvsuuljax] {
    margin-bottom: 2rem;
}

.source-group-header h4[b-2kvsuuljax] {
    color: var(--text-primary);
    font-weight: 600;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid rgba(var(--primary-color-rgb), 0.2);
    display: flex;
    align-items: center;
}

.source-group-header h4 i[b-2kvsuuljax] {
    font-size: 1.1em;
}

/* Thread Group Styling */
.thread-group[b-2kvsuuljax] {
    margin-bottom: 2rem;
}

.thread-group-header h4[b-2kvsuuljax] {
    color: var(--text-primary);
    font-weight: 600;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid rgba(var(--primary-color-rgb), 0.2);
}

/* Thread Card Styling */
.thread-card[b-2kvsuuljax] {
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
}

.thread-card:hover[b-2kvsuuljax] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.15);
    border-color: rgba(var(--primary-color-rgb), 0.3);
}

/* Thread Header */
.thread-header[b-2kvsuuljax] {
    background: var(--primary-gradient);
    color: white;
    border-bottom: none;
    padding: 1rem 1.25rem;
}

.thread-title[b-2kvsuuljax] {
    color: white;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.3;
}

.thread-title-link[b-2kvsuuljax] {
    color: white !important;
    transition: opacity 0.3s ease;
}

.thread-title-link:hover[b-2kvsuuljax] {
    opacity: 0.9;
    text-decoration: underline !important;
}

.thread-metadata[b-2kvsuuljax] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
}

.thread-metadata i[b-2kvsuuljax] {
    opacity: 0.8;
}

.thread-author[b-2kvsuuljax], .thread-metadata time[b-2kvsuuljax] {
    display: inline-flex;
    align-items: center;
}

/* Thread Actions */
.thread-actions[b-2kvsuuljax] {
    flex-shrink: 0;
}

.thread-toggle-btn[b-2kvsuuljax] {
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.thread-toggle-btn:hover[b-2kvsuuljax] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
}

.comment-count[b-2kvsuuljax] {
    font-weight: 500;
}

/* Thread Description */
.thread-description[b-2kvsuuljax] {
    background: rgba(var(--bg-secondary-rgb), 0.3);
    border-bottom: 1px solid var(--border-color);
    padding: 1rem 1.25rem;
}

.thread-description-content[b-2kvsuuljax] {
    color: var(--text-primary);
    line-height: 1.6;
    font-size: 0.95rem;
}

.thread-description-content p:last-child[b-2kvsuuljax] {
    margin-bottom: 0;
}

/* Thread Comments Section */
.thread-comments[b-2kvsuuljax] {
    padding: 1.25rem;
    background: var(--card-bg);
}

.comments-header[b-2kvsuuljax] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--border-color-rgb), 0.5);
}

.comments-container[b-2kvsuuljax] {
    max-height: 60vh;
    overflow-y: auto;
    padding-right: 0.5rem;
}

/* Custom scrollbar for comments */
.comments-container[b-2kvsuuljax]::-webkit-scrollbar {
    width: 6px;
}

.comments-container[b-2kvsuuljax]::-webkit-scrollbar-track {
    background: rgba(var(--bg-secondary-rgb), 0.1);
    border-radius: 3px;
}

.comments-container[b-2kvsuuljax]::-webkit-scrollbar-thumb {
    background: rgba(var(--primary-color-rgb), 0.3);
    border-radius: 3px;
}

.comments-container[b-2kvsuuljax]::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--primary-color-rgb), 0.5);
}

/* Metadata Badges */
.badge[b-2kvsuuljax] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025rem;
    transition: all 0.3s ease;
}

.badge-score[b-2kvsuuljax] {
    background: rgba(76, 175, 80, 0.2);
    color: #4CAF50;
    border: 1px solid rgba(76, 175, 80, 0.3);
}

.badge-views[b-2kvsuuljax] {
    background: rgba(33, 150, 243, 0.2);
    color: #2196F3;
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.badge-likes[b-2kvsuuljax] {
    background: rgba(233, 30, 99, 0.2);
    color: #E91E63;
    border: 1px solid rgba(233, 30, 99, 0.3);
}

.badge-comments[b-2kvsuuljax] {
    background: rgba(156, 39, 176, 0.2);
    color: #9C27B0;
    border: 1px solid rgba(156, 39, 176, 0.3);
}

.badge-warning[b-2kvsuuljax] {
    background: rgba(255, 193, 7, 0.2);
    color: #FFC107;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

/* Dark theme adjustments */
[data-theme="dark"] .thread-card[b-2kvsuuljax] {
    border-color: rgba(var(--border-color-rgb), 0.3);
    background: var(--card-bg);
}

[data-theme="dark"] .thread-card:hover[b-2kvsuuljax] {
    border-color: rgba(var(--primary-color-rgb), 0.4);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.2);
}

[data-theme="dark"] .thread-description[b-2kvsuuljax] {
    background: rgba(var(--bg-secondary-rgb), 0.1);
    border-bottom-color: rgba(var(--border-color-rgb), 0.3);
}

[data-theme="dark"] .comments-header[b-2kvsuuljax] {
    border-bottom-color: rgba(var(--border-color-rgb), 0.3);
}

[data-theme="dark"] .badge-score[b-2kvsuuljax] {
    background: rgba(76, 175, 80, 0.3);
    border-color: rgba(76, 175, 80, 0.4);
}

[data-theme="dark"] .badge-views[b-2kvsuuljax] {
    background: rgba(33, 150, 243, 0.3);
    border-color: rgba(33, 150, 243, 0.4);
}

[data-theme="dark"] .badge-likes[b-2kvsuuljax] {
    background: rgba(233, 30, 99, 0.3);
    border-color: rgba(233, 30, 99, 0.4);
}

[data-theme="dark"] .badge-comments[b-2kvsuuljax] {
    background: rgba(156, 39, 176, 0.3);
    border-color: rgba(156, 39, 176, 0.4);
}

[data-theme="dark"] .badge-warning[b-2kvsuuljax] {
    background: rgba(255, 193, 7, 0.3);
    border-color: rgba(255, 193, 7, 0.4);
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .thread-header[b-2kvsuuljax] {
        padding: 0.875rem 1rem;
    }
    
    .thread-description[b-2kvsuuljax],
    .thread-comments[b-2kvsuuljax] {
        padding: 1rem;
    }
    
    .thread-metadata[b-2kvsuuljax] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem !important;
    }
}

@media (max-width: 767.98px) {
    .thread-header[b-2kvsuuljax] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .thread-actions[b-2kvsuuljax] {
        align-self: stretch;
        justify-content: space-between;
    }
    
    .thread-title[b-2kvsuuljax] {
        font-size: 1.1rem;
        line-height: 1.2;
    }
    
    .thread-metadata[b-2kvsuuljax] {
        font-size: 0.8rem;
    }
    
    .comments-container[b-2kvsuuljax] {
        max-height: 50vh;
    }
    
    .badge[b-2kvsuuljax] {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }
}

@media (max-width: 575.98px) {
    .thread-card[b-2kvsuuljax] {
        margin-bottom: 1rem;
    }
    
    .thread-header[b-2kvsuuljax] {
        padding: 0.75rem;
    }
    
    .thread-description[b-2kvsuuljax],
    .thread-comments[b-2kvsuuljax] {
        padding: 0.75rem;
    }
    
    .thread-actions .btn[b-2kvsuuljax] {
        font-size: 0.8rem;
        padding: 0.375rem 0.5rem;
    }
    
    .thread-actions .d-none.d-md-inline[b-2kvsuuljax] {
        display: none !important;
    }
    
    .comments-container[b-2kvsuuljax] {
        max-height: 40vh;
        padding-right: 0.25rem;
    }
}
/* _content/WebApp/Components/Feedback/SourceSelector.razor.rz.scp.css */
/* Button styling for better appearance and compactness */
[b-bdax9e8toq] .source-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.75rem 1.25rem;
    font-size: 0.95rem;
    min-width: 180px;
    border-radius: var(--border-radius-sm);
    margin-bottom: 0;
    white-space: nowrap;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {
    [b-bdax9e8toq] .source-button {
        min-height: 40px;
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
        min-width: auto;
    }

    [b-bdax9e8toq] .source-button .source-icon {
        font-size: 0.9em;
    }

    [b-bdax9e8toq] .source-button .fw-medium {
        font-size: 0.9em;
    }
}

/* Add enhanced hover effect to buttons */
[b-bdax9e8toq] .btn {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

[b-bdax9e8toq] .btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    border-radius: 50%;
    background-color: rgba(var(--primary-color-rgb), 0.08);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}

[b-bdax9e8toq] .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(var(--primary-color-rgb), 0.15) !important;
}

[b-bdax9e8toq] .btn:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

/* Button styling for different states */
[b-bdax9e8toq] .btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

[b-bdax9e8toq] .btn-outline-primary:hover {
    background: var(--primary-gradient);
    border-color: var(--primary-color);
    color: white;
}

/* Selected button state */
[b-bdax9e8toq] .btn.active {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 5px 15px rgba(var(--primary-color-rgb), 0.25) !important;
}

/* Add focus styling */
[b-bdax9e8toq] .btn:focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.25);
}

/* Source icons styling */
[b-bdax9e8toq] .source-icon {
    font-size: 1.25rem !important;
    margin-right: 0.75rem;
}

/* Icon animations */
[b-bdax9e8toq] .bi {
    transition: all 0.3s ease;
}

[b-bdax9e8toq] .btn:hover .bi {
    transform: scale(1.2) rotate(5deg);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    [b-bdax9e8toq] .source-button {
        min-width: 140px;
        padding: 0.4rem 0.8rem;
    }
}

/* Platform pills styling */
.platform-pills-container[b-bdax9e8toq] {
    animation: fadeIn-b-bdax9e8toq 0.4s ease-in-out;
}

.platform-pill[b-bdax9e8toq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-pill);
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(var(--primary-color-rgb), 0.08);
    cursor: default;
}

.platform-pill:hover[b-bdax9e8toq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.15);
    background-color: var(--hover-bg);
    border-color: var(--primary-color);
}

.platform-icon[b-bdax9e8toq] {
    font-size: 1rem;
    color: var(--primary-color);
    transition: all 0.3s ease;
}

.platform-pill:hover .platform-icon[b-bdax9e8toq] {
    transform: scale(1.1);
    color: var(--primary-hover);
}

.platform-name[b-bdax9e8toq] {
    color: var(--text-primary);
    white-space: nowrap;
    transition: color 0.3s ease;
}

.platform-pill:hover .platform-name[b-bdax9e8toq] {
    color: var(--primary-color);
}

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

/* Responsive adjustments for platform pills */
@media (max-width: 768px) {
    [b-bdax9e8toq] .source-button {
        padding: 0.3rem 0.6rem;
        min-height: 36px;
        font-size: 0.89rem;
        min-width: 0;
    }
    
    [b-bdax9e8toq] .source-icon {
        font-size: 1rem !important;
    }
    
    .platform-pill[b-bdax9e8toq] {
        font-size: 0.8rem;
        padding: 0.4rem 0.6rem;
        gap: 0.375rem;
    }
    
    .platform-icon[b-bdax9e8toq] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .platform-pills-container .d-flex[b-bdax9e8toq] {
        gap: 0.5rem !important;
    }
    
    .platform-pill[b-bdax9e8toq] {
        padding: 0.375rem 0.5rem;
        font-size: 0.75rem;
    }
    
    .platform-name[b-bdax9e8toq] {
        display: none;
    }
}

/* Segmented control styling */
.segmented-control-container[b-bdax9e8toq] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.segmented-control[b-bdax9e8toq] {
    display: inline-flex;
    background-color: var(--surface-card);
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
    border-radius: var(--border-radius);
    padding: 0.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: opacity 0.2s ease;
}

.segmented-control.disabled[b-bdax9e8toq] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

[b-bdax9e8toq] .segment-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    background: transparent;
    border: none;
    color: var(--text-color);
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
    min-width: 120px;
    justify-content: center;
}

[b-bdax9e8toq] .segment-button:first-child {
    border-top-left-radius: var(--border-radius-sm);
    border-bottom-left-radius: var(--border-radius-sm);
}

[b-bdax9e8toq] .segment-button:last-child {
    border-top-right-radius: var(--border-radius-sm);
    border-bottom-right-radius: var(--border-radius-sm);
}

[b-bdax9e8toq] .segment-button:hover:not(.btn-primary) {
    background-color: rgba(var(--primary-color-rgb), 0.08);
    color: var(--primary-color);
}

[b-bdax9e8toq] .segment-button.btn-primary {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 2px 8px rgba(var(--primary-color-rgb), 0.25);
}

[b-bdax9e8toq] .segment-button i {
    font-size: 1.1rem;
}

/* Platform pills styling */
.platform-pills-container[b-bdax9e8toq] {
    margin-top: 2rem;
}

[b-bdax9e8toq] .platform-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 1rem;
    background-color: var(--surface-card);
    border: 1px solid rgba(var(--primary-color-rgb), 0.15);
    border-radius: 2rem;
    font-size: 0.85rem;
    color: var(--text-color);
}

[b-bdax9e8toq] .platform-icon {
    font-size: 1rem;
    opacity: 0.8;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .segmented-control[b-bdax9e8toq] {
        width: 100%;
        max-width: 320px;
    }

    [b-bdax9e8toq] .segment-button {
        padding: 0.5rem;
        min-width: 50%;
        font-size: 0.9rem;
    }

    [b-bdax9e8toq] .platform-pill {
        padding: 0.25rem 0.75rem;
        font-size: 0.8rem;
    }
}
/* _content/WebApp/Components/Feedback/SubmitButton.razor.rz.scp.css */
.btn[b-f0s9khx3gw] {
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    background: var(--primary-gradient);
    border-color: var(--primary-color);
    color: white;
    border-radius: var(--border-radius-sm);
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 10px rgba(var(--primary-color-rgb), 0.2);
}

.btn:hover[b-f0s9khx3gw] {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(var(--primary-color-rgb), 0.3);
    background: var(--primary-gradient);
    border-color: var(--primary-hover);
    filter: brightness(1.05);
}

.btn:active[b-f0s9khx3gw] {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(var(--primary-color-rgb), 0.2);
}

.btn:disabled[b-f0s9khx3gw] {
    background: var(--primary-gradient);
    border-color: var(--primary-color);
    opacity: 0.7;
    transform: none;
}

/* Add ripple effect */
.btn[b-f0s9khx3gw]::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.3) 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}

.btn:active[b-f0s9khx3gw]::after {
    transform: scale(0, 0);
    opacity: 0.3;
    transition: 0s;
}

.spinner-border[b-f0s9khx3gw] {
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    border-color: var(--bg-secondary);
    border-right-color: transparent;
}
/* _content/WebApp/Components/Layout/Footer.razor.rz.scp.css */
.footer[b-ov4rfd7ghx] {
    margin-top: auto;
    width: 100vw;
    background-color: var(--bg-secondary);
    border-top: 3px solid var(--primary-color);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: 100;
}

.footer-content[b-ov4rfd7ghx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--max-width, 1200px);
    width: 100%;
    margin: 0 auto;
    padding: 1rem 2rem;
    min-height: 60px;
}

.copyright[b-ov4rfd7ghx] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

.footer-links[b-ov4rfd7ghx] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.footer-links a[b-ov4rfd7ghx] {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.footer-links a:hover[b-ov4rfd7ghx] {
    color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.1);
}

.coffee-link[b-ov4rfd7ghx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-color) !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem !important;
    padding: 0.5rem 1rem !important;
    background-color: rgba(var(--primary-color-rgb), 0.1);
    border: 1.5px solid var(--primary-color);
    border-radius: 25px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.coffee-link:hover[b-ov4rfd7ghx] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.2);
    background-color: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color) !important;
}

.coffee-link i[b-ov4rfd7ghx] {
    font-size: 1rem;
    color: var(--primary-color);
}

@media (max-width: 768px) {
    .footer-content[b-ov4rfd7ghx] {
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem 1rem;
        text-align: center;
    }

    .copyright[b-ov4rfd7ghx] {
        order: 2;
        margin: 0;
    }

    .footer-links[b-ov4rfd7ghx] {
        order: 1;
        flex-direction: column;
        gap: 0.75rem;
        width: 100%;
    }

    .coffee-link[b-ov4rfd7ghx] {
        font-size: 0.85rem !important;
        padding: 0.4rem 0.8rem !important;
        align-self: center;
    }

    .footer-links a:not(.coffee-link)[b-ov4rfd7ghx] {
        font-size: 0.85rem;
    }
}
/* _content/WebApp/Components/Layout/MainLayout.razor.rz.scp.css */
/* Mobile Header Styles */
.mobile-header[b-pui3qmsk44] {
    background: var(--primary-gradient);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    margin: 0 1rem 1.5rem;
    position: relative;
    z-index: 1000;
}

.mobile-header-content[b-pui3qmsk44] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    min-height: 60px;
}

.mobile-user-section[b-pui3qmsk44] {
    flex-shrink: 0;
}

.mobile-page-title[b-pui3qmsk44] {
    flex: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: 0.25px;
}

.mobile-utility-actions[b-pui3qmsk44] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.mobile-utility-action[b-pui3qmsk44] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.mobile-utility-action[b-pui3qmsk44]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.2), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.mobile-utility-action:hover[b-pui3qmsk44],
.mobile-utility-action.active[b-pui3qmsk44] {
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.15);
    transform: scale(1.05);
}

.mobile-utility-action:hover[b-pui3qmsk44]::before,
.mobile-utility-action.active[b-pui3qmsk44]::before {
    opacity: 1;
}

.mobile-utility-action i[b-pui3qmsk44] {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.mobile-utility-action:hover i[b-pui3qmsk44] {
    transform: scale(1.1);
}

/* Mobile Bottom Navigation */

.mobile-bottom-nav[b-pui3qmsk44] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--primary-gradient);
    backdrop-filter: blur(20px) saturate(180%);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 1000;
    padding: env(safe-area-inset-bottom, 0) 0 0;
    height: 52px;
    min-height: 52px;
}


.mobile-nav-items[b-pui3qmsk44] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.25rem 0.25rem calc(0.25rem + env(safe-area-inset-bottom, 0));
    max-width: 100%;
}


.mobile-nav-item[b-pui3qmsk44] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0.25rem 0.15rem;
    border-radius: 12px;
    min-width: 44px; /* Keep for accessibility */
    position: relative;
    overflow: hidden;
}

.mobile-nav-item[b-pui3qmsk44]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 12px;
}

.mobile-nav-item:hover[b-pui3qmsk44]::before,
.mobile-nav-item.active[b-pui3qmsk44]::before {
    opacity: 1;
}


.mobile-nav-item i[b-pui3qmsk44] {
    font-size: 1.15rem;
    margin-bottom: 0.1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1;
}


.mobile-nav-item span[b-pui3qmsk44] {
    font-size: 0.68rem;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.mobile-nav-item:hover[b-pui3qmsk44],
.mobile-nav-item.active[b-pui3qmsk44] {
    color: rgba(255, 255, 255, 1);
    transform: translateY(-2px);
}

.mobile-nav-item.active[b-pui3qmsk44] {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.mobile-nav-item.active i[b-pui3qmsk44] {
    transform: scale(1.1);
    filter: drop-shadow(0 2px 4px rgba(255, 255, 255, 0.2));
}

.mobile-nav-item:hover i[b-pui3qmsk44] {
    transform: scale(1.05) translateY(-1px);
}

.mobile-nav-item.active span[b-pui3qmsk44] {
    font-weight: 600;
    letter-spacing: 0.25px;
}

/* Mobile Responsive Classes */
.pb-mobile-nav[b-pui3qmsk44] {
    padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0)) !important;
}

@media (max-width: 991.98px) {
    .pb-mobile-nav[b-pui3qmsk44] {
        padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0)) !important;
    }
}

/* Base Layout Styles */
.page[b-pui3qmsk44] {
    min-height: 100vh;
}

/* Desktop Navigation Styles */
.navbar[b-pui3qmsk44] {
    margin: 0 1rem 1.5rem;
    width: calc(100% - 2rem);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    position: relative;
    overflow: visible;
    z-index: 1000;
}

.navbar[b-pui3qmsk44]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.navbar:hover[b-pui3qmsk44]::before {
    opacity: 1;
}

.navbar-brand[b-pui3qmsk44] {
    position: relative;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-brand:hover[b-pui3qmsk44] {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.navbar-nav[b-pui3qmsk44] {
    margin-left: 1rem;
    position: relative;
    z-index: 1;
}

/* Modern Desktop Navigation Items */
.nav-link[b-pui3qmsk44] {
    position: relative;
    margin: 0 0.25rem;
    padding: 0.75rem 1.25rem !important;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.nav-link[b-pui3qmsk44]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

.nav-link[b-pui3qmsk44]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0.8));
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
    z-index: 1;
}

.nav-link:hover[b-pui3qmsk44] {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 
                0 4px 10px rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 1);
}

.nav-link:hover[b-pui3qmsk44]::before {
    left: 100%;
}

.nav-link:hover[b-pui3qmsk44]::after {
    width: 80%;
}

.nav-link i[b-pui3qmsk44] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1;
}

.nav-link:hover i[b-pui3qmsk44] {
    transform: translateY(-3px) scale(1.15) rotate(5deg);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.nav-link span[b-pui3qmsk44] {
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.nav-link:hover span[b-pui3qmsk44] {
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Active State - Modern Enhancement */
.nav-link.active[b-pui3qmsk44] {
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}

.nav-link.active[b-pui3qmsk44]::after {
    width: 90%;
    height: 4px;
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0.9), #fff);
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.4);
    animation: activeGlow-b-pui3qmsk44 2s ease-in-out infinite alternate;
}

.nav-link.active i[b-pui3qmsk44] {
    transform: scale(1.1);
    filter: drop-shadow(0 2px 6px rgba(255, 255, 255, 0.3));
}

/* Desktop Utility Actions Section */
.navbar-utility-actions[b-pui3qmsk44] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.utility-action[b-pui3qmsk44] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.utility-action[b-pui3qmsk44]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.2), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.utility-action:hover[b-pui3qmsk44] {
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px) scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.utility-action:hover[b-pui3qmsk44]::before {
    opacity: 1;
}

.utility-action i[b-pui3qmsk44] {
    font-size: 1.1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.utility-action:hover i[b-pui3qmsk44] {
    transform: rotate(10deg) scale(1.1);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Active state for utility actions */
.utility-action.active[b-pui3qmsk44] {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 1);
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.utility-action.active[b-pui3qmsk44]::before {
    opacity: 1;
}

.utility-action.active i[b-pui3qmsk44] {
    transform: scale(1.05);
    animation: activeUtilityPulse-b-pui3qmsk44 2s ease-in-out infinite alternate;
}

/* Animations */
@keyframes activeGlow-b-pui3qmsk44 {
    0% {
        box-shadow: 0 2px 8px rgba(255, 255, 255, 0.4);
        transform: translateX(-50%) scaleX(1);
    }
    100% {
        box-shadow: 0 2px 12px rgba(255, 255, 255, 0.6);
        transform: translateX(-50%) scaleX(1.05);
    }
}

@keyframes activeUtilityPulse-b-pui3qmsk44 {
    0% {
        filter: drop-shadow(0 2px 4px rgba(255, 255, 255, 0.2));
    }
    100% {
        filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.4));
    }
}

/* Staggered Animation for Navigation Items on Load */
.navbar-nav .nav-item[b-pui3qmsk44] {
    opacity: 0;
    transform: translateY(20px);
    animation: navItemSlideIn-b-pui3qmsk44 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.navbar-nav .nav-item:nth-child(1)[b-pui3qmsk44] { animation-delay: 0.1s; }
.navbar-nav .nav-item:nth-child(2)[b-pui3qmsk44] { animation-delay: 0.2s; }
.navbar-nav .nav-item:nth-child(3)[b-pui3qmsk44] { animation-delay: 0.3s; }
.navbar-nav .nav-item:nth-child(4)[b-pui3qmsk44] { animation-delay: 0.4s; }
.navbar-nav .nav-item:nth-child(5)[b-pui3qmsk44] { animation-delay: 0.5s; }
.navbar-nav .nav-item:nth-child(6)[b-pui3qmsk44] { animation-delay: 0.6s; }

@keyframes navItemSlideIn-b-pui3qmsk44 {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Enhanced Theme Toggle Container */
.ms-auto[b-pui3qmsk44] {
    position: relative;
    z-index: 1;
}

/* Add subtle floating animation to the entire navbar */
.navbar[b-pui3qmsk44] {
    animation: navbarFloat-b-pui3qmsk44 6s ease-in-out infinite;
}

@keyframes navbarFloat-b-pui3qmsk44 {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-2px);
    }
}

/* Navigation Hover Zone Effect */
.navbar-nav:hover .nav-link:not(:hover)[b-pui3qmsk44] {
    opacity: 0.7;
    transform: scale(0.95);
}

/* Magnetic Effect for Navigation Items */
.nav-link:hover ~ .nav-link[b-pui3qmsk44] {
    transform: translateX(5px);
}

.nav-link:has(~ .nav-link:hover)[b-pui3qmsk44] {
    transform: translateX(-5px);
}

/* Modern Focus States for Accessibility */
.nav-link:focus[b-pui3qmsk44] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.15);
}

#blazor-error-ui[b-pui3qmsk44] {
    bottom: 0;
    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-pui3qmsk44] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    opacity: 0.7;
}

#blazor-error-ui .dismiss:hover[b-pui3qmsk44] {
    opacity: 1;
}
/* _content/WebApp/Components/Pages/AccountSettings.razor.rz.scp.css */
/* Account Settings Styles */
.danger-zone[b-9x3vxds9c5] {
    border: 2px solid var(--danger-color);
    border-radius: var(--border-radius);
    padding: 1.5rem;
    background-color: rgba(243, 165, 177, 0.05);
}

.danger-zone h5[b-9x3vxds9c5] {
    color: var(--danger-color);
    font-weight: 600;
}

.form-control-plaintext[b-9x3vxds9c5] {
    color: var(--text-primary);
    font-size: 0.95rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
}

.badge[b-9x3vxds9c5] {
    font-size: 0.875rem;
    padding: 0.4rem 0.8rem;
}

.card-header[b-9x3vxds9c5] {
    background: var(--primary-gradient) !important;
    color: white !important;
    border: none;
}

.card-header h4[b-9x3vxds9c5] {
    color: white !important;
}

.text-primary[b-9x3vxds9c5] {
    color: var(--primary-color) !important;
}

.text-danger[b-9x3vxds9c5] {
    color: var(--danger-color) !important;
}

.alert-danger[b-9x3vxds9c5] {
    background-color: rgba(243, 165, 177, 0.1);
    border-color: var(--danger-color);
    color: var(--text-primary);
}

.alert-danger .alert-heading[b-9x3vxds9c5] {
    color: var(--danger-color);
    font-weight: 600;
}

.btn-danger[b-9x3vxds9c5] {
    background: var(--danger-color);
    border-color: var(--danger-color);
    color: white;
    font-weight: 500;
}

.btn-danger:hover[b-9x3vxds9c5] {
    background: #e78795;
    border-color: #e78795;
    color: white;
}

.btn-danger:disabled[b-9x3vxds9c5] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Dark mode adjustments */
[data-theme="dark"] .form-control-plaintext[b-9x3vxds9c5] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

[data-theme="dark"] .danger-zone[b-9x3vxds9c5] {
    background-color: rgba(231, 135, 149, 0.08);
}

[data-theme="dark"] .alert-danger[b-9x3vxds9c5] {
    background-color: rgba(231, 135, 149, 0.15);
    color: var(--text-primary);
}
/* _content/WebApp/Components/Pages/Admin/Admin.razor.rz.scp.css */
/* Admin landing page styles (scoped) */

.admin-landing-header[b-pgesek6a0d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.75rem;
}

.admin-landing-header .feedbackflow-title[b-pgesek6a0d] {
    margin: 0;
    font-size: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.admin-landing-sections[b-pgesek6a0d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}

/* Feature panel adjustments (applies to children inside AdminFeaturesPanel root) */
:deep(.admin-feature-card)[b-pgesek6a0d] {
    transition: transform 0.25s ease, box-shadow 0.3s ease;
    border-radius: var(--border-radius-lg);
}

:deep(.admin-feature-card:hover)[b-pgesek6a0d] {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(var(--primary-color-rgb), 0.25);
}

:deep(.admin-feature-card .card-header)[b-pgesek6a0d] {
    background: var(--primary-gradient);
    color: var(--text-on-primary, #fff);
    font-weight: 600;
}

/* Subtle fade-in */
.admin-landing-root[b-pgesek6a0d] {
    animation: adminFadeIn-b-pgesek6a0d 0.4s ease;
}

@keyframes adminFadeIn-b-pgesek6a0d {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Dark theme tweaks */
[data-theme="dark"] :deep(.admin-feature-card:hover)[b-pgesek6a0d] {
    box-shadow: 0 6px 20px rgba(var(--primary-color-rgb), 0.35);
}

/* Responsive */
@media (max-width: 575.98px) {
    .admin-landing-header .feedbackflow-title[b-pgesek6a0d] { font-size: 1.6rem; }
    .admin-landing-sections[b-pgesek6a0d] { grid-template-columns: 1fr; }
}
/* _content/WebApp/Components/Pages/Admin/AdminApiKeys.razor.rz.scp.css */
/* Admin API Keys page styles (scoped) */

.api-keys-header[b-d532hxifh9] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
}

.api-keys-header .feedbackflow-title[b-d532hxifh9] {
    font-size: 2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 0.25rem 0;
}

.api-keys-description[b-d532hxifh9] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

:deep(.admin-api-keys-table)[b-d532hxifh9] {
    width: 100%;
    background: var(--card-bg);
    border-collapse: collapse;
}

:deep(.admin-api-keys-table th)[b-d532hxifh9] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    color: var(--text-primary);
    padding: 0.6rem 0.75rem;
    border-bottom: 2px solid var(--border-color);
}

:deep(.admin-api-keys-table td)[b-d532hxifh9] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
}

:deep(.admin-api-keys-table tbody tr:hover td)[b-d532hxifh9] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.05) 0%, rgba(var(--primary-color-rgb), 0.1) 100%);
    transition: background 0.3s ease;
}

:deep(.key-status-badge)[b-d532hxifh9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: var(--border-radius-pill);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    border: 1px solid rgba(var(--primary-color-rgb), 0.3);
}

:deep(.key-status-badge.revoked)[b-d532hxifh9] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    border-color: rgba(220, 53, 69, 0.3);
}

/* Action buttons */
:deep(.api-key-actions .btn)[b-d532hxifh9] { transition: all 0.25s ease; }
:deep(.api-key-actions .btn:hover)[b-d532hxifh9] { transform: translateY(-2px); }

/* Dark theme adjustments */
[data-theme="dark"] :deep(.admin-api-keys-table th)[b-d532hxifh9] { background: rgba(var(--bg-secondary-rgb), 0.4); }
[data-theme="dark"] :deep(.admin-api-keys-table tbody tr:hover td)[b-d532hxifh9] { background: rgba(var(--primary-color-rgb), 0.15); }

/* Responsive */
@media (max-width: 767.98px) {
    .api-keys-header .feedbackflow-title[b-d532hxifh9] { font-size: 1.6rem; }
    :deep(.admin-api-keys-table th)[b-d532hxifh9], :deep(.admin-api-keys-table td)[b-d532hxifh9] { font-size: 0.75rem; padding: 0.45rem 0.5rem; }
}

@media (max-width: 575.98px) {
    :deep(.api-key-actions)[b-d532hxifh9] { display: flex; flex-direction: column; gap: 0.35rem; }
}
/* _content/WebApp/Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
/* Moved Admin Dashboard Specific Styles (relocated from Pages root) */

.admin-header[b-nln787v3j0] {
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 1rem;
}

/* Segmented tabs */
.segmented-tabs[b-nln787v3j0] {
    display: inline-flex;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-pill);
    padding: 0.35rem;
    gap: 0.25rem;
    box-shadow: var(--card-shadow);
    position: relative;
    overflow: hidden;
}

.segmented-tabs .segment[b-nln787v3j0] {
    position: relative;
    background: transparent;
    border: none;
    color: var(--text-color);
    padding: 0.6rem 1.1rem;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: var(--border-radius-pill);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    line-height: 1;
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
    outline: none;
}

.segmented-tabs .segment i[b-nln787v3j0] { font-size: 1rem; }

.segmented-tabs .segment:hover:not(.active)[b-nln787v3j0] {
    background: rgba(var(--primary-color-rgb), 0.08);
    color: var(--primary-color);
}

.segmented-tabs .segment:focus-visible[b-nln787v3j0] {
    box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.4);
}

.segmented-tabs .segment.active[b-nln787v3j0] {
    background: var(--primary-gradient);
    color: var(--on-primary-color, #fff);
    font-weight: 600;
    box-shadow: 0 4px 10px -2px rgba(var(--primary-color-rgb), 0.4);
}

.segmented-tabs .segment.active i[b-nln787v3j0] { color: inherit; }

.segmented-tabs .segment:active:not(.active)[b-nln787v3j0] {
    transform: scale(0.96);
}

/* Animated highlight (optional future enhancement) */
.segmented-tabs[b-nln787v3j0]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(var(--primary-color-rgb),0.15), transparent 60%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.segmented-tabs:hover[b-nln787v3j0]::after { opacity: 1; }

.admin-tab-content[b-nln787v3j0] { min-height: 500px; }

/* Dark theme support */
[data-theme="dark"] .admin-header[b-nln787v3j0] {
    border-bottom-color: var(--primary-color);
}

[data-theme="dark"] .admin-nav-tabs[b-nln787v3j0] {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-nav-tabs .nav-link[b-nln787v3j0] {
    color: var(--text-color);
}

[data-theme="dark"] .admin-nav-tabs .nav-link:hover[b-nln787v3j0] {
    color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.15);
}

[data-theme="dark"] .admin-nav-tabs .nav-link.active[b-nln787v3j0] {
    color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.15);
    border-color: var(--primary-color);
}

[data-theme="dark"] .segmented-tabs[b-nln787v3j0] {
    background: rgba(var(--bg-secondary-rgb), 0.6);
    backdrop-filter: blur(6px);
}

[data-theme="dark"] .segmented-tabs .segment:hover:not(.active)[b-nln787v3j0] {
    background: rgba(var(--primary-color-rgb), 0.15);
}

[data-theme="dark"] .segmented-tabs .segment.active[b-nln787v3j0] {
    box-shadow: 0 4px 14px -2px rgba(var(--primary-color-rgb), 0.55);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-header .d-flex[b-nln787v3j0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .segmented-tabs[b-nln787v3j0] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: stretch;
    }

    .segmented-tabs .segment[b-nln787v3j0] {
        flex: 1 1 calc(50% - 0.5rem);
        justify-content: center;
        padding: 0.55rem 0.75rem;
        font-size: 0.85rem;
    }

    .segmented-tabs .segment i[b-nln787v3j0] { display: none; }
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
    .segmented-tabs .segment[b-nln787v3j0] { transition: none; }
    .segmented-tabs[b-nln787v3j0]::after { transition: none; }
}
/* _content/WebApp/Components/Pages/Admin/AdminReports.razor.rz.scp.css */
/* Moved Admin Reports Page Styles (relocated from Pages root) */

.admin-header[b-lx4f947b69] { margin-bottom: 2rem; }

.feedbackflow-title[b-lx4f947b69] {
    font-size: 2.25rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}
.feedbackflow-title[b-lx4f947b69]::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    width: 50%;
    height: 3px;
    background: var(--primary-gradient);
    border-radius: 3px;
}
.admin-header .text-muted[b-lx4f947b69] { font-size: 1.125rem; color: var(--text-secondary) !important; }

.btn-create-report[b-lx4f947b69] {
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
    background: var(--primary-gradient);
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.btn-create-report:hover[b-lx4f947b69] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.3); filter: brightness(1.1); }

.admin-reports-table[b-lx4f947b69] { width: 100%; margin-bottom: 0; background: var(--card-bg); }
.admin-reports-table th[b-lx4f947b69], .admin-reports-table td[b-lx4f947b69] { vertical-align: middle; padding: 0.75rem; border-bottom: 1px solid var(--border-color); }
.admin-reports-table th[b-lx4f947b69] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
    white-space: nowrap;
}
.admin-reports-table td[b-lx4f947b69] { background: var(--card-bg); transition: background-color 0.3s ease; }
.admin-reports-table tbody tr:hover td[b-lx4f947b69] { background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.05) 0%, rgba(var(--primary-color-rgb), 0.1) 100%); }
.admin-reports-table tbody tr:last-child td[b-lx4f947b69] { border-bottom: none; }

.admin-reports-table .source-badge[b-lx4f947b69] { display: inline-flex; align-items: center; padding: 0.35rem 0.75rem; border-radius: var(--border-radius-pill); font-size: 0.875rem; font-weight: 600; background: var(--primary-gradient); color: white; white-space: nowrap; transition: all 0.3s ease; }
.admin-reports-table .source-badge i[b-lx4f947b69] { font-size: 1rem; }
.admin-reports-table .source-badge.reddit[b-lx4f947b69] { background: linear-gradient(135deg, #ff4500 0%, #ff6b35 100%); }
.admin-reports-table .source-badge.github[b-lx4f947b69] { background: linear-gradient(135deg, #24292f 0%, #586069 100%); }

.report-name[b-lx4f947b69] { font-weight: 600; color: var(--text-primary); font-size: 1rem; margin: 0; line-height: 1.4; }
.report-sub-source[b-lx4f947b69], .report-email[b-lx4f947b69], .report-date[b-lx4f947b69] { font-size: 0.875rem; color: var(--text-secondary); display: flex; align-items: center; gap: 0.25rem; white-space: nowrap; transition: all 0.3s ease; }
.report-email[b-lx4f947b69] { font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace; word-break: break-word; }
.status-badge[b-lx4f947b69] { display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; border-radius: var(--border-radius-pill); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; gap: 0.25rem; transition: all 0.3s ease; }
.status-active[b-lx4f947b69] { background: rgba(25, 135, 84, 0.1); color: #198754; border: 1px solid rgba(25, 135, 84, 0.2); }
.status-inactive[b-lx4f947b69] { background: rgba(108, 117, 125, 0.1); color: #6c757d; border: 1px solid rgba(108, 117, 125, 0.2); }
.report-date-never[b-lx4f947b69] { font-size: 0.875rem; color: var(--text-muted); font-style: italic; }
.action-buttons[b-lx4f947b69] { display: flex; gap: 0.5rem; justify-content: center; }
.action-buttons .btn[b-lx4f947b69] { transition: all 0.3s ease; }
.action-buttons .btn:hover[b-lx4f947b69] { transform: translateY(-1px); }
.action-buttons .btn-outline-primary:hover[b-lx4f947b69] { box-shadow: 0 2px 8px rgba(var(--primary-color-rgb), 0.3); }
.action-buttons .btn-outline-danger:hover[b-lx4f947b69] { box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3); }

.admin-modal[b-lx4f947b69] { z-index: 1060; }
.admin-modal .modal-backdrop[b-lx4f947b69] { z-index: 1055; }
.admin-modal .modal-content[b-lx4f947b69] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: var(--border-radius-lg); box-shadow: var(--card-shadow); z-index: 1065; position: relative; }
.admin-modal .modal-header[b-lx4f947b69] { background: var(--primary-gradient); color: white; border-bottom: none; border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0; }
.admin-modal .modal-header .btn-close[b-lx4f947b69] { filter: brightness(0) invert(1); }
.admin-modal .modal-title[b-lx4f947b69] { font-weight: 600; display: flex; align-items: center; gap: 0.5rem; }
.admin-modal .form-label[b-lx4f947b69] { font-weight: 600; color: var(--text-primary); margin-bottom: 0.5rem; }
.admin-modal .form-text[b-lx4f947b69] { color: var(--text-secondary); font-size: 0.875rem; }
.admin-modal .text-danger[b-lx4f947b69] { color: #dc3545 !important; font-size: 0.875rem; margin-top: 0.25rem; }

@media (max-width: 991.98px) { .admin-reports-table th[b-lx4f947b69], .admin-reports-table td[b-lx4f947b69] { padding: 0.5rem; font-size: 0.875rem; } .admin-reports-table .source-badge[b-lx4f947b69] { padding: 0.25rem 0.5rem; font-size: 0.75rem; } }
@media (max-width: 767.98px) { .admin-header[b-lx4f947b69] { text-align: center; margin-bottom: 1.5rem; } .admin-header .d-flex[b-lx4f947b69] { flex-direction: column; gap: 1rem; } .feedbackflow-title[b-lx4f947b69] { font-size: 1.75rem; } .admin-reports-table th[b-lx4f947b69], .admin-reports-table td[b-lx4f947b69] { padding: 0.5rem 0.25rem; font-size: 0.8rem; } .action-buttons[b-lx4f947b69] { flex-direction: column; gap: 0.25rem; } .action-buttons .btn[b-lx4f947b69] { font-size: 0.75rem; padding: 0.375rem 0.75rem; } }
@media (max-width: 575.98px) { .admin-reports-table th[b-lx4f947b69], .admin-reports-table td[b-lx4f947b69] { padding: 0.375rem 0.125rem; } .report-name[b-lx4f947b69] { font-size: 0.875rem; } .source-badge[b-lx4f947b69] { font-size: 0.7rem !important; padding: 0.2rem 0.4rem !important; } }
/* _content/WebApp/Components/Pages/Analysis.razor.rz.scp.css */
/* Analysis styles */

/* Note: Shared styles for state elements, service icons,
   action buttons, and user input have been moved to app.css */

.content-wrapper[b-lbfrnjbzqh] {
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}

/* Simplified header layout */
.analysis-header[b-lbfrnjbzqh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-info[b-lbfrnjbzqh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 0; /* Allow text to wrap */
}

.service-icons-group[b-lbfrnjbzqh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.created-date[b-lbfrnjbzqh] {
    font-size: 0.85rem;
}

.copy-btn[b-lbfrnjbzqh] {
    flex-shrink: 0;
    min-width: auto;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
}

.copy-btn i[b-lbfrnjbzqh] {
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.copy-btn:hover:not(:disabled) i[b-lbfrnjbzqh] {
    transform: scale(1.1);
}

/* Mobile responsive adjustments */
@media (max-width: 576px) {
    .analysis-header[b-lbfrnjbzqh] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .header-info[b-lbfrnjbzqh] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .service-icons-group[b-lbfrnjbzqh] {
        flex: 1;
        min-width: 0;
    }
    
    .created-date[b-lbfrnjbzqh] {
        white-space: nowrap;
        font-size: 0.8rem;
    }
    
    .copy-btn[b-lbfrnjbzqh] {
        width: 100%;
        justify-content: center;
    }
    
    .copy-btn .btn-text[b-lbfrnjbzqh] {
        display: inline;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .copy-btn .btn-text[b-lbfrnjbzqh] {
        display: none;
    }
    
    .copy-btn[b-lbfrnjbzqh] {
        padding: 0.375rem 0.5rem;
        min-width: 36px;
    }
}

/* Additional mobile optimizations */
@media (max-width: 576px) {
    /* Reduce card padding on mobile */
    .card-body[b-lbfrnjbzqh] {
        padding: 0.75rem;
    }
    
    /* Optimize user input section */
    .user-input[b-lbfrnjbzqh] {
        margin-bottom: 1rem !important;
    }
    
    .user-input strong[b-lbfrnjbzqh] {
        display: block;
        margin-bottom: 0.5rem;
    }
}

.analysis-badge[b-lbfrnjbzqh] {
    background-color: var(--warning-color);
    color: var(--text-primary);
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.8rem;
    font-weight: 500;
}

.markdown-content[b-lbfrnjbzqh] {
    line-height: 1.7;
    color: var(--text-primary);
}

.markdown-content :deep(h1)[b-lbfrnjbzqh], 
.markdown-content :deep(h2)[b-lbfrnjbzqh], 
.markdown-content :deep(h3)[b-lbfrnjbzqh], 
.markdown-content :deep(h4)[b-lbfrnjbzqh], 
.markdown-content :deep(h5)[b-lbfrnjbzqh], 
.markdown-content :deep(h6)[b-lbfrnjbzqh] {
    color: var(--text-primary);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.markdown-content :deep(h1)[b-lbfrnjbzqh] {
    font-size: 1.8rem;
}

.markdown-content :deep(h2)[b-lbfrnjbzqh] {
    font-size: 1.5rem;
}

.markdown-content :deep(h3)[b-lbfrnjbzqh] {
    font-size: 1.3rem;
}

.markdown-content :deep(ul)[b-lbfrnjbzqh], 
.markdown-content :deep(ol)[b-lbfrnjbzqh] {
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.markdown-content :deep(p)[b-lbfrnjbzqh] {
    margin-bottom: 1rem;
}

.markdown-content :deep(pre)[b-lbfrnjbzqh] {
    background-color: var(--code-bg);
    padding: 1rem;
    border-radius: var(--border-radius-sm);
    margin-bottom: 1rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.markdown-content :deep(code)[b-lbfrnjbzqh] {
    background-color: var(--code-bg);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}

.markdown-content :deep(blockquote)[b-lbfrnjbzqh] {
    border-left: 4px solid var(--primary-color);
    padding-left: 1rem;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    color: var(--text-secondary);
}

.markdown-content :deep(a)[b-lbfrnjbzqh] {
    color: var(--primary-color);
    text-decoration: none;
}

.markdown-content :deep(a:hover)[b-lbfrnjbzqh] {
    text-decoration: underline;
}

.markdown-content :deep(hr)[b-lbfrnjbzqh] {
    border-color: var(--border-color);
    margin: 1.5rem 0;
}

.markdown-content :deep(table)[b-lbfrnjbzqh] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.markdown-content :deep(th)[b-lbfrnjbzqh], 
.markdown-content :deep(td)[b-lbfrnjbzqh] {
    border: 1px solid var(--border-color);
    padding: 0.75rem;
}

.markdown-content :deep(th)[b-lbfrnjbzqh] {
    background-color: var(--hover-bg);
}

/* Note: URL list and YouTube thumbnail styles have been moved to app.css */
/* _content/WebApp/Components/Pages/ContentFeeds.razor.rz.scp.css */
/* Loading state styles */
.loading-state[b-tm3mgydvj5] {
    margin-top: 2rem;
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
}

.loading-state .card-body[b-tm3mgydvj5] {
    animation: fadeIn-b-tm3mgydvj5 0.5s ease-in-out;
}

.loading-state .spinner-border[b-tm3mgydvj5] {
    animation: pulse-b-tm3mgydvj5 2s ease-in-out infinite;
    color: var(--primary-color);
}

.loading-state .card-title[b-tm3mgydvj5] {
    color: var(--text-primary);
    font-weight: 600;
}

.loading-state .text-muted[b-tm3mgydvj5] {
    color: var(--text-secondary) !important;
}

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

@keyframes pulse-b-tm3mgydvj5 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.source-button[b-tm3mgydvj5] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border-radius: var(--border-radius);
    margin-bottom: 0;
    white-space: nowrap;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.segmented-control-container[b-tm3mgydvj5] {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    padding: 0 0.5rem;
}

.segmented-control[b-tm3mgydvj5] {
    display: inline-flex;
    gap: 0.25rem;
    background-color: var(--bg-secondary);
    border-radius: calc(var(--border-radius) * 1.5);
    padding: 0.375rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-color);
    transition: box-shadow 0.3s ease;
}

.segmented-control.disabled[b-tm3mgydvj5] {
    opacity: 0.7;
    pointer-events: none;
    filter: grayscale(30%);
}

.segment-button[b-tm3mgydvj5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.5rem;
    border: 1px solid transparent;
    border-radius: calc(var(--border-radius) * 1.25);
    background-color: transparent;
    color: var(--text-secondary);
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.segment-button:hover:not(:disabled)[b-tm3mgydvj5] {
    background-color: var(--bg-hover);
    color: var(--text-primary);
    transform: translateY(-1px);
}

.segment-button:active:not(:disabled)[b-tm3mgydvj5] {
    transform: translateY(0);
}

.segment-button.btn-primary[b-tm3mgydvj5] {
    background: var(--primary-gradient);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 2px 4px rgba(var(--primary-color-rgb), 0.2);
}

.segment-button.btn-primary:hover:not(:disabled)[b-tm3mgydvj5] {
    box-shadow: 0 4px 8px rgba(var(--primary-color-rgb), 0.3);
    filter: brightness(1.05);
}

.segment-button i[b-tm3mgydvj5] {
    font-size: 1.25rem;
    transition: transform 0.2s ease;
}

.segment-button:hover:not(:disabled) i[b-tm3mgydvj5] {
    transform: scale(1.1);
}

.segment-button i.bi-youtube[b-tm3mgydvj5] {
    color: #FF0000;
    filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.2));
}

.segment-button i.bi-reddit[b-tm3mgydvj5] {
    color: #FF4500;
    filter: drop-shadow(0 0 8px rgba(255, 69, 0, 0.2));
}

.segment-button i.bi-newspaper[b-tm3mgydvj5] {
    color: #FF6600;
    filter: drop-shadow(0 0 8px rgba(255, 102, 0, 0.2));
}

.segment-button.btn-primary i[b-tm3mgydvj5] {
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.4));
}

:deep(.card)[b-tm3mgydvj5] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

:deep(.card-body)[b-tm3mgydvj5] {
    color: var(--text-primary);
}

:deep(.text-muted)[b-tm3mgydvj5] {
    color: var(--text-secondary) !important;
}

:deep(.alert-danger)[b-tm3mgydvj5] {
    background-color: rgba(var(--danger-color-rgb), 0.1);
    border-color: var(--danger-color);
    color: var(--text-primary);
}

h1[b-tm3mgydvj5], h2[b-tm3mgydvj5] {
    color: var(--text-primary);
}

h1.feedbackflow-title[b-tm3mgydvj5] {
    font-size: 2.25rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

h1.feedbackflow-title[b-tm3mgydvj5]::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    width: 50%;
    height: 3px;
    background: var(--primary-gradient);
    border-radius: 3px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .source-button[b-tm3mgydvj5] {
        min-width: 100px;
        font-size: 0.9rem;
        padding: 0.5rem 0.75rem;
    }

    .segmented-control[b-tm3mgydvj5] {
        flex-direction: column;
        width: 100%;
    }

    .segment-button[b-tm3mgydvj5] {
        width: 100%;
        justify-content: center;
    }

    :deep(.card)[b-tm3mgydvj5] {
        margin: 0 -1rem;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
}

@media (max-width: 480px) {
    .segment-button[b-tm3mgydvj5] {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
}
/* _content/WebApp/Components/Pages/History.razor.rz.scp.css */
/* Shared Analysis History Page Styles */

/* Enhanced Loading state styles for History page */
.loading-state[b-g56h73c0iq] {
    margin-top: 2rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    background: var(--card-bg);
    color: var(--text-primary);
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
}

.loading-state .card-body[b-g56h73c0iq] {
    animation: fadeIn-b-g56h73c0iq 0.5s ease-in-out;
    padding: 3rem 2rem;
}

.loading-state .spinner-border[b-g56h73c0iq] {
    animation: pulse-b-g56h73c0iq 2s ease-in-out infinite;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.loading-state .card-title[b-g56h73c0iq] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.loading-state .text-muted[b-g56h73c0iq] {
    color: var(--text-secondary) !important;
}

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

@keyframes pulse-b-g56h73c0iq {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.feedbackflow-title[b-g56h73c0iq] {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.header-action-btn[b-g56h73c0iq] {
    transition: all 0.3s ease;
    border-radius: var(--border-radius);
}

.header-action-btn:hover[b-g56h73c0iq] {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
}

/* Filter Section */
.history-page .filter-section[b-g56h73c0iq] {
    border: 1px solid rgba(var(--border-color-rgb), 0.2);
    border-radius: var(--border-radius-lg);
    background: var(--card-bg) !important;
    backdrop-filter: blur(10px);
}

.history-page .filter-section .form-label[b-g56h73c0iq] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.history-page .filter-section .form-control[b-g56h73c0iq],
.history-page .filter-section .form-select[b-g56h73c0iq] {
    border-radius: var(--border-radius);
    border: 1px solid rgba(var(--border-color-rgb), 0.3);
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    transition: all 0.3s ease;
}

.history-page .filter-section .form-control:focus[b-g56h73c0iq],
.history-page .filter-section .form-select:focus[b-g56h73c0iq] {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25) !important;
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
}

.history-page .filter-section .form-control[b-g56h73c0iq]::placeholder {
    color: rgba(var(--text-secondary-rgb), 0.7) !important;
}

.history-page .filter-section .input-group-text[b-g56h73c0iq] {
    background-color: var(--input-bg) !important;
    border-color: rgba(var(--border-color-rgb), 0.3) !important;
    color: var(--text-secondary) !important;
}

/* Loading and Empty States */
.history-page .loading-state[b-g56h73c0iq],
.history-page .empty-state[b-g56h73c0iq] {
    border: 1px solid rgba(var(--border-color-rgb), 0.2);
    border-radius: var(--border-radius-lg);
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

.loading-state .card-body[b-g56h73c0iq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 2rem;
}

.loading-state .spinner-border[b-g56h73c0iq] {
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.empty-state .card-body[b-g56h73c0iq] {
    padding: 3rem 2rem;
}

.empty-state i[b-g56h73c0iq] {
    color: var(--text-secondary);
    opacity: 0.6;
}

.empty-state-hint[b-g56h73c0iq] {
    color: var(--text-secondary);
    font-style: italic;
}

/* Spinner Dark Theme Improvements */
.spinner-border[b-g56h73c0iq] {
    color: var(--primary-color);
}

.text-primary .spinner-border[b-g56h73c0iq],
.spinner-border.text-primary[b-g56h73c0iq] {
    color: var(--primary-color) !important;
}

/* List Items */
.history-page .list-group-item[b-g56h73c0iq] {
    border: 1px solid rgba(var(--border-color-rgb), 0.2);
    border-radius: var(--border-radius-lg);
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
    margin-bottom: 1rem;
    padding: 1.25rem;
    transition: all 0.3s ease;
}

.list-group-item:hover[b-g56h73c0iq] {
    box-shadow: var(--card-shadow);
    border-color: rgba(var(--primary-color-rgb), 0.3);
}

.shared-item[b-g56h73c0iq] {
    position: relative;
    border-left: 4px solid var(--success-color);
}

/* Item Header */
.item-header[b-g56h73c0iq] {
    gap: 1rem;
}

.item-meta[b-g56h73c0iq] {
    flex: 1;
    min-width: 0;
}

.item-actions[b-g56h73c0iq] {
    flex-shrink: 0;
}

.item-actions .action-btn[b-g56h73c0iq] {
    padding: 0.375rem 0.5rem;
    min-width: auto;
}

.item-actions .action-btn i[b-g56h73c0iq] {
    font-size: 0.875rem;
}

/* Service Icons and Badges */
.service-icon[b-g56h73c0iq] {
    font-size: 1.1rem;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.source-badge[b-g56h73c0iq] {
    background: var(--primary-gradient);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Visibility Badge Styles */
.visibility-badge[b-g56h73c0iq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius);
    font-size: 0.875rem;
    font-weight: 600;
}

.visibility-public[b-g56h73c0iq] {
    background-color: var(--success-color);
    color: white;
}

.visibility-private[b-g56h73c0iq] {
    background-color: var(--text-secondary);
    color: white;
}

[data-theme="dark"] .visibility-public[b-g56h73c0iq] {
    background-color: var(--success-color);
    color: var(--bg-primary);
}

[data-theme="dark"] .visibility-private[b-g56h73c0iq] {
    background-color: var(--text-secondary);
    color: var(--bg-primary);
}

.shared-status[b-g56h73c0iq] {
    background: linear-gradient(135deg, var(--success-color), #20c997);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius);
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.shared-status i[b-g56h73c0iq] {
    font-size: 0.875rem;
}

/* Action Buttons */
.analysis-actions[b-g56h73c0iq] {
    padding: 0.75rem;
    background: rgba(var(--secondary-bg-rgb), 0.2);
    border-radius: var(--border-radius);
    border: 1px solid rgba(var(--border-color-rgb), 0.1);
    margin-top: 0.5rem;
}

.action-btn[b-g56h73c0iq] {
    border-radius: var(--border-radius);
    font-weight: 500;
    transition: all 0.2s ease;
    white-space: nowrap;
    border: 1px solid currentColor;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.action-btn:hover[b-g56h73c0iq] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.action-btn:disabled[b-g56h73c0iq] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.action-btn i[b-g56h73c0iq] {
    font-size: 0.875rem;
}

/* Specific button variants */
.btn-outline-success.action-btn:hover[b-g56h73c0iq] {
    background-color: var(--success-color);
    border-color: var(--success-color);
    color: white;
}

.btn-outline-info.action-btn:hover[b-g56h73c0iq] {
    background-color: var(--info-color);
    border-color: var(--info-color);
    color: white;
}

.btn-outline-secondary.action-btn:hover[b-g56h73c0iq] {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: white;
}

.btn-outline-danger.action-btn:hover[b-g56h73c0iq] {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    color: white;
}

/* User Input Section */
.user-input[b-g56h73c0iq] {
    padding: 0;
    background: transparent;
    border: none;
}

.url-links[b-g56h73c0iq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.url-link-item[b-g56h73c0iq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: rgba(var(--secondary-bg-rgb), 0.3);
    border-radius: var(--border-radius);
    border: 1px solid rgba(var(--border-color-rgb), 0.1);
}

.url-link[b-g56h73c0iq] {
    color: var(--link-color);
    text-decoration: none;
    word-break: break-all;
    transition: color 0.3s ease;
    flex: 1;
}

.url-link:hover[b-g56h73c0iq] {
    color: var(--link-hover-color);
    text-decoration: underline;
}

.manual-input[b-g56h73c0iq] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(var(--secondary-bg-rgb), 0.3);
    border-radius: var(--border-radius);
    border: 1px solid rgba(var(--border-color-rgb), 0.1);
    font-style: italic;
}

/* Analysis Content */
.analysis-content[b-g56h73c0iq] {
    position: relative;
}

.analysis-content.clickable-analysis[b-g56h73c0iq] {
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: var(--border-radius);
    padding: 1rem;
    background: rgba(var(--secondary-bg-rgb), 0.2);
    border: 1px solid rgba(var(--border-color-rgb), 0.1);
}

.analysis-content.clickable-analysis:hover[b-g56h73c0iq] {
    background: rgba(var(--primary-color-rgb), 0.05);
    border-color: rgba(var(--primary-color-rgb), 0.3);
}

.analysis-summary[b-g56h73c0iq] {
    position: relative;
}

.analysis-label[b-g56h73c0iq] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.view-full-indicator[b-g56h73c0iq] {
    font-size: 0.875rem;
    color: var(--primary-color);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: all 0.3s ease;
}

.clickable-analysis:hover .view-full-indicator[b-g56h73c0iq] {
    color: var(--primary-color);
}

.view-full-indicator i[b-g56h73c0iq] {
    transition: transform 0.3s ease;
}



.analysis-summary .markdown-content[b-g56h73c0iq] {
    margin-top: 0.75rem;
}

.analysis-badge[b-g56h73c0iq] {
    display: inline-block;
    background: var(--primary-gradient);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius);
    font-size: 0.875rem;
    font-weight: 600;
}

.markdown-content[b-g56h73c0iq] {
    line-height: 1.6;
    color: var(--text-primary);
}

.markdown-content h1[b-g56h73c0iq],
.markdown-content h2[b-g56h73c0iq],
.markdown-content h3[b-g56h73c0iq],
.markdown-content h4[b-g56h73c0iq],
.markdown-content h5[b-g56h73c0iq],
.markdown-content h6[b-g56h73c0iq] {
    color: var(--text-primary);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.markdown-content p[b-g56h73c0iq] {
    margin-bottom: 1rem;
}

.markdown-content ul[b-g56h73c0iq],
.markdown-content ol[b-g56h73c0iq] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.markdown-content li[b-g56h73c0iq] {
    margin-bottom: 0.5rem;
}

.markdown-content code[b-g56h73c0iq] {
    background: rgba(var(--secondary-bg-rgb), 0.8);
    color: var(--code-color);
    padding: 0.2rem 0.4rem;
    border-radius: var(--border-radius-sm);
    font-size: 0.875rem;
}

.markdown-content pre[b-g56h73c0iq] {
    background: rgba(var(--secondary-bg-rgb), 0.9);
    color: var(--text-primary);
    padding: 1rem;
    border-radius: var(--border-radius);
    overflow-x: auto;
    margin-bottom: 1rem;
}

.markdown-content blockquote[b-g56h73c0iq] {
    border-left: 4px solid var(--primary-color);
    padding-left: 1rem;
    margin: 1rem 0;
    font-style: italic;
    color: var(--text-secondary);
}

/* Local Archive Section */
.history-page .local-archive-section[b-g56h73c0iq] {
    border-top-color: rgba(var(--border-color-rgb), 0.3);
}

.history-page .local-archive-section .card[b-g56h73c0iq] {
    border: 2px dashed rgba(var(--border-color-rgb), 0.3);
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

.local-archive-section .card:hover[b-g56h73c0iq] {
    border-color: rgba(var(--primary-color-rgb), 0.5);
    background: var(--card-bg) !important;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

.local-archive-section i[b-g56h73c0iq] {
    color: var(--text-secondary);
    opacity: 0.7;
}

.local-archive-section .btn[b-g56h73c0iq] {
    transition: all 0.3s ease;
}

.local-archive-section .btn:hover[b-g56h73c0iq] {
    transform: translateY(-1px);
    box-shadow: var(--card-shadow);
}

/* Authentication Alert */
.alert[b-g56h73c0iq] {
    border-radius: var(--border-radius-lg);
    border: none;
    background: rgba(var(--warning-color-rgb), 0.1);
    color: var(--text-primary);
}

.alert h6[b-g56h73c0iq] {
    color: var(--warning-color);
    font-weight: 700;
}

.alert .btn[b-g56h73c0iq] {
    transition: all 0.3s ease;
}

.alert .btn:hover[b-g56h73c0iq] {
    transform: translateY(-1px);
}

/* Copy Content Alert for Modal */
.copy-content-alert[b-g56h73c0iq] {
    background: rgba(var(--secondary-bg-rgb), 0.5);
    border: 1px solid rgba(var(--border-color-rgb), 0.3);
    border-radius: var(--border-radius);
    padding: 1rem;
}

.copy-content-alert code[b-g56h73c0iq] {
    background: transparent;
    color: var(--text-primary);
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-all;
}

/* Processing Dialog Modal Styles */
.modal[b-g56h73c0iq] {
    z-index: 1070 !important;
}

.modal-backdrop[b-g56h73c0iq] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060 !important;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.fade.show[b-g56h73c0iq] {
    opacity: 1;
}

.modal-dialog[b-g56h73c0iq] {
    transition: transform 0.3s ease-out;
    z-index: 1080 !important;
    position: relative;
}

.modal-content[b-g56h73c0iq] {
    border: none;
    border-radius: var(--border-radius-lg);
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25);
    background-color: var(--card-bg);
    color: var(--text-primary);
    position: relative;
    z-index: 1090;
}

.modal-header[b-g56h73c0iq] {
    background: var(--primary-gradient);
    color: white;
    border-bottom: none;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    padding: 1rem 1.5rem;
}

.modal-header .btn-close[b-g56h73c0iq] {
    filter: invert(1) brightness(2);
    opacity: 0.8;
}

.modal-header .btn-close:hover[b-g56h73c0iq] {
    opacity: 1;
}

.modal-body[b-g56h73c0iq] {
    padding: 1.5rem;
    background-color: var(--card-bg);
    color: var(--text-primary);
}

.modal-footer[b-g56h73c0iq] {
    border-top: 1px solid var(--border-color);
    padding: 1rem 1.5rem;
    background-color: var(--card-bg);
    border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
}

/* Dark theme support for modals */
[data-theme="dark"] .modal-content[b-g56h73c0iq] {
    background-color: var(--card-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .modal-body[b-g56h73c0iq] {
    background-color: var(--card-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .modal-footer[b-g56h73c0iq] {
    background-color: var(--card-bg);
    border-top-color: var(--border-color);
}

/* Responsive Design */
@media (max-width: 768px) {
    .feedbackflow-title[b-g56h73c0iq] {
        font-size: 1.75rem;
    }
    
    .header-action-btn[b-g56h73c0iq] {
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
    }
    
    .filter-section[b-g56h73c0iq] {
        padding: 1rem !important;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }
    
    .list-group-item[b-g56h73c0iq] {
        padding: 1rem;
        margin-bottom: 0.75rem;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        border-radius: var(--border-radius);
    }
    
    .item-header[b-g56h73c0iq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .item-meta[b-g56h73c0iq] {
        width: 100%;
    }
    
    .analysis-actions[b-g56h73c0iq] {
        justify-content: flex-start !important;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .url-link-item[b-g56h73c0iq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 0.75rem;
    }
    
    .action-btn[b-g56h73c0iq] {
        font-size: 0.875rem;
        padding: 0.4rem 0.6rem;
    }
    
    .local-archive-section .card-body[b-g56h73c0iq] {
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 576px) {
    .container-lg[b-g56h73c0iq] {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .history-page[b-g56h73c0iq] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .d-flex.justify-content-between.align-items-center[b-g56h73c0iq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    
    .filter-section[b-g56h73c0iq] {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    
    .filter-section .row[b-g56h73c0iq] {
        --bs-gutter-x: 0.75rem;
    }
    
    .list-group-item[b-g56h73c0iq] {
        border-radius: var(--border-radius);
        margin-left: -0.25rem;
        margin-right: -0.25rem;
        padding: 0.75rem;
    }
    
    .service-icon[b-g56h73c0iq] {
        font-size: 1rem;
    }
    
    .source-badge[b-g56h73c0iq] {
        font-size: 0.75rem;
        padding: 0.2rem 0.5rem;
    }
    
    .analysis-actions[b-g56h73c0iq] {
        padding: 0.5rem;
        flex-direction: column;
        align-items: stretch;
    }
    
    .analysis-actions .action-btn[b-g56h73c0iq] {
        justify-content: center;
        margin-bottom: 0.25rem;
    }
    
    .analysis-actions .action-btn:last-child[b-g56h73c0iq] {
        margin-bottom: 0;
    }
}



/* _content/WebApp/Components/Pages/HistoryLocal.razor.rz.scp.css */
/* Searchbox (input) dark mode fix - scoped to HistoryLocal only */
[data-theme='dark'] .history-local-page .filter-section .form-control[b-08afag1cg7],
[data-theme='dark'] .history-local-page .filter-section .form-select[b-08afag1cg7],
[data-theme='dark'] .history-local-page .filter-section .form-control:focus[b-08afag1cg7],
[data-theme='dark'] .history-local-page .filter-section .form-select:focus[b-08afag1cg7] {
    background-color: var(--bg-primary) !important;
    color: #fff !important;
    border-color: var(--border-color) !important;
}

[data-theme='dark'] .history-local-page .filter-section .form-control[b-08afag1cg7]::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Explicit dark mode card overrides - scoped to HistoryLocal only */
[data-theme='dark'] .history-local-page .card[b-08afag1cg7],
[data-theme='dark'] .history-local-page .card.bg-body[b-08afag1cg7],
[data-theme='dark'] .history-local-page .loading-state.card[b-08afag1cg7],
[data-theme='dark'] .history-local-page .empty-state.card[b-08afag1cg7] {
    background-color: #212529 !important; /* Nearly black to match other cards */
    color: var(--bs-light) !important;
    border-color: #495057 !important; /* Darker border */
}

[data-theme='dark'] .history-local-page .list-group-item[b-08afag1cg7] {
    background-color: #212529 !important; /* Nearly black to match other cards */
    border-color: #495057 !important; /* Darker border */
}

/* Dark theme card specific styles - scoped to HistoryLocal only */
.history-local-page .dark-theme-card[b-08afag1cg7] {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

[data-theme='dark'] .history-local-page .dark-theme-card[b-08afag1cg7] {
    background-color: #212529 !important; /* Nearly black to match other cards */
    color: var(--bs-light) !important;
    border-color: #495057 !important; /* Darker border */
}

[data-theme='dark'] .history-local-page .dark-theme-card .card-body[b-08afag1cg7] {
    color: var(--bs-light) !important;
}

[data-theme='dark'] .history-local-page .dark-theme-card .text-muted[b-08afag1cg7] {
    color: #adb5bd !important; /* Lighter gray for better readability */
    opacity: 1;
}

/* Empty state specific styling for dark mode - scoped to HistoryLocal only */
[data-theme='dark'] .history-local-page .empty-state small.text-muted[b-08afag1cg7] {
    color: #adb5bd !important; /* Even lighter for this specific text */
    font-weight: 400;
}

/* History.razor.css - Slimmed down, Bootstrap-aligned, and theme-respecting */

/* State blocks */
.loading-state[b-08afag1cg7], .empty-state[b-08afag1cg7] {
    text-align: center;
    color: var(--bs-body-color);
    animation: fadeIn-b-08afag1cg7 0.6s ease-in-out;
    background-color: var(--bs-body-bg) !important;
    border-radius: var(--border-radius);
    margin: 1rem 0;
    min-height: 250px;
}

.loading-state .card-body[b-08afag1cg7],
.empty-state .card-body[b-08afag1cg7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.empty-state i[b-08afag1cg7] {
    color: var(--text-secondary);
    opacity: 0.7;
    margin-bottom: 1.5rem;
}

.empty-state p[b-08afag1cg7] {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.empty-state small[b-08afag1cg7] {
    opacity: 0.8;
}

.card[b-08afag1cg7] {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--border-radius);
    margin-bottom: 1.5rem;
}

/* Filter section */
.filter-section.card[b-08afag1cg7] {
    margin-bottom: 1.5rem;
}

/* Note: Shared styles for YouTube thumbnails, URL list, service icons, etc. 
   have been moved to app.css */

/* History item styles */
.history-item[b-08afag1cg7] {
    border-left: 4px solid transparent;
    padding: 1.25rem;
}

.history-item:hover[b-08afag1cg7] {
    border-left-color: var(--primary-color);
    transform: translateX(5px);
}

.history-item-title[b-08afag1cg7] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.history-item:hover .history-item-title[b-08afag1cg7] {
    color: var(--primary-color);
}

.history-item-date[b-08afag1cg7] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.markdown-content[b-08afag1cg7] {
    line-height: 1.6;
    font-size: 1rem;
    padding: 0.5rem 0;
}

/* Clear History Button */
.clear-all-btn[b-08afag1cg7] {
    background: linear-gradient(135deg, #e98a97, #d96674);
    border: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .history-item[b-08afag1cg7] {
        padding: 1rem;
    }
    
    .service-icon[b-08afag1cg7] {
        font-size: 1rem;
    }
    
    .source-badge[b-08afag1cg7] {
        font-size: 0.7rem;
    }
    
    /* Header adjustments for mobile */
    .d-flex.justify-content-between.align-items-center[b-08afag1cg7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .d-flex.align-items-center.gap-2[b-08afag1cg7] {
        width: 100%;
        justify-content: right;
        flex-wrap: wrap;
        gap: 0.5rem !important;
    }
    
    /* Make buttons stack nicely on small screens */
    .d-flex.align-items-center.gap-2 > *[b-08afag1cg7] {
        flex: 1;
        min-width: 100px;
    }
}

@media (max-width: 576px) {
    
    .d-flex.align-items-center.gap-2 > *[b-08afag1cg7] {
        flex: none;
    }
}

/* Shared badge styling */
.shared-badge[b-08afag1cg7] {
    font-size: 0.7rem;
    background-color: #28a745;
    color: white;
    padding: 0.1rem 0.4rem;
    border-radius: 0.25rem;
    vertical-align: middle;
}

[data-theme='dark'] .history-local-page .shared-badge[b-08afag1cg7] {
    background-color: #3ea854;
}

/* Shared item styles */
.shared-item[b-08afag1cg7] {
    border-left: 4px solid var(--primary-color);
    position: relative;
}

.shared-status[b-08afag1cg7] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.shared-status i[b-08afag1cg7] {
    font-size: 1rem;
}

/* Action buttons */
/* Custom animations for History page */
@keyframes pulse-b-08afag1cg7 {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(0.95);
        opacity: 0.8;
    }
}

@keyframes fadeIn-b-08afag1cg7 {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Note: .action-btn styles have been moved to app.css */

/* Loading spinner */
.spinner-border-sm[b-08afag1cg7] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

/* Alert styles */
.alert[b-08afag1cg7] {
    border-radius: 0.5rem;
    margin: 0.5rem 0;
}

.alert-info[b-08afag1cg7] {
    background-color: var(--info-light);
    border-color: var(--info);
    color: var(--info-dark);
}

.alert-danger[b-08afag1cg7] {
    background-color: var(--danger-light);
    border-color: var(--danger);
    color: var(--danger-dark);
}

/* Empty state hint text */
.empty-state-hint[b-08afag1cg7] {
    font-size: 0.95rem;
}

[data-theme='dark'] .history-local-page .empty-state-hint[b-08afag1cg7] {
    color: #ced4da !important; /* Even lighter color for this specific message */
    font-weight: 400;
}

/* Individual item export button styles */
.list-group-item .export-btn[b-08afag1cg7] {
    min-width: 90px;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

.list-group-item .export-btn .dropdown-toggle[b-08afag1cg7]::after {
    margin-left: 0.5rem;
}

/* Consistent action button styling for History page */
.list-group-item .action-btn[b-08afag1cg7] {
    min-width: 36px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
}

.list-group-item .action-btn i[b-08afag1cg7] {
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.list-group-item .action-btn:hover:not(:disabled) i[b-08afag1cg7] {
    transform: scale(1.1);
}

/* Specific button variant styling for better visual hierarchy */
.list-group-item .btn-outline-success[b-08afag1cg7] {
    border-color: var(--success-color);
    color: var(--success-color);
}

.list-group-item .btn-outline-success:hover[b-08afag1cg7] {
    background-color: var(--success-color);
    border-color: var(--success-color);
    color: white;
}

.list-group-item .btn-outline-danger[b-08afag1cg7] {
    border-color: var(--danger-color);
    color: var(--danger-color);
}

.list-group-item .btn-outline-danger:hover[b-08afag1cg7] {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    color: white;
}

.list-group-item .btn-outline-secondary[b-08afag1cg7] {
    border-color: var(--border-color);
    color: var(--text-secondary);
}

.list-group-item .btn-outline-secondary:hover[b-08afag1cg7] {
    background-color: var(--hover-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Mobile responsive adjustments for action buttons */
@media (max-width: 768px) {
    .list-group-item .action-btn[b-08afag1cg7] {
        min-width: 36px !important;
        width: 36px !important;
        height: 32px !important;
        padding: 0.375rem 0.5rem !important;
        font-size: 0.875rem !important;
    }
    
    .list-group-item .action-btn i[b-08afag1cg7] {
        font-size: 1rem !important;
    }
    
    /* Ensure consistent button group spacing */
    .list-group-item .d-flex.align-items-center.gap-2[b-08afag1cg7] {
        gap: 0.5rem !important;
    }
    
    /* Allow icon/badge groups to wrap on mobile */
    .list-group-item .d-flex.align-items-center.gap-2:first-child[b-08afag1cg7] {
        flex-wrap: wrap;
    }
    
    /* Keep expand/collapse button normal size on mobile */
    .analysis-content .btn.action-btn[b-08afag1cg7] {
        min-width: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 0.375rem 0.75rem !important;
        font-size: 0.875rem !important;
    }
}

@media (max-width: 576px) {
    .list-group-item .action-btn[b-08afag1cg7] {
        min-width: 32px !important;
        width: 32px !important;
        height: 28px !important;
        padding: 0.25rem 0.375rem !important;
        font-size: 0.8rem !important;
    }
    
    .list-group-item .action-btn i[b-08afag1cg7] {
        font-size: 0.875rem !important;
    }
    
    /* Tighter spacing for very small screens */
    .list-group-item .d-flex.align-items-center.gap-2[b-08afag1cg7] {
        gap: 0.375rem !important;
    }
    
    /* Stack button groups more compactly on small screens */
    .list-group-item .d-flex.justify-content-between.align-items-center[b-08afag1cg7] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .list-group-item .d-flex.align-items-center.gap-2[b-08afag1cg7] {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    /* Keep expand/collapse button normal size on very small screens too */
    .analysis-content .btn.action-btn[b-08afag1cg7] {
        min-width: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 0.25rem 0.5rem !important;
        font-size: 0.8rem !important;
    }
    
    /* Ensure source badge doesn't change size */
    .source-badge[b-08afag1cg7] {
        font-size: 0.75rem !important;
        padding: 0.4em 0.8em !important;
        white-space: nowrap;
        flex-shrink: 0;
    }
}
/* _content/WebApp/Components/Pages/Home.razor.rz.scp.css */
.alert[b-75gjg21amq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.05), transparent);
    z-index: 0;
}

.alert > *[b-75gjg21amq] {
    position: relative;
    z-index: 1;
}

.alert-info[b-75gjg21amq] {
    border-left: 4px solid var(--info-color);
}

.spinner-border[b-75gjg21amq] {
    color: var(--primary-color);
}

.small[b-75gjg21amq] {
    opacity: 0.9;
}

/* Source selector styling */
.source-selector-container[b-75gjg21amq] {
    margin-bottom: 2rem;
    text-align: center;
}

.source-selector-container h2[b-75gjg21amq] {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
}

.source-selector-container h2[b-75gjg21amq]::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 25%;
    right: 25%;
    height: 3px;
    background: var(--primary-gradient);
    border-radius: 3px;
}

/* Animation for status updates */
.status-update[b-75gjg21amq] {
    animation: slideIn-b-75gjg21amq 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideIn-b-75gjg21amq {
    0% {
        opacity: 0;
        transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Temporary Prompt Indicator */
.temp-prompt-indicator[b-75gjg21amq] {
    border-left: 4px solid rgba(var(--primary-color-rgb), 0.6);
    background: rgba(var(--bg-secondary-rgb), 0.6);
    backdrop-filter: blur(4px);
    position: relative;
    overflow: hidden;
}

.temp-prompt-indicator .temp-prompt-icon[b-75gjg21amq] {
    color: var(--warning-color);
    font-size: 1.25rem;
    line-height: 1;
    margin-top: 2px;
}

.temp-prompt-indicator strong[b-75gjg21amq] {
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.temp-prompt-preview[b-75gjg21amq] {
    font-family: var(--font-monospace, monospace);
    max-height: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-theme="dark"] .temp-prompt-indicator[b-75gjg21amq] {
    background: rgba(var(--bg-secondary-rgb), 0.4);
    border-left-color: rgba(var(--primary-color-rgb), 0.8);
}

/* AI Model Badge */
.ai-badge[b-75gjg21amq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.65rem;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.4rem 0.6rem 0.35rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.12);
    color: var(--primary-color);
    border: 1px solid rgba(var(--primary-color-rgb), 0.4);
    position: relative;
    line-height: 1;
    white-space: nowrap;
    backdrop-filter: blur(6px) saturate(160%);
    box-shadow: 0 2px 4px rgba(var(--primary-color-rgb), 0.15);
    animation: fadeIn 0.4s ease;
}

.ai-badge[b-75gjg21amq]::before {
    content: '\f3e5'; /* lightning icon placeholder using bootstrap? fallback text */
    font-family: var(--bs-icon-font, 'bootstrap-icons');
    font-size: 0.8rem;
    display: inline-block;
    line-height: 1;
    opacity: 0.9;
}

@media (max-width: 576px) {
    .ai-badge[b-75gjg21amq] {
        font-size: 0.55rem;
        padding: 0.35rem 0.5rem 0.3rem;
        letter-spacing: 0.5px;
    }
}

[data-theme="dark"] .ai-badge[b-75gjg21amq] {
    background: rgba(var(--primary-color-rgb), 0.22);
    border-color: rgba(var(--primary-color-rgb), 0.5);
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
/* _content/WebApp/Components/Pages/Reports/CreateReportModal.razor.rz.scp.css */
/* CreateReportModal.razor.css */

.modal[b-ucxhxsjpbr] {
    backdrop-filter: blur(4px);
}

.modal-content[b-ucxhxsjpbr] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    background-color: var(--card-bg);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.modal-header[b-ucxhxsjpbr] {
    background: var(--primary-gradient);
    color: white;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: none;
}

.modal-header h5[b-ucxhxsjpbr] {
    margin: 0;
    font-weight: 600;
}

.modal-header .btn-close[b-ucxhxsjpbr] {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.8;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

.modal-header .btn-close:hover[b-ucxhxsjpbr] {
    opacity: 1;
    transform: scale(1.1);
}

.modal-header .btn-close:focus[b-ucxhxsjpbr] {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

.modal-body[b-ucxhxsjpbr] {
    padding: 1.5rem;
    background-color: var(--card-bg);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.modal-footer[b-ucxhxsjpbr] {
    border-top: 1px solid var(--border-color);
    background-color: var(--surface-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.modal-backdrop[b-ucxhxsjpbr] {
    background-color: rgba(var(--text-secondary-rgb), 0.6);
    transition: background-color 0.3s ease;
}

/* Dark theme specific backdrop override for better contrast */
[data-theme="dark"] .modal-backdrop[b-ucxhxsjpbr] {
    background-color: rgba(0, 0, 0, 0.75);
}

/* Form validation styling */
.input-group-text.text-success[b-ucxhxsjpbr] {
    background-color: rgba(var(--success-color-rgb), 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.input-group-text.text-danger[b-ucxhxsjpbr] {
    background-color: rgba(var(--danger-color-rgb), 0.1);
    border-color: var(--danger-color);
    color: var(--danger-color);
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.form-control.is-valid[b-ucxhxsjpbr] {
    border-color: var(--success-color);
    background-color: var(--input-bg);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.form-control.is-invalid[b-ucxhxsjpbr] {
    border-color: var(--danger-color);
    background-color: var(--input-bg);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.invalid-feedback[b-ucxhxsjpbr] {
    font-size: 0.875rem;
    color: var(--danger-color);
    transition: color 0.3s ease;
}

/* Input group styling for dark theme */
.input-group-text[b-ucxhxsjpbr] {
    background-color: rgba(var(--bg-secondary-rgb), 0.8);
    border-color: var(--border-color);
    color: var(--text-secondary);
    transition: all 0.3s ease;
}

/* Form control and select overrides for modal */
.form-control[b-ucxhxsjpbr],
.form-select[b-ucxhxsjpbr] {
    background-color: var(--input-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.form-control:focus[b-ucxhxsjpbr],
.form-select:focus[b-ucxhxsjpbr] {
    background-color: var(--input-bg);
    border-color: var(--primary-color);
    color: var(--text-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.form-control[b-ucxhxsjpbr]::placeholder {
    color: var(--text-secondary);
    opacity: 0.7;
}

/* Form labels */
.form-label[b-ucxhxsjpbr] {
    color: var(--text-primary);
    font-weight: 500;
    transition: color 0.3s ease;
}

.form-text[b-ucxhxsjpbr] {
    color: var(--text-secondary);
    transition: color 0.3s ease;
}

/* Animation for modal entrance */
.modal.show[b-ucxhxsjpbr] {
    animation: modalFadeIn-b-ucxhxsjpbr 0.3s ease-out;
}

@keyframes modalFadeIn-b-ucxhxsjpbr {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Dark theme specific modal content overrides */
[data-theme="dark"] .modal-content[b-ucxhxsjpbr] {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modal-body[b-ucxhxsjpbr] {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modal-footer[b-ucxhxsjpbr] {
    background-color: var(--surface-color) !important;
    color: var(--text-primary) !important;
    border-top-color: var(--border-color) !important;
}

/* Bootstrap Alert Overrides for Dark Theme */
.alert[b-ucxhxsjpbr] {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
    border-radius: var(--border-radius-sm);
    transition: all 0.3s ease;
}

.alert-danger[b-ucxhxsjpbr] {
    background-color: rgba(var(--danger-color-rgb), 0.1);
    border-color: var(--danger-color);
    color: var(--danger-color);
}

.alert-warning[b-ucxhxsjpbr] {
    background-color: rgba(var(--warning-color-rgb), 0.1);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

.alert-success[b-ucxhxsjpbr] {
    background-color: rgba(var(--success-color-rgb), 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
}

.alert-info[b-ucxhxsjpbr] {
    background-color: rgba(var(--info-color-rgb), 0.1);
    border-color: var(--info-color);
    color: var(--info-color);
}

/* Button styling improvements */
.btn[b-ucxhxsjpbr] {
    transition: all 0.3s ease;
}

.btn-outline-secondary[b-ucxhxsjpbr] {
    border-color: var(--border-color);
    color: var(--text-secondary);
    background-color: transparent;
}

.btn-outline-secondary:hover[b-ucxhxsjpbr] {
    background-color: var(--hover-bg);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-outline-secondary:disabled[b-ucxhxsjpbr] {
    border-color: var(--border-color);
    color: var(--text-secondary);
    opacity: 0.6;
}

.btn-primary:disabled[b-ucxhxsjpbr] {
    background: var(--primary-gradient);
    border-color: var(--primary-color);
    opacity: 0.6;
}

/* Spinner styling */
.spinner-border-sm[b-ucxhxsjpbr] {
    color: currentColor;
}

/* Email notification section styling */
.email-notification-card[b-ucxhxsjpbr] {
    background: var(--bs-light);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
}

.email-notification-card:hover[b-ucxhxsjpbr] {
    background: var(--card-bg);
    border-color: var(--primary-color);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

[data-theme="dark"] .email-notification-card[b-ucxhxsjpbr] {
    background: var(--surface-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .email-notification-card:hover[b-ucxhxsjpbr] {
    background: var(--card-bg);
    border-color: var(--primary-color);
    box-shadow: 0 2px 8px rgba(255,255,255,0.1);
}

.form-check-input:checked[b-ucxhxsjpbr] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-label[b-ucxhxsjpbr] {
    font-weight: 500;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.email-info-text[b-ucxhxsjpbr] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.4;
}

.form-check-input[b-ucxhxsjpbr] {
    transition: all 0.2s ease;
}

.form-check-input:focus[b-ucxhxsjpbr] {
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.email-notification-card .bi-info-circle[b-ucxhxsjpbr] {
    color: var(--info-color);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .modal-dialog[b-ucxhxsjpbr] {
        margin: 1rem;
    }
    
    .modal-body[b-ucxhxsjpbr] {
        padding: 1rem;
    }
    
    .modal-footer[b-ucxhxsjpbr] {
        padding: 1rem;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .modal-footer .btn[b-ucxhxsjpbr] {
        width: 100%;
    }
    
    .modal-footer .btn:first-child[b-ucxhxsjpbr] {
        order: 2;
    }
    
    .modal-footer .btn:last-child[b-ucxhxsjpbr] {
        order: 1;
    }
}
/* _content/WebApp/Components/Pages/Reports/ManageReports.razor.rz.scp.css */
/* Enhanced Loading state styles for ManageReports page */
.loading-state[b-6ve4eeb2hc] {
    margin-top: 2rem;
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: var(--border-radius-lg);
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
}

.loading-state .card-body[b-6ve4eeb2hc] {
    animation: fadeIn-b-6ve4eeb2hc 0.5s ease-in-out;
    padding: 3rem 2rem;
}

.loading-state .spinner-border[b-6ve4eeb2hc] {
    animation: pulse-b-6ve4eeb2hc 2s ease-in-out infinite;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.loading-state .card-title[b-6ve4eeb2hc] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.loading-state .text-muted[b-6ve4eeb2hc] {
    color: var(--text-secondary) !important;
}

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

@keyframes pulse-b-6ve4eeb2hc {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Remove the manage-reports-header styles since we're using standard layout */

.list-group-item[b-6ve4eeb2hc] {
    border-left: none;
    border-right: none;
    padding: 1rem;
    transition: background-color 0.2s ease;
}

.list-group-item:hover[b-6ve4eeb2hc] {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

.list-group-item:first-child[b-6ve4eeb2hc] {
    border-top: none;
}

.list-group-item:last-child[b-6ve4eeb2hc] {
    border-bottom: none;
}

.badge[b-6ve4eeb2hc] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.badge.bg-primary[b-6ve4eeb2hc] {
    background-color: #ff4500 !important;
}

.badge.bg-dark[b-6ve4eeb2hc] {
    background-color: var(--github-color) !important;
}

.help-section .card[b-6ve4eeb2hc] {
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
    border-radius: var(--border-radius);
}

.help-section .card-header[b-6ve4eeb2hc] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.1) 0%, rgba(var(--primary-color-rgb), 0.05) 100%);
    border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.2);
    font-weight: 600;
}

.help-section .card-body ul[b-6ve4eeb2hc] {
    padding-left: 1rem;
}

.help-section .card-body li[b-6ve4eeb2hc] {
    margin-bottom: 0.25rem;
    color: var(--text-secondary);
}

.help-section .card-body a[b-6ve4eeb2hc] {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
}

.help-section .card-body a:hover[b-6ve4eeb2hc] {
    text-decoration: underline;
}

/* Empty state styling */
.card .display-4[b-6ve4eeb2hc] {
    opacity: 0.6;
}

/* Button styling */
.btn-outline-danger:disabled[b-6ve4eeb2hc] {
    opacity: 0.6;
    cursor: not-allowed;
}

.spinner-border-sm[b-6ve4eeb2hc] {
    width: 0.875rem;
    height: 0.875rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .list-group-item[b-6ve4eeb2hc] {
        padding: 0.75rem;
    }
    
    .d-flex.justify-content-between[b-6ve4eeb2hc] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .btn-outline-danger[b-6ve4eeb2hc] {
        align-self: flex-end;
    }
}

/* Dark theme support */
[data-theme="dark"] .list-group-item:hover[b-6ve4eeb2hc] {
    background-color: rgba(var(--primary-color-rgb), 0.1);
}

[data-theme="dark"] .help-section .card[b-6ve4eeb2hc] {
    border-color: rgba(var(--primary-color-rgb), 0.3);
}

[data-theme="dark"] .help-section .card-header[b-6ve4eeb2hc] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.15) 0%, rgba(var(--primary-color-rgb), 0.08) 100%);
    border-bottom-color: rgba(var(--primary-color-rgb), 0.3);
}
/* _content/WebApp/Components/Pages/Reports/Report.razor.rz.scp.css */
/* Report Page Styles */

/* ========== Loading Container ========== */
.loading-container[b-flt2k2oui2] {
    min-height: 60vh;
    color: var(--text-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loading-spinner[b-flt2k2oui2] {
    text-align: center;
    animation: fadeIn 0.5s ease-in;
}

.loading-spinner .spinner-border[b-flt2k2oui2] {
    color: var(--primary-color);
    animation-duration: 1.5s;
}

.loading-text[b-flt2k2oui2] {
    margin-top: 1rem;
    color: var(--text-secondary);
    font-size: 1.1rem;
}

/* ========== Error Container ========== */
.error-container[b-flt2k2oui2] {
    min-height: 40vh;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.5s ease-in;
}

.error-alert[b-flt2k2oui2] {
    border: none;
    border-radius: var(--border-radius);
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    padding: 1.5rem;
    box-shadow: 0 0.25rem 0.75rem rgba(var(--danger-color-rgb), 0.2);
    border-left: 4px solid var(--danger-color);
}

.error-icon[b-flt2k2oui2] {
    color: var(--danger-color);
    font-size: 2rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.error-message[b-flt2k2oui2] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    line-height: 1.6;
}

/* ========== Page Header ========== */
.page-header[b-flt2k2oui2] {
    margin-bottom: 2rem;
    color: var(--text-primary);
    animation: slideInRight 0.5s ease-out;
}

.page-title[b-flt2k2oui2] {
    font-size: 2.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--text-primary);
    transition: color 0.3s ease;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.page-title-icon[b-flt2k2oui2],
.title-icon[b-flt2k2oui2] {
    color: var(--primary-color);
    margin-right: 0.75rem;
    font-size: 2rem;
}

.back-button[b-flt2k2oui2] {
    background: var(--primary-gradient);
    border: none;
    color: white;
    border-radius: var(--border-radius-sm);
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 0.125rem 0.5rem rgba(var(--primary-color-rgb), 0.2);
}

.back-button:hover[b-flt2k2oui2] {
    transform: translateY(-2px);
    box-shadow: 0 0.25rem 1rem rgba(var(--primary-color-rgb), 0.3);
    color: white;
    text-decoration: none;
    filter: brightness(1.1);
}

.back-button i[b-flt2k2oui2] {
    margin-right: 0.5rem;
    transition: transform 0.3s ease;
}

.back-button:hover i[b-flt2k2oui2] {
    transform: translateX(-3px);
}

/* ========== Report Cards ========== */
.report-container[b-flt2k2oui2] {
    margin: 0 auto;
    width: 100%;
}

.report-card[b-flt2k2oui2],
.report-summary-card[b-flt2k2oui2],
.report-content-card[b-flt2k2oui2] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
    color: var(--text-primary);
    overflow: hidden;
    animation: fadeIn 0.5s ease-in;
}

.report-card:hover[b-flt2k2oui2],
.report-summary-card:hover[b-flt2k2oui2],
.report-content-card:hover[b-flt2k2oui2] {
    box-shadow: 0 0.5rem 1.5rem rgba(var(--primary-color-rgb), 0.15);
}

/* ========== Card Headers ========== */
.card-header[b-flt2k2oui2],
.report-summary-header[b-flt2k2oui2],
.report-content-header[b-flt2k2oui2] {
    background: var(--primary-gradient) !important;
    color: var(--bg-secondary) !important;
    border-bottom: none !important;
    font-weight: 500 !important;
    padding: 1.25rem 1.5rem;
    border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}

.card-body[b-flt2k2oui2] {
    padding: 1.5rem;
}

.card-header h3[b-flt2k2oui2],
.card-header h5[b-flt2k2oui2],
.card-title[b-flt2k2oui2] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.header-icon[b-flt2k2oui2] {
    margin-right: 0.75rem;
    font-size: 1.3rem;
    opacity: 0.9;
    display: inline-flex;
    align-items: center;
}

/* ========== Metadata Styles ========== */
.metadata-item[b-flt2k2oui2] {
    padding: 1.25rem;
    border-radius: var(--border-radius-sm);
    transition: all 0.3s ease;
    border: 1px solid transparent;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.metadata-item.compact[b-flt2k2oui2] {
    padding: 0.75rem;
    min-height: auto;
    width: 100%;
}

.metadata-item:hover[b-flt2k2oui2] {
    background-color: var(--hover-bg);
    border-color: rgba(var(--primary-color-rgb), 0.2);
}

.metadata-icon-wrapper[b-flt2k2oui2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius-sm);
    margin-right: 1rem;
    color: white;
    font-size: 1rem;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.metadata-icon-wrapper.compact[b-flt2k2oui2] {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.75rem;
    font-size: 0.875rem;
}

.metadata-content[b-flt2k2oui2] {
    flex: 1;
    min-width: 0;
    width: calc(100% - 3.5rem);
}

.metadata-label[b-flt2k2oui2] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    display: block;
}

.metadata-value[b-flt2k2oui2] {
    color: var(--text-primary);
    font-size: 1.15rem;
    font-weight: 500;
    margin: 0;
    word-break: break-word;
    line-height: 1.3;
}

/* Compact summary specific styles */
/* Legacy compact summary styles removed */

/* Legacy support for icon-wrapper class */
.icon-wrapper[b-flt2k2oui2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius-sm);
    margin-right: 0.75rem;
    color: white;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.metadata-item:hover .icon-wrapper[b-flt2k2oui2] {
    transform: scale(1.05);
    box-shadow: 0 0.25rem 0.75rem rgba(var(--primary-color-rgb), 0.3);
}

/* ========== Analysis Content ========== */
.analysis-content[b-flt2k2oui2],
.report-content[b-flt2k2oui2] {
    color: var(--text-primary);
    line-height: 1.7;
    font-size: 1rem;
    padding: 2rem;
}

/* Deep styling for markdown content */
.analysis-content :deep(h1)[b-flt2k2oui2],
.analysis-content :deep(h2)[b-flt2k2oui2],
.analysis-content :deep(h3)[b-flt2k2oui2],
.analysis-content :deep(h4)[b-flt2k2oui2],
.analysis-content :deep(h5)[b-flt2k2oui2],
.analysis-content :deep(h6)[b-flt2k2oui2],
.report-content :deep(h1)[b-flt2k2oui2],
.report-content :deep(h2)[b-flt2k2oui2],
.report-content :deep(h3)[b-flt2k2oui2],
.report-content :deep(h4)[b-flt2k2oui2],
.report-content :deep(h5)[b-flt2k2oui2],
.report-content :deep(h6)[b-flt2k2oui2] {
    color: var(--text-primary);
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.analysis-content :deep(h1)[b-flt2k2oui2] {
    font-size: 2rem;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 0.5rem;
}

.analysis-content :deep(h2)[b-flt2k2oui2] {
    font-size: 1.6rem;
    color: var(--primary-color);
}

.analysis-content :deep(h3)[b-flt2k2oui2] {
    font-size: 1.3rem;
}

.analysis-content :deep(h4)[b-flt2k2oui2] {
    font-size: 1.1rem;
}

.analysis-content :deep(p)[b-flt2k2oui2] {
    margin-bottom: 1.25rem;
    color: var(--text-primary);
}

.analysis-content :deep(ul)[b-flt2k2oui2],
.analysis-content :deep(ol)[b-flt2k2oui2] {
    padding-left: 2rem;
    margin-bottom: 1.25rem;
}

.analysis-content :deep(li)[b-flt2k2oui2] {
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.analysis-content :deep(strong)[b-flt2k2oui2] {
    color: var(--text-primary);
    font-weight: 600;
}

.analysis-content :deep(em)[b-flt2k2oui2] {
    color: var(--text-secondary);
    font-style: italic;
}

.analysis-content :deep(code)[b-flt2k2oui2] {
    background-color: var(--code-bg);
    color: var(--code-color);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.9em;
    border: 1px solid var(--border-color);
}

.analysis-content :deep(pre)[b-flt2k2oui2] {
    background-color: var(--code-bg);
    color: var(--code-color);
    padding: 1.25rem;
    border-radius: var(--border-radius);
    margin-bottom: 1.5rem;
    white-space: pre-wrap;
    word-break: break-word;
    border: 1px solid var(--border-color);
    overflow-x: auto;
}

.analysis-content :deep(pre code)[b-flt2k2oui2] {
    background: none;
    color: inherit;
    padding: 0;
    border: none;
    font-size: 0.875rem;
}

.analysis-content :deep(blockquote)[b-flt2k2oui2] {
    border-left: 4px solid var(--primary-color);
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    background-color: rgba(var(--primary-color-rgb), 0.05);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-style: italic;
    color: var(--text-secondary);
}

.analysis-content :deep(a)[b-flt2k2oui2] {
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

.analysis-content :deep(a:hover)[b-flt2k2oui2] {
    text-decoration: underline;
    color: var(--primary-color-hover);
}

.analysis-content :deep(hr)[b-flt2k2oui2] {
    border: none;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--border-color), transparent);
    margin: 2rem 0;
}

.analysis-content :deep(table)[b-flt2k2oui2] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.analysis-content :deep(th)[b-flt2k2oui2],
.analysis-content :deep(td)[b-flt2k2oui2] {
    border: 1px solid var(--border-color);
    padding: 0.875rem;
    text-align: left;
}

.analysis-content :deep(th)[b-flt2k2oui2] {
    background: var(--primary-gradient);
    color: white;
    font-weight: 600;
}

.analysis-content :deep(tbody tr:nth-child(even))[b-flt2k2oui2] {
    background-color: var(--hover-bg);
}

.analysis-content :deep(tbody tr:hover)[b-flt2k2oui2] {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

/* ========== Light/Dark Theme Adjustments ========== */
[data-theme="dark"] .loading-spinner .spinner-border[b-flt2k2oui2] {
    opacity: 0.8;
}

[data-theme="dark"] .error-icon[b-flt2k2oui2] {
    opacity: 0.9;
}

[data-theme="dark"] .error-alert[b-flt2k2oui2] {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .back-button[b-flt2k2oui2] {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .back-button:hover[b-flt2k2oui2] {
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .report-card:hover[b-flt2k2oui2],
[data-theme="dark"] .report-summary-card:hover[b-flt2k2oui2],
[data-theme="dark"] .report-content-card:hover[b-flt2k2oui2] {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .analysis-content :deep(blockquote)[b-flt2k2oui2],
[data-theme="dark"] .report-content :deep(blockquote)[b-flt2k2oui2] {
    background-color: rgba(var(--primary-color-rgb), 0.1);
}

/* ========== Responsive Design ========== */
@media (min-width: 1200px) {
    .analysis-content[b-flt2k2oui2],
    .report-content[b-flt2k2oui2] {
        padding: 2.5rem 3rem;
    }
}

@media (max-width: 992px) {
    .page-title[b-flt2k2oui2] {
        font-size: 2rem;
    }
    
    .title-icon[b-flt2k2oui2] {
        font-size: 1.75rem;
    }
}

/* Medium screens - optimize for tablets */
@media (min-width: 768px) and (max-width: 1199px) {
    .compact-summary .col-md-6[b-flt2k2oui2] {
        margin-bottom: 0.5rem;
    }
    
    .analysis-content[b-flt2k2oui2],
    .report-content[b-flt2k2oui2] {
        padding: 1.75rem;
    }

    /* Fix for better alignment on tablets */
    .compact-summary .row[b-flt2k2oui2] {
        display: flex;
        flex-wrap: wrap;
    }
    
    .compact-summary .col-6[b-flt2k2oui2] {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .page-header[b-flt2k2oui2] {
        margin-bottom: 1.5rem;
    }
    
    .page-title[b-flt2k2oui2] {
        font-size: 1.75rem;
    }
    
    .title-icon[b-flt2k2oui2] {
        font-size: 1.5rem;
        margin-right: 0.5rem;
    }
    
    .back-button[b-flt2k2oui2] {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }
    
    .report-card[b-flt2k2oui2] {
        margin-bottom: 1.5rem;
    }
    
    .card-header[b-flt2k2oui2],
    .report-summary-header[b-flt2k2oui2],
    .report-content-header[b-flt2k2oui2] {
        padding: 1rem 1.25rem;
    }
    
    .card-header h3[b-flt2k2oui2],
    .card-header h5[b-flt2k2oui2],
    .card-title[b-flt2k2oui2] {
        font-size: 1.125rem;
    }
    
    .header-icon[b-flt2k2oui2] {
        font-size: 1.125rem;
        margin-right: 0.5rem;
    }
    
    .metadata-item[b-flt2k2oui2] {
        padding: 1rem;
    }
    
    .metadata-item.compact[b-flt2k2oui2] {
        padding: 0.5rem;
    }
    
    .metadata-label[b-flt2k2oui2] {
        font-size: 0.8rem;
    }
    
    .compact-summary .metadata-label[b-flt2k2oui2] {
        font-size: 0.7rem;
    }
    
    .metadata-value[b-flt2k2oui2] {
        font-size: 1rem;
    }
    
    .compact-summary .metadata-value[b-flt2k2oui2] {
        font-size: 0.875rem;
    }
    
    .metadata-icon-wrapper[b-flt2k2oui2] {
        width: 2rem;
        height: 2rem;
        margin-right: 0.75rem;
        font-size: 0.875rem;
    }
    
    .metadata-icon-wrapper.compact[b-flt2k2oui2] {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0.5rem;
        font-size: 0.75rem;
    }
      /* Responsive adjustments for report summary */
    .report-summary-pills[b-flt2k2oui2] {
        padding: 0.5rem;
        gap: 0.375rem;
    }
    
    .icon-wrapper[b-flt2k2oui2] {
        width: 1.75rem;
        height: 1.75rem;
        margin-right: 0.5rem;
        font-size: 0.8rem;
    }
    
    .analysis-content[b-flt2k2oui2],
    .report-content[b-flt2k2oui2] {
        font-size: 0.95rem;
        padding: 1.5rem;
    }
    
    .analysis-content :deep(h1)[b-flt2k2oui2] {
        font-size: 1.6rem;
    }
    
    .analysis-content :deep(h2)[b-flt2k2oui2] {
        font-size: 1.4rem;
    }
    
    .analysis-content :deep(h3)[b-flt2k2oui2] {
        font-size: 1.2rem;
    }
    
    .analysis-content :deep(pre)[b-flt2k2oui2],
    .analysis-content :deep(blockquote)[b-flt2k2oui2] {
        padding: 1rem;
        margin: 1rem 0;
    }
    
    .analysis-content :deep(table)[b-flt2k2oui2] {
        font-size: 0.875rem;
    }
    
    .analysis-content :deep(th)[b-flt2k2oui2],
    .analysis-content :deep(td)[b-flt2k2oui2] {
        padding: 0.5rem;
    }
}

@media (max-width: 576px) {
    .page-title[b-flt2k2oui2] {
        font-size: 1.5rem;
    }
    
    .title-icon[b-flt2k2oui2] {
        font-size: 1.25rem;
    }
    
    .card-header h3[b-flt2k2oui2] {
        font-size: 1rem;
    }
    
    .metadata-item[b-flt2k2oui2] {
        padding: 0.75rem;
    }
    
    .metadata-item.compact[b-flt2k2oui2] {
        padding: 0.5rem;
    }
    
    .metadata-value[b-flt2k2oui2] {
        font-size: 0.95rem;
    }
    
    .compact-summary .metadata-value[b-flt2k2oui2] {
        font-size: 0.8rem;
    }
    
    .metadata-icon-wrapper[b-flt2k2oui2] {
        width: 1.75rem;
        height: 1.75rem;
        font-size: 0.8rem;
        margin-right: 0.5rem;
    }
    
    .metadata-icon-wrapper.compact[b-flt2k2oui2] {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.5rem;
        font-size: 0.7rem;
    }
    
    .compact-summary[b-flt2k2oui2] {
        padding: 0.5rem 0.75rem;
    }
    
    .icon-wrapper[b-flt2k2oui2] {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.75rem;
    }
    
    .analysis-content[b-flt2k2oui2],
    .report-content[b-flt2k2oui2] {
        padding: 1.25rem;
    }
    
    .analysis-content :deep(ul)[b-flt2k2oui2],
    .analysis-content :deep(ol)[b-flt2k2oui2] {
        padding-left: 1.5rem;
    }
}

/* ========== Large Screen Optimizations ========== */
@media (min-width: 1200px) {
    .page-header[b-flt2k2oui2] {
        margin-bottom: 2.5rem;
    }
    
    .page-title[b-flt2k2oui2] {
        font-size: 2.5rem;
    }
    
    .analysis-content[b-flt2k2oui2],
    .report-content[b-flt2k2oui2] {
        padding: 2.5rem;
        font-size: 1.05rem;
        line-height: 1.8;
    }
    
    .card-header[b-flt2k2oui2],
    .report-summary-header[b-flt2k2oui2],
    .report-content-header[b-flt2k2oui2] {
        padding: 1.5rem 2rem;
    }
    
    .compact-summary[b-flt2k2oui2] {
        padding: 1.25rem 2rem;
    }
    
    .metadata-item.compact[b-flt2k2oui2] {
        padding: 1rem;
    }
}

@media (min-width: 1400px) {
    .analysis-content[b-flt2k2oui2],
    .report-content[b-flt2k2oui2] {
        padding: 3rem;
    }
    
    .card-header[b-flt2k2oui2],
    .report-summary-header[b-flt2k2oui2],
    .report-content-header[b-flt2k2oui2] {
        padding: 1.75rem 2.5rem;
    }
    
    .compact-summary[b-flt2k2oui2] {
        padding: 1.5rem 2.5rem;
    }
}

/* ========== Simplified Report Summary ========== */
.report-summary[b-flt2k2oui2] {
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    animation: fadeIn 0.5s ease-in;
}

.report-summary-pills[b-flt2k2oui2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem;
}

.report-pill[b-flt2k2oui2] {
    display: inline-flex;
    align-items: center;
    background: var(--hover-bg);
    color: var(--text-primary);
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.85rem;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color);
}

.report-pill i[b-flt2k2oui2] {
    margin-right: 0.5rem;
    font-size: 0.9rem;
    color: var(--primary-color);
}

.report-pill.source-pill[b-flt2k2oui2] {
    background: var(--primary-gradient);
    color: white;
    border: none;
}

.report-pill.source-pill i[b-flt2k2oui2] {
    color: rgba(255, 255, 255, 0.9);
}

/* Responsive adjustments for pills */
@media (max-width: 768px) {
    .report-summary-pills[b-flt2k2oui2] {
        padding: 0.5rem;
        gap: 0.375rem;
    }
    
    .report-pill[b-flt2k2oui2] {
        padding: 0.375rem 0.625rem;
        font-size: 0.75rem;
    }
    
    .report-pill i[b-flt2k2oui2] {
        font-size: 0.8rem;
        margin-right: 0.375rem;
    }
}

/* Improve wrapping on very small screens */
@media (max-width: 576px) {
    .report-pill[b-flt2k2oui2] {
        margin-bottom: 0.25rem;
    }
}

/* Container overrides removed - using container-lg from Bootstrap */
/* _content/WebApp/Components/Pages/Reports/Reports.razor.rz.scp.css */
/* Enhanced Loading state styles for Reports page */
.loading-state[b-3qtyem0aii] {
    margin-top: 2rem;
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: var(--border-radius-lg);
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
}

.loading-state .card-body[b-3qtyem0aii] {
    animation: fadeIn-b-3qtyem0aii 0.5s ease-in-out;
    padding: 3rem 2rem;
}

.loading-state .spinner-border[b-3qtyem0aii] {
    animation: pulse-b-3qtyem0aii 2s ease-in-out infinite;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.loading-state .card-title[b-3qtyem0aii] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.loading-state .text-muted[b-3qtyem0aii] {
    color: var(--text-secondary) !important;
}

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

@keyframes pulse-b-3qtyem0aii {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Reports container */
.reports-container[b-3qtyem0aii] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

/* Source filter toggle styling */
.source-toggle-container[b-3qtyem0aii] {
    margin-bottom: 0.5rem;
}

.source-toggle-container .btn-group[b-3qtyem0aii] {
    border-radius: var(--border-radius);
    display: flex;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    overflow: hidden;
    position: relative;
}

.source-toggle-container .btn-outline-primary[b-3qtyem0aii] {
    flex: 1;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    font-weight: 500;
    padding: 0.75rem 1rem;
    position: relative;
    z-index: 2;
    min-height: 44px;
}

.source-toggle-container .btn-outline-primary:hover[b-3qtyem0aii] {
    color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.08);
    transform: translateY(-1px);
}

.source-toggle-container .btn-outline-primary:focus[b-3qtyem0aii] {
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.3);
    outline: none;
}

/* Active state styling */
.source-toggle-container .btn-check:checked + .btn-outline-primary[b-3qtyem0aii] {
    background: var(--primary-gradient);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.3);
}

.source-toggle-container .btn-check:checked + .btn-outline-primary:hover[b-3qtyem0aii] {
    background: var(--primary-gradient);
    filter: brightness(1.1);
    color: white;
}

/* Icon styling within buttons */
.source-toggle-container .btn-outline-primary i[b-3qtyem0aii] {
    font-size: 1rem;
    transition: transform 0.3s ease;
}

.source-toggle-container .btn-check:checked + .btn-outline-primary i[b-3qtyem0aii] {
    transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .source-toggle-container .btn-outline-primary[b-3qtyem0aii] {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
        gap: 0.25rem;
    }
    
    .source-toggle-container .btn-outline-primary i[b-3qtyem0aii] {
        font-size: 0.875rem;
    }
}

/* Dark theme adjustments */
[data-theme="dark"] .source-toggle-container .btn-group[b-3qtyem0aii] {
    background: var(--card-bg-dark, #2d3748);
    border-color: var(--border-color-dark, #4a5568);
}

[data-theme="dark"] .source-toggle-container .btn-outline-primary[b-3qtyem0aii] {
    color: var(--text-secondary-dark, #a0aec0);
}

[data-theme="dark"] .source-toggle-container .btn-outline-primary:hover[b-3qtyem0aii] {
    background: rgba(var(--primary-color-rgb), 0.12);
}

/* Source badge styling */
.source-badge[b-3qtyem0aii] {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
    font-weight: 500;
}

.source-badge.reddit[b-3qtyem0aii] {
    background-color: rgba(255, 69, 0, 0.1);
    color: #ff4500;
}

.source-badge.github[b-3qtyem0aii] {
    background-color: rgba(36, 41, 46, 0.1);
    color: var(--github-color);
}

/* Report item cards */
.report-item[b-3qtyem0aii] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.report-item:hover[b-3qtyem0aii] {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1.5rem rgba(var(--primary-color-rgb), 0.2);
    border-color: var(--primary-color);
}

.report-item-header[b-3qtyem0aii] {
    padding: 1.25rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.report-source[b-3qtyem0aii] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.report-sub-source[b-3qtyem0aii] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.report-date[b-3qtyem0aii] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.report-item-body[b-3qtyem0aii] {
    padding: 1.25rem;
    flex-grow: 1;
}

.report-stats[b-3qtyem0aii] {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}

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

.stat-label[b-3qtyem0aii] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
    margin-bottom: 0.25rem;
}

.stat-value[b-3qtyem0aii] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--primary-color);
}

.report-item-footer[b-3qtyem0aii] {
    padding: 1.25rem;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: flex-end;
}

/* Filter controls */
.filter-controls[b-3qtyem0aii] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.filter-controls:hover[b-3qtyem0aii] {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.filter-group[b-3qtyem0aii] {
    width: 100%;
}

.filter-group .form-label[b-3qtyem0aii] {
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group .form-label[b-3qtyem0aii]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, var(--border-color), transparent);
}

.filter-group .input-group-text[b-3qtyem0aii] {
    background: var(--primary-gradient);
    border: none;
    color: white;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.filter-group .input-group-text i[b-3qtyem0aii] {
    font-size: 0.875rem;
}

.filter-group .form-select[b-3qtyem0aii] {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background-color: var(--input-bg);
    color: var(--text-color);
    border-color: var(--border-color);
    border-left: none;
    transition: all 0.3s ease;
    font-weight: 500;
}

.filter-group .form-select:focus[b-3qtyem0aii] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
    background-color: var(--input-bg);
}

[data-theme="dark"] .filter-controls[b-3qtyem0aii] {
    background: var(--card-bg-dark, #2d3748);
    border-color: var(--border-color-dark, #4a5568);
}

[data-theme="dark"] .filter-group .form-label[b-3qtyem0aii] {
    color: var(--text-color-dark, #f7fafc);
}

[data-theme="dark"] .filter-group .form-select[b-3qtyem0aii] {
    background-color: var(--input-bg-dark, #23272b);
    color: var(--text-color-dark, #f8f9fa);
    border-color: var(--border-color-dark, #444950);
}

[data-theme="dark"] .filter-group .form-select:focus[b-3qtyem0aii] {
    background-color: var(--input-bg-dark, #23272b);
}

/* Loading state styles */
.reports-loading[b-3qtyem0aii] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

.report-item-skeleton[b-3qtyem0aii] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Table styles */
.reports-table[b-3qtyem0aii] {
    width: 100%;
    margin-bottom: 0;
}

.reports-table th[b-3qtyem0aii],
.reports-table td[b-3qtyem0aii] {
    vertical-align: middle;
    padding: 0.75rem;
}

/* Source badge styles */
.reports-table .source-badge[b-3qtyem0aii] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.875rem;
    font-weight: 600;
    background: var(--primary-gradient);
    color: white;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.reports-table .source-badge i[b-3qtyem0aii] {
    font-size: 1rem;
}

/* Source and subsource link styles */
.source-link[b-3qtyem0aii],
.subsource-link[b-3qtyem0aii] {
    transition: all 0.3s ease;
    display: inline-block;
}

.source-link:hover .source-badge[b-3qtyem0aii] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.3);
    filter: brightness(1.1);
}

.subsource-link:hover .report-sub-source[b-3qtyem0aii] {
    color: var(--primary-color) !important;
    text-decoration: underline;
    transform: translateX(2px);
}

.reports-table .report-date[b-3qtyem0aii],
.reports-table .report-sub-source[b-3qtyem0aii] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
    transition: all 0.3s ease;
}

/* Stats styles */
.reports-table .stat-value[b-3qtyem0aii] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--primary-color);
}

/* Loading state styles */
.reports-table.loading td[b-3qtyem0aii] {
    padding: 0.75rem;
    background-color: var(--bg-secondary);
}

.loading-placeholder[b-3qtyem0aii] {
    position: relative;
    overflow: hidden;
    background: var(--border-color);
    border-radius: var(--border-radius-sm);
}

.loading-placeholder[b-3qtyem0aii]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        rgba(var(--primary-color-rgb), 0) 0,
        rgba(var(--primary-color-rgb), 0.05) 20%,
        rgba(var(--primary-color-rgb), 0.2) 60%,
        rgba(var(--primary-color-rgb), 0.05) 80%,
        rgba(var(--primary-color-rgb), 0) 100%
    );
    animation: shimmer-b-3qtyem0aii 2s infinite;
}

@keyframes shimmer-b-3qtyem0aii {
    100% {
        transform: translateX(100%);
    }
}

.source-placeholder[b-3qtyem0aii] {
    width: 120px;
    height: 32px;
}

.subsource-placeholder[b-3qtyem0aii] {
    width: 100px;
    height: 20px;
}

.date-placeholder[b-3qtyem0aii] {
    width: 140px;
    height: 20px;
}

.stat-placeholder[b-3qtyem0aii] {
    width: 50px;
    height: 24px;
    margin: 0 auto;
}

/* Active filters indicator */
.active-filters[b-3qtyem0aii] {
    margin-top: -0.5rem;
    animation: slideDown-b-3qtyem0aii 0.3s ease;
}

@keyframes slideDown-b-3qtyem0aii {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.filter-indicator[b-3qtyem0aii] {
    background: linear-gradient(135deg, var(--card-bg) 0%, rgba(var(--primary-color-rgb), 0.05) 100%);
    border: 1px solid var(--border-color);
    padding: 1rem 1.25rem;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.filter-indicator:hover[b-3qtyem0aii] {
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.filter-label[b-3qtyem0aii] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-label[b-3qtyem0aii]::before {
    content: '🔍';
    font-size: 0.75rem;
}

.filter-badge[b-3qtyem0aii] {
    display: inline-flex;
    align-items: center;
    background: var(--primary-gradient);
    color: white;
    padding: 0.625rem 1rem;
    border-radius: 2rem;
    font-weight: 600;
    font-size: 0.875rem;
    box-shadow: 0 2px 8px rgba(var(--primary-color-rgb), 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    gap: 0.5rem;
    position: relative;
    overflow: hidden;
}

.filter-badge[b-3qtyem0aii]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.filter-badge:hover[b-3qtyem0aii]::before {
    left: 100%;
}

.filter-badge:hover[b-3qtyem0aii] {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 15px rgba(var(--primary-color-rgb), 0.4);
    filter: brightness(1.1);
}

.filter-badge .filter-badge-close[b-3qtyem0aii] {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    padding: 0;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
    font-size: 0.75rem;
    line-height: 1;
}

.filter-badge .filter-badge-close:hover[b-3qtyem0aii] {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.filter-badge .filter-badge-close:active[b-3qtyem0aii] {
    transform: scale(0.95);
}

.filter-badge .filter-badge-close i[b-3qtyem0aii] {
    font-size: 0.75rem;
    font-weight: bold;
}

/* Dark theme adjustments */
[data-theme="dark"] .filter-indicator[b-3qtyem0aii] {
    background: linear-gradient(135deg, var(--card-bg-dark, #2d3748) 0%, rgba(var(--primary-color-rgb), 0.08) 100%);
    border-color: var(--border-color-dark, #4a5568);
}

[data-theme="dark"] .filter-label[b-3qtyem0aii] {
    color: var(--text-secondary-dark, #a0aec0);
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .reports-table th[b-3qtyem0aii],
    .reports-table td[b-3qtyem0aii] {
        padding: 0.625rem;
    }

    .reports-table .source-badge[b-3qtyem0aii] {
        padding: 0.25rem 0.5rem;
    }

    .reports-table .stat-value[b-3qtyem0aii] {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .reports-table th[b-3qtyem0aii],
    .reports-table td[b-3qtyem0aii] {
        padding: 0.5rem 0.375rem;
    }

    .reports-table .source-badge[b-3qtyem0aii] {
        font-size: 0.8125rem;
    }

    .reports-table .report-date[b-3qtyem0aii],
    .reports-table .report-sub-source[b-3qtyem0aii] {
        font-size: 0.8125rem;
    }

    .reports-table .stat-value[b-3qtyem0aii] {
        font-size: 0.9375rem;
    }
}

@media (max-width: 575.98px) {
    .reports-table th[b-3qtyem0aii],
    .reports-table td[b-3qtyem0aii] {
        padding: 0.5rem 0.25rem;
    }

    .reports-table .source-badge[b-3qtyem0aii] {
        padding: 0.25rem 0.375rem;
        font-size: 0.75rem;
    }

    .reports-table .report-date[b-3qtyem0aii],
    .reports-table .report-sub-source[b-3qtyem0aii] {
        font-size: 0.75rem;
    }

    .reports-table .stat-value[b-3qtyem0aii] {
        font-size: 0.875rem;
    }
}

[data-theme="dark"] .reports-table[b-3qtyem0aii] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}
[data-theme="dark"] .reports-table th[b-3qtyem0aii],
[data-theme="dark"] .reports-table td[b-3qtyem0aii] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}
[data-theme="dark"] .reports-table .source-badge[b-3qtyem0aii] {
    background: var(--primary-gradient);
    color: var(--bg-secondary);
}
[data-theme="dark"] .reports-table .report-date[b-3qtyem0aii],
[data-theme="dark"] .reports-table .report-sub-source[b-3qtyem0aii] {
    color: var(--text-secondary);
}

/* ========== Header Layout ========== */
.d-flex.justify-content-between.align-items-center[b-3qtyem0aii] {
    gap: 1rem;
}

/* ========== Responsive Design ========== */
@media (max-width: 768px) {
    .d-flex.justify-content-between.align-items-center[b-3qtyem0aii] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .d-flex.justify-content-between.align-items-center > div:last-child[b-3qtyem0aii] {
        align-self: stretch;
    }
    
    .d-flex.justify-content-between.align-items-center .btn[b-3qtyem0aii] {
        width: 100%;
        justify-content: center;
    }
}

/* Clickable row styling */
.clickable-row[b-3qtyem0aii] {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.clickable-row:hover[b-3qtyem0aii] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.05) 0%, rgba(var(--primary-color-rgb), 0.1) 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.clickable-row:focus[b-3qtyem0aii] {
    outline: 2px solid var(--primary-color);
    outline-offset: -2px;
    background: rgba(var(--primary-color-rgb), 0.08);
}

.clickable-row:active[b-3qtyem0aii] {
    transform: translateY(0);
    background: rgba(var(--primary-color-rgb), 0.12);
}

/* Add a subtle indicator that the row is clickable */
.clickable-row[b-3qtyem0aii]::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 0.5rem;
    background: var(--primary-color);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.clickable-row:hover[b-3qtyem0aii]::after {
    opacity: 0.6;
}

/* Dark theme adjustments */
[data-theme="dark"] .clickable-row:hover[b-3qtyem0aii] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.08) 0%, rgba(var(--primary-color-rgb), 0.15) 100%);
}

[data-theme="dark"] .clickable-row:focus[b-3qtyem0aii] {
    background: rgba(var(--primary-color-rgb), 0.12);
}

[data-theme="dark"] .clickable-row:active[b-3qtyem0aii] {
    background: rgba(var(--primary-color-rgb), 0.18);
}
/* _content/WebApp/Components/Pages/Settings.razor.rz.scp.css */
/* Settings component styles */
.card[b-wdabpcmayz] {
    position: relative;
    padding-bottom: 55px;
}

.card-footer[b-wdabpcmayz] {
    background-color: transparent;
    text-align: right;
    padding: 1rem 1.5rem;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.form-label[b-wdabpcmayz] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-check-input[b-wdabpcmayz] {
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}

.form-check-label[b-wdabpcmayz] {
    cursor: pointer;
    padding-left: 0.25rem;
}

.section-title[b-wdabpcmayz] {
    color: var(--primary-color);
    margin-bottom: 1.5rem;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.section-title[b-wdabpcmayz]::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    width: 50%;
    height: 3px;
    background: var(--primary-gradient);
    border-radius: 3px;
}

/* Custom toggle switch styling */
.custom-switch[b-wdabpcmayz] {
    padding-left: 3.5em;
    margin-bottom: 1rem;
}

.custom-switch .form-check-input[b-wdabpcmayz] {
    width: 3em;
    height: 1.5em;
    margin-left: -3.5em;
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out, 
                background-color .15s ease-in-out,
                border-color .15s ease-in-out;
}

.custom-switch .form-check-input:checked[b-wdabpcmayz] {
    background-position: right center;
}

.custom-switch .form-check-label[b-wdabpcmayz] {
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    padding-top: 0.25em;
}

.custom-switch:hover .form-check-input:not(:disabled)[b-wdabpcmayz] {
    cursor: pointer;
    filter: brightness(95%);
}

.custom-switch .text-muted[b-wdabpcmayz] {
    margin-top: 0.25rem;
    margin-left: 0.1rem;
}
/* _content/WebApp/Components/Pages/WhatsNew.razor.rz.scp.css */
/* Let global app.css handle dark mode theming - removed hardcoded styles */

.whats-new-content[b-rjayns2r14] {
    margin: 2rem auto;
}

/* Card styles - using global variables */
.card[b-rjayns2r14] {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: transform 0.2s ease-in-out;
}


/* Removed duplicate - using explicit dark mode styles at top of file */

.card:hover[b-rjayns2r14] {
    transform: translateY(-2px);
}


.card-body[b-rjayns2r14] {
    padding: 2rem;
}

.markdown-content[b-rjayns2r14] {
    line-height: 1.6;
}

/* Markdown content styles - using global variables */
.markdown-content h2[b-rjayns2r14] {
    font-size: 1.75rem;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--border-color);
    color: var(--text-primary);
    font-weight: 600;
}

.markdown-content h3[b-rjayns2r14] {
    font-size: 1.35rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
    font-weight: 500;
}

.markdown-content p[b-rjayns2r14] {
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.markdown-content code[b-rjayns2r14] {
    background-color: var(--code-bg);
    color: var(--code-color);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
}

.markdown-content a[b-rjayns2r14] {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.markdown-content a:hover[b-rjayns2r14] {
    color: var(--link-hover-color);
    text-decoration: underline;
}


/* Markdown list styles - using global variables */
.markdown-content h1[b-rjayns2r14] {
    display: none; /* Hide the H1 since we have a page header */
}

.markdown-content ul[b-rjayns2r14] {
    list-style-type: none;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}

.markdown-content li[b-rjayns2r14] {
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
    position: relative;
    color: var(--text-primary);
}

.markdown-content li[b-rjayns2r14]:before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--primary-color);
}

[b-rjayns2r14] .spinner-border {
    width: 3rem;
    height: 3rem;
}

.feedback-section[b-rjayns2r14] {
    text-align: center;
    margin-top: 3rem;
    padding: 1rem;
}

.feedback-button[b-rjayns2r14] {
    font-size: 1.1rem;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.feedback-button:hover[b-rjayns2r14] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.feedback-button i[b-rjayns2r14] {
    font-size: 1.2rem;
}


/* Removed duplicate - using explicit dark mode styles at top of file */

/* Loading state - using global variables */
.loading-state[b-rjayns2r14] {
    text-align: center;
    color: var(--text-primary);
    animation: fadeIn-b-rjayns2r14 0.6s ease-in-out;
    background-color: var(--card-bg) !important;
    border-radius: var(--border-radius);
    margin: 1rem 0;
    min-height: 250px;
}

/* Removed - using global theming */

.loading-state .card-body[b-rjayns2r14] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

@keyframes fadeIn-b-rjayns2r14 {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* _content/WebApp/Components/Shared/AccountDeletedDialog.razor.rz.scp.css */
/* Account Deleted Dialog Styles */
.modal[b-q3nh54ppn0] {
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content[b-q3nh54ppn0] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
}

.modal-header[b-q3nh54ppn0] {
    border-bottom: none;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.modal-body[b-q3nh54ppn0] {
    padding: 2rem;
}

.modal-footer[b-q3nh54ppn0] {
    border-top: none;
    padding: 1rem 2rem 2rem 2rem;
}

/* Success icon animation */
.modal-body .bi-check-circle-fill[b-q3nh54ppn0] {
    animation: successPulse-b-q3nh54ppn0 1.5s ease-in-out;
}

@keyframes successPulse-b-q3nh54ppn0 {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Dark theme support */
[data-theme="dark"] .modal-content[b-q3nh54ppn0] {
    background-color: var(--card-background);
    color: var(--text-color);
}

[data-theme="dark"] .text-muted[b-q3nh54ppn0] {
    color: var(--text-muted) !important;
}

/* Button styling */
.btn-success[b-q3nh54ppn0] {
    background: var(--success-color);
    border-color: var(--success-color);
    transition: all 0.3s ease;
}

.btn-success:hover[b-q3nh54ppn0] {
    background: var(--success-hover-color);
    border-color: var(--success-hover-color);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
/* _content/WebApp/Components/Shared/ActionMenu.razor.rz.scp.css */
/* ActionMenu component styles for responsive action buttons */

.action-menu-container[b-humla67sf8] {
    position: relative;
}

/* Action menu toggle button */
.action-menu-toggle[b-humla67sf8] {
    min-width: 36px !important;
    height: 32px !important;
    padding: 0.375rem 0.5rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: var(--border-color);
    color: var(--text-secondary);
    transition: all 0.2s ease-in-out;
}

.action-menu-toggle:hover:not(:disabled)[b-humla67sf8] {
    background-color: var(--hover-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
    transform: translateY(-1px);
}

.action-menu-toggle i[b-humla67sf8] {
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.action-menu-toggle:hover:not(:disabled) i[b-humla67sf8] {
    transform: scale(1.1);
}

/* Dropdown menu styling */
.action-menu-dropdown[b-humla67sf8] {
    min-width: 160px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    background-color: var(--bg-secondary);
    box-shadow: var(--card-shadow);
    padding: 0.5rem 0;
}

.action-menu-dropdown .dropdown-item[b-humla67sf8] {
    padding: 0.5rem 1rem;
    color: var(--text-primary);
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    border-radius: 0;
}

.action-menu-dropdown .dropdown-item:hover:not(:disabled)[b-humla67sf8] {
    background-color: var(--hover-bg);
    color: var(--text-primary);
    transform: translateX(4px);
}

.action-menu-dropdown .dropdown-item:active[b-humla67sf8] {
    background-color: var(--primary-color);
    color: white;
}

.action-menu-dropdown .dropdown-item i[b-humla67sf8] {
    font-size: 1rem;
    width: 16px;
    display: inline-block;
    text-align: center;
}

.action-menu-dropdown .dropdown-divider[b-humla67sf8] {
    margin: 0.5rem 0;
    border-color: var(--border-color);
}

/* Dark theme support */
[data-theme="dark"] .action-menu-dropdown[b-humla67sf8] {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .action-menu-dropdown .dropdown-item[b-humla67sf8] {
    color: var(--text-primary);
}

[data-theme="dark"] .action-menu-dropdown .dropdown-item:hover:not(:disabled)[b-humla67sf8] {
    background-color: var(--hover-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .action-menu-dropdown .dropdown-divider[b-humla67sf8] {
    border-color: var(--border-color);
}
/* _content/WebApp/Components/Shared/AuthenticationForm.razor.rz.scp.css */
.auth-form[b-ea37leueey] {
    max-width: 500px;
    margin: 3rem auto;
    padding: 2.5rem;
    border-radius: var(--border-radius);
    box-shadow: 0 0.5rem 2rem rgba(var(--primary-color-rgb), 0.15);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.auth-form[b-ea37leueey]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: var(--primary-gradient);
}

.auth-form:hover[b-ea37leueey] {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(var(--primary-color-rgb), 0.2);
}

.form-floating[b-ea37leueey] {
    margin-bottom: 1.5rem;
    transition: all 0.3s ease-in-out;
}

.form-control[b-ea37leueey] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
    border-radius: var(--border-radius-sm);
    padding: 1.2rem 1rem 0.6rem;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.form-control:focus[b-ea37leueey] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    transform: translateY(-2px);
}

.form-floating > label[b-ea37leueey] {
    color: var(--text-secondary);
    padding: 0.8rem 1rem;
    transition: all 0.3s ease;
}

.form-floating > .form-control:focus ~ label[b-ea37leueey],
.form-floating > .form-control:not(:placeholder-shown) ~ label[b-ea37leueey] {
    color: var(--primary-color);
    opacity: 1;
    transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
}

.btn-primary[b-ea37leueey] {
    width: 100%;
    padding: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    background: var(--primary-gradient);
    border-color: var(--primary-color);
    color: #ffffff;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 4px 10px rgba(var(--primary-color-rgb), 0.2);
}

.btn-primary:hover[b-ea37leueey] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(var(--primary-color-rgb), 0.25);
    filter: brightness(1.1);
}

.btn-primary:active[b-ea37leueey] {
    transform: translateY(0);
}

.alert[b-ea37leueey] {
    margin-bottom: 1rem;
    animation: fadeIn-b-ea37leueey 0.3s ease-in-out;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

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

/* Account Creation Notice Styling */
.alert-info[b-ea37leueey] {
    background: linear-gradient(135deg, rgba(var(--info-color-rgb), 0.1) 0%, rgba(var(--primary-color-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--info-color-rgb), 0.2);
    border-radius: var(--border-radius-sm);
    color: var(--text-primary);
    box-shadow: 0 2px 8px rgba(var(--info-color-rgb), 0.1);
}

.alert-info .bi-info-circle-fill[b-ea37leueey] {
    color: var(--info-color);
    font-size: 1.1rem;
}

.alert-info .alert-heading[b-ea37leueey] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
}

.alert-info p[b-ea37leueey] {
    color: var(--text-primary);
    font-size: 0.9rem;
    line-height: 1.4;
}

.alert-info small[b-ea37leueey] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    line-height: 1.3;
}

/* Feature Showcase Styling */
.feature-showcase[b-ea37leueey] {
    border-top: 1px solid var(--border-color);
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}

.feature-showcase-title[b-ea37leueey] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.feature-showcase-title .bi-star-fill[b-ea37leueey] {
    color: var(--warning-color);
    font-size: 0.9rem;
}

.feature-grid[b-ea37leueey] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.feature-item[b-ea37leueey] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: var(--border-radius-sm);
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.03) 0%, rgba(var(--secondary-color-rgb), 0.02) 100%);
    border: 1px solid rgba(var(--border-color-rgb), 0.5);
    transition: all 0.3s ease;
}

.feature-item:hover[b-ea37leueey] {
    transform: translateY(-2px);
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.08) 0%, rgba(var(--secondary-color-rgb), 0.04) 100%);
    border-color: rgba(var(--primary-color-rgb), 0.2);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.1);
}

.feature-icon[b-ea37leueey] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-gradient);
    border-radius: 50%;
    color: white;
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(var(--primary-color-rgb), 0.3);
}

.feature-content h6[b-ea37leueey] {
    margin: 0 0 0.25rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.feature-content p[b-ea37leueey] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.3;
}

/* Responsive Design */
@media (min-width: 576px) {
    .feature-grid[b-ea37leueey] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

/* Loading Steps Styling */
.loading-steps[b-ea37leueey] {
    margin-top: 1rem;
}

.loading-step[b-ea37leueey] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
    color: var(--bs-text-muted);
}

.loading-step i[b-ea37leueey] {
    font-size: 1rem;
    transition: all 0.3s ease;
}

.loading-step.completed[b-ea37leueey] {
    color: var(--bs-success);
}

.loading-step.completed i[b-ea37leueey] {
    color: var(--bs-success);
}

.loading-step:not(.completed) i[b-ea37leueey] {
    color: var(--bs-text-muted);
    opacity: 0.5;
}

/* Dark theme support for loading steps */
[data-theme="dark"] .loading-step[b-ea37leueey] {
    color: var(--bs-text-muted);
}

[data-theme="dark"] .loading-step.completed[b-ea37leueey] {
    color: var(--bs-success);
}

[data-theme="dark"] .loading-step:not(.completed) i[b-ea37leueey] {
    color: var(--bs-text-muted);
    opacity: 0.6;
}

/* Animation for step completion */
.loading-step.completed i[b-ea37leueey] {
    animation: checkMark-b-ea37leueey 0.3s ease-in-out;
}

@keyframes checkMark-b-ea37leueey {
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
/* _content/WebApp/Components/Shared/CollapsibleSection.razor.rz.scp.css */
.collapsible-section[b-wtwbzpobah] { border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); background: var(--card-bg); margin-bottom: 1rem; box-shadow: var(--card-shadow); }
.collapsible-section.closed[b-wtwbzpobah] { opacity: 0.95; }
.collapsible-header[b-wtwbzpobah] { padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--border-color); background: rgba(var(--bg-secondary-rgb),0.6); }
.collapsible-header .toggle-btn[b-wtwbzpobah] { background: var(--bg-secondary); border-color: var(--border-color); }
.collapsible-header .toggle-btn:hover[b-wtwbzpobah] { background: var(--hover-bg); }

.collapsible-content[b-wtwbzpobah] { overflow: hidden; transition: max-height 0.4s ease, opacity 0.35s ease; padding: 0.75rem 0.85rem; }
.collapsible-section.closed .collapsible-content[b-wtwbzpobah] { padding-top: 0; padding-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
    .collapsible-content[b-wtwbzpobah] { transition: none !important; }
}

@media (max-width: 575.98px) {
    .collapsible-section[b-wtwbzpobah] { box-shadow: none; }
}
/* _content/WebApp/Components/Shared/ConfirmationDialog.razor.rz.scp.css */
.modal[b-3z703xjcjs] {
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content[b-3z703xjcjs] {
    border: none;
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow);
}

.modal-header[b-3z703xjcjs] {
    border-bottom: 1px solid var(--border-color);
    padding: 1rem 1.5rem;
}

.modal-body[b-3z703xjcjs] {
    padding: 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
}

.modal-footer[b-3z703xjcjs] {
    border-top: 1px solid var(--border-color);
    padding: 1rem 1.5rem;
}

.btn-close[b-3z703xjcjs] {
    opacity: 0.75;
    transition: opacity 0.2s;
}

.btn-close:hover[b-3z703xjcjs] {
    opacity: 1;
}
/* _content/WebApp/Components/Shared/CopyFailedDialog.razor.rz.scp.css */
.modal[b-xxpqeou21o] {
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content[b-xxpqeou21o] {
    border: none;
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow);
}

.modal-header[b-xxpqeou21o] {
    border-bottom: 1px solid var(--border-color);
    padding: 1rem 1.5rem;
    background: var(--primary-gradient);
    color: white;
}

.modal-header .modal-title[b-xxpqeou21o] {
    font-weight: 600;
}

.modal-header .btn-close[b-xxpqeou21o] {
    filter: invert(1);
}

.modal-body[b-xxpqeou21o] {
    padding: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.6;
}

.modal-footer[b-xxpqeou21o] {
    border-top: 1px solid var(--border-color);
    padding: 1rem 1.5rem;
}

.copy-content[b-xxpqeou21o] {
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    line-height: 1.4;
    resize: vertical;
    min-height: 80px;
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    transition: border-color 0.3s ease;
}

.copy-content:focus[b-xxpqeou21o] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
}

.input-group .btn[b-xxpqeou21o] {
    border-color: var(--border-color);
}

.form-text[b-xxpqeou21o] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-top: 0.5rem;
}

.form-text i[b-xxpqeou21o] {
    color: var(--warning-color);
}

.btn-close[b-xxpqeou21o] {
    opacity: 0.75;
    transition: opacity 0.2s;
}

.btn-close:hover[b-xxpqeou21o] {
    opacity: 1;
}

/* Dark theme adjustments */
[data-theme="dark"] .copy-content[b-xxpqeou21o] {
    background-color: var(--background-color-alt);
    color: var(--text-color);
}

[data-theme="dark"] .modal-content[b-xxpqeou21o] {
    background-color: var(--card-background);
    color: var(--text-color);
}
/* _content/WebApp/Components/Shared/ExportButton.razor.rz.scp.css */
/* ExportButton component styles for different contexts */

.export-btn[b-evf4j1xda8] {
    transition: all 0.2s ease-in-out;
    min-width: 120px;
    position: relative;
    overflow: hidden;
}

/* Mini mode styling - compact icon-only button - matches action-btn sizing */
.export-btn-mini[b-evf4j1xda8] {
    min-width: 36px !important;
    width: 36px !important;
    height: 32px !important;
    padding: 0.375rem 0.5rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.export-btn-mini .dropdown-toggle[b-evf4j1xda8]::after {
    margin-left: 0 !important;
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 0.6rem;
}

.export-btn-mini i[b-evf4j1xda8] {
    font-size: 1rem;
}

.export-btn-mini .spinner-border-sm[b-evf4j1xda8] {
    width: 0.75rem;
    height: 0.75rem;
}

/* Light variant for colored backgrounds (like card headers) */
.export-btn.btn-outline-light[b-evf4j1xda8] {
    color: var(--bg-secondary);
    border-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.5);
}

.export-btn.btn-outline-light:hover:not(.disabled)[b-evf4j1xda8] {
    background-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.15);
    border-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.7);
}

.export-btn.btn-outline-light:focus[b-evf4j1xda8] {
    box-shadow: 0 0 0 0.25rem rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.2);
}

/* Primary variant for regular backgrounds */
.export-btn.btn-outline-primary[b-evf4j1xda8] {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.export-btn.btn-outline-primary:hover:not(.disabled)[b-evf4j1xda8] {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.export-btn.btn-outline-primary:focus[b-evf4j1xda8] {
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

/* Success variant (legacy support) */
.export-btn.btn-outline-success[b-evf4j1xda8] {
    color: var(--success-color);
    border-color: var(--success-color);
}

.export-btn.btn-outline-success:hover:not(.disabled)[b-evf4j1xda8] {
    background-color: var(--success-color);
    color: white;
    border-color: var(--success-color);
}

/* Active/Show states for dropdown open */
.export-btn.btn-outline-primary.show[b-evf4j1xda8],
.export-btn.btn-outline-primary:active[b-evf4j1xda8] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.export-btn.btn-outline-light.show[b-evf4j1xda8],
.export-btn.btn-outline-light:active[b-evf4j1xda8] {
    background-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.25);
    border-color: rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.8);
    color: var(--bg-secondary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bg-secondary-rgb, 255, 255, 255), 0.2);
}

.export-btn.btn-outline-success.show[b-evf4j1xda8],
.export-btn.btn-outline-success:active[b-evf4j1xda8] {
    background-color: var(--success-color);
    border-color: var(--success-color);
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(var(--success-color-rgb), 0.25);
}

.export-btn.btn-outline-secondary.show[b-evf4j1xda8],
.export-btn.btn-outline-secondary:active[b-evf4j1xda8] {
    background-color: var(--hover-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--text-secondary-rgb, 93, 87, 119), 0.25);
}

/* Mini mode active states */
.export-btn-mini.show[b-evf4j1xda8],
.export-btn-mini:active[b-evf4j1xda8] {
    transform: none; /* Prevent mini buttons from moving when active */
}

.export-btn-mini.show .dropdown-toggle[b-evf4j1xda8]::after,
.export-btn-mini:active .dropdown-toggle[b-evf4j1xda8]::after {
    transform: rotate(180deg); /* Rotate dropdown indicator when open */
}

.export-btn.btn-outline-secondary[b-evf4j1xda8] {
    color: var(--text-secondary);
    border-color: var(--border-color);
}

.export-btn.btn-outline-secondary:hover:not(.disabled)[b-evf4j1xda8] {
    background-color: var(--hover-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Common hover effect */
.export-btn:hover:not(.disabled)[b-evf4j1xda8] {
    transform: translateY(-1px);
}

/* Dropdown toggle enhancements */
.export-btn .dropdown-toggle[b-evf4j1xda8]::after {
    transition: transform 0.2s ease;
}

.export-btn.show .dropdown-toggle[b-evf4j1xda8]::after {
    transform: rotate(180deg);
}

/* Prevent hover effects when dropdown is open */
.export-btn.show:hover[b-evf4j1xda8] {
    transform: none;
}

/* Disabled state */
.export-btn:disabled[b-evf4j1xda8],
.export-btn.disabled[b-evf4j1xda8] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.dropdown-menu[b-evf4j1xda8] {
    border: 1px solid rgba(var(--border-color-rgb), 0.2);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
}

.dropdown-item[b-evf4j1xda8] {
    transition: all 0.2s ease;
    border-radius: calc(var(--border-radius) * 0.5);
    margin: 2px 8px;
}

.dropdown-item:hover:not(:disabled)[b-evf4j1xda8] {
    background: var(--primary-gradient);
    color: white;
    transform: translateX(4px);
}

.dropdown-item:disabled[b-evf4j1xda8] {
    opacity: 0.5;
    cursor: not-allowed;
}

.dropdown-header[b-evf4j1xda8] {
    color: var(--text-color);
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.5rem 1rem 0.25rem;
}

/* Icon styling */
.dropdown-item i[b-evf4j1xda8] {
    width: 16px;
    display: inline-block;
}

/* Loading state */
.spinner-border-sm[b-evf4j1xda8] {
    width: 0.875rem;
    height: 0.875rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .export-btn[b-evf4j1xda8] {
        min-width: 80px;
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }
    
    .export-btn-mini[b-evf4j1xda8] {
        min-width: 36px !important;
        width: 36px !important;
        height: 32px !important;
        padding: 0.375rem 0.5rem !important;
        font-size: 0.875rem;
    }
    
    .export-btn-mini i[b-evf4j1xda8] {
        font-size: 1rem;
    }
    
    .dropdown-item[b-evf4j1xda8] {
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 576px) {
    .export-btn[b-evf4j1xda8] {
        min-width: auto;
        font-size: 0.8rem;
        padding: 0.25rem 0.5rem;
        justify-content: center;
    }
    
    .export-btn-mini[b-evf4j1xda8] {
        min-width: 32px !important;
        width: 32px !important;
        height: 28px !important;
        padding: 0.25rem 0.375rem !important;
        font-size: 0.8rem;
    }
    
    .export-btn-mini i[b-evf4j1xda8] {
        font-size: 0.875rem;
    }
    
    .dropdown-item[b-evf4j1xda8] {
        font-size: 0.8rem;
        padding: 0.375rem 0.75rem;
    }
    
    .dropdown-item i[b-evf4j1xda8] {
        width: 14px;
    }
}
/* _content/WebApp/Components/Shared/NewFeaturesDialog.razor.rz.scp.css */
.new-features-content[b-sktigbaq25] {
    max-height: 60vh;
    overflow-y: auto;
}

.feature-section[b-sktigbaq25] {
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    background: var(--card-bg);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.feature-section:hover[b-sktigbaq25] {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
    border-color: var(--primary-color);
}

.feature-title[b-sktigbaq25] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 0.95rem;
}

.feature-description[b-sktigbaq25] {
    color: var(--text-secondary);
    margin-bottom: 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Remove hardcoded dark theme - use global variables */

/* Modal customizations */
.modal-header.bg-primary[b-sktigbaq25] {
    background: var(--primary-gradient) !important;
    border-bottom: none;
}

.modal-content[b-sktigbaq25] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    background: var(--card-bg);
    color: var(--text-primary);
}

.modal-footer[b-sktigbaq25] {
    border-top: 1px solid var(--border-color);
    background: var(--card-bg);
}

/* Animation improvements */
.modal.fade.show[b-sktigbaq25] {
    animation: slideInDown-b-sktigbaq25 0.3s ease-out;
}

@keyframes slideInDown-b-sktigbaq25 {
    from {
        opacity: 0;
        transform: translate(-50%, -60%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .modal-dialog[b-sktigbaq25] {
        margin: 1rem;
    }
    
    .new-features-content[b-sktigbaq25] {
        max-height: 50vh;
    }
    
    .feature-section[b-sktigbaq25] {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }
    
    .feature-title[b-sktigbaq25] {
        font-size: 0.9rem;
    }
    
    .feature-description[b-sktigbaq25] {
        font-size: 0.85rem;
    }
}
/* _content/WebApp/Components/Shared/RegistrationErrorDialog.razor.rz.scp.css */
/* Registration Error Dialog Styles */
.modal-content[b-y695g5en9e] {
    border-radius: var(--border-radius);
    overflow: hidden;
}

.modal-header[b-y695g5en9e] {
    background: linear-gradient(135deg, #dc3545, #c82333);
    border: none;
}

.modal-header .modal-title[b-y695g5en9e] {
    font-weight: 600;
}

.modal-body[b-y695g5en9e] {
    background: var(--card-background);
}

.alert[b-y695g5en9e] {
    border-radius: var(--border-radius);
}

.alert-danger[b-y695g5en9e] {
    background-color: rgba(220, 53, 69, 0.1);
    color: var(--text-color);
}

.alert-info[b-y695g5en9e] {
    background-color: rgba(13, 110, 253, 0.1);
    color: var(--text-color);
}

.alert-warning[b-y695g5en9e] {
    background-color: rgba(255, 193, 7, 0.1);
    color: var(--text-color);
}

.alert-heading[b-y695g5en9e] {
    color: var(--text-color);
    font-weight: 600;
}

details summary[b-y695g5en9e] {
    transition: color 0.2s ease;
}

details summary:hover[b-y695g5en9e] {
    color: var(--primary-color);
}

details[open] summary[b-y695g5en9e] {
    margin-bottom: 0.5rem;
}

.btn[b-y695g5en9e] {
    border-radius: var(--border-radius);
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn:hover[b-y695g5en9e] {
    transform: translateY(-1px);
}

.modal-footer[b-y695g5en9e] {
    background: var(--card-background);
}

/* Dark theme adjustments */
[data-theme="dark"] .modal-content[b-y695g5en9e] {
    background: var(--card-background);
    color: var(--text-color);
}

[data-theme="dark"] .alert-danger[b-y695g5en9e] {
    background-color: rgba(220, 53, 69, 0.15);
    border: 1px solid rgba(220, 53, 69, 0.2);
}

[data-theme="dark"] .alert-info[b-y695g5en9e] {
    background-color: rgba(13, 110, 253, 0.15);
    border: 1px solid rgba(13, 110, 253, 0.2);
}

[data-theme="dark"] .alert-warning[b-y695g5en9e] {
    background-color: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.2);
}

[data-theme="dark"] details .bg-light[b-y695g5en9e] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] code[b-y695g5en9e] {
    color: var(--text-muted);
    background: transparent;
}
/* _content/WebApp/Components/Shared/SaveButton.razor.rz.scp.css */
/* SaveButton component styles */
button[b-c7eandjqc5] {
    transition: all 0.2s ease-in-out;
}

/* If the button should float in a card (handled by parent component CSS) */
:host(.floating) button[b-c7eandjqc5] {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
/* _content/WebApp/Components/Shared/SurveyLink.razor.rz.scp.css */
/* Discreet survey link styling */
.feedback-survey-link[b-ly2j0l5m55] {
    font-size: 0.8rem;
    opacity: 0.7;
    text-decoration: none;
    transition: opacity 0.2s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    color: var(--text-color, #333);
}

.feedback-survey-link:hover[b-ly2j0l5m55] {
    opacity: 1;
    color: var(--primary-color);
    text-decoration: none;
    background: rgba(var(--primary-color-rgb), 0.08);
}

[data-theme="dark"] .feedback-survey-link[b-ly2j0l5m55] {
    color: var(--text-color, #ddd);
}

[data-theme="dark"] .feedback-survey-link:hover[b-ly2j0l5m55] {
    background: rgba(var(--primary-color-rgb), 0.18);
}
/* _content/WebApp/Components/Shared/ThemeToggle.razor.rz.scp.css */
/* Enhanced theme toggle button styling */
[b-gvksuv27jj] .theme-toggle-button {
    background: var(--primary-gradient);
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

[b-gvksuv27jj] .theme-toggle-button:hover {
    transform: translateY(-3px) rotate(15deg);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

[b-gvksuv27jj] .theme-toggle-button:active {
    transform: translateY(0) rotate(0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

[b-gvksuv27jj] .theme-toggle-button:focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.3), 0 3px 8px rgba(0, 0, 0, 0.15);
    outline: none;
}

/* Icon styling */
[b-gvksuv27jj] .bi {
    color: var(--bg-secondary);
}

[b-gvksuv27jj] .theme-toggle-button:hover .bi {
    transform: scale(1.2);
}

/* Override Bootstrap's btn-link color */
[b-gvksuv27jj] .btn.theme-toggle-button:active {
    color: var(--bg-secondary);
}
/* _content/WebApp/Components/Shared/ToastNotification.razor.rz.scp.css */
.toast-container[b-e69eqzluzn] {
    z-index: 11000;
}

.toast[b-e69eqzluzn] {
    animation: toast-in-b-e69eqzluzn 0.3s ease-in-out;
    box-shadow: var(--card-shadow);
}

.toast-body[b-e69eqzluzn] {
    border-radius: 0.25rem;
}

@keyframes toast-in-b-e69eqzluzn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/WebApp/Components/Shared/UsageLimitDialog.razor.rz.scp.css */
.usage-limit-content[b-dr9kmjqsh5] {
    max-height: 70vh;
    overflow-y: auto;
}

.usage-details[b-dr9kmjqsh5] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    padding: 1rem;
}

.usage-stat[b-dr9kmjqsh5] {
    text-align: center;
    padding: 0.5rem;
}

.usage-label[b-dr9kmjqsh5] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 0.25rem;
}

.usage-value[b-dr9kmjqsh5] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
}

.upgrade-section[b-dr9kmjqsh5] {
    background: var(--hover-bg);
    border-radius: var(--border-radius-sm);
    padding: 1rem;
}

.upgrade-option[b-dr9kmjqsh5] {
    padding: 0.75rem;
    border-radius: var(--border-radius-sm);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    transition: all 0.2s ease;
}

.upgrade-option:hover[b-dr9kmjqsh5] {
    transform: translateY(-1px);
    box-shadow: var(--card-shadow);
}

.modal-header.bg-warning[b-dr9kmjqsh5] {
    background: linear-gradient(135deg, var(--warning-color), rgba(var(--warning-color-rgb), 0.9)) !important;
    border-bottom: none;
    color: var(--text-primary) !important;
}

/* Close button styling for dark theme */
.modal-header .btn-close[b-dr9kmjqsh5] {
    filter: var(--bs-btn-close-white-filter, invert(1) grayscale(100%) brightness(200%));
}

[data-theme="dark"] .modal-header .btn-close[b-dr9kmjqsh5] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Ensure warning alert works in dark theme */
.alert-warning[b-dr9kmjqsh5] {
    background-color: rgba(var(--warning-color-rgb), 0.1) !important;
    border-color: rgba(var(--warning-color-rgb), 0.3) !important;
    color: var(--text-primary) !important;
}

.alert-warning .bi-info-circle-fill[b-dr9kmjqsh5] {
    color: var(--warning-color) !important;
}

/* Text color overrides for dark theme */
.text-warning[b-dr9kmjqsh5] {
    color: var(--warning-color) !important;
}

.text-muted[b-dr9kmjqsh5] {
    color: var(--text-secondary) !important;
}

.text-info[b-dr9kmjqsh5] {
    color: var(--info-color) !important;
}

.text-success[b-dr9kmjqsh5] {
    color: var(--success-color) !important;
}

.modal-content[b-dr9kmjqsh5] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    background: var(--card-bg);
    color: var(--text-primary);
}

.modal-footer[b-dr9kmjqsh5] {
    border-top: 1px solid var(--border-color);
    background: var(--card-bg);
}

/* Button styling for dark theme */
.btn-secondary[b-dr9kmjqsh5] {
    background-color: var(--btn-secondary-bg, #6c757d) !important;
    border-color: var(--btn-secondary-border, #6c757d) !important;
    color: var(--btn-secondary-color, #fff) !important;
}

.btn-secondary:hover[b-dr9kmjqsh5] {
    background-color: var(--btn-secondary-hover-bg, #5a6268) !important;
    border-color: var(--btn-secondary-hover-border, #545b62) !important;
}

.btn-success[b-dr9kmjqsh5] {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
    color: #fff !important;
}

.btn-success:hover[b-dr9kmjqsh5] {
    background-color: rgba(var(--success-color-rgb), 0.8) !important;
    border-color: rgba(var(--success-color-rgb), 0.8) !important;
}

/* Animation for the modal */
.modal.fade.show[b-dr9kmjqsh5] {
    animation: slideInDown-b-dr9kmjqsh5 0.3s ease-out;
}

@keyframes slideInDown-b-dr9kmjqsh5 {
    from {
        opacity: 0;
        transform: translate(-50%, -60%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .modal-dialog[b-dr9kmjqsh5] {
        margin: 1rem;
    }
    
    .usage-limit-content[b-dr9kmjqsh5] {
        max-height: 60vh;
    }
    
    .usage-details .row[b-dr9kmjqsh5] {
        text-align: center;
    }
    
    .usage-stat[b-dr9kmjqsh5] {
        margin-bottom: 1rem;
    }
    
    .upgrade-option[b-dr9kmjqsh5] {
        padding: 0.5rem;
        margin-bottom: 0.75rem;
    }
    
    /* Dark theme text colors for mobile */
    .text-muted[b-dr9kmjqsh5] {
        color: var(--text-secondary) !important;
    }
}
/* _content/WebApp/Components/Shared/UserNavigation.razor.rz.scp.css */
/* User Navigation Styles */
.user-navigation[b-oksel8y0py] {
    color: white;
    background: transparent; /* Let parent navbar handle background */
    padding: 0.5rem 0;
}

.user-dropdown-toggle[b-oksel8y0py] {
    color: white !important;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius, 0.375rem);
    transition: background-color 0.3s ease;
}

.user-dropdown-toggle:hover[b-oksel8y0py],
.user-dropdown-toggle:focus[b-oksel8y0py] {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1);
}

.user-dropdown-toggle[b-oksel8y0py]::after {
    margin-left: 0.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.user-avatar[b-oksel8y0py] {
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: border-color 0.3s ease;
}

.user-dropdown-toggle:hover .user-avatar[b-oksel8y0py] {
    border-color: rgba(255, 255, 255, 0.4);
}

.user-avatar-placeholder[b-oksel8y0py] {
    width: 32px;
    height: 32px;
    background: var(--primary-gradient);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.user-dropdown-toggle:hover .user-avatar-placeholder[b-oksel8y0py] {
    border-color: rgba(255, 255, 255, 0.4);
    transform: scale(1.05);
}

.user-name[b-oksel8y0py] {
    font-weight: 500;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-dropdown-menu[b-oksel8y0py] {
    border: none;
    box-shadow: var(--card-shadow);
    border-radius: var(--border-radius);
    min-width: 250px;
    padding: 0.5rem 0;
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.user-dropdown-menu .dropdown-header[b-oksel8y0py] {
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
}

.user-info[b-oksel8y0py] {
    text-align: left;
}

.user-display-name[b-oksel8y0py] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.user-email[b-oksel8y0py] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 0.25rem;
}

.user-provider[b-oksel8y0py] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.user-dropdown-menu .dropdown-item[b-oksel8y0py] {
    padding: 0.5rem 1rem;
    color: var(--text-primary);
    transition: all 0.2s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
}

.user-dropdown-menu .dropdown-item:hover[b-oksel8y0py],
.user-dropdown-menu .dropdown-item:focus[b-oksel8y0py] {
    background: var(--hover-bg);
    color: var(--text-primary);
}

.user-dropdown-menu .dropdown-divider[b-oksel8y0py] {
    margin: 0.5rem 0;
    border-color: var(--border-color);
}

/* Login button */
.btn-outline-light[b-oksel8y0py] {
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
    background: transparent;
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius, 0.375rem);
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-oksel8y0py],
.btn-outline-light:focus[b-oksel8y0py] {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
    transform: none; /* Remove any transform effects */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .user-dropdown-menu[b-oksel8y0py] {
        min-width: 200px;
    }
    
    .user-name[b-oksel8y0py] {
        max-width: 100px;
    }
}

/* Loading spinner */
.spinner-border-sm[b-oksel8y0py] {
    color: rgba(255, 255, 255, 0.7);
}

/* Animation for dropdown items */
.user-dropdown-menu .dropdown-item[b-oksel8y0py] {
    opacity: 0;
    animation: fadeInUp-b-oksel8y0py 0.2s ease forwards;
}

.user-dropdown-menu .dropdown-item:nth-child(1)[b-oksel8y0py] { animation-delay: 0.05s; }
.user-dropdown-menu .dropdown-item:nth-child(2)[b-oksel8y0py] { animation-delay: 0.1s; }
.user-dropdown-menu .dropdown-item:nth-child(3)[b-oksel8y0py] { animation-delay: 0.15s; }

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

/* Admin menu item styling */
.admin-menu-item[b-oksel8y0py] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 193, 7, 0.05) 100%);
    border-left: 3px solid var(--warning-color, #ffc107);
}

.admin-menu-item:hover[b-oksel8y0py],
.admin-menu-item:focus[b-oksel8y0py] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 193, 7, 0.08) 100%);
    color: var(--text-primary);
}

.admin-menu-item .badge[b-oksel8y0py] {
    font-size: 0.65rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}
/* _content/WebApp/Components/Shared/ValidationErrorModal.razor.rz.scp.css */
[b-em9m9zi7ge] .modal {
    --bs-modal-fade-transform: translateY(-50px);
}

[b-em9m9zi7ge] .modal.show {
    animation: slideInDown-b-em9m9zi7ge 0.3s ease-out;
}

[b-em9m9zi7ge] .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

@keyframes slideInDown-b-em9m9zi7ge {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

[b-em9m9zi7ge] .modal-content {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
}

[b-em9m9zi7ge] .modal-header.bg-danger {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

[b-em9m9zi7ge] .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}