@import '_content/Majorsoft.Blazor.Components.Loading/Majorsoft.Blazor.Components.Loading.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.wuc5ioiakb.bundle.scp.css';

/* _content/ADG.Website/Components/BetaFlag.razor.rz.scp.css */
.beta-flag[b-2mhukplfie] {
    display: inline-flex;
    align-items: center;
    background: #ffd700;
    color: #333;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0.15em 0.6em;
    border-radius: 0.75em;
    letter-spacing: 0.05em;
    margin-left: 0.5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
    height: auto;
    line-height: 1;
}
/* _content/ADG.Website/Components/Chat/TypingIndicator.razor.rz.scp.css */
.typing-indicator[b-bx62644vao] {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    background: var(--neutral-layer-2, #242831);
    border-radius: 8px;
    border-left: 3px solid var(--accent-fill-rest, #3b82f6);
}

.typing-indicator-content[b-bx62644vao] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.typing-animation[b-bx62644vao] {
    display: flex;
    gap: 0.25rem;
}

.typing-dot[b-bx62644vao] {
    width: 6px;
    height: 6px;
    background: var(--accent-fill-rest, #3b82f6);
    border-radius: 50%;
    animation: typing-pulse-b-bx62644vao 1.4s infinite ease-in-out;
}

.typing-dot:nth-child(1)[b-bx62644vao] {
    animation-delay: 0ms;
}

.typing-dot:nth-child(2)[b-bx62644vao] {
    animation-delay: 200ms;
}

.typing-dot:nth-child(3)[b-bx62644vao] {
    animation-delay: 400ms;
}

.typing-text[b-bx62644vao] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest, #fff);
    opacity: 0.8;
    font-style: italic;
}

@keyframes typing-pulse-b-bx62644vao {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Fade in/out animation for the indicator */
.typing-indicator[b-bx62644vao] {
    animation: fade-in-b-bx62644vao 0.3s ease-in-out;
}

@keyframes fade-in-b-bx62644vao {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/ADG.Website/Components/Developer/UserIdDisplay.razor.rz.scp.css */
.user-id-display[b-kzrjezo5tk] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-family: 'Courier New', Consolas, 'Liberation Mono', monospace;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    background-color: var(--neutral-fill-stealth-rest);
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    border: 1px solid var(--neutral-stroke-rest);
    user-select: all;
    cursor: text;
}

.user-id-display:hover[b-kzrjezo5tk] {
    background-color: var(--neutral-fill-stealth-hover);
    border-color: var(--neutral-stroke-hover);
}

.user-id-prefix[b-kzrjezo5tk] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.user-id-value[b-kzrjezo5tk] {
    font-weight: 400;
    letter-spacing: 0.02em;
}
/* _content/ADG.Website/Components/GlobalSearch.razor.rz.scp.css */
/* Global Search Modal Styles */
.global-search-container[b-8f3uyi7yc4] {
    position: relative;
}

/* Modal Backdrop */
.global-search-backdrop[b-8f3uyi7yc4] {
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.4);
}

/* Modal Content */
.global-search-modal[b-8f3uyi7yc4] {
    margin-top: 5vh;
}

.global-search-modal .mud-dialog-content[b-8f3uyi7yc4] {
    padding: 0;
    overflow: hidden;
}

/* Modal Header */
.search-modal-header[b-8f3uyi7yc4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(26, 29, 35, 0.95);
}

.search-modal-icon[b-8f3uyi7yc4] {
    color: rgba(255, 255, 255, 0.7);
}

.search-modal-shortcuts[b-8f3uyi7yc4] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.shortcut-chip[b-8f3uyi7yc4] {
    height: 20px;
    font-size: 10px;
    padding: 0 6px;
}

/* Search Content */
.global-search-content[b-8f3uyi7yc4] {
    background: rgba(16, 18, 22, 0.98);
    min-height: 400px;
    max-height: 70vh;
    display: flex;
    flex-direction: column;
}

/* Search Input */
.search-input-container[b-8f3uyi7yc4] {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.global-search-input[b-8f3uyi7yc4] {
    width: 100%;
}

.global-search-input[b-8f3uyi7yc4]  .mud-input-root {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 16px;
}

.global-search-input[b-8f3uyi7yc4]  .mud-input-root.mud-focused {
    border-color: #4F9CF9;
    box-shadow: 0 0 0 2px rgba(79, 156, 249, 0.2);
}

.global-search-input[b-8f3uyi7yc4]  .mud-input-slot {
    padding: 16px;
    color: rgba(255, 255, 255, 0.9);
}

.global-search-input[b-8f3uyi7yc4]  .mud-input-slot input::placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}

.search-loading-indicator[b-8f3uyi7yc4] {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

/* Results Container */
.search-results-container[b-8f3uyi7yc4] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

/* Empty State */
.search-empty-state[b-8f3uyi7yc4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Search Sections */
.search-section[b-8f3uyi7yc4] {
    margin-bottom: 24px;
}

.search-section-header[b-8f3uyi7yc4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 600;
}

/* Suggestions List */
.search-suggestions-list[b-8f3uyi7yc4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.search-suggestion-item[b-8f3uyi7yc4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.search-suggestion-item:hover[b-8f3uyi7yc4] {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.95);
}

/* Quick Actions Grid */
.quick-actions-grid[b-8f3uyi7yc4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.quick-action-item[b-8f3uyi7yc4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.quick-action-item:hover[b-8f3uyi7yc4] {
    background: rgba(79, 156, 249, 0.1);
    border-color: rgba(79, 156, 249, 0.3);
    transform: translateY(-2px);
}

.quick-action-item span[b-8f3uyi7yc4] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}

/* Loading State */
.search-loading-state[b-8f3uyi7yc4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 40px;
    color: rgba(255, 255, 255, 0.7);
}

/* No Results */
.search-no-results[b-8f3uyi7yc4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.search-no-results h6[b-8f3uyi7yc4] {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
}

.search-no-results p[b-8f3uyi7yc4] {
    margin: 0;
    font-size: 14px;
}

/* Results Summary */
.search-results-summary[b-8f3uyi7yc4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding: 8px 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.search-duration[b-8f3uyi7yc4] {
    color: rgba(255, 255, 255, 0.4);
}

/* Results List */
.search-results-list[b-8f3uyi7yc4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.search-result-item[b-8f3uyi7yc4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.search-result-item:hover[b-8f3uyi7yc4],
.search-result-item.selected[b-8f3uyi7yc4] {
    background: rgba(79, 156, 249, 0.1);
    border-color: rgba(79, 156, 249, 0.3);
}

.result-icon[b-8f3uyi7yc4] {
    flex-shrink: 0;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.6);
}

.result-content[b-8f3uyi7yc4] {
    flex: 1;
    min-width: 0;
}

.result-title[b-8f3uyi7yc4] {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 4px;
    line-height: 1.3;
}

.result-description[b-8f3uyi7yc4] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-metadata[b-8f3uyi7yc4] {
    margin-top: 8px;
}

.entity-type-chip[b-8f3uyi7yc4] {
    height: 18px;
    font-size: 10px;
    padding: 0 6px;
}

/* View More Results */
.view-more-results[b-8f3uyi7yc4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    margin-top: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}

.view-more-results:hover[b-8f3uyi7yc4] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.8);
}

/* Modal Footer */
.search-modal-footer[b-8f3uyi7yc4] {
    padding: 16px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(26, 29, 35, 0.95);
}

.search-shortcuts[b-8f3uyi7yc4] {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.shortcut-item[b-8f3uyi7yc4] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

/* Responsive Design */
@media (max-width: 768px) {
    .global-search-modal[b-8f3uyi7yc4] {
        margin-top: 2vh;
    }
    
    .global-search-content[b-8f3uyi7yc4] {
        max-height: 80vh;
    }
    
    .search-input-container[b-8f3uyi7yc4] {
        padding: 16px;
    }
    
    .search-results-container[b-8f3uyi7yc4] {
        padding: 16px;
    }
    
    .quick-actions-grid[b-8f3uyi7yc4] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .search-shortcuts[b-8f3uyi7yc4] {
        gap: 12px;
    }
    
    .shortcut-item[b-8f3uyi7yc4] {
        font-size: 11px;
    }
}

/* Enhanced Focus States */
.search-result-item:focus-visible[b-8f3uyi7yc4] {
    outline: 2px solid #4F9CF9;
    outline-offset: 2px;
}

.search-suggestion-item:focus-visible[b-8f3uyi7yc4],
.quick-action-item:focus-visible[b-8f3uyi7yc4] {
    outline: 2px solid #4F9CF9;
    outline-offset: 2px;
}

/* Animations */
@keyframes fadeInUp-b-8f3uyi7yc4 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.search-result-item[b-8f3uyi7yc4],
.search-suggestion-item[b-8f3uyi7yc4] {
    animation: fadeInUp-b-8f3uyi7yc4 0.2s ease-out;
}

/* Custom Scrollbar */
.search-results-container[b-8f3uyi7yc4]::-webkit-scrollbar {
    width: 6px;
}

.search-results-container[b-8f3uyi7yc4]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}

.search-results-container[b-8f3uyi7yc4]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.search-results-container[b-8f3uyi7yc4]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}
/* _content/ADG.Website/Components/PlayerCoins.razor.rz.scp.css */
.player-coins[b-9ya63deofr] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 8px 18px;
    border-radius: 14px;
    background: var(--neutral-layer-2);
    font-size: 16px;
    font-weight: 600;
}

.coin-item[b-9ya63deofr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 6px;
}

.coin-icon[b-9ya63deofr] {
    width: 32px;
    height: 32px;
}

.coins-count[b-9ya63deofr] {
    color: var(--accent-foreground-rest);
    font-size: 18px;
    font-weight: 700;
}

.coin-item.clickable[b-9ya63deofr] {
    cursor: pointer;
    transition: background 0.2s;
}
.coin-item.clickable:hover[b-9ya63deofr] {
    background: var(--neutral-layer-3);
}

.error-text[b-9ya63deofr] {
    color: var(--error-foreground-rest);
    font-size: 12px;
}
/* _content/ADG.Website/Components/PlayerNotFound.razor.rz.scp.css */
.player-details-notfound[b-8cud1gpr8y] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
}

.player-details-notfound-inner[b-8cud1gpr8y] {
    text-align: center;
    padding: 60px 20px;
    background: #23272a;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-notfound-icon[b-8cud1gpr8y] {
    font-size: 64px;
    margin-bottom: 20px;
}

.player-details-notfound-title[b-8cud1gpr8y] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
}

.player-details-notfound-list[b-8cud1gpr8y] {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    color: #b0b0b0;
    line-height: 1.6;
}

.player-details-notfound-btn[b-8cud1gpr8y] {
    padding: 12px 24px;
    font-size: 16px;
    background: #0078d4;
    color: #fff;
    border: none;
    border-radius: 6px;
    transition: background 0.2s;
}

.player-details-notfound-btn:hover[b-8cud1gpr8y] {
    background: #005fa3;
}
/* _content/ADG.Website/Components/Posts/PollContentRenderer.razor.rz.scp.css */
.poll-content-card[b-24c7vn6vwk] {
    background: #fafafa;
    border-left: 4px solid var(--mud-palette-primary);
}

.poll-option[b-24c7vn6vwk] {
    background: white;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #e0e0e0;
    transition: all 0.2s ease;
}

.poll-option:hover[b-24c7vn6vwk] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.poll-option-header[b-24c7vn6vwk] {
    margin-bottom: 4px;
}

.poll-stats[b-24c7vn6vwk] {
    min-width: 80px;
    text-align: right;
}
/* _content/ADG.Website/Components/ReputationVotingComponent.razor.rz.scp.css */
/* Inline CSS migration classes */
/* _content/ADG.Website/Components/Settings/DeveloperSettings.razor.rz.scp.css */
.developer-settings-section[b-hcujh390ko] {
    margin-bottom: 2rem;
}

.section-header h3[b-hcujh390ko] {
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-rest);
    font-weight: 600;
}

.section-description[b-hcujh390ko] {
    margin-bottom: 1rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    line-height: 1.4;
}

.developer-toggle-field[b-hcujh390ko] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.developer-mode-info[b-hcujh390ko] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: var(--neutral-fill-stealth-rest);
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.developer-mode-info span[b-hcujh390ko] {
    flex: 1;
}
/* _content/ADG.Website/Components/Settings/Language/LanguageSettings.razor.rz.scp.css */
/* _content/ADG.Website/Components/Settings/Language/Selector/LanguageSelector.razor.rz.scp.css */
/* Language Selector Component Styles */

.language-selector-section[b-5ivfmciyv3] {
    margin-bottom: 32px;
}

.language-field[b-5ivfmciyv3] {
    max-width: 300px;
    margin-bottom: 16px;
}

.language-changing[b-5ivfmciyv3],
.language-success[b-5ivfmciyv3],
.language-error[b-5ivfmciyv3] {
    margin-top: 12px;
    margin-bottom: 12px;
}

.language-changing .message-bar[b-5ivfmciyv3],
.language-success .message-bar[b-5ivfmciyv3],
.language-error .message-bar[b-5ivfmciyv3] {
    border-radius: 6px;
}

.section-header h3[b-5ivfmciyv3] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-rest);
    font-weight: 600;
}

.section-header p[b-5ivfmciyv3] {
    margin: 0 0 16px 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    line-height: 1.4;
}

.section-icon[b-5ivfmciyv3] {
    margin-right: 8px;
    vertical-align: middle;
}
/* _content/ADG.Website/Components/Settings/TimezoneSettings.razor.rz.scp.css */
/* TimezoneSettings component styles */

.timezone-settings[b-077khagd0a] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.timezone-field[b-077khagd0a] {
    max-width: 400px;
}

.timezone-info[b-077khagd0a] {
    margin-top: 8px;
}

.timezone-current[b-077khagd0a] {
    background: var(--neutral-layer-2);
    padding: 16px;
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-1);
}

.timezone-current p[b-077khagd0a] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-rest);
}

.timezone-current p:last-child[b-077khagd0a] {
    margin-bottom: 0;
}

.loading-container[b-077khagd0a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px;
    color: var(--neutral-foreground-rest);
}

.info-section[b-077khagd0a] {
    background: rgba(124, 92, 255, .08);
    border: 1px solid rgba(124, 92, 255, .2);
    border-radius: 12px;
    padding: 1rem 1.5rem;
    margin-top: 1rem;
}
/* _content/ADG.Website/Components/Sleep/Sleep.razor.rz.scp.css */
/* From Uiverse.io by necatimertmetin */
.z[b-092rh9uq36] {
    position: absolute;
    font-size: 32px;
    opacity: 0;
}
.z-1[b-092rh9uq36] {
    animation: swayUpToRight-b-092rh9uq36 2s ease-out infinite;
}
.z-2[b-092rh9uq36] {
    animation: swayUpToRight-b-092rh9uq36 2s ease-out 0.5s infinite;
}
.z-3[b-092rh9uq36] {
    animation: swayUpToRight-b-092rh9uq36 2s ease-out 1s infinite;
}
.z-4[b-092rh9uq36] {
    animation: swayUpToRight-b-092rh9uq36 2s ease-out 1.5s infinite;
}
@keyframes swayUpToRight-b-092rh9uq36 {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translate(80px, -100px) rotate(30deg);
        opacity: 0;
    }
}
/* _content/ADG.Website/Components/Thumbnails/PlayerThumbnail.razor.rz.scp.css */
.player-thumbnail[b-rgqwqqxbrc] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.player-thumbnail:hover[b-rgqwqqxbrc] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.player-header[b-rgqwqqxbrc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.player-avatar[b-rgqwqqxbrc] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.player-name[b-rgqwqqxbrc] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.player-info[b-rgqwqqxbrc] {
    padding-left: 32px;
}

.player-coolbeans[b-rgqwqqxbrc] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.player-role[b-rgqwqqxbrc] {
    background-color: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}
/* _content/ADG.Website/Components/Thumbnails/ServerThumbnail.razor.rz.scp.css */
.server-thumbnail[b-ls90qj5f2s] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.server-thumbnail:hover[b-ls90qj5f2s] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.server-header[b-ls90qj5f2s] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.server-name[b-ls90qj5f2s] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.server-info[b-ls90qj5f2s] {
    padding-left: 32px;
}

.server-description[b-ls90qj5f2s] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.server-stats[b-ls90qj5f2s] {
    display: flex;
    gap: 12px;
    margin-bottom: 4px;
}

.player-count[b-ls90qj5f2s] {
    font-weight: 500;
    color: var(--accent-foreground-rest);
}

.server-status[b-ls90qj5f2s] {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}

.status-online[b-ls90qj5f2s] {
    background-color: var(--success-fill-rest);
    color: var(--success-foreground-rest);
}

.status-offline[b-ls90qj5f2s] {
    background-color: var(--error-fill-rest);
    color: var(--error-foreground-rest);
}

.status-maintenance[b-ls90qj5f2s] {
    background-color: var(--warning-fill-rest);
    color: var(--warning-foreground-rest);
}

.server-address[b-ls90qj5f2s] {
    margin: 0;
    font-size: 0.8em;
    color: var(--neutral-foreground-hint);
    font-family: monospace;
}
/* _content/ADG.Website/Components/Thumbnails/TeamThumbnail.razor.rz.scp.css */
.team-thumbnail[b-gvf7b7p1nf] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.team-thumbnail:hover[b-gvf7b7p1nf] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.team-header[b-gvf7b7p1nf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.team-name[b-gvf7b7p1nf] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.team-info[b-gvf7b7p1nf] {
    padding-left: 32px;
}

.team-description[b-gvf7b7p1nf] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.team-members-count[b-gvf7b7p1nf] {
    background-color: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}
/* _content/ADG.Website/Pages/About/About.razor.rz.scp.css */
.about-container[b-r8arradani] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.about-header[b-r8arradani] {
    margin-bottom: 2rem;
}

.header-content[b-r8arradani] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

.about-icon[b-r8arradani] {
    color: #ffffff;
    font-size: 4rem;
}

.about-title[b-r8arradani] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.about-subtitle[b-r8arradani] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    margin: 0;
}

.about-content[b-r8arradani] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.about-section[b-r8arradani] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.section-header[b-r8arradani] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
}

.section-icon[b-r8arradani] {
    color: #ffffff;
    font-size: 2.5rem;
}

.section-header h3[b-r8arradani] {
    font-size: 1.3rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.section-header p[b-r8arradani] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    line-height: 1.3;
}

.about-navigation[b-r8arradani] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.about-item[b-r8arradani] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.about-item:hover[b-r8arradani] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.about-item:active[b-r8arradani] {
    transform: translateY(0);
}

.about-item-content[b-r8arradani] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4rem;
}

.about-item-icon[b-r8arradani] {
    color: #ffffff;
    font-size: 3rem;
    flex-shrink: 0;
}

.about-item-text[b-r8arradani] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.about-item-label[b-r8arradani] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.about-item-description[b-r8arradani] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
}

.about-chevron[b-r8arradani] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.about-item:hover .about-chevron[b-r8arradani] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .about-container[b-r8arradani] {
        padding: 1rem;
    }

    .about-title[b-r8arradani] {
        font-size: 1.5rem;
    }

    .about-subtitle[b-r8arradani] {
        font-size: 1rem;
    }

    .about-item-content[b-r8arradani] {
        padding: 1.25rem;
    }

    .about-item-label[b-r8arradani] {
        font-size: 1rem;
    }

    .about-item-description[b-r8arradani] {
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/About/Credits/Credits.razor.rz.scp.css */
.credits-container[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.credits-header[b-8uji4k3v9m] {
    margin-bottom: 3rem;
}

.header-content[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

.credits-icon[b-8uji4k3v9m] {
    color: #ff6b9d;
    font-size: 4rem;
}

.credits-title[b-8uji4k3v9m] {
    font-size: 2.2rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.credits-subtitle[b-8uji4k3v9m] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    margin: 0;
}

.credits-content[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.credits-section[b-8uji4k3v9m] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 2rem;
}

.section-header[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.section-icon[b-8uji4k3v9m] {
    color: #ffffff;
    font-size: 2.5rem;
}

.section-header h3[b-8uji4k3v9m] {
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.section-header p[b-8uji4k3v9m] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    line-height: 1.3;
}

/* Members Grid */
.members-grid[b-8uji4k3v9m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.member-card[b-8uji4k3v9m] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.2s ease;
}

.member-card:hover[b-8uji4k3v9m] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.member-avatar[b-8uji4k3v9m] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1rem auto;
    border-radius: 50%;
    overflow: hidden;
}

.member-avatar img[b-8uji4k3v9m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-avatar-placeholder[b-8uji4k3v9m] {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-icon[b-8uji4k3v9m] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 2rem;
}

.member-info[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.member-name[b-8uji4k3v9m] {
    font-size: 1.2rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.member-role[b-8uji4k3v9m] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.member-link[b-8uji4k3v9m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #6bc1ff;
    text-decoration: none;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    transition: color 0.2s ease;
}

.member-link:hover[b-8uji4k3v9m] {
    color: #ffffff;
}

.link-icon[b-8uji4k3v9m] {
    font-size: 0.8rem;
}

/* Technology Grid */
.tech-grid[b-8uji4k3v9m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.tech-card[b-8uji4k3v9m] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.2s ease;
}

.tech-card:hover[b-8uji4k3v9m] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.tech-logo[b-8uji4k3v9m] {
    width: 60px;
    height: 60px;
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
}

.tech-logo img[b-8uji4k3v9m] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.1);
    padding: 8px;
}

.tech-logo-placeholder[b-8uji4k3v9m] {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tech-icon[b-8uji4k3v9m] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.8rem;
}

.tech-info[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tech-name[b-8uji4k3v9m] {
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.tech-description[b-8uji4k3v9m] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    line-height: 1.3;
}

.tech-badge[b-8uji4k3v9m] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.5rem;
}

.tech-badge.required[b-8uji4k3v9m] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

/* Acknowledgments */
.acknowledgments[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.acknowledgment-item[b-8uji4k3v9m] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}

.ack-icon[b-8uji4k3v9m] {
    color: #6bc1ff;
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.ack-content[b-8uji4k3v9m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ack-content h4[b-8uji4k3v9m] {
    font-size: 1rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.ack-content p[b-8uji4k3v9m] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    line-height: 1.3;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .credits-container[b-8uji4k3v9m] {
        padding: 1rem;
    }

    .credits-title[b-8uji4k3v9m] {
        font-size: 1.8rem;
    }

    .credits-subtitle[b-8uji4k3v9m] {
        font-size: 1rem;
    }

    .members-grid[b-8uji4k3v9m],
    .tech-grid[b-8uji4k3v9m] {
        grid-template-columns: 1fr;
    }

    .member-card[b-8uji4k3v9m],
    .tech-card[b-8uji4k3v9m] {
        padding: 1.25rem;
    }

    .acknowledgment-item[b-8uji4k3v9m] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.5rem;
    }
}
/* _content/ADG.Website/Pages/About/Team/Team.razor.rz.scp.css */
/* Team Page Styles */

.team-content[b-649gmzd84e] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.team-intro[b-649gmzd84e] {
    text-align: center;
    margin-bottom: 40px;
}

.team-intro p[b-649gmzd84e] {
    font-size: 1.1em;
    color: #6c757d;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.team-section[b-649gmzd84e] {
    margin-bottom: 50px;
}

.team-section-title[b-649gmzd84e] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 25px;
    color: #333;
}

.team-grid[b-649gmzd84e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
}

.team-member-card[b-649gmzd84e] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: default;
}

.team-member-card:hover[b-649gmzd84e] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.team-member-avatar[b-649gmzd84e] {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.team-avatar-img[b-649gmzd84e] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #007bff;
}

.team-avatar-placeholder[b-649gmzd84e] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    font-weight: bold;
    border: 3px solid #007bff;
}

.team-member-info[b-649gmzd84e] {
    text-align: center;
}

.team-member-name[b-649gmzd84e] {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}

.team-member-roles[b-649gmzd84e] {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.team-role-badge[b-649gmzd84e] {
    font-size: 0.8em;
    padding: 4px 8px;
}

.team-member-bio[b-649gmzd84e] {
    font-size: 0.9em;
    color: #6c757d;
    line-height: 1.4;
    margin-bottom: 15px;
    min-height: 40px;
}

.team-member-actions[b-649gmzd84e] {
    display: flex;
    justify-content: center;
}

.team-loading[b-649gmzd84e],
.team-error[b-649gmzd84e],
.team-empty[b-649gmzd84e] {
    text-align: center;
    padding: 60px 20px;
}

.team-error h4[b-649gmzd84e],
.team-empty h4[b-649gmzd84e] {
    color: #6c757d;
    margin: 20px 0 10px 0;
}

.team-error p[b-649gmzd84e],
.team-empty p[b-649gmzd84e] {
    color: #8a8a8a;
    margin-bottom: 20px;
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
    .team-member-card[b-649gmzd84e] {
        background: #1a1a1a;
        border-color: #404040;
        color: #e0e0e0;
    }

    .team-member-name[b-649gmzd84e] {
        color: #e0e0e0;
    }

    .team-section-title[b-649gmzd84e] {
        color: #e0e0e0;
    }

    .team-intro p[b-649gmzd84e] {
        color: #b0b0b0;
    }

    .team-member-bio[b-649gmzd84e] {
        color: #b0b0b0;
    }

    .team-error h4[b-649gmzd84e],
    .team-empty h4[b-649gmzd84e] {
        color: #b0b0b0;
    }

    .team-error p[b-649gmzd84e],
    .team-empty p[b-649gmzd84e] {
        color: #8a8a8a;
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .team-grid[b-649gmzd84e] {
        grid-template-columns: 1fr;
    }

    .team-content[b-649gmzd84e] {
        padding: 10px;
    }

    .team-section-title[b-649gmzd84e] {
        font-size: 1.3em;
    }

    .team-member-roles[b-649gmzd84e] {
        justify-content: center;
    }
}
/* _content/ADG.Website/Pages/Account/BlockedUsers/BlockedUsers.razor.rz.scp.css */
.blocked-users-container[b-bctvonos86] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.blocked-users-header[b-bctvonos86] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1rem;
}

.blocked-users-icon[b-bctvonos86] {
    font-size: 3rem;
    color: #ffffff;
}

.blocked-users-header h2[b-bctvonos86] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin: 0;
    text-align: center;
}

.blocked-users-header p[b-bctvonos86] {
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    text-align: center;
}

.add-blocked-user-section[b-bctvonos86] {
    margin-bottom: 2rem;
}

.add-user-card[b-bctvonos86] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
}

.add-user-card h3[b-bctvonos86] {
    color: white;
    margin: 0 0 1rem 0;
    font-size: 1.25rem;
}

.add-user-form[b-bctvonos86] {
    display: flex;
    gap: 1rem;
    align-items: end;
}

.button-icon[b-bctvonos86] {
    margin-right: 0.5rem;
}

.blocked-users-list[b-bctvonos86] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.empty-state[b-bctvonos86] {
    text-align: center;
    padding: 3rem 1rem;
    color: rgba(255, 255, 255, 0.7);
}

.empty-icon[b-bctvonos86] {
    font-size: 4rem;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 1rem;
}

.empty-state h3[b-bctvonos86] {
    color: white;
    margin: 1rem 0 0.5rem 0;
}

.empty-state p[b-bctvonos86] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
}

.blocked-user-card[b-bctvonos86] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.2s ease;
}

.blocked-user-card:hover[b-bctvonos86] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
}

.blocked-user-content[b-bctvonos86] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.user-avatar[b-bctvonos86] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    flex-shrink: 0;
}

.avatar-icon[b-bctvonos86] {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.user-info[b-bctvonos86] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.username[b-bctvonos86] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.blocked-date[b-bctvonos86] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
}

.block-reason[b-bctvonos86] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .blocked-users-container[b-bctvonos86] {
        padding: 1rem;
    }

    .blocked-users-header h2[b-bctvonos86] {
        font-size: 1.5rem;
    }

    .add-user-form[b-bctvonos86] {
        flex-direction: column;
        align-items: stretch;
    }

    .blocked-user-content[b-bctvonos86] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .user-info[b-bctvonos86] {
        align-items: center;
    }
}
/* _content/ADG.Website/Pages/Account/Privacy/CookiePolicy.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Account/Security/Privacy.razor.rz.scp.css */
.security-container[b-bhcv7bxw8j] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.privacy-content[b-bhcv7bxw8j] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.privacy-content h1[b-bhcv7bxw8j] {
    color: #ffffff;
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}

.privacy-content h2[b-bhcv7bxw8j] {
    color: #0fa8d6;
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgb(17, 98, 246);
    padding-bottom: 0.5rem;
}

.privacy-content p[b-bhcv7bxw8j] {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.privacy-content p strong[b-bhcv7bxw8j] {
    color: #ffffff;
}

.navigation-links[b-bhcv7bxw8j] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.navigation-links a[b-bhcv7bxw8j] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    color: #10a9d8;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.navigation-links a:hover[b-bhcv7bxw8j] {
    background: rgba(255, 255, 255, 0.15);
    border-color: #1084f0;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .security-container[b-bhcv7bxw8j] {
        padding: 1rem;
    }
    
    .privacy-content[b-bhcv7bxw8j] {
        padding: 1.5rem;
    }
    
    .privacy-content h1[b-bhcv7bxw8j] {
        font-size: 1.5rem;
    }
    
    .privacy-content h2[b-bhcv7bxw8j] {
        font-size: 1.1rem;
    }
    
    .navigation-links[b-bhcv7bxw8j] {
        flex-direction: column;
    }
    
    .navigation-links a[b-bhcv7bxw8j] {
        text-align: center;
    }
}
/* _content/ADG.Website/Pages/Account/Security/Security.razor.rz.scp.css */
.security-container[b-gmoal7nw48] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.security-header[b-gmoal7nw48] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1rem;
}

.security-icon[b-gmoal7nw48] {
    font-size: 3rem;
    color: #ffffff;
}

.security-header h2[b-gmoal7nw48] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin: 0;
    text-align: center;
}

.security-list[b-gmoal7nw48] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.security-item[b-gmoal7nw48] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.security-item:hover[b-gmoal7nw48] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.security-item:active[b-gmoal7nw48] {
    transform: translateY(0);
}

.security-item-content[b-gmoal7nw48] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4rem;
}

.security-item-icon[b-gmoal7nw48] {
    color: #ffffff;
    font-size: 3rem;
    flex-shrink: 0;
}

.security-item-text[b-gmoal7nw48] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.security-item-label[b-gmoal7nw48] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.security-item-chevron[b-gmoal7nw48] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.security-item:hover .security-item-chevron[b-gmoal7nw48] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

.delete-item[b-gmoal7nw48] {
    border-color: rgba(255, 100, 100, 0.3);
    background: rgba(255, 100, 100, 0.08);
}

.delete-item:hover[b-gmoal7nw48] {
    border-color: rgba(255, 100, 100, 0.5);
    background: rgba(255, 100, 100, 0.15);
}

.delete-item .security-item-icon[b-gmoal7nw48] {
    color: #ff6b6b;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .security-container[b-gmoal7nw48] {
        padding: 1rem;
    }

    .security-header h2[b-gmoal7nw48] {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .security-item-content[b-gmoal7nw48] {
        padding: 1.25rem;
    }

    .security-item-label[b-gmoal7nw48] {
        font-size: 1rem;
    }
}
/* _content/ADG.Website/Pages/Account/Security/TermsOfUse.razor.rz.scp.css */
.security-container[b-va24d7rw9l] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.terms-content[b-va24d7rw9l] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.terms-content h1[b-va24d7rw9l] {
    color: #ffffff;
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}

.terms-content h2[b-va24d7rw9l] {
    color: #10b0e2;
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgb(17, 106, 245);
    padding-bottom: 0.5rem;
}

.terms-content p[b-va24d7rw9l] {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.terms-content p strong[b-va24d7rw9l] {
    color: #ffffff;
}

.navigation-links[b-va24d7rw9l] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.navigation-links a[b-va24d7rw9l] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    color: #11b7eb;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.navigation-links a:hover[b-va24d7rw9l] {
    background: rgba(255, 255, 255, 0.15);
    border-color: #0fa6d3;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .security-container[b-va24d7rw9l] {
        padding: 1rem;
    }
    
    .terms-content[b-va24d7rw9l] {
        padding: 1.5rem;
    }
    
    .terms-content h1[b-va24d7rw9l] {
        font-size: 1.5rem;
    }
    
    .terms-content h2[b-va24d7rw9l] {
        font-size: 1.1rem;
    }
    
    .navigation-links[b-va24d7rw9l] {
        flex-direction: column;
    }
    
    .navigation-links a[b-va24d7rw9l] {
        text-align: center;
    }
}
/* _content/ADG.Website/Pages/Account/Security/TwoFactorAuth/TwoFactorAuth.razor.rz.scp.css */
.twofa-container[b-5o6o9az8qi] {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
}

.twofa-header[b-5o6o9az8qi] {
    text-align: center;
    margin-bottom: 30px;
}

.twofa-icon[b-5o6o9az8qi] {
    font-size: 48px;
    color: var(--accent-fill-rest);
    margin-bottom: 10px;
}

.twofa-icon.error[b-5o6o9az8qi] {
    color: var(--error-fill-rest);
}

.twofa-header h2[b-5o6o9az8qi] {
    margin: 10px 0 5px 0;
    font-size: 24px;
    font-weight: 600;
}

.twofa-header p[b-5o6o9az8qi] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.twofa-status[b-5o6o9az8qi] {
    background: var(--fill-color);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    align-items: center;
    gap: 16px;
}

.twofa-status.enabled[b-5o6o9az8qi] {
    background: var(--success-fill-subtle);
    border-color: var(--success-stroke-rest);
}

.status-icon[b-5o6o9az8qi] {
    font-size: 32px;
    color: var(--success-fill-rest);
    flex-shrink: 0;
}

.status-text h3[b-5o6o9az8qi] {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.status-text p[b-5o6o9az8qi] {
    margin: 0 0 4px 0;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

.status-text .phone-number[b-5o6o9az8qi] {
    font-family: monospace;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.twofa-setup[b-5o6o9az8qi] {
    background: var(--fill-color);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.twofa-setup h3[b-5o6o9az8qi] {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.twofa-setup p[b-5o6o9az8qi] {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

.form-group[b-5o6o9az8qi] {
    margin-bottom: 20px;
}

.twofa-actions[b-5o6o9az8qi] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.twofa-actions fluent-button[b-5o6o9az8qi] {
    min-width: 120px;
}

/* Responsive design */
@media (max-width: 600px) {
    .twofa-container[b-5o6o9az8qi] {
        padding: 16px;
    }
    
    .twofa-actions[b-5o6o9az8qi] {
        flex-direction: column;
    }
    
    .twofa-actions fluent-button[b-5o6o9az8qi] {
        width: 100%;
    }
    
    .twofa-status[b-5o6o9az8qi] {
        flex-direction: column;
        text-align: center;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .twofa-setup[b-5o6o9az8qi], .twofa-status[b-5o6o9az8qi] {
        background: var(--layer-fill-color-default);
    }
}
/* _content/ADG.Website/Pages/Account/Settings/General/GeneralSettings.razor.rz.scp.css */
/* General Settings - Modern Design System (consistent with all settings pages) */

.account-container[b-7lioa7rcll] {
    min-height: 100vh;
    background: var(--layer-fill-color-default);
}

.account-header[b-7lioa7rcll] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 2rem 2rem 0;
}

.header-content[b-7lioa7rcll] {
    max-width: 600px;
    margin: 0 auto;
}

.account-icon[b-7lioa7rcll] {
    font-size: 2.5rem;
    color: var(--accent-fill-rest);
    margin-bottom: 1rem;
}

.account-header h2[b-7lioa7rcll] {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.5rem;
}

.account-header p[b-7lioa7rcll] {
    color: var(--neutral-foreground-hint);
    font-size: 1rem;
    line-height: 1.5;
}

.account-content[b-7lioa7rcll] {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 2rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.account-section[b-7lioa7rcll] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
    transition: all 0.3s ease;
}

.account-section:hover[b-7lioa7rcll] {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    border-color: var(--neutral-stroke-divider-hover);
}


.info-section p[b-7lioa7rcll] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0;
}

.info-section strong[b-7lioa7rcll] {
    color: var(--neutral-foreground-rest);
}

.loading-container[b-7lioa7rcll] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    color: var(--neutral-foreground-hint);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .account-header[b-7lioa7rcll] {
        padding: 1.5rem 1rem 0;
    }
    
    .account-content[b-7lioa7rcll] {
        padding: 0 1rem 1.5rem;
        gap: 1rem;
    }
    
    .account-section[b-7lioa7rcll] {
        padding: 1.25rem;
    }
    
    .account-header h2[b-7lioa7rcll] {
        font-size: 24px;
    }
    
    .account-icon[b-7lioa7rcll] {
        font-size: 2rem;
    }
}
/* _content/ADG.Website/Pages/Account/Settings/Notifications/NotificationSettings.razor.rz.scp.css */
/* Notification Settings Table Layout */
.notifications-table[b-hl8hb129ty] {
    display: grid;
    gap: 1px;
    background-color: var(--neutral-stroke-accessible);
    border-radius: var(--control-corner-radius);
    overflow: hidden;
    margin-bottom: 1rem;
}

/* Header styling similar to privacy page */
.notification-header[b-hl8hb129ty] {
    text-align: center;
    margin-bottom: 30px;
}

.notification-icon[b-hl8hb129ty] {
    font-size: 48px;
    color: var(--accent-fill-rest);
    margin-bottom: 10px;
}

.notification-header h2[b-hl8hb129ty] {
    margin: 10px 0 5px 0;
    font-size: 24px;
    font-weight: 600;
}

.notification-header p[b-hl8hb129ty] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Settings sections with card styling */
.settings-section[b-hl8hb129ty] {
    background: var(--fill-color);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--neutral-stroke-divider-rest);
    margin-bottom: 20px;
}

.settings-section .section-header[b-hl8hb129ty] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    align-items: center;
    gap: 12px;
}

.settings-section .section-header h3[b-hl8hb129ty] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.settings-section .section-header p[b-hl8hb129ty] {
    margin: 4px 0 0 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.settings-section .section-icon[b-hl8hb129ty] {
    color: var(--accent-fill-rest);
    font-size: 20px;
    flex-shrink: 0;
}

.settings-section .quick-actions[b-hl8hb129ty],
.settings-section .quiet-hours-settings[b-hl8hb129ty] {
    padding: 20px;
}

.settings-section .notifications-table[b-hl8hb129ty] {
    margin: 0;
}

/* Header row styling */
.table-header[b-hl8hb129ty] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    background-color: var(--neutral-layer-2);
    padding: 0;
    font-weight: 600;
    font-size: var(--type-ramp-base-font-size);
}

.header-content[b-hl8hb129ty] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1rem;
}



.notification-type-header[b-hl8hb129ty],
.channel-header[b-hl8hb129ty] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-right: 1px solid var(--neutral-stroke-accessible);
}

.notification-type-header[b-hl8hb129ty] {
    font-weight: 600;
}

.channel-header[b-hl8hb129ty] {
    justify-content: center;
    font-weight: 600;
}

.channel-header:last-child[b-hl8hb129ty] {
    border-right: none;
}

/* Data row styling */
.table-row[b-hl8hb129ty] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    background-color: var(--neutral-layer-1);
    align-items: center;
    min-height: 4rem;
}

.table-row:hover[b-hl8hb129ty] {
    background-color: var(--neutral-layer-2);
}

/* Notification info column */
.notification-info[b-hl8hb129ty] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-right: 1px solid var(--neutral-stroke-accessible);
}

.notification-icon[b-hl8hb129ty] {
    color: var(--accent-foreground-rest);
    flex-shrink: 0;
}

.notification-details[b-hl8hb129ty] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.notification-title[b-hl8hb129ty] {
    font-weight: 600;
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
}

.notification-description[b-hl8hb129ty] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-rest);
    opacity: 0.8;
}

/* Channel toggle columns */
.channel-toggle[b-hl8hb129ty] {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--neutral-stroke-accessible);
}

.channel-toggle:last-child[b-hl8hb129ty] {
    border-right: none;
}

/* Loading state */
.loading-container[b-hl8hb129ty] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    color: var(--neutral-foreground-rest);
}

/* Quick actions styling */
.quick-actions[b-hl8hb129ty] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Quiet hours settings */
.quiet-hours-settings[b-hl8hb129ty] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quiet-hours-toggle[b-hl8hb129ty] {
    display: flex;
    align-items: center;
}

.time-settings[b-hl8hb129ty] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding-left: 2rem;
}

.time-field[b-hl8hb129ty] {
    display: flex;
    flex-direction: column;
}

/* Timezone info styling */
.timezone-info[b-hl8hb129ty] {
    margin-top: 0.5rem;
}

.timezone-info .fluent-message-bar[b-hl8hb129ty] {
    border-radius: 6px;
}

/* Dialog enhancements */
.fluent-dialog-body[b-hl8hb129ty] {
    padding: 16px 24px;
}

.fluent-dialog-header h3[b-hl8hb129ty] {
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.fluent-dialog-footer[b-hl8hb129ty] {
    padding: 16px 24px;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

/* Warning dialog specific styling */
.warning-dialog-content[b-hl8hb129ty] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.warning-icon[b-hl8hb129ty] {
    color: var(--warning-color);
    flex-shrink: 0;
}

.warning-text[b-hl8hb129ty] {
    flex: 1;
}

.warning-text p[b-hl8hb129ty] {
    margin: 0 0 8px 0;
}

.warning-text p:last-child[b-hl8hb129ty] {
    margin-bottom: 0;
    color: var(--neutral-foreground-rest);
}

/* Responsive design */
@media (max-width: 768px) {
    .table-header[b-hl8hb129ty],
    .table-row[b-hl8hb129ty] {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .table-header[b-hl8hb129ty] {
        display: none; /* Hide header on mobile, use labels instead */
    }
    
    .table-row[b-hl8hb129ty] {
        display: flex;
        flex-direction: column;
        padding: 1rem;
        margin-bottom: 1rem;
        border-radius: var(--control-corner-radius);
        background-color: var(--neutral-layer-1);
        border: 1px solid var(--neutral-stroke-accessible);
    }
    
    .notification-info[b-hl8hb129ty] {
        border-right: none;
        border-bottom: 1px solid var(--neutral-stroke-accessible);
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    
    .channel-toggle[b-hl8hb129ty] {
        border-right: none;
        justify-content: space-between;
        padding: 0.5rem 0;
    }
    
    .channel-toggle[b-hl8hb129ty]::before {
        content: attr(data-label);
        font-weight: 600;
        flex: 1;
    }
    
    .quick-actions[b-hl8hb129ty] {
        flex-direction: column;
    }
    
    .time-settings[b-hl8hb129ty] {
        grid-template-columns: 1fr;
        padding-left: 1rem;
    }
}

/* Focus states for accessibility */
.channel-toggle fluent-switch:focus-visible[b-hl8hb129ty] {
    outline: 2px solid var(--accent-foreground-rest);
    outline-offset: 2px;
}

/* Ensure switches are properly aligned */
.channel-toggle fluent-switch[b-hl8hb129ty] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Admin section styling */
.admin-section[b-hl8hb129ty] {
    background: var(--fill-color);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--neutral-stroke-divider-rest);
    padding: 0;
    margin-top: 2rem;
}

.admin-section .section-header[b-hl8hb129ty] {
    color: var(--accent-foreground-on-accent-rest);
    padding: 1rem;
    margin: 0;
    border-radius: var(--control-corner-radius) var(--control-corner-radius) 0 0;
}

.admin-section .section-header .section-icon[b-hl8hb129ty] {
    color: var(--accent-foreground-on-accent-rest);
}

.admin-section .section-header h3[b-hl8hb129ty] {
    color: var(--accent-foreground-on-accent-rest);
    margin: 0;
}

.admin-section .section-header p[b-hl8hb129ty] {
    color: var(--accent-foreground-on-accent-rest);
    opacity: 0.9;
    margin: 0.25rem 0 0 0;
}

.admin-section .notifications-table[b-hl8hb129ty] {
    margin: 1rem;
    margin-top: 0;
}

.admin-row[b-hl8hb129ty] {
    border-left: 3px solid var(--accent-stroke-accessible);
}

.admin-row .notification-icon[b-hl8hb129ty] {
    color: var(--accent-foreground-rest);
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .settings-section[b-hl8hb129ty] {
        background: var(--layer-fill-color-default);
    }
}
/* _content/ADG.Website/Pages/Account/Settings/Privacy/Privacy.razor.rz.scp.css */
.privacy-container[b-0w1p91f3s3] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.privacy-header[b-0w1p91f3s3] {
    text-align: center;
    margin-bottom: 30px;
}

.privacy-icon[b-0w1p91f3s3] {
    font-size: 48px;
    color: var(--accent-fill-rest);
    margin-bottom: 10px;
}

.privacy-header h2[b-0w1p91f3s3] {
    margin: 10px 0 5px 0;
    font-size: 24px;
    font-weight: 600;
}

.privacy-header p[b-0w1p91f3s3] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.privacy-settings[b-0w1p91f3s3] {
    background: var(--fill-color);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.privacy-section[b-0w1p91f3s3] {
    padding: 0;
}

.privacy-setting[b-0w1p91f3s3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    transition: background-color 0.2s ease;
}

.privacy-setting:last-child[b-0w1p91f3s3] {
    border-bottom: none;
}

.privacy-setting:hover[b-0w1p91f3s3] {
    background-color: var(--neutral-fill-subtle-hover);
}

.privacy-setting-info[b-0w1p91f3s3] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 16px;
}

.privacy-setting-icon[b-0w1p91f3s3] {
    font-size: 20px;
    color: var(--accent-fill-rest);
    margin-right: 16px;
    flex-shrink: 0;
}

.privacy-setting-text[b-0w1p91f3s3] {
    display: flex;
    flex-direction: column;
}

.privacy-setting-label[b-0w1p91f3s3] {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 2px;
}

.privacy-setting-description[b-0w1p91f3s3] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    line-height: 1.4;
}

.privacy-setting fluent-switch[b-0w1p91f3s3] {
    margin-left: 16px;
    flex-shrink: 0;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .privacy-settings[b-0w1p91f3s3] {
        background: var(--layer-fill-color-default);
    }
}
/* _content/ADG.Website/Pages/Account/Settings/Settings/Settings.razor.rz.scp.css */
/* Settings Page - Modern Design System (consistent with all settings pages) */

.settings-container[b-ycahjhvmgb] {
    min-height: 100vh;
    background: var(--layer-fill-color-default);
}

.settings-content[b-ycahjhvmgb] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.settings-header[b-ycahjhvmgb] {
    text-align: center;
    margin-bottom: 3rem;
}

.settings-title[b-ycahjhvmgb] {
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-rest);
}

.settings-subtitle[b-ycahjhvmgb] {
    color: var(--neutral-foreground-hint);
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.settings-grid[b-ycahjhvmgb] {
    display: grid;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.settings-section[b-ycahjhvmgb] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
    transition: all 0.3s ease;
}

.settings-section:hover[b-ycahjhvmgb] {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    border-color: var(--neutral-stroke-divider-hover);
}

.section-header[b-ycahjhvmgb] {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.section-title[b-ycahjhvmgb] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.5rem;
}

.section-description[b-ycahjhvmgb] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
    line-height: 1.4;
}

.setting-item[b-ycahjhvmgb] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.setting-item:last-child[b-ycahjhvmgb] {
    border-bottom: none;
}

.setting-item:hover[b-ycahjhvmgb] {
    background: var(--neutral-layer-2);
}

.setting-icon[b-ycahjhvmgb] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--neutral-layer-2);
    color: var(--accent-fill-rest);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.setting-content[b-ycahjhvmgb] {
    flex: 1;
}

.setting-label[b-ycahjhvmgb] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.25rem;
}

.setting-description[b-ycahjhvmgb] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    line-height: 1.3;
}

.setting-chevron[b-ycahjhvmgb] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    transition: transform 0.2s ease;
}

.setting-item:hover .setting-chevron[b-ycahjhvmgb] {
    transform: translateX(4px);
    color: var(--accent-fill-rest);
}

/* Account Management Section */
.account-section[b-ycahjhvmgb] {
    grid-column: 1 / -1;
    margin-top: 1rem;
}

.account-section .section-title[b-ycahjhvmgb] {
    color: var(--danger-foreground-rest);
}

.account-section .setting-icon[b-ycahjhvmgb] {
    background: var(--danger-fill-rest);
    color: var(--danger-foreground-rest);
}

.logout-item[b-ycahjhvmgb] {
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.delete-item[b-ycahjhvmgb] {
    border-top: 1px solid var(--danger-fill-rest);
    background: var(--danger-fill-subtle);
}

.delete-item:hover[b-ycahjhvmgb] {
    background: var(--danger-fill-hover);
}

.delete-item .setting-icon[b-ycahjhvmgb] {
    background: var(--danger-fill-rest);
    color: var(--danger-foreground-rest);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .settings-content[b-ycahjhvmgb] {
        padding: 1rem;
    }

    .settings-grid[b-ycahjhvmgb] {
        gap: 1rem;
    }

    .settings-title[b-ycahjhvmgb] {
        font-size: 24px;
    }

    .section-header[b-ycahjhvmgb] {
        padding: 1.25rem 1.25rem 0.75rem;
    }

    .setting-item[b-ycahjhvmgb] {
        padding: 1rem 1.25rem;
    }

    .setting-icon[b-ycahjhvmgb] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
}

/* Animation for page load */
@keyframes slideInUp-b-ycahjhvmgb {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.settings-section[b-ycahjhvmgb] {
    animation: slideInUp-b-ycahjhvmgb 0.6s ease-out;
}

.settings-section:nth-child(2)[b-ycahjhvmgb] {
    animation-delay: 0.1s;
}

.settings-section:nth-child(3)[b-ycahjhvmgb] {
    animation-delay: 0.2s;
}
/* _content/ADG.Website/Pages/Admin/Admin.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Admin/Features/AdminFeatures.razor.rz.scp.css */
/* Modern, glowing, dark mode table styles for Admin Features */

:root[b-e3gx1iajcp] {
    --table-bg: #181c24;
    --table-header-bg: #23283a;
    --table-row-bg: #22263a;
    --table-row-alt-bg: #1a1e2a;
    --table-border: #2e3650;
    --table-glow: 0 0 12px #00ffe7, 0 0 4px #00ffe7;
    --table-header-glow: 0 0 16px #00ffe7, 0 0 8px #00ffe7;
    --table-text: #e0e6f0;
    --table-header-text: #00ffe7;
    --table-radius: 16px;
    --enabled-text: #4ade80;
    --disabled-text: #94a3b8;
    --enabled-bg: #065f46;
    --disabled-bg: #374151;
    --button-bg: #1e293b;
    --button-hover: #334155;
    --button-text: #00ffe7;
    --info-bg: #0f172a;
    --info-border: #1e293b;
}

/* Header styling */
.features-header[b-e3gx1iajcp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem 0;
}

.features-header h2[b-e3gx1iajcp] {
    color: var(--table-header-text);
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    text-shadow: var(--table-header-glow);
}

.toggle-button[b-e3gx1iajcp] {
    background: var(--button-bg);
    color: var(--button-text);
    border: 2px solid var(--table-border);
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 8px rgba(0, 255, 231, 0.3);
}

.toggle-button:hover[b-e3gx1iajcp] {
    background: var(--button-hover);
    box-shadow: 0 0 16px rgba(0, 255, 231, 0.5);
    transform: translateY(-2px);
}

.toggle-button span[b-e3gx1iajcp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Table styling */
.features-table[b-e3gx1iajcp], .system-info-table[b-e3gx1iajcp] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--table-bg);
    color: var(--table-text);
    border-radius: var(--table-radius);
    box-shadow: var(--table-glow);
    margin: 1rem 0;
    overflow: hidden;
    border: 2px solid var(--table-border);
}

.features-table thead tr[b-e3gx1iajcp], .system-info-table thead tr[b-e3gx1iajcp] {
    background: var(--table-header-bg);
    color: var(--table-header-text);
    text-shadow: var(--table-header-glow);
}

.features-table thead th[b-e3gx1iajcp], .features-table tbody td[b-e3gx1iajcp],
.system-info-table thead th[b-e3gx1iajcp], .system-info-table tbody td[b-e3gx1iajcp] {
    padding: 0.75rem 1rem;
}

.features-table thead th[b-e3gx1iajcp], .system-info-table thead th[b-e3gx1iajcp] {
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 2px solid var(--table-border);
    background: var(--table-header-bg);
}

.features-table tbody tr[b-e3gx1iajcp], .system-info-table tbody tr[b-e3gx1iajcp] {
    background: var(--table-row-bg);
    transition: background 0.2s;
}

.features-table tbody tr:nth-child(even)[b-e3gx1iajcp], .system-info-table tbody tr:nth-child(even)[b-e3gx1iajcp] {
    background: var(--table-row-alt-bg);
}

.features-table tbody td[b-e3gx1iajcp], .system-info-table tbody td[b-e3gx1iajcp] {
    font-size: 0.98rem;
    border-bottom: 1px solid var(--table-border);
}

.features-table tbody tr:last-child td[b-e3gx1iajcp], .system-info-table tbody tr:last-child td[b-e3gx1iajcp] {
    border-bottom: none;
}

/* Feature-specific styling */
.feature-enabled[b-e3gx1iajcp] {
    background: var(--enabled-bg) !important;
    border-left: 4px solid var(--enabled-text);
}

.feature-disabled[b-e3gx1iajcp] {
    background: var(--disabled-bg) !important;
    border-left: 4px solid var(--disabled-text);
    opacity: 0.8;
}

.feature-name[b-e3gx1iajcp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
}

.feature-icon[b-e3gx1iajcp] {
    font-size: 1.2rem;
    width: 1.5rem;
    text-align: center;
}

.enabled-text[b-e3gx1iajcp] {
    color: var(--enabled-text);
    font-weight: 600;
    text-shadow: 0 0 8px rgba(74, 222, 128, 0.4);
}

.disabled-text[b-e3gx1iajcp] {
    color: var(--disabled-text);
    font-weight: 400;
}

.status-enabled[b-e3gx1iajcp] {
    color: var(--enabled-text);
    font-weight: 600;
    text-shadow: 0 0 8px rgba(74, 222, 128, 0.4);
}

.status-disabled[b-e3gx1iajcp] {
    color: var(--disabled-text);
    font-weight: 400;
}

.development-stage[b-e3gx1iajcp] {
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
}

.feature-toggle[b-e3gx1iajcp] {
    text-align: center;
    font-weight: 700;
    font-size: 0.85rem;
}

.feature-toggle .toggle-button[b-e3gx1iajcp] {
    background: var(--button-bg);
    color: var(--button-text);
    border: 2px solid var(--table-border);
    border-radius: 6px;
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 60px;
    font-weight: 700;
}

.feature-toggle .toggle-button:hover[b-e3gx1iajcp] {
    background: var(--button-hover);
    box-shadow: 0 0 8px rgba(0, 255, 231, 0.3);
    transform: translateY(-1px);
}

.feature-toggle .toggle-button:disabled[b-e3gx1iajcp] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.toggle-on[b-e3gx1iajcp] {
    color: var(--enabled-text);
    background: rgba(74, 222, 128, 0.2);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--enabled-text);
}

.toggle-off[b-e3gx1iajcp] {
    color: var(--disabled-text);
    background: rgba(148, 163, 184, 0.2);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--disabled-text);
}

/* Hidden features info */
.hidden-features-info[b-e3gx1iajcp] {
    background: var(--info-bg);
    border: 2px solid var(--info-border);
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
    color: var(--table-text);
    text-align: center;
}

.hidden-features-info p[b-e3gx1iajcp] {
    margin: 0;
    font-size: 0.95rem;
}

/* Responsive for mobile */
@media (max-width: 700px) {
    .features-header[b-e3gx1iajcp] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .features-header h2[b-e3gx1iajcp] {
        text-align: center;
    }

    .toggle-button[b-e3gx1iajcp] {
        width: 100%;
        justify-content: center;
    }

    .features-table[b-e3gx1iajcp], .system-info-table[b-e3gx1iajcp] {
        font-size: 0.85rem;
    }

    .features-table thead th[b-e3gx1iajcp], .features-table tbody td[b-e3gx1iajcp],
    .system-info-table thead th[b-e3gx1iajcp], .system-info-table tbody td[b-e3gx1iajcp] {
        padding: 0.5rem;
    }

    .feature-name[b-e3gx1iajcp] {
        flex-direction: column;
        gap: 0.25rem;
        text-align: center;
    }

    .feature-icon[b-e3gx1iajcp] {
        font-size: 1.5rem;
    }

    /* Stack system info table items vertically on very small screens */
    .system-info-table[b-e3gx1iajcp] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .system-info-table thead[b-e3gx1iajcp],
    .system-info-table tbody[b-e3gx1iajcp],
    .system-info-table th[b-e3gx1iajcp],
    .system-info-table td[b-e3gx1iajcp],
    .system-info-table tr[b-e3gx1iajcp] {
        display: block;
    }

    .system-info-table thead tr[b-e3gx1iajcp] {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .system-info-table tbody tr[b-e3gx1iajcp] {
        background: var(--table-row-bg);
        margin-bottom: 1rem;
        border-radius: 8px;
        padding: 1rem;
        border: 1px solid var(--table-border);
    }

    .system-info-table td[b-e3gx1iajcp] {
        border: none;
        position: relative;
        padding: 0.5rem 0;
        white-space: normal;
    }

    .system-info-table td[b-e3gx1iajcp]:before {
        content: attr(data-label) ": ";
        font-weight: bold;
        color: var(--table-header-text);
        display: inline-block;
        width: 30%;
        margin-right: 1rem;
    }
}

/* Very small screens - extra stacking */
@media (max-width: 480px) {
    .features-table[b-e3gx1iajcp] {
        font-size: 0.8rem;
    }

    .features-table thead th[b-e3gx1iajcp], .features-table tbody td[b-e3gx1iajcp] {
        padding: 0.25rem;
    }

    .feature-name[b-e3gx1iajcp] {
        font-size: 0.9rem;
    }

    .feature-toggle .toggle-button[b-e3gx1iajcp] {
        min-width: 50px;
        padding: 0.3rem 0.6rem;
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/Admin/Feedback/AdminFeedback.razor.rz.scp.css */
.admin-feedback-container[b-ppbfhjgv8u] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

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

.header-content[b-ppbfhjgv8u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

.admin-feedback-icon[b-ppbfhjgv8u] {
    color: #00ffe7;
    font-size: 4rem;
}

.admin-feedback-title[b-ppbfhjgv8u] {
    font-size: 2.2rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.admin-feedback-subtitle[b-ppbfhjgv8u] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    margin: 0;
}

/* Controls Section */
.admin-feedback-controls[b-ppbfhjgv8u] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 3rem;
}

.filter-controls[b-ppbfhjgv8u] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-controls > *[b-ppbfhjgv8u] {
    min-width: 200px;
}

/* Statistics Cards */
.stats-cards[b-ppbfhjgv8u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-card[b-ppbfhjgv8u] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-icon[b-ppbfhjgv8u] {
    font-size: 2rem;
    flex-shrink: 0;
}

.stat-icon.total[b-ppbfhjgv8u] {
    color: #6bc1ff;
}

.stat-icon.pending[b-ppbfhjgv8u] {
    color: #ffc107;
}

.stat-icon.resolved[b-ppbfhjgv8u] {
    color: #4caf50;
}

.stat-content[b-ppbfhjgv8u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stat-number[b-ppbfhjgv8u] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.stat-label[b-ppbfhjgv8u] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}

/* Feedback List */
.admin-feedback-content[b-ppbfhjgv8u] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.admin-feedback-list[b-ppbfhjgv8u] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.admin-feedback-card[b-ppbfhjgv8u] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.2s ease;
}

.admin-feedback-card:hover[b-ppbfhjgv8u] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

.feedback-main-content[b-ppbfhjgv8u] {
    flex: 1;
}

.feedback-title[b-ppbfhjgv8u] {
    font-size: 1.2rem;
    font-weight: 600;
    color: white;
    margin: 0 0 0.5rem 0;
}

.feedback-details[b-ppbfhjgv8u] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 0 1rem 0;
    line-height: 1.4;
}

.feedback-meta[b-ppbfhjgv8u] {
    margin-top: 0.5rem;
}

.feedback-actions[b-ppbfhjgv8u] {
    flex-shrink: 0;
    min-width: 150px;
}

/* Comments Section */
.feedback-comments[b-ppbfhjgv8u] {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    padding: 1rem;
}

.comments-list[b-ppbfhjgv8u] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-comment[b-ppbfhjgv8u] {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    padding: 0.75rem;
}

.comment-header[b-ppbfhjgv8u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.comment-author[b-ppbfhjgv8u] {
    font-size: 0.85rem;
    color: #6bc1ff;
}

.comment-date[b-ppbfhjgv8u] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

.comment-content[b-ppbfhjgv8u] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    line-height: 1.3;
}

/* Pagination */
.pagination[b-ppbfhjgv8u] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .admin-feedback-container[b-ppbfhjgv8u] {
        padding: 1rem;
    }

    .admin-feedback-title[b-ppbfhjgv8u] {
        font-size: 1.8rem;
    }

    .admin-feedback-subtitle[b-ppbfhjgv8u] {
        font-size: 1rem;
    }

    .admin-feedback-controls[b-ppbfhjgv8u] {
        gap: 1rem;
    }

    .filter-controls[b-ppbfhjgv8u] {
        flex-direction: column;
    }

    .filter-controls > *[b-ppbfhjgv8u] {
        min-width: auto;
        width: 100%;
    }

    .stats-cards[b-ppbfhjgv8u] {
        grid-template-columns: 1fr;
    }

    .admin-feedback-card[b-ppbfhjgv8u] {
        padding: 1rem;
    }

    .feedback-main-content[b-ppbfhjgv8u],
    .feedback-actions[b-ppbfhjgv8u] {
        width: 100%;
    }

    .feedback-actions[b-ppbfhjgv8u] {
        margin-top: 1rem;
    }
}
/* _content/ADG.Website/Pages/Admin/Roadmap/AdminRoadmap.razor.rz.scp.css */
.admin-roadmap-board[b-wvs042gvxg] {
    max-width: 100%;
    overflow-x: auto;
    padding: 1rem 0;
}

.admin-column[b-wvs042gvxg] {
    min-width: 300px;
    flex: 1;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    min-height: 400px;
}

.admin-column.drag-over[b-wvs042gvxg] {
    background: #e3f2fd;
    border: 2px dashed #2196f3;
}

.column-header[b-wvs042gvxg] {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e0e0e0;
}

.status-indicator[b-wvs042gvxg] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.under-review-indicator[b-wvs042gvxg] {
    background-color: #4caf50;
}

.planned-indicator[b-wvs042gvxg] {
    background-color: #2196f3;
}

.in-progress-indicator[b-wvs042gvxg] {
    background-color: #ff9800;
}

.column-content[b-wvs042gvxg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 200px;
}

.admin-card-wrapper[b-wvs042gvxg] {
    cursor: grab;
}

.admin-card-wrapper:active[b-wvs042gvxg] {
    cursor: grabbing;
}

.admin-roadmap-card[b-wvs042gvxg] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.admin-roadmap-card:hover[b-wvs042gvxg] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.empty-column[b-wvs042gvxg] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    color: #666;
    font-style: italic;
}

.roadmap-loading[b-wvs042gvxg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    gap: 1rem;
}

/* New classes for inline CSS migration */
.admin-header-title[b-wvs042gvxg] {
    margin: 0;
    flex: 1;
}

.admin-column-header-title[b-wvs042gvxg] {
    margin: 0;
}

.admin-card-content[b-wvs042gvxg] {
    flex: 1;
}

.admin-card-title[b-wvs042gvxg] {
    margin: 0;
}

.admin-card-description[b-wvs042gvxg] {
    margin: 0;
    color: #666;
    font-size: 0.875rem;
}

.admin-card-metadata[b-wvs042gvxg] {
    font-size: 0.75rem;
    color: #888;
}

@media (max-width: 768px) {
    .admin-roadmap-board fluent-stack[b-wvs042gvxg] {
        flex-direction: column;
    }

    .admin-column[b-wvs042gvxg] {
        min-width: 100%;
    }
}
/* _content/ADG.Website/Pages/Admin/TestErrors/TestErrors.razor.rz.scp.css */
.test-errors-container[b-xn2y5kg00y] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.test-errors-header[b-xn2y5kg00y] {
    margin-bottom: 3rem;
}

.header-content[b-xn2y5kg00y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

.test-errors-icon[b-xn2y5kg00y] {
    color: #ffc107;
    font-size: 4rem;
}

.test-errors-title[b-xn2y5kg00y] {
    font-size: 2.2rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.test-errors-subtitle[b-xn2y5kg00y] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    margin: 0;
}

.test-errors-content[b-xn2y5kg00y] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.test-errors-section[b-xn2y5kg00y] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 2rem;
}

.section-header[b-xn2y5kg00y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.section-icon[b-xn2y5kg00y] {
    color: #ffffff;
    font-size: 2.5rem;
}

.section-header h3[b-xn2y5kg00y] {
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.section-header p[b-xn2y5kg00y] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    line-height: 1.3;
}

/* Error Links Grid */
.error-links-grid[b-xn2y5kg00y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.error-link-item[b-xn2y5kg00y] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.error-link-item:hover[b-xn2y5kg00y] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.error-link-item:active[b-xn2y5kg00y] {
    transform: translateY(0);
}

.error-link-content[b-xn2y5kg00y] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4.5rem;
}

.error-icon[b-xn2y5kg00y] {
    font-size: 2.5rem;
    flex-shrink: 0;
}

/* Status Code Colors */
.status-400[b-xn2y5kg00y] {
    color: #ff9800; /* Orange for client errors */
}

.status-401[b-xn2y5kg00y],
.status-403[b-xn2y5kg00y] {
    color: #f44336; /* Red for auth errors */
}

.status-404[b-xn2y5kg00y] {
    color: #9c27b0; /* Purple for not found */
}

.status-500[b-xn2y5kg00y],
.status-503[b-xn2y5kg00y] {
    color: #d32f2f; /* Dark red for server errors */
}

.exception[b-xn2y5kg00y] {
    color: #e91e63; /* Pink for exceptions */
}

.timeout[b-xn2y5kg00y] {
    color: #ff5722; /* Deep orange for timeouts */
}

.database[b-xn2y5kg00y] {
    color: #607d8b; /* Blue grey for database errors */
}

.error-link-text[b-xn2y5kg00y] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.error-code[b-xn2y5kg00y] {
    font-size: 1.3rem;
    font-weight: 700;
    color: white;
    line-height: 1;
}

.error-name[b-xn2y5kg00y] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
    line-height: 1.1;
}

.error-description[b-xn2y5kg00y] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.2;
}

.error-chevron[b-xn2y5kg00y] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.error-link-item:hover .error-chevron[b-xn2y5kg00y] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

/* Information Section */
.info-section[b-xn2y5kg00y] {
    margin-top: 1rem;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .test-errors-container[b-xn2y5kg00y] {
        padding: 1rem;
    }

    .test-errors-title[b-xn2y5kg00y] {
        font-size: 1.8rem;
    }

    .test-errors-subtitle[b-xn2y5kg00y] {
        font-size: 1rem;
    }

    .error-link-content[b-xn2y5kg00y] {
        padding: 1.25rem;
        height: auto;
        min-height: 4rem;
    }

    .error-icon[b-xn2y5kg00y] {
        font-size: 2rem;
    }

    .error-code[b-xn2y5kg00y] {
        font-size: 1.1rem;
    }

    .error-name[b-xn2y5kg00y] {
        font-size: 1rem;
    }

    .error-description[b-xn2y5kg00y] {
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/Admin/Testing.razor.rz.scp.css */
.testing-container[b-jgm6gpos86] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem;
    color: #ffffff;
}

.testing-header[b-jgm6gpos86] {
    text-align: center;
    margin-bottom: 3rem;
}

.testing-header h1[b-jgm6gpos86] {
    color: #00ffe7;
    font-size: 2.5rem;
    margin-bottom: 1rem;
    text-shadow: 0 0 20px rgba(0, 255, 231, 0.3);
}

.testing-header p[b-jgm6gpos86] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.alert[b-jgm6gpos86] {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin: 1rem 0;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.alert-success[b-jgm6gpos86] {
    background: rgba(76, 175, 80, 0.15);
    border: 1px solid rgba(76, 175, 80, 0.3);
    color: #4caf50;
}

.alert-danger[b-jgm6gpos86] {
    background: rgba(244, 67, 54, 0.15);
    border: 1px solid rgba(244, 67, 54, 0.3);
    color: #f44336;
}

.alert-info[b-jgm6gpos86] {
    background: rgba(33, 150, 243, 0.15);
    border: 1px solid rgba(33, 150, 243, 0.3);
    color: #2196f3;
}

.testing-content[b-jgm6gpos86] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.testing-section[b-jgm6gpos86] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 2rem;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.section-header[b-jgm6gpos86] {
    margin-bottom: 2rem;
}

.section-header h2[b-jgm6gpos86] {
    color: #00ffe7;
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}

.section-header p[b-jgm6gpos86] {
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.action-cards[b-jgm6gpos86] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.action-card[b-jgm6gpos86] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.3s ease;
}

.action-card:hover[b-jgm6gpos86] {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.danger-card[b-jgm6gpos86] {
    border-color: rgba(244, 67, 54, 0.3);
    background: rgba(244, 67, 54, 0.05);
}

.danger-card:hover[b-jgm6gpos86] {
    border-color: rgba(244, 67, 54, 0.5);
    background: rgba(244, 67, 54, 0.1);
}

.warning-card[b-jgm6gpos86] {
    border-color: rgba(255, 193, 7, 0.3);
    background: rgba(255, 193, 7, 0.05);
}

.warning-card:hover[b-jgm6gpos86] {
    border-color: rgba(255, 193, 7, 0.5);
    background: rgba(255, 193, 7, 0.1);
}

.card-header h3[b-jgm6gpos86] {
    color: #ffffff;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.card-header p[b-jgm6gpos86] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin: 0;
}

.card-actions[b-jgm6gpos86] {
    margin-top: 1.5rem;
}

.btn[b-jgm6gpos86] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

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

.btn-danger[b-jgm6gpos86] {
    background: rgba(244, 67, 54, 0.2);
    border: 1px solid rgba(244, 67, 54, 0.4);
    color: #f44336;
}

.btn-danger:hover:not(:disabled)[b-jgm6gpos86] {
    background: rgba(244, 67, 54, 0.3);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.3);
}

.btn-warning[b-jgm6gpos86] {
    background: rgba(255, 193, 7, 0.2);
    border: 1px solid rgba(255, 193, 7, 0.4);
    color: #ffc107;
}

.btn-warning:hover:not(:disabled)[b-jgm6gpos86] {
    background: rgba(255, 193, 7, 0.3);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

.btn-secondary[b-jgm6gpos86] {
    background: rgba(108, 117, 125, 0.2);
    border: 1px solid rgba(108, 117, 125, 0.4);
    color: #6c757d;
}

.btn-secondary:hover[b-jgm6gpos86] {
    background: rgba(108, 117, 125, 0.3);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.info-grid[b-jgm6gpos86] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.info-item[b-jgm6gpos86] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.info-item label[b-jgm6gpos86] {
    color: #00ffe7;
    font-weight: 600;
    font-size: 0.9rem;
}

.info-item .value[b-jgm6gpos86] {
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.9rem;
}

.navigation-section[b-jgm6gpos86] {
    text-align: center;
    margin-top: 2rem;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .testing-container[b-jgm6gpos86] {
        padding: 1rem;
    }
    
    .testing-header h1[b-jgm6gpos86] {
        font-size: 2rem;
    }
    
    .section-header h2[b-jgm6gpos86] {
        font-size: 1.5rem;
    }
    
    .action-cards[b-jgm6gpos86] {
        grid-template-columns: 1fr;
    }
    
    .info-grid[b-jgm6gpos86] {
        grid-template-columns: 1fr;
    }
    
    .testing-section[b-jgm6gpos86] {
        padding: 1.5rem;
    }
}
/* _content/ADG.Website/Pages/Advanced/Maps/MapDetails.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Advanced/Marketplace/InventoryDialog.razor.rz.scp.css */
/* Inventory Dialog */
.inventory-dialog-header[b-k0v07fzmo8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-k0v07fzmo8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.inventory-content[b-k0v07fzmo8] {
    min-width: 600px;
    min-height: 400px;
}

.loading-container[b-k0v07fzmo8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.empty-inventory[b-k0v07fzmo8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    gap: 1rem;
}

.empty-inventory h4[b-k0v07fzmo8] {
    margin: 0;
    color: var(--neutral-foreground-disabled);
}

.empty-inventory p[b-k0v07fzmo8] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    max-width: 300px;
}

/* Inventory Grid */
.inventory-grid[b-k0v07fzmo8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1rem 0;
}

.inventory-item-card[b-k0v07fzmo8] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--neutral-stroke-rest);
    position: relative;
}

.inventory-item-card:hover[b-k0v07fzmo8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--accent-stroke-control-default);
}

/* Rarity styling for inventory items */
.inventory-item-card.rarity-common[b-k0v07fzmo8] {
    border-left: 3px solid #888888;
}

.inventory-item-card.rarity-uncommon[b-k0v07fzmo8] {
    border-left: 3px solid #1eff00;
}

.inventory-item-card.rarity-rare[b-k0v07fzmo8] {
    border-left: 3px solid #0070f3;
}

.inventory-item-card.rarity-epic[b-k0v07fzmo8] {
    border-left: 3px solid #a335ee;
}

.inventory-item-card.rarity-legendary[b-k0v07fzmo8] {
    border-left: 3px solid #ff8000;
    box-shadow: 0 0 10px rgba(255, 128, 0, 0.1);
}

.item-quantity[b-k0v07fzmo8] {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 1;
}

/* Item Actions Dialog */
.item-actions-header[b-k0v07fzmo8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.item-actions-content[b-k0v07fzmo8] {
    min-width: 500px;
}

.item-preview[b-k0v07fzmo8] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider);
}

.item-large-icon[b-k0v07fzmo8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    flex-shrink: 0;
}

.item-info[b-k0v07fzmo8] {
    flex: 1;
}

.item-info h3[b-k0v07fzmo8] {
    margin: 0 0 0.5rem 0;
}

.item-info p[b-k0v07fzmo8] {
    margin: 0 0 1rem 0;
    color: var(--neutral-foreground-hint);
}

.item-meta[b-k0v07fzmo8] {
    display: flex;
    gap: 0.5rem;
}

.action-buttons[b-k0v07fzmo8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.action-button[b-k0v07fzmo8] {
    height: auto;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
}

.action-content[b-k0v07fzmo8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.action-content strong[b-k0v07fzmo8] {
    font-size: 1rem;
}

.action-content small[b-k0v07fzmo8] {
    font-size: 0.85rem;
    opacity: 0.8;
}

/* Sell Dialog */
.sell-dialog-content[b-k0v07fzmo8] {
    min-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.error-message[b-k0v07fzmo8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--error-foreground-rest);
    background: var(--error-layer-1);
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

/* Shard Dialog */
.shard-dialog-content[b-k0v07fzmo8] {
    min-width: 400px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.warning-icon[b-k0v07fzmo8] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.shard-dialog-content p[b-k0v07fzmo8] {
    margin: 0;
}

.shard-dialog-content strong[b-k0v07fzmo8] {
    color: var(--error-foreground-rest);
}

/* Responsive Design */
@media (max-width: 768px) {
    .inventory-content[b-k0v07fzmo8] {
        min-width: auto;
        width: 100%;
    }
    
    .item-actions-content[b-k0v07fzmo8] {
        min-width: auto;
        width: 100%;
    }
    
    .inventory-grid[b-k0v07fzmo8] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.75rem;
    }
    
    .action-buttons[b-k0v07fzmo8] {
        grid-template-columns: 1fr;
    }
    
    .item-preview[b-k0v07fzmo8] {
        flex-direction: column;
        text-align: center;
    }
    
    .sell-dialog-content[b-k0v07fzmo8] {
        min-width: auto;
        width: 100%;
    }
    
    .shard-dialog-content[b-k0v07fzmo8] {
        min-width: auto;
        width: 100%;
    }
}

/* Inline CSS migration classes */
.inventory-empty-icon[b-k0v07fzmo8] {
    font-size: 64px;
}

.inventory-price-field[b-k0v07fzmo8] {
    width: 100%;
}
/* _content/ADG.Website/Pages/Advanced/Marketplace/Marketplace.razor.rz.scp.css */
/* Marketplace Header */
.marketplace-header[b-pkrbz7hlce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.marketplace-title h2[b-pkrbz7hlce] {
    margin: 0;
    color: var(--accent-foreground-rest);
}

.marketplace-title p[b-pkrbz7hlce] {
    margin: 0.5rem 0 0 0;
    color: var(--neutral-foreground-hint);
}

/* Filters */
.marketplace-filters[b-pkrbz7hlce] {
    background: var(--neutral-layer-2);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.filter-row[b-pkrbz7hlce] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

/* Content Area */
.marketplace-content[b-pkrbz7hlce] {
    min-height: 400px;
}

.loading-container[b-pkrbz7hlce] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.empty-marketplace[b-pkrbz7hlce] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    gap: 1rem;
}

.empty-marketplace h4[b-pkrbz7hlce] {
    margin: 0;
    color: var(--neutral-foreground-disabled);
}

.empty-marketplace p[b-pkrbz7hlce] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    max-width: 400px;
}

/* Marketplace Grid */
.marketplace-grid[b-pkrbz7hlce] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    padding: 1rem 0;
}

.marketplace-item-card[b-pkrbz7hlce] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--neutral-stroke-rest);
    position: relative;
    overflow: hidden;
}

.marketplace-item-card:hover[b-pkrbz7hlce] {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-color: var(--accent-stroke-control-default);
}

/* Rarity-based styling */
.marketplace-item-card.rarity-common[b-pkrbz7hlce] {
    border-left: 4px solid #888888;
}

.marketplace-item-card.rarity-uncommon[b-pkrbz7hlce] {
    border-left: 4px solid #1eff00;
}

.marketplace-item-card.rarity-rare[b-pkrbz7hlce] {
    border-left: 4px solid #0070f3;
}

.marketplace-item-card.rarity-epic[b-pkrbz7hlce] {
    border-left: 4px solid #a335ee;
}

.marketplace-item-card.rarity-legendary[b-pkrbz7hlce] {
    border-left: 4px solid #ff8000;
    box-shadow: 0 0 20px rgba(255, 128, 0, 0.1);
}

.marketplace-item-card.rarity-legendary:hover[b-pkrbz7hlce] {
    box-shadow: 0 8px 32px rgba(255, 128, 0, 0.2);
}

/* Card Layout */
.item-card-header[b-pkrbz7hlce] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.item-image[b-pkrbz7hlce] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
}

.item-badges[b-pkrbz7hlce] {
    display: flex;
    gap: 0.5rem;
}

.item-card-content[b-pkrbz7hlce] {
    margin-bottom: 1rem;
}

.item-name[b-pkrbz7hlce] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.1rem;
    font-weight: 600;
}

.item-description[b-pkrbz7hlce] {
    margin: 0 0 0.75rem 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-category[b-pkrbz7hlce] {
    margin-bottom: 0.5rem;
}

.item-card-footer[b-pkrbz7hlce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--neutral-stroke-divider);
}

.item-price[b-pkrbz7hlce] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.price-value[b-pkrbz7hlce] {
    font-size: 1.1rem;
}

.item-seller[b-pkrbz7hlce] {
    color: var(--neutral-foreground-hint);
    font-size: 0.85rem;
}

/* Dialog Styles */
.dialog-header[b-pkrbz7hlce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-pkrbz7hlce] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.item-details[b-pkrbz7hlce] {
    min-width: 500px;
}

.item-details-main[b-pkrbz7hlce] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.item-large-icon[b-pkrbz7hlce] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: var(--neutral-layer-1);
    border-radius: 12px;
    flex-shrink: 0;
}

.item-info[b-pkrbz7hlce] {
    flex: 1;
}

.item-info h3[b-pkrbz7hlce] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.item-info .item-description[b-pkrbz7hlce] {
    margin-bottom: 1rem;
    -webkit-line-clamp: none;
    overflow: visible;
}

.item-meta[b-pkrbz7hlce] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.item-price-large[b-pkrbz7hlce] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--accent-foreground-rest);
    margin-bottom: 1rem;
}

.item-seller-info p[b-pkrbz7hlce] {
    margin: 0.25rem 0;
}

.dialog-actions[b-pkrbz7hlce] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .marketplace-header[b-pkrbz7hlce] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
    
    .filter-row[b-pkrbz7hlce] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-row > *[b-pkrbz7hlce] {
        width: 100%;
    }
    
    .marketplace-grid[b-pkrbz7hlce] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .item-details[b-pkrbz7hlce] {
        min-width: auto;
        width: 100%;
    }
    
    .item-details-main[b-pkrbz7hlce] {
        flex-direction: column;
        text-align: center;
    }
    
    .dialog-actions[b-pkrbz7hlce] {
        flex-direction: column;
    }
    
    .dialog-actions > *[b-pkrbz7hlce] {
        width: 100%;
    }
}

/* Inline CSS migration classes */
.marketplace-search-input[b-pkrbz7hlce] {
    min-width: 300px;
}

.marketplace-filter-select[b-pkrbz7hlce] {
    min-width: 150px;
}

.marketplace-empty-icon[b-pkrbz7hlce] {
    font-size: 64px;
}.marketplace-gold-color[b-pkrbz7hlce] { color: gold; }
/* _content/ADG.Website/Pages/Advanced/Marketplace/PlayerSearchDialogs.razor.rz.scp.css */
/* Dialog Headers */
.dialog-header[b-44kfyk9b42] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-44kfyk9b42] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

/* Dialog Content */
.trade-dialog-content[b-44kfyk9b42],
.gift-dialog-content[b-44kfyk9b42] {
    min-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Item Preview */
.item-preview[b-44kfyk9b42] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.item-large-icon[b-44kfyk9b42] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    flex-shrink: 0;
}

.item-info[b-44kfyk9b42] {
    flex: 1;
}

.item-info h4[b-44kfyk9b42] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.item-info p[b-44kfyk9b42] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

/* Player Search */
.player-search[b-44kfyk9b42] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.search-results[b-44kfyk9b42] {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
}

.player-result-card[b-44kfyk9b42] {
    cursor: pointer;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-divider);
    border-radius: 0;
    transition: background-color 0.2s ease;
}

.player-result-card:last-child[b-44kfyk9b42] {
    border-bottom: none;
}

.player-result-card:hover[b-44kfyk9b42] {
    background: var(--neutral-layer-2);
}

.player-info[b-44kfyk9b42] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
}

.player-details[b-44kfyk9b42] {
    flex: 1;
}

.player-details h5[b-44kfyk9b42] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.player-details small[b-44kfyk9b42] {
    color: var(--neutral-foreground-hint);
    font-size: 0.85rem;
}

.player-status[b-44kfyk9b42] {
    display: flex;
    align-items: center;
}

/* Selected Player */
.selected-player[b-44kfyk9b42] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-player h5[b-44kfyk9b42] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.selected-player-card[b-44kfyk9b42] {
    border: 2px solid var(--accent-stroke-control-default);
    background: var(--accent-layer-1);
}

.selected-player-card .player-info[b-44kfyk9b42] {
    padding: 1rem;
}

/* Error Messages */
.error-message[b-44kfyk9b42] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--error-foreground-rest);
    background: var(--error-layer-1);
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
    border: 1px solid var(--error-stroke-control-default);
}

/* Dialog Actions */
.dialog-actions[b-44kfyk9b42] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Custom scrollbar for search results */
.search-results[b-44kfyk9b42]::-webkit-scrollbar {
    width: 6px;
}

.search-results[b-44kfyk9b42]::-webkit-scrollbar-track {
    background: var(--neutral-layer-2);
}

.search-results[b-44kfyk9b42]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-rest);
    border-radius: 3px;
}

.search-results[b-44kfyk9b42]::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-stroke-control-default);
}

/* Responsive Design */
@media (max-width: 768px) {
    .trade-dialog-content[b-44kfyk9b42],
    .gift-dialog-content[b-44kfyk9b42] {
        min-width: auto;
        width: 100%;
    }
    
    .item-preview[b-44kfyk9b42] {
        flex-direction: column;
        text-align: center;
    }
    
    .player-info[b-44kfyk9b42] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .player-details[b-44kfyk9b42] {
        text-align: center;
    }
    
    .dialog-actions[b-44kfyk9b42] {
        flex-direction: column;
    }
    
    .dialog-actions > *[b-44kfyk9b42] {
        width: 100%;
    }
}

/* Animation for search results */
@keyframes fadeIn-b-44kfyk9b42 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.search-results[b-44kfyk9b42] {
    animation: fadeIn-b-44kfyk9b42 0.2s ease-out;
}

/* Focus states */
.player-result-card:focus[b-44kfyk9b42] {
    outline: 2px solid var(--accent-stroke-control-default);
    outline-offset: -2px;
}

/* Loading state for future implementation */
.player-search-loading[b-44kfyk9b42] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--neutral-foreground-hint);
}

/* Empty state for search */
.player-search-empty[b-44kfyk9b42] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--neutral-foreground-hint);
    text-align: center;
}

.player-search-empty p[b-44kfyk9b42] {
    margin: 0;
    font-size: 0.9rem;
}

/* Inline CSS migration classes */
.trade-item-icon[b-44kfyk9b42] {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.trade-player-field[b-44kfyk9b42] {
    width: 100%;
}
/* _content/ADG.Website/Pages/Advanced/Status/Status.razor.rz.scp.css */
.status-content[b-tyuprwhyy9] {
    min-width: 500px;
}


.status-page[b-tyuprwhyy9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.status-header[b-tyuprwhyy9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.status-header h1[b-tyuprwhyy9] {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 300;
}

.history-header[b-tyuprwhyy9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.history-header h2[b-tyuprwhyy9] {
    margin: 0;
}

.timeframe-select[b-tyuprwhyy9] {
    min-width: 150px;
}

.status-actions[b-tyuprwhyy9] {
    display: flex;
    gap: 1rem;
}

.status-section[b-tyuprwhyy9] {
    padding: 2rem;
}

.status-section h2[b-tyuprwhyy9] {
    margin: 0 0 1.5rem 0;
    font-size: 1.5rem;
    font-weight: 500;
}

.systems-grid[b-tyuprwhyy9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.system-card[b-tyuprwhyy9] {
    border-left: 4px solid var(--mud-palette-success);
}

.system-info[b-tyuprwhyy9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.system-name-status[b-tyuprwhyy9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.system-name-status h4[b-tyuprwhyy9] {
    margin: 0;
    font-weight: 500;
}

.system-metrics[b-tyuprwhyy9] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

.latency[b-tyuprwhyy9] {
    font-weight: 500;
}

.incidents-list[b-tyuprwhyy9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.incident-card[b-tyuprwhyy9] {
    border-left: 4px solid var(--mud-palette-warning);
}

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

.incident-header h4[b-tyuprwhyy9] {
    margin: 0;
    font-weight: 500;
}

.incident-meta[b-tyuprwhyy9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.incident-description[b-tyuprwhyy9] {
    margin: 0.5rem 0;
    color: var(--mud-palette-text-secondary);
}

.incident-resolved[b-tyuprwhyy9] {
    margin: 0.5rem 0 0 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--mud-palette-success);
    font-size: 0.875rem;
}

.no-incidents[b-tyuprwhyy9] {
    text-align: center;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.help-section[b-tyuprwhyy9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #0b0f1a;
}

.help-section h3[b-tyuprwhyy9] {
    margin: 0 0 0.5rem 0;
    font-weight: 500;
}

.help-section p[b-tyuprwhyy9] {
    margin: 0;
}

.help-section a[b-tyuprwhyy9] {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.help-section a:hover[b-tyuprwhyy9] {
    text-decoration: underline;
}

/* Custom Paper for Status page */
.custom-paper[b-tyuprwhyy9] {
    padding: 1.5rem;
    border-radius: 1rem;
    background: #0d0d12;
    color: #fff;
}

@media (max-width: 768px) {
    .status-page[b-tyuprwhyy9] {
        padding: 1rem;
    }

    .status-header[b-tyuprwhyy9] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .status-actions[b-tyuprwhyy9] {
        justify-content: center;
    }

    .systems-grid[b-tyuprwhyy9] {
        grid-template-columns: 1fr;
    }

    .incident-header[b-tyuprwhyy9] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }
}
/* _content/ADG.Website/Pages/Advanced/Trading/Trading.razor.rz.scp.css */
.trading-content[b-mpccitlve2] {
    padding: 20px;
}

.trade-items-grid[b-mpccitlve2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.trade-item-card[b-mpccitlve2] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    background: var(--neutral-fill-rest);
}

.trade-item-header[b-mpccitlve2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.trade-item-header h4[b-mpccitlve2] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.trade-item-image[b-mpccitlve2] {
    text-align: center;
    margin: 16px 0;
    color: var(--accent-fill-rest);
}

.trade-item-details[b-mpccitlve2] {
    margin: 16px 0;
}

.item-description[b-mpccitlve2] {
    margin: 8px 0;
    color: var(--neutral-foreground-rest);
    font-size: 14px;
}

.trade-stats[b-mpccitlve2] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.trade-item-actions[b-mpccitlve2] {
    margin-top: 16px;
    text-align: center;
}

.explore-navigation[b-mpccitlve2] {
    margin: 20px 0;
}

.explore-content[b-mpccitlve2] {
    padding: 20px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    margin: 20px 0;
}

.explore-content ul[b-mpccitlve2] {
    margin: 16px 0;
    padding-left: 20px;
}

.explore-content li[b-mpccitlve2] {
    margin: 8px 0;
}
/* _content/ADG.Website/Pages/Advanced/Wiki/Concepts/Combat/Projectiles.razor.rz.scp.css */
.projectiles-content[b-z7veal8lk2] {
    padding: 20px 0;
    max-width: 800px;
    margin: 0 auto;
}

.projectiles-header[b-z7veal8lk2] {
    text-align: center;
    margin-bottom: 30px;
}

.projectiles-header h1[b-z7veal8lk2] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.projectiles-description[b-z7veal8lk2] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
}

.projectiles-info[b-z7veal8lk2] {
    margin-bottom: 30px;
}

.info-content[b-z7veal8lk2] {
    padding: 30px;
}

.info-content h2[b-z7veal8lk2] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
}

.info-content h3[b-z7veal8lk2] {
    color: var(--neutral-foreground-rest);
    margin: 25px 0 15px 0;
}

.info-content h4[b-z7veal8lk2] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 5px;
}

.info-content p[b-z7veal8lk2] {
    color: var(--neutral-foreground-hint);
    line-height: 1.6;
    margin-bottom: 15px;
}

.projectile-types[b-z7veal8lk2] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 25px;
}

.projectile-type[b-z7veal8lk2] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
}

.projectile-icon[b-z7veal8lk2] {
    font-size: 24px;
    color: var(--accent-fill-rest);
    flex-shrink: 0;
    margin-top: 2px;
}

.mechanics-list[b-z7veal8lk2] {
    color: var(--neutral-foreground-hint);
    line-height: 1.8;
}

.mechanics-list li[b-z7veal8lk2] {
    margin-bottom: 8px;
}

.mechanics-list strong[b-z7veal8lk2] {
    color: var(--neutral-foreground-rest);
}

.related-topics[b-z7veal8lk2] {
    text-align: center;
}

.related-topics h2[b-z7veal8lk2] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 20px;
}

.topic-links[b-z7veal8lk2] {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
/* _content/ADG.Website/Pages/Advanced/Wiki/Concepts/Combat/Range.razor.rz.scp.css */
.range-content[b-is0mz8geyc] {
    padding: 20px 0;
    max-width: 900px;
    margin: 0 auto;
}

.range-header[b-is0mz8geyc] {
    text-align: center;
    margin-bottom: 30px;
}

.range-header h1[b-is0mz8geyc] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.range-description[b-is0mz8geyc] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
}

.range-info[b-is0mz8geyc] {
    margin-bottom: 30px;
}

.info-content[b-is0mz8geyc] {
    padding: 30px;
}

.info-content h2[b-is0mz8geyc] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
}

.info-content h3[b-is0mz8geyc] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 10px;
}

.info-content h4[b-is0mz8geyc] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 5px;
}

.info-content p[b-is0mz8geyc] {
    color: var(--neutral-foreground-hint);
    line-height: 1.6;
    margin-bottom: 15px;
}

.range-categories[b-is0mz8geyc] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.range-category[b-is0mz8geyc] {
    padding: 20px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
    border-left: 4px solid var(--accent-fill-rest);
}

.range-category.highlight[b-is0mz8geyc] {
    border-left-color: var(--success-fill-rest);
    background: var(--success-fill-subtle);
}

.range-examples[b-is0mz8geyc] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    margin-top: 10px;
}

.range-examples strong[b-is0mz8geyc] {
    color: var(--neutral-foreground-rest);
}

.highlight-note[b-is0mz8geyc] {
    margin-top: 15px;
    background: var(--success-fill-stealth);
    border: 1px solid var(--success-stroke-rest);
}

.highlight-note p[b-is0mz8geyc] {
    color: var(--success-foreground-rest);
    margin: 0;
    padding: 10px;
}

.effectiveness-info[b-is0mz8geyc] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.effectiveness-point[b-is0mz8geyc] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
}

.effectiveness-icon[b-is0mz8geyc] {
    font-size: 24px;
    color: var(--accent-fill-rest);
    flex-shrink: 0;
    margin-top: 2px;
}

.related-topics[b-is0mz8geyc] {
    text-align: center;
}

.related-topics h2[b-is0mz8geyc] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 20px;
}

.topic-links[b-is0mz8geyc] {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Smooth scrolling for anchor links */
html[b-is0mz8geyc] {
    scroll-behavior: smooth;
}

/* Highlight animation for anchor target */
#long-range:target[b-is0mz8geyc] {
    background: var(--success-fill-rest);
}
/* _content/ADG.Website/Pages/Advanced/Wiki/Items/Items.razor.rz.scp.css */
.items-content[b-qtq126caf5] {
    padding: 20px 0;
}

.items-header[b-qtq126caf5] {
    text-align: center;
    margin-bottom: 30px;
}

.items-header h1[b-qtq126caf5] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.items-description[b-qtq126caf5] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.items-table-container[b-qtq126caf5] {
    margin-bottom: 40px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: var(--neutral-fill-rest);
}

.items-table[b-qtq126caf5] {
    width: 100%;
    border-collapse: collapse;
}

.items-table th[b-qtq126caf5],
.items-table td[b-qtq126caf5] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--neutral-stroke-divider);
}

.items-table th[b-qtq126caf5] {
    background: var(--neutral-fill-stealth);
    color: var(--neutral-foreground-rest);
    font-weight: 600;
    position: sticky;
    top: 0;
}

.items-table td[b-qtq126caf5] {
    color: var(--neutral-foreground-rest);
}

.item-row:hover[b-qtq126caf5] {
    background: var(--neutral-fill-stealth);
}

.item-name[b-qtq126caf5] {
    font-weight: 600;
}

.filter-input[b-qtq126caf5] {
    margin-top: 8px;
    max-width: 150px;
}

.rarity-badge[b-qtq126caf5] {
    font-weight: 600;
}

.no-value[b-qtq126caf5] {
    color: var(--neutral-foreground-hint);
}

.items-navigation[b-qtq126caf5] {
    text-align: center;
}

.items-navigation h2[b-qtq126caf5] {
    margin-bottom: 20px;
    color: var(--neutral-foreground-rest);
}

.category-buttons[b-qtq126caf5] {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.search-box[b-qtq126caf5] {
    width: 100%;
    margin-top: 5px;
}
/* _content/ADG.Website/Pages/Advanced/Wiki/Items/Weapons/Bows/Bows.razor.rz.scp.css */
.bows-content[b-93zqsihyj0] {
    padding: 20px 0;
    max-width: 1000px;
    margin: 0 auto;
}

.bows-header[b-93zqsihyj0] {
    text-align: center;
    margin-bottom: 30px;
}

.bows-header h1[b-93zqsihyj0] {
    color: var(--neutral-foreground-rest);
}

.bows-description[b-93zqsihyj0] {
    margin-bottom: 40px;
    text-align: center;
}

.intro-text[b-93zqsihyj0] {
    font-size: 18px;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
    max-width: 700px;
    margin: 0 auto;
}

.range-visualization[b-93zqsihyj0] {
    margin-bottom: 40px;
    padding: 30px;
    background: var(--neutral-fill-stealth);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-divider);
}

.range-visualization h2[b-93zqsihyj0] {
    text-align: center;
    margin-bottom: 30px;
    color: var(--neutral-foreground-rest);
}

.range-table[b-93zqsihyj0] {
    position: relative;
    padding: 20px 0;
}

.range-scale[b-93zqsihyj0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.range-line[b-93zqsihyj0] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, var(--accent-fill-rest), var(--error-fill-rest));
    transform: translateY(-50%);
    z-index: 1;
}

.range-point[b-93zqsihyj0] {
    background: var(--neutral-fill-rest);
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    border: 2px solid var(--neutral-stroke-rest);
    z-index: 2;
    position: relative;
    color: var(--neutral-foreground-rest);
}

.weapon-ranges[b-93zqsihyj0] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.weapon-range[b-93zqsihyj0] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.weapon-label[b-93zqsihyj0] {
    min-width: 80px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.range-bar[b-93zqsihyj0] {
    height: 8px;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease;
}

.dagger-range[b-93zqsihyj0] {
    width: 15%;
    background: var(--accent-fill-rest);
}

.sword-range[b-93zqsihyj0] {
    width: 35%;
    background: var(--accent-fill-rest);
}

.bow-range[b-93zqsihyj0] {
    width: 70%;
    background: var(--success-fill-rest);
    box-shadow: 0 0 10px var(--success-fill-rest);
}

.firearm-range[b-93zqsihyj0] {
    width: 90%;
    background: var(--error-fill-rest);
}

.weapon-range.active .weapon-label[b-93zqsihyj0] {
    color: var(--success-fill-rest);
    font-weight: 800;
}

.bows-examples h2[b-93zqsihyj0] {
    text-align: center;
    margin-bottom: 25px;
    color: var(--neutral-foreground-rest);
}

.bow-grid[b-93zqsihyj0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.bow-card[b-93zqsihyj0] {
    height: 100%;
}

.bow-info[b-93zqsihyj0] {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bow-info h3[b-93zqsihyj0] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.bow-info p[b-93zqsihyj0] {
    color: var(--neutral-foreground-hint);
    margin: 15px 0;
    flex-grow: 1;
}

.bow-stats[b-93zqsihyj0] {
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
    margin-top: auto;
}

.bows-navigation[b-93zqsihyj0] {
    text-align: center;
}

@media (max-width: 768px) {
    .weapon-range[b-93zqsihyj0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .range-bar[b-93zqsihyj0] {
        width: 100% !important;
        max-width: 300px;
    }

    .weapon-label[b-93zqsihyj0] {
        min-width: auto;
    }
}
/* _content/ADG.Website/Pages/Advanced/Wiki/Items/Weapons/Firearms/Firearms.razor.rz.scp.css */
.firearms-content[b-viv0rptjzs] {
    padding: 20px 0;
    max-width: 600px;
    margin: 0 auto;
}

.firearms-header[b-viv0rptjzs] {
    text-align: center;
    margin-bottom: 30px;
}

.firearms-header h1[b-viv0rptjzs] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.firearms-description[b-viv0rptjzs] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
}

.placeholder-content[b-viv0rptjzs] {
    text-align: center;
    padding: 40px 30px;
}

.placeholder-icon[b-viv0rptjzs] {
    font-size: 64px;
    color: var(--accent-fill-rest);
    margin-bottom: 20px;
}

.placeholder-content h2[b-viv0rptjzs] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
}

.placeholder-content p[b-viv0rptjzs] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 30px;
}

.quick-info[b-viv0rptjzs] {
    text-align: left;
    margin: 30px 0;
    padding: 20px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
}

.quick-info h3[b-viv0rptjzs] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
    text-align: center;
}

.quick-info ul[b-viv0rptjzs] {
    color: var(--neutral-foreground-hint);
    line-height: 1.6;
}

.quick-info li[b-viv0rptjzs] {
    margin-bottom: 8px;
}
/* _content/ADG.Website/Pages/Advanced/Wiki/Items/Weapons/Weapons.razor.rz.scp.css */
.weapons-content[b-8bwl4qr920] {
    padding: 20px 0;
}

.weapons-header[b-8bwl4qr920] {
    text-align: center;
    margin-bottom: 40px;
}

.weapons-header h1[b-8bwl4qr920] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.weapons-description[b-8bwl4qr920] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.weapon-categories[b-8bwl4qr920] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.weapon-category-card[b-8bwl4qr920] {
    height: 100%;
}

.category-content[b-8bwl4qr920] {
    text-align: center;
    padding: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-icon[b-8bwl4qr920] {
    font-size: 48px;
    margin-bottom: 15px;
    color: var(--accent-fill-rest);
}

.category-content h3[b-8bwl4qr920] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.category-content p[b-8bwl4qr920] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    flex-grow: 1;
}

.category-stats[b-8bwl4qr920] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
    padding: 15px;
    background: var(--neutral-fill-stealth);
    border-radius: 6px;
}

.stat[b-8bwl4qr920] {
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

.weapons-navigation[b-8bwl4qr920] {
    text-align: center;
}
/* _content/ADG.Website/Pages/Advanced/Wiki/Wiki.razor.rz.scp.css */
.wiki-navigation[b-s656a2w12k] {
    padding: 20px 0;
}

.wiki-header[b-s656a2w12k] {
    text-align: center;
    margin-bottom: 40px;
}

.wiki-header h1[b-s656a2w12k] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.wiki-description[b-s656a2w12k] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.wiki-categories[b-s656a2w12k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.wiki-category-card[b-s656a2w12k] {
    height: 100%;
}

.category-content[b-s656a2w12k] {
    text-align: center;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-icon[b-s656a2w12k] {
    font-size: 48px;
    margin-bottom: 15px;
    color: var(--accent-fill-rest);
}

.category-content h3[b-s656a2w12k] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.category-content p[b-s656a2w12k] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    flex-grow: 1;
}
/* _content/ADG.Website/Pages/BugReports/BugReports.razor.rz.scp.css */
.bug-report-spacing[b-z349v9eoz7] {
    margin-top: 2rem;
}

.bug-report-title[b-z349v9eoz7] {
    margin: 0;
    flex: 1;
}

.bug-report-description[b-z349v9eoz7] {
    margin: 0;
    color: #666;
}
/* _content/ADG.Website/Pages/Changelogs/ChangelogCreate.razor.rz.scp.css */
/* Changelog Create Page - Following CreatePost Design System */
:root[b-zvrg3sbkju] {
    --changelog-create-bg: #0b0f1a;
    --changelog-create-fg: #e6edff;
    --changelog-create-muted: #f8fbff;
    --changelog-create-accent: #7c5cff;
    --changelog-create-accent2: #00ffe0;
    --changelog-create-card: #121a2b;
    --changelog-create-danger: #ff6b6b;
}

/* Breadcrumbs styling */
.breadcrumbs[b-zvrg3sbkju] {
    margin-bottom: 2rem;
    color: var(--changelog-create-muted);
}

.changelog-create-card[b-zvrg3sbkju] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 2rem;
    background: var(--changelog-create-card);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .25);
}

.changelog-create-form[b-zvrg3sbkju] {
    width: 100%;
}

.changelog-create-card h4[b-zvrg3sbkju] {
    color: var(--changelog-create-fg);
    margin-bottom: 2rem;
    font-weight: 600;
}

/* FluentUI component overrides */
.fluent-card[b-zvrg3sbkju] {
    background: var(--changelog-create-card) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 12px !important;
}

.fluent-text-field[b-zvrg3sbkju] {
    margin-bottom: 1rem;
}

.fluent-text-area[b-zvrg3sbkju] {
    margin-bottom: 1rem;
}

.fluent-button[b-zvrg3sbkju] {
    min-height: 2.5rem;
    font-weight: 500;
}

.fluent-button[appearance="accent"][b-zvrg3sbkju] {
    background: linear-gradient(45deg, var(--changelog-create-accent), var(--changelog-create-accent2));
    border: none;
    color: white;
}

.fluent-button[appearance="accent"]:hover[b-zvrg3sbkju] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(124, 92, 255, .3);
}

/* Error message styling */
.error-message[b-zvrg3sbkju] {
    padding: 1rem;
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: 8px;
    color: var(--changelog-create-danger);
    margin-top: 1rem;
}

/* Access denied styling */
.access-denied[b-zvrg3sbkju] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 2rem;
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: 16px;
    text-align: center;
    color: var(--changelog-create-danger);
}

.access-denied h3[b-zvrg3sbkju] {
    color: var(--changelog-create-danger);
    margin-bottom: 1rem;
    font-weight: 600;
}

/* Form field spacing */
.form-field[b-zvrg3sbkju] {
    margin-bottom: 1.5rem;
}

/* Submit section */
.submit-section[b-zvrg3sbkju] {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}
/* _content/ADG.Website/Pages/Changelogs/ChangelogDetails.razor.rz.scp.css */


/* Inline CSS migration classes */
.changelog-details-title[b-6jt0rtpqjd] {
    margin: 0;
    flex: 1;
}


/* Inline CSS migration classes */
.changelog-details-title[b-6jt0rtpqjd] {
    margin: 0;
    flex: 1;
}
/* _content/ADG.Website/Pages/Changelogs/Changelogs.razor.rz.scp.css */
.changelog-card[b-vnkv5swrvf] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.changelog-card:hover[b-vnkv5swrvf] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.changelog-list[b-vnkv5swrvf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Inline CSS migration classes */
.changelog-search-section[b-vnkv5swrvf] {
    margin-bottom: 1rem;
}

.changelog-card-title[b-vnkv5swrvf] {
    margin: 0;
    flex: 1;
}

.changelog-stat-text[b-vnkv5swrvf] {
    font-size: 0.875rem;
}

.changelog-card-entries[b-vnkv5swrvf] {
    margin: 0;
    flex: 1;
}

.changelog-card-date[b-vnkv5swrvf] {
    font-size: 0.875rem;
    color: #666;
}
/* _content/ADG.Website/Pages/Create/Converter/CreatorConverter.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Create/Create.razor.rz.scp.css */
/* Menu styling for Create page to match Menu.razor */
.menu-container[b-68mk1rl75i] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.menu-title[b-68mk1rl75i] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
    text-align: center;
}

.menu-list[b-68mk1rl75i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.menu-item[b-68mk1rl75i] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.menu-item:hover[b-68mk1rl75i] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.menu-item:active[b-68mk1rl75i] {
    transform: translateY(0);
}

.menu-item-content[b-68mk1rl75i] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4rem;
}

.menu-icon[b-68mk1rl75i] {
    color: #ffffff;
    font-size: 3rem;
    flex-shrink: 0;
}

.menu-text[b-68mk1rl75i] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.menu-label[b-68mk1rl75i] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.menu-description[b-68mk1rl75i] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.menu-chevron[b-68mk1rl75i] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.menu-item:hover .menu-chevron[b-68mk1rl75i] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .menu-container[b-68mk1rl75i] {
        padding: 1rem;
    }

    .menu-title[b-68mk1rl75i] {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .menu-item-content[b-68mk1rl75i] {
        padding: 1.25rem;
    }

    .menu-label[b-68mk1rl75i] {
        font-size: 1rem;
    }

    .menu-description[b-68mk1rl75i] {
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/Create/CreatePost.razor.rz.scp.css */
/* Create Post Page - Following Settings Page Design System */
:root[b-zyhjmd5neq] {
    --create-post-bg: #0b0f1a;
    --create-post-fg: #e6edff;
    --create-post-muted: #f8fbff;
    --create-post-accent: #7c5cff;
    --create-post-accent2: #00ffe0;
    --create-post-card: #121a2b;
    --create-post-danger: #ff6b6b;
}

/* Breadcrumbs styling */
.breadcrumbs[b-zyhjmd5neq] {
    margin-bottom: 2rem;
    color: var(--create-post-muted);
}

.create-post-card[b-zyhjmd5neq] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 2rem;
    background: var(--create-post-card);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .25);
}

.post-create-form[b-zyhjmd5neq] {
    width: 100%;
}

.create-post-card h4[b-zyhjmd5neq] {
    color: var(--create-post-fg);
    margin-bottom: 2rem;
    font-weight: 600;
}

.post-type-selection[b-zyhjmd5neq] {
    margin-bottom: 2rem;
}

.post-type-selection .mud-chip[b-zyhjmd5neq] {
    transition: all 0.3s ease;
}

.post-type-selection .mud-chip:hover[b-zyhjmd5neq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(124, 92, 255, .2);
}

.image-upload-section[b-zyhjmd5neq] {
    margin-bottom: 16px;
}

.upload-label[b-zyhjmd5neq] {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--create-post-fg);
}

.drag-drop-area[b-zyhjmd5neq],
.mud-paper[b-zyhjmd5neq] {
    border: 2px dashed rgba(255, 255, 255, .12);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, .02);
}

.drag-drop-area:hover[b-zyhjmd5neq],
.drag-drop-area.drag-over[b-zyhjmd5neq],
.mud-paper:hover[b-zyhjmd5neq] {
    border-color: var(--create-post-accent);
    background: rgba(124, 92, 255, .1);
    transform: translateY(-2px);
}

.image-preview-container[b-zyhjmd5neq] {
    position: relative;
    display: inline-block;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.image-preview[b-zyhjmd5neq] {
    max-width: 100%;
    max-height: 400px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .3);
    object-fit: contain;
}

.remove-image-button[b-zyhjmd5neq] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(255, 107, 107, .9);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.2s ease;
}

.remove-image-button:hover[b-zyhjmd5neq] {
    background: var(--create-post-danger);
    transform: scale(1.1);
}

.upload-status[b-zyhjmd5neq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    margin-bottom: 1rem;
}

.upload-status span[b-zyhjmd5neq] {
    font-size: 14px;
    color: var(--create-post-fg);
}

/* MudBlazor component overrides */
.mud-card[b-zyhjmd5neq] {
    background: var(--create-post-card) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 12px !important;
}

.mud-text-field .mud-input-outlined[b-zyhjmd5neq] {
    background: rgba(255, 255, 255, .02);
    border-color: rgba(255, 255, 255, .12);
}

.mud-text-field .mud-input-outlined:hover[b-zyhjmd5neq] {
    border-color: var(--create-post-accent);
}

.mud-text-field .mud-input-outlined.mud-input-outlined-focus[b-zyhjmd5neq] {
    border-color: var(--create-post-accent);
    box-shadow: 0 0 0 2px rgba(124, 92, 255, .2);
}

.mud-button-filled-primary[b-zyhjmd5neq] {
    background: linear-gradient(45deg, var(--create-post-accent), var(--create-post-accent2));
    border: none;
}

.mud-button-filled-primary:hover[b-zyhjmd5neq] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(124, 92, 255, .3);
}

.mud-alert[b-zyhjmd5neq] {
    border-radius: 8px;
    backdrop-filter: blur(8px);
}

/* Inline CSS migration classes */
.createpost-hidden[b-zyhjmd5neq] { 
    display: none; 
}
/* _content/ADG.Website/Pages/DeleteAccount/DeleteAccount.razor.rz.scp.css */
.delete-account-container[b-ge4vxywiu5] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.delete-account-content[b-ge4vxywiu5] {
    background: var(--fill-color);
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.delete-account-header[b-ge4vxywiu5] {
    text-align: center;
    margin-bottom: 2rem;
}

.delete-icon[b-ge4vxywiu5] {
    font-size: 3rem;
    color: var(--error);
    margin-bottom: 1rem;
}

.delete-account-header h2[b-ge4vxywiu5] {
    color: var(--error);
    margin-bottom: 0.5rem;
}

.step-indicator[b-ge4vxywiu5] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.step-content[b-ge4vxywiu5] {
    margin-bottom: 2rem;
}

.step-content h3[b-ge4vxywiu5] {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
    color: var(--neutral-foreground-rest);
}

.radio-group[b-ge4vxywiu5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.radio-item[b-ge4vxywiu5] {
    display: flex;
    align-items: center;
}

.reason-radio[b-ge4vxywiu5] {
    width: 100%;
}

.feedback-textarea[b-ge4vxywiu5] {
    width: 100%;
    margin-bottom: 0.5rem;
}

.character-count[b-ge4vxywiu5] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    text-align: right;
}

.warning-section[b-ge4vxywiu5] {
    background: color-mix(in srgb, var(--error) 10%, transparent);
    border: 1px solid var(--error);
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.warning-title[b-ge4vxywiu5] {
    color: var(--error);
    display: block;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.warning-list[b-ge4vxywiu5] {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.warning-list li[b-ge4vxywiu5] {
    margin-bottom: 0.5rem;
}

.verification-section[b-ge4vxywiu5] {
    background: var(--neutral-fill-stealth-rest);
    padding: 1.5rem;
    border-radius: 4px;
    border-left: 4px solid var(--accent);
}

.verification-section h3[b-ge4vxywiu5] {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.verification-section p[b-ge4vxywiu5] {
    margin-bottom: 1rem;
    color: var(--neutral-foreground-rest);
}

.email-input[b-ge4vxywiu5] {
    width: 100%;
}

.form-actions[b-ge4vxywiu5] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 2rem;
}

.form-actions-right[b-ge4vxywiu5] {
    display: flex;
    gap: 1rem;
}

.skip-button[b-ge4vxywiu5] {
    color: var(--neutral-foreground-hint);
}

.delete-profile-button[b-ge4vxywiu5] {
    background-color: var(--error) !important;
    border-color: var(--error) !important;
    color: white !important;
    font-weight: 600;
}

.delete-profile-button:hover:not(:disabled)[b-ge4vxywiu5] {
    background-color: color-mix(in srgb, var(--error) 80%, black) !important;
    border-color: color-mix(in srgb, var(--error) 80%, black) !important;
}

.delete-profile-button:disabled[b-ge4vxywiu5] {
    background-color: var(--neutral-fill-stealth-rest) !important;
    border-color: var(--neutral-stroke-rest) !important;
    color: var(--neutral-foreground-hint) !important;
}

@media (max-width: 768px) {
    .delete-account-container[b-ge4vxywiu5] {
        margin: 1rem auto;
        padding: 0 0.5rem;
    }

    .delete-account-content[b-ge4vxywiu5] {
        padding: 1.5rem;
    }

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

    .form-actions-right[b-ge4vxywiu5] {
        flex-direction: column;
    }

    .form-actions > *[b-ge4vxywiu5],
    .form-actions-right > *[b-ge4vxywiu5] {
        width: 100%;
    }
}
/* _content/ADG.Website/Pages/Discord/DiscordLink.razor.rz.scp.css */
/* Inline CSS migration classes */
.discordlink-green-color[b-k58ly2n1l1] { color: #1eff00; }
/* _content/ADG.Website/Pages/Discover/DiscoverPage.razor.rz.scp.css */
/* Main Container */
.discover-container[b-wd33le4pin] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    min-height: calc(100vh - 120px);
}

/* Header Section */
.discover-header[b-wd33le4pin] {
    text-align: center;
    margin-bottom: 40px;
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.discover-icon[b-wd33le4pin] {
    font-size: 48px;
    color: #4F9CF9;
    margin-bottom: 16px;
    animation: pulse-b-wd33le4pin 2s ease-in-out infinite;
}

.discover-header h1[b-wd33le4pin] {
    margin: 0 0 8px 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    background: linear-gradient(135deg, #4F9CF9, #8B5CF6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.8;
}

.discover-subtitle[b-wd33le4pin] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--neutral-foreground-hint);
    font-weight: 400;
}

/* Search Section */
.discover-search-section[b-wd33le4pin] {
    margin-bottom: 40px;
}

.enhanced-search[b-wd33le4pin] {
    width: 100%;
    max-width: none;
    font-size: 1.2em;
    margin-bottom: 32px;
    height: 56px;
    min-height: 56px;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.enhanced-search:hover[b-wd33le4pin] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

.enhanced-search:focus-within[b-wd33le4pin] {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(79, 156, 249, 0.3) !important;
}

/* Fix dark mode background issue for search input */
.enhanced-search[b-wd33le4pin]::part(control) {
    background-color: var(--neutral-fill-input-rest, #2d323c) !important;
    color: var(--neutral-foreground-rest, #fff) !important;
    border-color: var(--neutral-stroke-control-default, #484c52) !important;
    border-radius: 16px !important;
}

.enhanced-search[b-wd33le4pin]::part(control):focus {
    background-color: var(--neutral-fill-input-focus, #2d323c) !important;
    color: var(--neutral-foreground-rest, #fff) !important;
    border-color: var(--accent-fill-rest, #2563eb) !important;
}

/* Loading Section */
.discover-loading[b-wd33le4pin] {
    text-align: center;
    padding: 60px 20px;
    animation: fadeIn-b-wd33le4pin 0.3s ease;
}

/* Results Section */
.discover-results[b-wd33le4pin] {
    margin-top: 24px;
    animation: fadeIn-b-wd33le4pin 0.5s ease;
}

.result-category[b-wd33le4pin] {
    margin-bottom: 40px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

.result-category:hover[b-wd33le4pin] {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.category-title[b-wd33le4pin] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 20px 24px 16px;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.category-icon[b-wd33le4pin] {
    color: #4F9CF9;
    font-size: 20px;
}

.category-results[b-wd33le4pin] {
    padding: 16px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* No Results */
.no-results[b-wd33le4pin] {
    text-align: center;
    padding: 60px 20px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    margin: 40px 0;
}

.no-results-icon[b-wd33le4pin] {
    font-size: 48px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    opacity: 0.7;
}

.no-results h3[b-wd33le4pin] {
    margin: 0 0 12px 0;
    font-size: 1.5rem;
    color: var(--neutral-foreground-rest);
}

.no-results p[b-wd33le4pin] {
    margin: 0 0 24px 0;
    color: var(--neutral-foreground-hint);
    font-size: 1rem;
}

.search-suggestions p[b-wd33le4pin] {
    margin: 0 0 16px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.suggestion-tags[b-wd33le4pin] {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.suggestion-tag[b-wd33le4pin] {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(79, 156, 249, 0.15);
    color: #4F9CF9;
    border-radius: 20px;
    border: 1px solid rgba(79, 156, 249, 0.3);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    font-weight: 500;
}

.suggestion-tag:hover[b-wd33le4pin] {
    background: rgba(79, 156, 249, 0.25);
    border-color: rgba(79, 156, 249, 0.5);
    transform: translateY(-1px);
}

/* Empty State */
.discover-empty[b-wd33le4pin] {
    text-align: center;
    padding: 60px 20px;
    color: var(--neutral-foreground-hint);
}

.empty-icon[b-wd33le4pin] {
    font-size: 48px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    opacity: 0.5;
}

/* Welcome Section */
.discover-welcome[b-wd33le4pin] {
    margin-top: 40px;
    animation: fadeIn-b-wd33le4pin 0.5s ease;
}

.welcome-categories h2[b-wd33le4pin] {
    text-align: center;
    margin: 0 0 40px 0;
    font-size: 2rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.category-grid[b-wd33le4pin] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.category-card[b-wd33le4pin] {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 32px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.category-card[b-wd33le4pin]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(79, 156, 249, 0.05), rgba(139, 92, 246, 0.05));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.category-card:hover[b-wd33le4pin] {
    transform: translateY(-8px);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.category-card:hover[b-wd33le4pin]::before {
    opacity: 1;
}

.category-card-icon[b-wd33le4pin] {
    font-size: 32px;
    color: #4F9CF9;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.category-card:hover .category-card-icon[b-wd33le4pin] {
    transform: scale(1.1);
}

.category-card h3[b-wd33le4pin] {
    margin: 0 0 8px 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    position: relative;
    z-index: 1;
}

.category-card p[b-wd33le4pin] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
}

/* Animations */
@keyframes fadeIn-b-wd33le4pin {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-b-wd33le4pin {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .discover-container[b-wd33le4pin] {
        padding: 16px;
    }

    .discover-header[b-wd33le4pin] {
        padding: 24px 16px;
    }

    .discover-header h1[b-wd33le4pin] {
        font-size: 1.5rem;
    }

    .category-grid[b-wd33le4pin] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .category-card[b-wd33le4pin] {
        padding: 24px 16px;
    }

    .suggestion-tags[b-wd33le4pin] {
        flex-direction: column;
        align-items: center;
    }

    .category-title[b-wd33le4pin] {
        font-size: 1.2rem;
        padding: 16px 20px 12px;
    }

    .category-results[b-wd33le4pin] {
        padding: 12px 20px 20px;
    }
}
/* _content/ADG.Website/Pages/Distribution/Distribution.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Errors/Error.razor.rz.scp.css */
/* Error Page Backdrop */
.error-backdrop[b-97v7j1d22d] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    padding: 20px;
}

/* Card Container */
.error-card[b-97v7j1d22d] {
    background: rgba(96, 86, 86, 0.31);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    color: var(--neutral-foreground-rest);
}

/* Header: Icon + Title */
.error-header[b-97v7j1d22d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}

.error-icon[b-97v7j1d22d] {
    font-size: 48px;
    color: var(--color-danger-foreground);
}

.error-header h2[b-97v7j1d22d] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-danger-foreground);
}

/* Optional Message */
.error-message[b-97v7j1d22d] {
    margin: 0 0 16px;
    font-size: 1.125rem;
    color: var(--neutral-foreground-rest);
}

/* Details List */
.error-details[b-97v7j1d22d] {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    text-align: left;
}

.error-details li[b-97v7j1d22d] {
    margin-bottom: 8px;
}

.error-details strong[b-97v7j1d22d] {
    color: var(--neutral-foreground-rest);
}

.error-details code[b-97v7j1d22d] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: Consolas, monospace;
}

/* Footer Info */
.error-info[b-97v7j1d22d] {
    margin: 0 0 24px;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.error-info a[b-97v7j1d22d] {
    color: var(--color-brand-primary);
    text-decoration: underline;
}
/* _content/ADG.Website/Pages/Errors/Error404.razor.rz.scp.css */
.error-container[b-16wizwn02q] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
    background-color: var(--background-surface, #121212); /* Optional: improves contrast in dark mode */
}

.error-card[b-16wizwn02q] {
    max-width: 500px;
    width: 100%;
    text-align: center;
    background-color: var(--surface, #1e1e1e); /* Optional: improves appearance in dark mode */
    color: var(--neutral-foreground-rest, #ffffff);
    border-radius: 12px;
}

.error-content[b-16wizwn02q] {
    padding: 2rem;
}

.error-title[b-16wizwn02q] {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.error-message[b-16wizwn02q],
.error-code[b-16wizwn02q],
.error-url[b-16wizwn02q] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    line-height: 1.6;
    color: var(--neutral-foreground-rest, #dddddd);
}

.error-code strong[b-16wizwn02q],
.error-url strong[b-16wizwn02q] {
    color: var(--neutral-foreground-strong, #ffffff);
}

.error-suggestion[b-16wizwn02q] {
    margin-top: 1.5rem;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--accent-foreground, #ffffff);
}

.error-options[b-16wizwn02q] {
    margin: 1rem 0 2rem 0;
    padding-left: 1.25rem;
    text-align: left;
    color: var(--neutral-foreground-rest, #dddddd);
}

.error-options li[b-16wizwn02q] {
    margin-bottom: 0.5rem;
    list-style-type: disc;
}

.error-actions[b-16wizwn02q] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.home-button[b-16wizwn02q],
.back-button[b-16wizwn02q] {
    min-width: 140px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
}

@media (max-width: 480px) {
    .error-container[b-16wizwn02q] {
        padding: 1rem;
    }

    .error-content[b-16wizwn02q] {
        padding: 1.5rem;
    }

    .error-title[b-16wizwn02q] {
        font-size: 1.75rem;
    }

    .error-actions[b-16wizwn02q] {
        flex-direction: column;
        align-items: center;
    }

    .home-button[b-16wizwn02q],
    .back-button[b-16wizwn02q] {
        width: 100%;
        max-width: 220px;
    }
}
/* _content/ADG.Website/Pages/Errors/ErrorDetails.razor.rz.scp.css */
/* Error Page Backdrop */
.error-backdrop[b-80v1a9kq4t] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    padding: 20px;
}

/* Card Container */
.error-card[b-80v1a9kq4t] {
    background: rgba(96, 86, 86, 0.31);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    color: var(--neutral-foreground-rest);
}

/* Header: Icon + Title */
.error-header[b-80v1a9kq4t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}

.error-icon[b-80v1a9kq4t] {
    font-size: 48px;
    color: var(--color-danger-foreground);
}

.error-header h2[b-80v1a9kq4t] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-danger-foreground);
}

/* Optional Message */
.error-message[b-80v1a9kq4t] {
    margin: 0 0 16px;
    font-size: 1.125rem;
    color: var(--neutral-foreground-rest);
}

/* Details List */
.error-details[b-80v1a9kq4t] {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    text-align: left;
}

.error-details li[b-80v1a9kq4t] {
    margin-bottom: 8px;
}

.error-details strong[b-80v1a9kq4t] {
    color: var(--neutral-foreground-rest);
}

.error-details code[b-80v1a9kq4t] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: Consolas, monospace;
}

/* Footer Info */
.error-info[b-80v1a9kq4t] {
    margin: 0 0 24px;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.error-info a[b-80v1a9kq4t] {
    color: var(--color-brand-primary);
    text-decoration: underline;
}
/* _content/ADG.Website/Pages/Events/EventDetails.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Events/Events.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Feedback/Feedback.razor.rz.scp.css */
/* Inline CSS migration classes */
.feedback-spacing[b-tgqa4wun11] { margin-top: 2rem; }
.feedback-flex[b-tgqa4wun11] { flex: 1; }
.feedback-small-text[b-tgqa4wun11] { font-size: 0.875rem; }
.feedback-margin-bottom-xs[b-tgqa4wun11] { margin: 0 0 8px 0; }
.feedback-muted-text[b-tgqa4wun11] { margin: 0; color: #666; }
.feedback-bold-small[b-tgqa4wun11] { font-weight: bold; font-size: 0.875rem; }
/* _content/ADG.Website/Pages/Home/Feed/Feed.razor.rz.scp.css */

.feed-container[b-3am3t6maur] {
    min-height: 100vh;
    padding: 0;
}

.feed-content[b-3am3t6maur] {
    max-width: 614px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Header styling for sort menu */
.feed-header[b-3am3t6maur] {
    background: #23272F;
    border: 1px solid #353B48;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Ensure proper spacing between feed items */
.space-y-0 > * + *[b-3am3t6maur] {
    margin-top: 0;
}

/* Card hover effects */
.bg-white:hover[b-3am3t6maur] {
    box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.25), 0 2px 8px -1px rgba(0, 0, 0, 0.18);
    transition: box-shadow 0.2s ease-in-out;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .feed-content[b-3am3t6maur] {
        padding: 10px;
        max-width: 100%;
    }
}


/** Centered empty feed warning */
.empty-feed-warning[b-3am3t6maur] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
    color: #6B7280; /* Tailwind gray-500 */
}
/* _content/ADG.Website/Pages/Home/Feed/FeedItem.razor.rz.scp.css */

.post-card[b-2b9lw758ec] {
    background: #23272F;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
    border: 1px solid #353B48;
    margin-bottom: 16px;
    max-width: 614px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.post-card:hover[b-2b9lw758ec] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    transform: translateY(-1px);
}

/* Profile header styling */
.profile-header[b-2b9lw758ec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #353B48;
    background: #181A20;
}

.clickable-profile[b-2b9lw758ec] {
    display: flex;
    align-items: center;
    flex: 1;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.clickable-profile:hover[b-2b9lw758ec] {
    background-color: #23272F;
}

.profile-info[b-2b9lw758ec] {
    display: flex;
    flex-direction: column;
}

.timestamp[b-2b9lw758ec] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

.clickable-timestamp[b-2b9lw758ec] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-timestamp:hover[b-2b9lw758ec] {
    color: #0078d4;
}

.profile-menu[b-2b9lw758ec] {
    margin-left: auto;
}

.more-button[b-2b9lw758ec] {
    padding: 4px;
}

.profile-image[b-2b9lw758ec] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
    border: 2px solid #353B48;
    transition: border-color 0.2s ease;
}

.clickable-profile:hover .profile-image[b-2b9lw758ec] {
    border-color: #7289DA;
}

.username[b-2b9lw758ec] {
    font-size: 16px;
    font-weight: 600;
    color: #F1F1F1;
}

/* Post image styling */
.image-container[b-2b9lw758ec] {
    position: relative;
}

.post-image[b-2b9lw758ec] {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    background: #181A20;
}

.title-overlay[b-2b9lw758ec] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    padding: 16px;
}

.post-title-overlay[b-2b9lw758ec] {
    font-weight: 700;
    color: white;
    margin: 0;
    font-size: 20px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    line-height: 1.2;
}

/* Clickable image styling */
.clickable-image[b-2b9lw758ec] {
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.clickable-image:hover[b-2b9lw758ec] {
    opacity: 0.95;
}

/* Post content styling */
.post-content[b-2b9lw758ec] {
    padding: 12px 16px;
    background: #181A20;
}

.post-actions[b-2b9lw758ec] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}

/* Reddit-style voting section */
.vote-section[b-2b9lw758ec] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #23272F;
    border-radius: 16px;
    padding: 4px 8px;
    border: 1px solid #353B48;
}

.vote-button[b-2b9lw758ec] {
    padding: 4px;
    min-width: auto;
    border-radius: 8px;
}

.vote-count[b-2b9lw758ec] {
    font-size: 14px;
    font-weight: 600;
    color: #F1F1F1;
    margin: 0 4px;
    min-width: 24px;
    text-align: center;
}

.comment-button[b-2b9lw758ec] {
    font-size: 14px;
    color: #B0B3B8;
    padding: 4px 8px;
}

.action-button[b-2b9lw758ec] {
    padding: 8px;
    min-width: auto;
}

.post-title[b-2b9lw758ec] {
    font-weight: 600;
    color: #F1F1F1;
    margin-bottom: 4px;
    font-size: 16px;
}

/* Clickable title styling */
.clickable-title[b-2b9lw758ec] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-2b9lw758ec] {
    color: #7289DA;
    text-decoration: underline;
}

.post-title-overlay.clickable-title:hover[b-2b9lw758ec] {
    color: #e5e7eb;
    text-decoration: underline;
}

.post-description[b-2b9lw758ec] {
    font-size: 14px;
    color: #B0B3B8;
    line-height: 1.4;
}



.mud-dialog-background[b-2b9lw758ec] {
    backdrop-filter: blur(10px);
}
/* _content/ADG.Website/Pages/Home/Feed/FeedPostOptionsDialog.razor.rz.scp.css */
/* Custom styles for the feed post options dialog */
.mud-dialog-content[b-2taj3k3kys] {
    padding: 0 !important;
}
/* _content/ADG.Website/Pages/Home/Feed/PostDetails.razor.rz.scp.css */


/* Main Layout */
.post-view-container[b-5ljbnixzf3] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Main Content */
.main-content[b-5ljbnixzf3] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.post-header[b-5ljbnixzf3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.profile-section[b-5ljbnixzf3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-image[b-5ljbnixzf3] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--neutral-stroke-rest);
}

.profile-info[b-5ljbnixzf3] {
    display: flex;
    flex-direction: column;
}

.username[b-5ljbnixzf3] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.timestamp[b-5ljbnixzf3] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.post-actions .more-button[b-5ljbnixzf3] {
    padding: 8px;
}

.post-image-container[b-5ljbnixzf3] {
    position: relative;
    background: #000;
}

.post-image[b-5ljbnixzf3] {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
    display: block;
}

.post-content[b-5ljbnixzf3] {
    padding: 20px;
}

.post-title[b-5ljbnixzf3] {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: var(--neutral-foreground-rest);
    line-height: 1.3;
}

.post-description[b-5ljbnixzf3] {
    font-size: 16px;
    line-height: 1.5;
    color: var(--neutral-foreground-rest);
    margin: 0 0 20px 0;
}

.interaction-buttons[b-5ljbnixzf3] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.interaction-button[b-5ljbnixzf3] {
    padding: 8px 12px;
}

/* Comments Sidebar */
.comments-sidebar[b-5ljbnixzf3] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    height: fit-content;
    max-height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.comments-header[b-5ljbnixzf3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.comments-header h4[b-5ljbnixzf3] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.add-comment-button[b-5ljbnixzf3] {
    font-size: 14px;
}

/* Comment Input */
.comment-input-section[b-5ljbnixzf3] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.comment-input-container[b-5ljbnixzf3] {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.comment-profile-image[b-5ljbnixzf3] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-rest);
    flex-shrink: 0;
}

.comment-input[b-5ljbnixzf3] {
    flex: 1;
    min-height: 60px;
    width: 100%;
}

.submit-comment-button[b-5ljbnixzf3] {
    width: 100%;
}

.login-prompt[b-5ljbnixzf3] {
    text-align: center;
    padding: 20px;
}

.login-prompt p[b-5ljbnixzf3] {
    margin: 0 0 16px 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Comments List */
.comments-list[b-5ljbnixzf3] {
    flex: 1;
    overflow-y: auto;
    padding: 0 20px 20px;
}

.comment-item[b-5ljbnixzf3] {
    display: flex;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

.comment-item:last-child[b-5ljbnixzf3] {
    border-bottom: none;
}

.comment-content[b-5ljbnixzf3] {
    flex: 1;
}

.comment-header[b-5ljbnixzf3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.comment-username[b-5ljbnixzf3] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.clickable-username[b-5ljbnixzf3] {
    text-decoration: none;
    color: var(--accent-foreground-rest);
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-username:hover[b-5ljbnixzf3] {
    color: var(--accent-foreground-pressed);
    text-decoration: underline;
}

.comment-timestamp[b-5ljbnixzf3] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.comment-text[b-5ljbnixzf3] {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.no-comments[b-5ljbnixzf3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.no-comments-icon[b-5ljbnixzf3] {
    font-size: 32px;
    margin-bottom: 12px;
    color: var(--neutral-foreground-hint);
}

.no-comments p[b-5ljbnixzf3] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .post-view-container[b-5ljbnixzf3] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .comments-sidebar[b-5ljbnixzf3] {
        max-height: 400px;
    }
}

@media (max-width: 768px) {
    .post-view-container[b-5ljbnixzf3] {
        padding: 10px;
    }

    .post-title[b-5ljbnixzf3] {
        font-size: 20px;
    }

    .interaction-buttons[b-5ljbnixzf3] {
        gap: 8px;
    }

    .interaction-button[b-5ljbnixzf3] {
        padding: 6px 8px;
        font-size: 14px;
    }
}

/* Share Modal */
.modal-overlay[b-5ljbnixzf3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-5ljbnixzf3] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    animation: modalSlideIn-b-5ljbnixzf3 0.3s ease-out;
}

@keyframes modalSlideIn-b-5ljbnixzf3 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-5ljbnixzf3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.modal-header h3[b-5ljbnixzf3] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.close-button[b-5ljbnixzf3] {
    padding: 8px;
}

.modal-body[b-5ljbnixzf3] {
    padding: 20px;
}

.modal-body p[b-5ljbnixzf3] {
    margin: 0 0 16px 0;
    color: var(--neutral-foreground-rest);
}

.url-container[b-5ljbnixzf3] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.url-input[b-5ljbnixzf3] {
    flex: 1;
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    font-family: monospace;
    font-size: 14px;
}

.copy-button[b-5ljbnixzf3] {
    flex-shrink: 0;
}
/* _content/ADG.Website/Pages/Home/Free/Free.razor.rz.scp.css */
.free-service-message[b-6ftwptoiy8] {
    width: 100%;
    background: rgba(76, 175, 80, 0.12);
    border: 1px solid rgba(76, 175, 80, 0.25);
    border-radius: 12px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    justify-content: center;
}

.free-checkmark[b-6ftwptoiy8] {
    font-size: 1.25rem;
}

.free-text[b-6ftwptoiy8] {
    color: #4caf50;
    font-weight: 600;
    font-size: 1rem;
}
/* _content/ADG.Website/Pages/Home/Landing.razor.rz.scp.css */
/* Landing Page Styles - Dark Mode */
.landing-page[b-yxfcpzybv1] {
    font-family: 'Lexend', Tahoma, Geneva, Verdana, sans-serif !important;
    line-height: 1.6;
    color: #e2e8f0;
    backdrop-filter: blur(2px);
    overflow-x: hidden;
}

/* Hero Section */
.hero[b-yxfcpzybv1] {
    min-height: 75vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero[b-yxfcpzybv1]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
}


.hero-content[b-yxfcpzybv1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.hero-title[b-yxfcpzybv1] {
    font-size: 3.5rem;
    font-weight: 700;
    color: #f1f5f9;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero-img[b-yxfcpzybv1] {
    width: 100%;
    max-width: 256px;
    height: auto;
}

.brand-name[b-yxfcpzybv1] {
    display: block;
    background: linear-gradient(45deg, #029cfb, #2bc5d9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle[b-yxfcpzybv1] {
    font-size: 1.25rem;
    color: #cbd5e1;
    margin-bottom: 1rem;
    line-height: 1.6;
}

.hero-description[b-yxfcpzybv1] {
    font-size: 1.1rem;
    color: #94a3b8;
    margin-bottom: 2.5rem;
    line-height: 1.6;
    max-width: 500px;
}

.hero-buttons[b-yxfcpzybv1] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn[b-yxfcpzybv1] {
    padding: 1rem 2rem;
    border: none;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    min-width: 200px;
    justify-content: center;
}

.btn-primary[b-yxfcpzybv1] {
    background: linear-gradient(45deg, #0ea5e9, #0284c7);
    color: white;
    box-shadow: 0 4px 20px rgba(14, 165, 233, 0.4);
}

.btn-primary:hover[b-yxfcpzybv1] {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(14, 165, 233, 0.6);
    background: linear-gradient(45deg, #0284c7, #0369a1);
}

.btn-secondary[b-yxfcpzybv1] {
    background: rgba(148, 163, 184, 0.1);
    color: #e2e8f0;
    border: 2px solid rgba(148, 163, 184, 0.3);
    backdrop-filter: blur(10px);
}

.btn-secondary:hover[b-yxfcpzybv1] {
    background: rgba(148, 163, 184, 0.2);
    transform: translateY(-2px);
    border-color: rgba(148, 163, 184, 0.5);
}

.floating-card[b-yxfcpzybv1] {
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2rem;
    text-align: center;
    color: #f1f5f9;
}

.floating-card h3[b-yxfcpzybv1] {
    margin: 1rem 0 0.5rem 0;
    font-size: 1.5rem;
    color: #f1f5f9;
}

.floating-card p[b-yxfcpzybv1] {
    color: #cbd5e1;
    margin: 0;
}

@keyframes float-b-yxfcpzybv1 {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Features Section */
.features[b-yxfcpzybv1] {
    padding: 6rem 0;
}

.container[b-yxfcpzybv1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.section-title[b-yxfcpzybv1] {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #f1f5f9;
    margin-bottom: 3rem;
}

.features-grid[b-yxfcpzybv1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.feature-card[b-yxfcpzybv1] {
    background: rgb(43 51 63 / 41%);
    padding: 2.5rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(148, 163, 184, 0.1);
}

.feature-card:hover[b-yxfcpzybv1] {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(14, 165, 233, 0.3);
}

.feature-icon[b-yxfcpzybv1] {
    width: 120px;
    height: 120px;
    background: linear-gradient(45deg, #085577, #004160);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem auto;
    font-size: 4rem;
    color: white;
    box-shadow: 0 8px 25px rgba(14, 165, 233, 0.3);
}

.feature-icon-img[b-yxfcpzybv1] {
    width: 100px;
    height: 100px;
}

.feature-card h3[b-yxfcpzybv1] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #f1f5f9;
    margin-bottom: 1rem;
}

.feature-card p[b-yxfcpzybv1] {
    color: #cbd5e1;
    line-height: 1.6;
    font-size: 1.05rem;
}

/* Stats Section */
.stats[b-yxfcpzybv1] {
    padding: 4rem 0;
    color: white;
}

.stats-grid[b-yxfcpzybv1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    text-align: center;
}


.stat-number[b-yxfcpzybv1] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    -webkit-background-clip: text;
    background-clip: text;
    color: #0ea5e9;
}

.stat-label[b-yxfcpzybv1] {
    font-size: 1.1rem;
    color: #cbd5e1;
    font-weight: 500;
}

/* CTA Section */
.cta[b-yxfcpzybv1] {
    padding: 6rem 0;
    color: white;
    text-align: center;
}

.cta-content[b-yxfcpzybv1] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.cta-content-img[b-yxfcpzybv1] {
    width: 128px;
    height: 128px;
    padding-bottom: 20px;
    object-fit: contain;
}

.cta-content h2[b-yxfcpzybv1] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #f1f5f9;
}

.cta-content p[b-yxfcpzybv1] {
    font-size: 1.25rem;
    color: #cbd5e1;
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.btn-large[b-yxfcpzybv1] {
    padding: 1.5rem 3rem;
    font-size: 1.1rem;
}

/* Icons */
.icon-video[b-yxfcpzybv1]::before {
    content: "🎥";
}

.icon-info[b-yxfcpzybv1]::before {
    content: "ℹ️";
}

.icon-health[b-yxfcpzybv1]::before {
    content: "🏥";
}

.icon-clock[b-yxfcpzybv1]::before {
    content: "⏰";
}

.icon-chart[b-yxfcpzybv1]::before {
    content: "📊";
}

.icon-rocket[b-yxfcpzybv1]::before {
    content: "🚀";
}

.icon-device[b-yxfcpzybv1]::before {
    content: "💻";
}

.icon-shield[b-yxfcpzybv1]::before {
    content: "🛡️";
}

.icon-users[b-yxfcpzybv1]::before {
    content: "👥";
}

.icon-mobile[b-yxfcpzybv1]::before {
    content: "📱";
}

.icon-arrow-right[b-yxfcpzybv1]::before {
    content: "→";
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-content[b-yxfcpzybv1] {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
        padding-top: 4rem;
    }

    .hero-title[b-yxfcpzybv1] {
        font-size: 2.5rem;
    }

    .hero-buttons[b-yxfcpzybv1] {
        justify-content: center;
    }

    .btn[b-yxfcpzybv1] {
        min-width: auto;
        width: 100%;
    }

    .features-grid[b-yxfcpzybv1] {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 480px) {
    .hero-title[b-yxfcpzybv1] {
        font-size: 2rem;
    }

    .section-title[b-yxfcpzybv1] {
        font-size: 2rem;
    }

    .cta-content h2[b-yxfcpzybv1] {
        font-size: 2rem;
    }

    .stats-grid[b-yxfcpzybv1] {
        grid-template-columns: 1fr;
    }
}
/* _content/ADG.Website/Pages/Home/Stars.razor.rz.scp.css */
body[b-w186z9cj1q] {
  display: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh;
  min-height: 100vh;
}

html[b-w186z9cj1q] {
  display: flex !important;
}

.container2[b-w186z9cj1q] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Poppins", sans-serif;
  margin: 0;
  height: 100vh;
  color: white;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  background-color: transparent;
}

.logo[b-w186z9cj1q] {
  /* Move it up a bit */
  margin-top: -100px;
  /* Make it 205px wide */
  width: 205px;
}

.buttons[b-w186z9cj1q] {
  display: flex;
  flex-direction: column; /* Initially display buttons horizontally */
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; /* Allow wrapping if necessary */
}

.buttons a[b-w186z9cj1q] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  padding: 20px 35px; /* Increase padding */
  font-size: 25px; /* Increase font size */
  color: white;
  text-decoration: none;
  transition: background-color 0.3s;
  width: 300px; /* Increase width */
  height: 20px;
  text-align: center;
  border: 2px solid #ffffff; /* White border */
  border-radius: 80px; /* Rounded edges */
}

.buttons a i[b-w186z9cj1q] {
  margin-right: 10px;
}

.button[b-w186z9cj1q] {
  background-color: #0d131a;
  cursor: pointer;
  transition: 0.3s ease;
}

.button:hover[b-w186z9cj1q] {
  background-color: #2a475e;
  transform: scale(1.05); /* Pop effect on hover */
  font-weight: 600;
  animation: glow-b-w186z9cj1q 2s infinite alternate; /* Adjust animation duration and timing as needed */
}

.play-now[b-w186z9cj1q] {
  font-size: 42px; /* Increase font size */
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0px;
}

/* Define a keyframe animation for the glowing effect */
@keyframes glow-b-w186z9cj1q {
  0% {
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 30px #fff, 0 0 40px #0d131a, 0 0 70px #0d131a, 0 0 80px #0d131a, 0 0 100px #0d131a, 0 0 150px #0d131a;
  }
  100% {
    text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 30px #fff, 0 0 40px #0d131a, 0 0 70px #0d131a, 0 0 80px #0d131a, 0 0 100px #0d131a, 0 0 150px #0d131a;
  }
}
@media screen and (max-width: 400px) {
  .buttons[b-w186z9cj1q] {
    padding: 0 10px; /* Add padding to create spacing around buttons */
  }
  .buttons a[b-w186z9cj1q] {
    transform: scale(0.8); /* Scale down the buttons proportionally */
  }
}
.social-icons[b-w186z9cj1q] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
  overflow: hidden;
  /* Align to the bottom of the screen */
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  padding: 0;
}

.social-icon[b-w186z9cj1q] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 0.5rem;
  border-radius: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 2rem;
  text-decoration: none;
  transition: all 0.15s ease;
  color: #e8e5db;
  white-space: nowrap;
  /* Drop shadow */
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
}
.social-icon:hover[b-w186z9cj1q] {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.social-icon:hover .tooltip[b-w186z9cj1q] {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -150%);
}
.social-icon:active[b-w186z9cj1q] {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.social-icon i[b-w186z9cj1q] {
  position: relative;
  top: 1px;
}

.stars-container[b-w186z9cj1q] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at bottom, #111921 0%, #050709 100%);
  perspective: 340px;
}

.stars[b-w186z9cj1q] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  box-shadow: 449px -264px hsl(90, 0%, 87%), -1413px -295px hsl(90, 0%, 77%), 1184px -282px hsl(90, 0%, 92%), -154px 190px hsl(90, 0%, 79%), 565px -3px hsl(90, 0%, 92%), -1291px -41px hsl(90, 0%, 79%), -284px -371px hsl(90, 0%, 85%), -496px -188px hsl(90, 0%, 78%), 7px -74px hsl(90, 0%, 99%), -351px 194px hsl(90, 0%, 79%), -472px 31px hsl(90, 0%, 80%), 713px 129px hsl(90, 0%, 81%), 1467px -150px hsl(90, 0%, 98%), 612px -143px hsl(90, 0%, 94%), 617px -248px hsl(90, 0%, 79%), -87px 270px hsl(90, 0%, 94%), -368px 403px hsl(90, 0%, 100%), 1359px 6px hsl(90, 0%, 86%), -1182px 447px hsl(90, 0%, 100%), -381px -429px hsl(90, 0%, 99%), 178px 29px hsl(90, 0%, 95%), -1441px -451px hsl(90, 0%, 81%), 1049px -222px hsl(90, 0%, 85%), 512px 263px hsl(90, 0%, 79%), 778px -183px hsl(90, 0%, 97%), -1197px -400px hsl(90, 0%, 79%), -73px 262px hsl(90, 0%, 76%), 264px -35px hsl(90, 0%, 89%), -1412px -290px hsl(90, 0%, 89%), -1058px 474px hsl(90, 0%, 93%), 1141px -247px hsl(90, 0%, 99%), 701px 136px hsl(90, 0%, 90%), -276px 60px hsl(90, 0%, 89%), -32px 108px hsl(90, 0%, 90%), 1153px 219px hsl(90, 0%, 100%), -703px 241px hsl(90, 0%, 82%), 171px -450px hsl(90, 0%, 92%), -1205px -45px hsl(90, 0%, 90%), 863px -90px hsl(90, 0%, 77%), -57px 2px hsl(90, 0%, 89%), 1356px 250px hsl(90, 0%, 92%), -956px -463px hsl(90, 0%, 76%), -1435px -214px hsl(90, 0%, 93%), 1186px -278px hsl(90, 0%, 82%), -986px 347px hsl(90, 0%, 94%), 1096px 183px hsl(90, 0%, 79%), -1003px -84px hsl(90, 0%, 89%), -873px -313px hsl(90, 0%, 95%), -932px -315px hsl(90, 0%, 76%), -200px -168px hsl(90, 0%, 94%), -484px 264px hsl(90, 0%, 88%), -740px 454px hsl(90, 0%, 88%), -1003px 471px hsl(90, 0%, 76%), 966px 446px hsl(90, 0%, 90%), -564px -33px hsl(90, 0%, 84%), 606px 395px hsl(90, 0%, 97%), -787px -134px hsl(90, 0%, 94%), 1012px -153px hsl(90, 0%, 90%), -812px -195px hsl(90, 0%, 95%), 1242px 245px hsl(90, 0%, 86%), 995px 5px hsl(90, 0%, 76%), 1405px 114px hsl(90, 0%, 92%), -612px -81px hsl(90, 0%, 80%), 1100px 436px hsl(90, 0%, 82%), -906px 66px hsl(90, 0%, 97%), -1016px -369px hsl(90, 0%, 86%), 820px 253px hsl(90, 0%, 94%), 1025px 447px hsl(90, 0%, 94%), 1228px -85px hsl(90, 0%, 93%), 1170px 309px hsl(90, 0%, 78%), 806px -23px hsl(90, 0%, 81%), -221px -271px hsl(90, 0%, 77%), 1286px 85px hsl(90, 0%, 96%), -1119px 144px hsl(90, 0%, 82%), 438px -296px hsl(90, 0%, 93%), -69px -253px hsl(90, 0%, 84%), 65px 126px hsl(90, 0%, 82%), -721px -148px hsl(90, 0%, 79%), 473px -229px hsl(90, 0%, 93%), -850px -355px hsl(90, 0%, 97%), -1272px 310px hsl(90, 0%, 99%), 821px 66px hsl(90, 0%, 86%), -961px 127px hsl(90, 0%, 81%), -968px 30px hsl(90, 0%, 92%), -135px 209px hsl(90, 0%, 90%), -80px 81px hsl(90, 0%, 98%), -1429px -380px hsl(90, 0%, 89%), -234px 159px hsl(90, 0%, 90%), -392px -254px hsl(90, 0%, 79%), -1043px -405px hsl(90, 0%, 88%), -1136px 459px hsl(90, 0%, 82%), -1301px -4px hsl(90, 0%, 84%), -787px 413px hsl(90, 0%, 95%), 1444px -341px hsl(90, 0%, 93%), 836px -462px hsl(90, 0%, 86%), 1244px -361px hsl(90, 0%, 77%), -6px 412px hsl(90, 0%, 90%), -1127px -477px hsl(90, 0%, 99%), 461px -460px hsl(90, 0%, 77%), -326px 62px hsl(90, 0%, 100%), 1067px 415px hsl(90, 0%, 90%), 970px 172px hsl(90, 0%, 87%), -1364px -208px hsl(90, 0%, 98%), -753px 98px hsl(90, 0%, 79%), -301px 451px hsl(90, 0%, 91%), 104px -233px hsl(90, 0%, 92%), 911px 175px hsl(90, 0%, 81%), -1467px 363px hsl(90, 0%, 92%), 967px 393px hsl(90, 0%, 99%), 1295px 266px hsl(90, 0%, 87%), 875px -159px hsl(90, 0%, 92%), 940px 244px hsl(90, 0%, 79%), -1215px 13px hsl(90, 0%, 79%), 1209px -154px hsl(90, 0%, 95%), 1086px -299px hsl(90, 0%, 77%), 633px 130px hsl(90, 0%, 78%), 64px 126px hsl(90, 0%, 76%), -975px 169px hsl(90, 0%, 89%), -815px 387px hsl(90, 0%, 97%), -1358px -368px hsl(90, 0%, 88%), 1250px -441px hsl(90, 0%, 86%), 245px -55px hsl(90, 0%, 100%), -636px 267px hsl(90, 0%, 88%), -441px 230px hsl(90, 0%, 77%), 1378px 254px hsl(90, 0%, 94%), -1014px 193px hsl(90, 0%, 85%), 274px 167px hsl(90, 0%, 91%), 948px 214px hsl(90, 0%, 87%), -962px -310px hsl(90, 0%, 77%), -1351px 111px hsl(90, 0%, 92%), -379px 444px hsl(90, 0%, 77%), -310px 135px hsl(90, 0%, 78%), -690px 334px hsl(90, 0%, 86%), -875px -233px hsl(90, 0%, 91%), 940px 165px hsl(90, 0%, 84%), 593px 218px hsl(90, 0%, 78%), -812px -115px hsl(90, 0%, 100%), 1001px 103px hsl(90, 0%, 77%), 380px 326px hsl(90, 0%, 79%), -387px 480px hsl(90, 0%, 100%), -437px -407px hsl(90, 0%, 92%), 1342px -86px hsl(90, 0%, 77%), 349px -223px hsl(90, 0%, 79%), -763px -450px hsl(90, 0%, 87%), -1028px -381px hsl(90, 0%, 98%), 1301px -200px hsl(90, 0%, 96%), -1005px -431px hsl(90, 0%, 100%), 506px 386px hsl(90, 0%, 93%), -1015px -409px hsl(90, 0%, 89%), -649px -110px hsl(90, 0%, 100%), 1257px -11px hsl(90, 0%, 94%), -115px -385px hsl(90, 0%, 97%), 682px 71px hsl(90, 0%, 87%), -1224px -231px hsl(90, 0%, 99%), -1143px 356px hsl(90, 0%, 93%), 849px 192px hsl(90, 0%, 80%), -993px -165px hsl(90, 0%, 95%), -720px 308px hsl(90, 0%, 87%), -99px 227px hsl(90, 0%, 93%), -598px 382px hsl(90, 0%, 88%), -908px -348px hsl(90, 0%, 89%), -811px 298px hsl(90, 0%, 88%), -1233px 351px hsl(90, 0%, 80%), -173px -142px hsl(90, 0%, 77%), 1241px 154px hsl(90, 0%, 86%), -262px 182px hsl(90, 0%, 79%), -1007px -335px hsl(90, 0%, 99%), 1282px -116px hsl(90, 0%, 99%), -336px -338px hsl(90, 0%, 95%), 968px 10px hsl(90, 0%, 76%), -1040px 197px hsl(90, 0%, 100%), -682px -338px hsl(90, 0%, 78%), 993px 86px hsl(90, 0%, 78%), 573px -264px hsl(90, 0%, 91%), -34px -190px hsl(90, 0%, 100%), -479px 144px hsl(90, 0%, 92%), 1051px 331px hsl(90, 0%, 77%), 108px -327px hsl(90, 0%, 97%), -1121px 111px hsl(90, 0%, 99%), -1441px 27px hsl(90, 0%, 76%), 411px 407px hsl(90, 0%, 86%), -963px -195px hsl(90, 0%, 100%), 886px -105px hsl(90, 0%, 100%), 379px -405px hsl(90, 0%, 87%), -1101px 431px hsl(90, 0%, 90%), 1441px 440px hsl(90, 0%, 99%), 1296px 327px hsl(90, 0%, 82%), 685px -322px hsl(90, 0%, 86%), 1107px -147px hsl(90, 0%, 85%), 1339px 237px hsl(90, 0%, 76%), 743px 358px hsl(90, 0%, 99%), -1341px -466px hsl(90, 0%, 77%), 987px -272px hsl(90, 0%, 82%), 913px 109px hsl(90, 0%, 98%), -1366px 291px hsl(90, 0%, 93%), 314px 206px hsl(90, 0%, 83%), 1379px 433px hsl(90, 0%, 86%), -304px -186px hsl(90, 0%, 94%), 1235px -67px hsl(90, 0%, 94%), -426px -280px hsl(90, 0%, 94%), -593px -402px hsl(90, 0%, 98%);
  animation: fly-b-w186z9cj1q 25s linear infinite;
  transform-style: preserve-3d;
}
.stars[b-w186z9cj1q]:before, .stars[b-w186z9cj1q]:after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  box-shadow: inherit;
}
.stars[b-w186z9cj1q]:before {
  transform: translateZ(-300px);
  animation: fade1-b-w186z9cj1q 25s linear infinite;
}
.stars[b-w186z9cj1q]:after {
  transform: translateZ(-600px);
  animation: fade2-b-w186z9cj1q 25s linear infinite;
}

@keyframes fly-b-w186z9cj1q {
  from {
    transform: translateZ(0px);
  }
  to {
    transform: translateZ(300px);
  }
}
@keyframes fade1-b-w186z9cj1q {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade2-b-w186z9cj1q {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
.footer[b-w186z9cj1q] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  position: fixed;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 0;
  font-size: 8pt;
}

.footer-line[b-w186z9cj1q] {
  width: 100%;
  text-align: center;
}

.footer-line-copyright[b-w186z9cj1q] {
  font-size: 10pt;
}

.footer a[b-w186z9cj1q] {
  color: white;
  text-decoration: none;
  margin: 0 10px; /* Adjust spacing between links */
  transition: color 0.3s; /* Smooth transition for color change */
}

.footer a:hover[b-w186z9cj1q] {
  color: #ffffff; /* Change color on hover */
  font-weight: bold;
}

/*# sourceMappingURL=Stars.razor.css.map */
/* _content/ADG.Website/Pages/Layout/AuthenticationRequired.razor.rz.scp.css */
.auth-required[b-4438hnhu9o] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    padding: 20px;
}

.auth-required-inner[b-4438hnhu9o] {
    text-align: center;
    max-width: 400px;
    width: 100%;
    padding: 40px 20px;
    background-color: var(--neutral-layer-1, #f5f5f5);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-divider, #e0e0e0);
}

.auth-required-icon[b-4438hnhu9o] {
    font-size: 48px;
    margin-bottom: 20px;
}

.auth-required-title[b-4438hnhu9o] {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #323130);
}

.auth-required-message[b-4438hnhu9o] {
    margin: 0 0 30px 0;
    font-size: 16px;
    color: var(--neutral-foreground-rest, #605e5c);
    line-height: 1.5;
}

.auth-required-btn[b-4438hnhu9o] {
    min-width: 120px;
}

/* Responsive design */
@media (max-width: 480px) {
    .auth-required-inner[b-4438hnhu9o] {
        padding: 30px 15px;
    }
    
    .auth-required-icon[b-4438hnhu9o] {
        font-size: 36px;
        margin-bottom: 15px;
    }
    
    .auth-required-title[b-4438hnhu9o] {
        font-size: 20px;
    }
    
    .auth-required-message[b-4438hnhu9o] {
        font-size: 14px;
        margin-bottom: 25px;
    }
}
/* _content/ADG.Website/Pages/Layout/Brand.razor.rz.scp.css */
a.logo-link[b-mgbwaqkfh7] {
    text-decoration: none;
    color: inherit;
}

.logo-container[b-mgbwaqkfh7] {
    font-family: 'Lexend', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0; /* Allow flex children to shrink */
}

.logo-text[b-mgbwaqkfh7] {
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.logo-wrapper[b-mgbwaqkfh7] {
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo[b-mgbwaqkfh7] {
    max-width: 100%;
    height: auto;
    display: block;
}
/* _content/ADG.Website/Pages/Layout/BrandEnvironmentBadge.razor.rz.scp.css */
.logo-dev-badge[b-aj326y7v0y] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100px;
    height: 100px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-weight: bold;
    font-size: 1.2rem;
    border: 2px solid #1976d2;
}

.logo-staging-badge[b-aj326y7v0y] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100px;
    height: 100px;
    background-color: #fffbe6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b8860b;
    font-weight: bold;
    font-size: 1.2rem;
    border: 2px solid #b8860b;
}

.logo-prod-badge[b-aj326y7v0y] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100px;
    height: 100px;
    background-color: #e8f5e9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #388e3c;
    font-weight: bold;
    font-size: 1.2rem;
    border: 2px solid #388e3c;
}

.logo-test-badge[b-aj326y7v0y] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100px;
    height: 100px;
    background-color: #e3e3fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6a1b9a;
    font-weight: bold;
    font-size: 1.2rem;
    border: 2px solid #6a1b9a;
}
/* _content/ADG.Website/Pages/Layout/DeveloperBanner/DeveloperBanner.razor.rz.scp.css */
.developer-banner[b-qw4ztf151f] {
    background: linear-gradient(90deg, #000000 0%, #111111 50%, #000000 100%);
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1000;
}

.developer-banner-content[b-qw4ztf151f] {
    display: flex;
    align-items: center;
    gap: 24px;
    max-width: 1200px;
    justify-content: center;
}

.developer-banner-title[b-qw4ztf151f] {
    color: rgba(255, 255, 255, 0.37);
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.developer-banner-buttons[b-qw4ztf151f] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    width: 100%;
}

.dev-button[b-qw4ztf151f] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(0, 102, 204, 0.1);
    border: 1px solid #0066cc;
    border-radius: 4px;
    color: #66b3ff !important;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.2s ease;
    white-space: nowrap !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dev-button:hover[b-qw4ztf151f] {
    background: rgba(0, 102, 204, 0.2);
    border-color: #4da6ff;
    color: #80ccff !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.3);
}

.dev-button:active[b-qw4ztf151f] {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0, 102, 204, 0.3);
}

.icon[b-qw4ztf151f] {
    font-size: 28px;
    color: #66b3ff;
    transition: all 0.2s ease;
}

.icon-label[b-qw4ztf151f] {
    font-size: 14px;
    margin-top: 2px;
    user-select: none;
    color: #66b3ff;
    transition: all 0.2s ease;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .developer-banner[b-qw4ztf151f] {
        padding: 6px 12px;
    }
    
    .developer-banner-content[b-qw4ztf151f] {
        gap: 16px;
    }
    
    .developer-banner-title[b-qw4ztf151f] {
        font-size: 0.8rem;
    }
    
    .developer-banner-buttons[b-qw4ztf151f] {
        gap: 8px;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        width: 100%;
    }
    .dev-button[b-qw4ztf151f] {
        padding: 4px 8px;
        font-size: 0.75rem;
        white-space: nowrap !important;
        min-width: 0 !important;
        flex-shrink: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .developer-banner-content[b-qw4ztf151f] {
        flex-direction: column;
        gap: 8px;
    }
    .developer-banner-buttons[b-qw4ztf151f] {
        justify-content: center;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .developer-banner-title[b-qw4ztf151f] {
        display: none;
    }
    .icon-label[b-qw4ztf151f] {
        display: none !important;
    }
    .dev-button[b-qw4ztf151f] {
        min-width: 40px;
        padding-left: 8px;
        padding-right: 8px;
    }
}
/* _content/ADG.Website/Pages/Layout/DeveloperBanner/DeveloperBannerButton.razor.rz.scp.css */
.dev-button-link[b-19wwxb5uoa] {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.dev-button[b-19wwxb5uoa] {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: white;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 8px;
    opacity: 90%;
    transition: all 0.3s ease;
    pointer-events: none;
}

.dev-button:disabled[b-19wwxb5uoa] {
    opacity: inherit;
    cursor: inherit;
}

.icon-with-label[b-19wwxb5uoa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: white;
}

.icon-label[b-19wwxb5uoa] {
    font-size: 14px;
    margin-top: 4px;
    user-select: none;
    color: white;
    transition: all 0.3s ease;
}

.icon[b-19wwxb5uoa] {
    font-size: 28px;
    color: white;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .icon-label[b-19wwxb5uoa] {
        display: none;
    }
}
/* _content/ADG.Website/Pages/Layout/Footer/Footer.razor.rz.scp.css */
.footer[b-azgq2p0z63] {
    background-color: #000000;
    padding: 20px 0;
    border-top: 1px solid #1f1f1f;
    height: auto;
    min-height: 230px;
}

.footer .text-center[b-azgq2p0z63] {
    text-align: center;
}

.footer .text-mute[b-azgq2p0z63] {
    color: #6c757d;
    font-size: 14px;
}

.footer a[b-azgq2p0z63] {
    color: #007bff;
    text-decoration: none;
}

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

/* Footer sections spacing */
.footer-copyright[b-azgq2p0z63] {
    margin-bottom: 10px;
}

.footer-social[b-azgq2p0z63] {
    margin-bottom: 10px;
}

.footer-legal[b-azgq2p0z63] {
    margin-bottom: 0;
}

/* Social media icons styling */
.social-icons[b-azgq2p0z63] {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.social-icon[b-azgq2p0z63] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.social-icon img[b-azgq2p0z63] {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}

.social-icon:hover[b-azgq2p0z63] {
    background-color: #007bff;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
}
/* _content/ADG.Website/Pages/Layout/Header/Header.razor.rz.scp.css */
.header-stack[b-yugtqn881b] {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 0 0 1rem;
    padding-inline-end: 18px;
    width: 100%;
}

/* Reduce left padding on mobile to fix brand positioning */
@media (max-width: 768px) {
    .header-stack[b-yugtqn881b] {
        padding-left: 0.5rem;
    }
}

/* _content/ADG.Website/Pages/Layout/Layouts/MainLayout.razor.rz.scp.css */


/* Inline CSS migration classes */
.main-content[b-tc1kszbmzr] {
    width: 100%;
    padding: 0;
    scrollbar-color: white #272727;
    scrollbar-width: thin;
}
/* _content/ADG.Website/Pages/Layout/Loading.razor.rz.scp.css */
.loading-overlay[b-a8p0bewe4l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: none;

}

.loading-bar[b-a8p0bewe4l]
{
    position: fixed;       /* stay in place */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;         /* higher than everything else */
    pointer-events: none;  /* optional: let clicks go through */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: white;
    background: rgba(0, 0, 0, 0.5); /* optional dark overlay */
}

.loading-content[b-a8p0bewe4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    opacity: 100%;
}

.loading-text[b-a8p0bewe4l] {
    margin: 0;
    text-align: center;
    font-size: var(--type-ramp-base-font-size, 1rem);
    line-height: var(--type-ramp-base-line-height, 1.5);
}
/* _content/ADG.Website/Pages/Layout/NavMenu/NavMenu.razor.rz.scp.css */
.bottom-nav[b-godp380tay] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(24, 24, 25, 0.08); /* Semi-transparent */
    backdrop-filter: blur(4px); /* Apply blur effect */
    -webkit-backdrop-filter: blur(4px); /* Safari support */
    border-top: 1px solid rgba(255, 255, 255, 0.29);
    z-index: 1000;
}

/* Navigation button container */
.nav-button-container[b-godp380tay] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex: 1;
    cursor: pointer;
    transition: all 0.3s ease; /* Enhanced animations */
    border-radius: 8px; /* Rounded corners for better visual feedback */
    /* Fix for touch highlight persistence on mobile */
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Active indicator line at the top */
.nav-button-container.active[b-godp380tay]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px; /* Adjust width as needed */
    height: 3px; /* Thickness of the indicator line */
    background-color: #4F9CF9; /* Color of the indicator line, blue */
    border-radius: 0 0 2px 2px; /* Rounded bottom corners */
}

/* Enhanced hover effect with bold styling instead of outline */
.nav-button-container:hover[b-godp380tay] {
    transform: translateY(-1px); /* Slight lift effect */
}

.nav-button-container:hover .nav-menu-button[b-godp380tay] {
    opacity: 100%; /* Full opacity on hover */
}

.nav-button-container:hover .icon-label[b-godp380tay] {
    font-weight: bold; /* Bold text on hover */
    color: white;
}

.nav-button-container:hover fluent-icon[b-godp380tay] {
    font-weight: bold; /* Bold icon on hover */
    transform: scale(1.05); /* Slight scale effect */
}

/* Click/active state animations */
.nav-button-container:active[b-godp380tay] {
    transform: translateY(0px) scale(0.98); /* Press down effect */
    transition: all 0.1s ease; /* Faster transition for click */
}

/* Ensure the nav button itself doesn't interfere */
.nav-button-container .nav-menu-button[b-godp380tay] {
    background: transparent;
    border: none;
    padding: 0;
}
/* _content/ADG.Website/Pages/Layout/NavMenu/NavMenuButton.razor.rz.scp.css */
.nav-menu-button[b-m692hisb4r] {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: white;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 8px;
    opacity: 90%; /* 90% opacity when not active */
    transition: all 0.3s ease; /* Smooth animations */
    pointer-events: none; /* Disable button clicks since container handles them */
}

/* Active (current-page) buttons at full opacity */
.nav-menu-button.current-page[b-m692hisb4r] {
    opacity: 100%;
    color: deepskyblue;
}

/* Disabled state styling to remove default disabled appearance */
.nav-menu-button:disabled[b-m692hisb4r] {
    opacity: inherit;
    cursor: inherit;
}

.icon-with-label[b-m692hisb4r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; /* Smooth animations */
    color: white;
}

.icon-label.current-page[b-m692hisb4r] {
    color: deepskyblue;
    font-weight: bold;
}

.icon-label[b-m692hisb4r] {
    font-size: 14px;
    margin-top: 4px;
    user-select: none;
    color: white;
    transition: all 0.3s ease; /* Smooth animations */
}


/* Do not show the label on mobile */
@media (max-width: 768px) {
    .icon-label[b-m692hisb4r] {
        display: none;
    }
}

.icon[b-m692hisb4r] {
    font-size: 28px;
    color: white;
    transition: all 0.3s ease; /* Smooth animations */
}

/* Primary blue color for the active page icon */
.nav-menu-button.current-page .icon[b-m692hisb4r] {
    color: #4F9CF9;
}
/* _content/ADG.Website/Pages/Layout/NotificationBell/NotificationBell.razor.rz.scp.css */
.notification-bell[b-bcfx27c38y] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 12px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.notification-bell:hover[b-bcfx27c38y] {
    background-color: rgba(255, 255, 255, 0.1);
    transform: scale(1.05);
}

.notification-badge[b-bcfx27c38y] {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    font-weight: 600;
    border: 2px solid #111111;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

/* Inline CSS migration classes */
.notification-bell-icon[b-bcfx27c38y] {
    color: white;
    cursor: pointer;
}
/* _content/ADG.Website/Pages/Layout/PlayerProfileMenu.razor.rz.scp.css */
.guest-user-panel[b-xm4sskjbp0] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.guest-user-panel:hover[b-xm4sskjbp0] {
    background-color: rgba(255, 255, 255, 0.1);
}

.guest-user-panel .fluent-button[b-xm4sskjbp0] {
    background: rgba(0, 255, 231, 0.15);
    border: 1px solid rgba(0, 255, 231, 0.3);
    color: #00ffe7;
    font-weight: 500;
    transition: all 0.2s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.guest-user-panel .fluent-button:hover[b-xm4sskjbp0] {
    background: rgba(0, 255, 231, 0.25);
    border-color: #00ffe7;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 255, 231, 0.2);
}

@media (max-width: 768px) {
    .guest-user-panel[b-xm4sskjbp0] {
        flex-direction: column;
        gap: 4px;
    }
    
    .guest-user-panel .fluent-button[b-xm4sskjbp0] {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Inline CSS migration classes */
.profile-menu-container[b-xm4sskjbp0] {
    color: white;
}

.profile-menu-button[b-xm4sskjbp0] {
    cursor: pointer;
}

.profile-menu-username[b-xm4sskjbp0] {
    margin-left: 8px;
    font-size: 0.875rem;
}
/* _content/ADG.Website/Pages/Layout/SearchBar.razor.rz.scp.css */
.search-container[b-l7qwg8t2s4] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1; /* Allow search to take available space and center properly */
    padding-right: 20px;
}

/* Desktop: Show search bar, hide icon */
.search-bar-desktop[b-l7qwg8t2s4] {
    display: flex;
    align-items: center;
    min-width: 300px;
    max-width: 500px;
    width: 100%;
    position: relative;
}

.search-bar-text-field[b-l7qwg8t2s4] {
    width: 100%;
    max-width: 100%;
    color: red;
}


/* Modern search field styling */
.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-root {
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    backdrop-filter: blur(10px) !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-root:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-1px) !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-root.mud-focused {
    box-shadow: 0 6px 24px rgba(79, 156, 249, 0.3) !important;
    border-color: #4F9CF9 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-2px) !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-slot {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-slot input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 13px !important;
}

/* Search icon styling */
.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-adornment .mud-icon-root {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-adornment:hover .mud-icon-root {
    color: rgba(255, 255, 255, 0.9) !important;
    transform: scale(1.1) !important;
}



/* Mobile: Hide desktop search bar, show mobile search icon */
@media (max-width: 768px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        display: none;
    }
}

/* Tablet: Show medium search bar */
@media (max-width: 1024px) and (min-width: 769px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        min-width: 250px;
        max-width: 350px;
    }
}

/* Desktop: Optimize search bar size */
@media (min-width: 1025px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        min-width: 350px;
        max-width: 500px;
    }
}

/* Large desktop: Full width utilization */
@media (min-width: 1400px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        min-width: 400px;
        max-width: 600px;
    }
}

/* Search suggestions dropdown (for future enhancement) */
.search-suggestions[b-l7qwg8t2s4] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(26, 29, 35, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    margin-top: 4px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.search-suggestions.show[b-l7qwg8t2s4] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

.search-suggestion-item[b-l7qwg8t2s4] {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
    color: rgba(255, 255, 255, 0.8);
}

.search-suggestion-item:hover[b-l7qwg8t2s4],
.search-suggestion-item.selected[b-l7qwg8t2s4] {
    background: rgba(79, 156, 249, 0.15);
    color: rgba(255, 255, 255, 0.95);
    border-left: 3px solid #4F9CF9;
}

.search-suggestion-item:last-child[b-l7qwg8t2s4] {
    border-bottom: none;
    border-radius: 0 0 12px 12px;
}

/* Inline CSS migration classes */
.search-bar-icon[b-l7qwg8t2s4] {
    color: white;
    cursor: pointer;
}
/* _content/ADG.Website/Pages/Layout/Splashscreen/Splashscreen.razor.rz.scp.css */
.splash-container[b-bfwv1fb6ie] {
    background-color: black;
    color: white;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.logo-center[b-bfwv1fb6ie] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo[b-bfwv1fb6ie] {
    width: 120px;
    height: auto;
}

.footer-text[b-bfwv1fb6ie] {
    position: absolute;
    bottom: 80px;
    text-align: center;
    width: 100%;
    font-size: 2rem;
    color: white;
    opacity: 0.7;
}

.loading-text[b-bfwv1fb6ie] {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    font-size: 0.85rem;
    color: #b3b3b3;
    opacity: 0.8;
}
/* _content/ADG.Website/Pages/Leaderboards/Leaderboards.razor.rz.scp.css */
.leaderboard-controls[b-e68qpf6fz0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    gap: 16px;
    flex-wrap: wrap;
}

.leaderboard-loading[b-e68qpf6fz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 16px;
}

.leaderboard-error[b-e68qpf6fz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 16px;
    text-align: center;
}

.empty-state[b-e68qpf6fz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    text-align: center;
}

.leaderboard-navigation[b-e68qpf6fz0] {
    padding: 20px 0;
}

.navigation-cards[b-e68qpf6fz0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.navigation-card[b-e68qpf6fz0] {
    padding: 24px;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid var(--neutral-stroke-divider);
    border-radius: 8px;
}

.navigation-card:hover[b-e68qpf6fz0] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-content[b-e68qpf6fz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.card-content h4[b-e68qpf6fz0] {
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.card-content p[b-e68qpf6fz0] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    line-height: 1.5;
}

[b-e68qpf6fz0] .badge {
    background-color: #684db0;
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
}
/* _content/ADG.Website/Pages/Leaderboards/PlayerDetails.razor.rz.scp.css */
.player-stats[b-kip0soq6w0], .team-stats[b-kip0soq6w0] {
    padding: 20px;
}

.stats-grid[b-kip0soq6w0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.stat-item[b-kip0soq6w0] {
    padding: 12px;
    background-color: var(--neutral-layer-2);
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-divider);
}

.stat-item strong[b-kip0soq6w0] {
    color: var(--accent-foreground-rest);
}

.leaderboard-error[b-kip0soq6w0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 16px;
    text-align: center;
}

.empty-state[b-kip0soq6w0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    text-align: center;
}

[b-kip0soq6w0] .badge {
    background-color: #684db0;
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
}

.text-muted[b-kip0soq6w0] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
}
/* _content/ADG.Website/Pages/Leaderboards/PlayersLeaderboard.razor.rz.scp.css */
.leaderboard-error[b-q8ra3td1k8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 16px;
    text-align: center;
}

.empty-state[b-q8ra3td1k8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    text-align: center;
}

[b-q8ra3td1k8] .badge {
    background-color: #684db0;
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
}

.text-muted[b-q8ra3td1k8] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
}
/* _content/ADG.Website/Pages/Leaderboards/TeamsLeaderboard.razor.rz.scp.css */
.leaderboard-error[b-g0zlyx229w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 16px;
    text-align: center;
}

.empty-state[b-g0zlyx229w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    text-align: center;
}

[b-g0zlyx229w] .badge {
    background-color: #684db0;
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
}

.text-muted[b-g0zlyx229w] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
}
/* _content/ADG.Website/Pages/MailingList/MailingList.razor.rz.scp.css */
.mailing-list-container[b-skbgfu5bou] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.mailing-list-title[b-skbgfu5bou] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin-bottom: 1rem;
    text-align: center;
}

.mailing-list-description[b-skbgfu5bou] {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.mailing-list-actions[b-skbgfu5bou] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.menu-item[b-skbgfu5bou] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.menu-item:hover[b-skbgfu5bou] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.menu-item:active[b-skbgfu5bou] {
    transform: translateY(0);
}

.menu-item-content[b-skbgfu5bou] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4rem;
}

.menu-icon[b-skbgfu5bou] {
    color: #ffffff;
    font-size: 3rem;
    flex-shrink: 0;
}

.menu-text[b-skbgfu5bou] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.menu-label[b-skbgfu5bou] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.menu-description[b-skbgfu5bou] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
}

.menu-chevron[b-skbgfu5bou] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.menu-item:hover .menu-chevron[b-skbgfu5bou] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}
/* _content/ADG.Website/Pages/Menu/Menu.razor.rz.scp.css */
.menu-container[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.menu-title[b-9neey5y6je] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
    text-align: center;
}

.menu-list[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.menu-item[b-9neey5y6je] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.menu-item:hover[b-9neey5y6je] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.menu-item:active[b-9neey5y6je] {
    transform: translateY(0);
}

.menu-item-content[b-9neey5y6je] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4rem;
}

.menu-icon[b-9neey5y6je] {
    color: #ffffff;
    font-size: 3rem;
    flex-shrink: 0;
}

.menu-text[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.menu-label[b-9neey5y6je] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.menu-description[b-9neey5y6je] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
    /* Fix for BetaFlag layout shifting */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.menu-chevron[b-9neey5y6je] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.menu-item:hover .menu-chevron[b-9neey5y6je] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

.menu-separator[b-9neey5y6je] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0.5rem 0;
}

.logout-item[b-9neey5y6je] {
    border-color: rgba(255, 100, 100, 0.3);
    background: rgba(255, 100, 100, 0.08);
}

.logout-item:hover[b-9neey5y6je] {
    border-color: rgba(255, 100, 100, 0.5);
    background: rgba(255, 100, 100, 0.15);
}

.logout-item .menu-icon[b-9neey5y6je] {
    color: #ff6b6b;
}

.admin-item[b-9neey5y6je] {
    border-color: rgba(0, 255, 231, 0.3);
    background: rgba(0, 255, 231, 0.08);
}

.admin-item:hover[b-9neey5y6je] {
    border-color: rgba(0, 255, 231, 0.5);
    background: rgba(0, 255, 231, 0.15);
}

.admin-item .menu-icon[b-9neey5y6je] {
    color: #00ffe7;
}

.testing-item[b-9neey5y6je] {
    border-color: rgba(255, 193, 7, 0.3);
    background: rgba(255, 193, 7, 0.08);
}

.testing-item:hover[b-9neey5y6je] {
    border-color: rgba(255, 193, 7, 0.5);
    background: rgba(255, 193, 7, 0.15);
}

.testing-item .menu-icon[b-9neey5y6je] {
    color: #ffc107;
}

.menu-footer[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    gap: 0.25rem;
}

.menu-version[b-9neey5y6je] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    line-height: 1.2;
}

.menu-madeby[b-9neey5y6je] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
}

.aliens[b-9neey5y6je] {
    color: #c9ff6b;
    font-weight: bold;
}

.humans[b-9neey5y6je] {
    color: #6bc1ff;
    font-weight: bold;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .menu-container[b-9neey5y6je] {
        padding: 1rem;
    }

    .menu-title[b-9neey5y6je] {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .menu-item-content[b-9neey5y6je] {
        padding: 1.25rem;
    }

    .menu-label[b-9neey5y6je] {
        font-size: 1rem;
    }

    .menu-description[b-9neey5y6je] {
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/More/Contact.razor.rz.scp.css */
/* _content/ADG.Website/Pages/More/FAQ.razor.rz.scp.css */
/* FAQ page styled like beautiful menu buttons, but without glow */

.faq-container[b-4ji7oc898y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    max-width: 700px;
    margin: 0 auto;
}

.faq-title[b-4ji7oc898y] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2rem;
    text-align: center;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 2px #222;
}

.faq-list[b-4ji7oc898y] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.faq-item[b-4ji7oc898y] {
    background: rgba(255,255,255,0.08);
    border: 1.5px solid rgba(0,255,231,0.18);
    border-radius: 16px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    overflow: hidden;
    position: relative;
}

.faq-item.open[b-4ji7oc898y] {
    background: rgba(255,255,255,0.10); /* Changed from blue/teal to white tint */
    border-color: #fff; /* White border when open */
}

.faq-question[b-4ji7oc898y] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.3rem 1.5rem;
    font-size: 1.15rem;
    font-weight: 500;
    color: #fff;
    user-select: none;
}

.faq-icon[b-4ji7oc898y] {
    font-size: 1.7rem;
    color: #fff; /* White icon */
    flex-shrink: 0;
}

.faq-chevron[b-4ji7oc898y] {
    margin-left: auto;
    font-size: 1.2rem;
    color: #fff; /* White chevron */
    transition: transform 0.2s;
}

.faq-item.open .faq-chevron[b-4ji7oc898y] {
    transform: rotate(90deg);
}

.faq-answer[b-4ji7oc898y] {
    background: rgba(255,255,255,0.13); /* Subtle white background for answer */
    color: #e0e6f0;
    font-size: 1.05rem;
    padding: 1.1rem 2.2rem 1.5rem 3.2rem;
    border-top: 1px solid rgba(255,255,255,0.18); /* White border */
    animation: fadeInFaq-b-4ji7oc898y 0.3s;
}

@keyframes fadeInFaq-b-4ji7oc898y {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .faq-title[b-4ji7oc898y] {
        font-size: 1.3rem;
        margin-bottom: 1.2rem;
    }
    .faq-question[b-4ji7oc898y] {
        font-size: 1rem;
        padding: 1rem 1rem;
    }
    .faq-answer[b-4ji7oc898y] {
        font-size: 0.98rem;
        padding: 0.8rem 1.2rem 1.1rem 2.2rem;
    }
}
/* _content/ADG.Website/Pages/More/Help.razor.rz.scp.css */
/* Help Page - Clean and modern design matching settings page */
/* CSS custom properties have been migrated to app.css */

.help-container[b-wse4w1he94] {
    min-height: 100vh;
    padding: 2rem;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.help-header[b-wse4w1he94] {
    text-align: center;
    margin-bottom: 1rem;
}

.help-icon[b-wse4w1he94] {
    font-size: 3rem;
    color: var(--settings-accent);
    margin-bottom: 1rem;
}

.help-header h2[b-wse4w1he94] {
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 600;
    margin-bottom: 1rem;
    background: linear-gradient(90deg, var(--settings-fg), var(--help-muted));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.help-subtitle[b-wse4w1he94] {
    font-size: 1.1rem;
    color: var(--help-muted);
    line-height: 1.5;
    max-width: 600px;
    margin: 0 auto;
}

.help-content[b-wse4w1he94] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
}

.help-section[b-wse4w1he94] {
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 1.5rem;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .25);
    transition: all 0.3s ease;
}

.help-section:hover[b-wse4w1he94] {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
    border-color: rgba(255, 255, 255, .12);
}

.help-section h3[b-wse4w1he94] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--settings-fg);
    margin-bottom: 1rem;
    text-align: center;
}

.help-buttons[b-wse4w1he94] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.help-button[b-wse4w1he94] {
    height: 3rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 12px;
    transition: all 0.2s ease;
}

/* Custom button styling to match settings theme */
.help-button[b-wse4w1he94] {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .15) !important;
    color: var(--settings-fg) !important;
}

.help-button:hover[b-wse4w1he94] {
    background: rgba(255, 255, 255, .15) !important;
    border-color: rgba(255, 255, 255, .25) !important;
    transform: translateY(-1px);
}

.help-footer[b-wse4w1he94] {
    margin-top: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 1.5rem;
    backdrop-filter: blur(8px);
}

.help-footer strong[b-wse4w1he94] {
    color: var(--settings-fg);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .help-container[b-wse4w1he94] {
        padding: 1rem;
        gap: 1.5rem;
    }

    .help-header h2[b-wse4w1he94] {
        font-size: 24px;
    }

    .help-subtitle[b-wse4w1he94] {
        font-size: 1rem;
    }

    .help-content[b-wse4w1he94] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .help-section[b-wse4w1he94] {
        padding: 1.25rem;
    }

    .help-icon[b-wse4w1he94] {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .help-header h2[b-wse4w1he94] {
        font-size: 20px;
    }
    
    .help-icon[b-wse4w1he94] {
        font-size: 2rem;
    }
    
    .help-container[b-wse4w1he94] {
        padding: 0.75rem;
    }
}

/* Support Chat Button - Special styling */
.support-chat-button[b-wse4w1he94] {
    background: linear-gradient(135deg, var(--settings-accent), var(--settings-accent2)) !important;
    border: none !important;
    color: var(--settings-bg) !important;
    box-shadow: 0 4px 12px rgba(124, 92, 255, 0.3);
}

.support-chat-button:hover[b-wse4w1he94] {
    background: linear-gradient(135deg, var(--settings-accent2), var(--settings-accent)) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(124, 92, 255, 0.4);
}
/* _content/ADG.Website/Pages/Payments/Payments.razor.rz.scp.css */
/* Payments Page - Modern Design System (payments-specific classes) */

.payments-container[b-g8ahjauofd] {
    min-height: 100vh;
    background: var(--layer-fill-color-default);
}

.payments-content[b-g8ahjauofd] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.payments-header[b-g8ahjauofd] {
    text-align: center;
    margin-bottom: 3rem;
}

.payments-title[b-g8ahjauofd] {
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-rest);
}

.payments-subtitle[b-g8ahjauofd] {
    color: var(--neutral-foreground-hint);
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.payments-grid[b-g8ahjauofd] {
    display: grid;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.payments-section[b-g8ahjauofd] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
    transition: all 0.3s ease;
}

.payments-section:hover[b-g8ahjauofd] {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
}

.payment-item[b-g8ahjauofd] {
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem;
    cursor: pointer;
    transition: background 0.2s;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.payment-item:last-child[b-g8ahjauofd] {
    border-bottom: none;
}

.payment-item:hover[b-g8ahjauofd] {
    background: var(--neutral-layer-2);
}

.payment-link[b-g8ahjauofd] {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

.payment-icon[b-g8ahjauofd] {
    margin-right: 1.5rem;
    font-size: 1.8rem;
    color: var(--accent-foreground-rest);
}

.payment-content[b-g8ahjauofd] {
    flex: 1;
}

.payment-label[b-g8ahjauofd] {
    font-size: 1.2rem;
    font-weight: 500;
}

.payment-description[b-g8ahjauofd] {
    color: var(--neutral-foreground-hint);
    font-size: 0.98rem;
}
/* _content/ADG.Website/Pages/Payments/Purchases/Purchases.razor.rz.scp.css */
:root[b-e3ly3a0mlj]{
    --bg: #0f1724;
    --card: #0b1220;
    --muted: #9aa4b2;
    --accent: #ffb86b; /* gold accent */
    --accent-2: #6ee7f9; /* diamond accent */
    --primary: linear-gradient(135deg,#ff8a00 0%, #ffb86b 100%);
    --glass: rgba(255,255,255,0.04);
}

.page-title[b-e3ly3a0mlj]{
    font-size: 1.75rem;
    margin: 0 0 0.25rem 0;
    color: var(--bg);
}

.lead[b-e3ly3a0mlj]{
    margin: 0 0 1rem 0;
    color: var(--muted);
}

.purchases-grid[b-e3ly3a0mlj]{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    align-items: stretch;
}

.product-card[b-e3ly3a0mlj]{
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 6px 18px rgba(7,11,18,0.55);
    border: 1px solid rgba(255,255,255,0.03);
    transition: transform .18s ease, box-shadow .18s ease;    
}

.product-card:hover[b-e3ly3a0mlj]{
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(7,11,18,0.70);
}

.product-card.best[b-e3ly3a0mlj]{
    border: 1px solid rgba(255,190,102,0.25);
    background: linear-gradient(180deg, rgba(255,200,120,0.03), rgba(255,255,255,0.01));
}

.product-media[b-e3ly3a0mlj]{
    display:flex;
    align-items:center;
    gap: 0.75rem;
}

.product-media img[b-e3ly3a0mlj]{
    width:64px;
    height:64px;
    object-fit:contain;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,0.45));
}

.badge[b-e3ly3a0mlj]{
    margin-left:auto;
    background: linear-gradient(90deg,var(--accent-2),var(--accent));
    color: #0b1220;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    font-weight:700;
    font-size:0.75rem;
    box-shadow: 0 6px 18px rgba(255,184,107,0.12);
}

.product-body[b-e3ly3a0mlj]{
    margin-top: 0.75rem;
    display:flex;
    flex-direction:column;
    gap: 0.5rem;
}

.product-title[b-e3ly3a0mlj]{
    font-weight:700;
    font-size:1rem;
    color: #eef6ff;
}

.product-price[b-e3ly3a0mlj]{
    font-weight:800;
    font-size:1.2rem;
    color: var(--accent);
}

.product-meta[b-e3ly3a0mlj]{
    font-size:0.75rem;
    color:var(--muted);
}

.actions[b-e3ly3a0mlj]{
    display:flex;
    gap:0.5rem;
    margin-top:0.5rem;
}

.buy-btn[b-e3ly3a0mlj]{
    flex:1 1 auto;
    background: var(--primary);
    color: #fff;
    border: none;
    padding: 0.6rem 0.9rem;
    border-radius: 10px;
    font-weight:800;
    cursor:pointer;
    box-shadow: 0 10px 20px rgba(255,138,0,0.12);
    transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.buy-btn-txt[b-e3ly3a0mlj]{
    color: #fff;
}


.buy-btn:hover[b-e3ly3a0mlj]{ transform: translateY(-2px); box-shadow: 0 18px 40px rgba(255,138,0,0.18); }
.buy-btn:active[b-e3ly3a0mlj]{ transform: translateY(0); }
.buy-btn:focus[b-e3ly3a0mlj]{ outline:3px solid rgba(255,184,107,0.22); }

.ghost[b-e3ly3a0mlj]{
    background: transparent;
    border: 1px solid rgba(255,255,255,0.06);
    color: var(--muted);
    padding: 0.5rem 0.75rem;
    border-radius: 10px;
    cursor:pointer;
}

.ghost:hover[b-e3ly3a0mlj]{ border-color: rgba(255,255,255,0.12); color: #fff; }
.ghost:focus[b-e3ly3a0mlj]{ outline:3px solid rgba(255,255,255,0.06); }

.error[b-e3ly3a0mlj]{
    margin-top:1rem;
    padding:0.75rem 1rem;
    background: rgba(255,0,30,0.06);
    color: #ff6868;
    border-radius:8px;
    font-weight:700;
}

@media (max-width:520px){
    .product-media img[b-e3ly3a0mlj]{ width:54px; height:54px; }
    .product-price[b-e3ly3a0mlj]{ font-size:1rem; }
}
/* _content/ADG.Website/Pages/Payments/Subscriptions/Subscriptions.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Players/Avatar/AvatarSelectionDialog.razor.rz.scp.css */
/* Inline CSS migration classes */
.avatarselectiondialog-margin-top-md[b-bt8c1zbb24] { margin-top: 16px; }
/* _content/ADG.Website/Pages/Players/Chats.razor.rz.scp.css */
.inbox-container[b-mf2tbgxfyu] {
    display: flex;
    gap: 1rem;
    height: 70vh;
    margin-top: 1rem;
}

.conversations-panel[b-mf2tbgxfyu] {
    flex: 0 0 350px;
}

.conversation-card[b-mf2tbgxfyu] {
    padding: 0 !important;
}

.conversations-header[b-mf2tbgxfyu] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 1rem 1rem 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider, #404040);
    margin-bottom: 1rem;
}

.conversations-header h4[b-mf2tbgxfyu] {
    margin: 0;
}

.messages-panel[b-mf2tbgxfyu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 0;
    min-height: 0;
}

.conversation-item[b-mf2tbgxfyu] {
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
    border-radius: 8px;
    border: 2px solid transparent;
}

.conversation-item:hover[b-mf2tbgxfyu] {
    background-color: var(--neutral-layer-2, #242831);
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-color: var(--neutral-stroke-divider, #404040);
}

.conversation-item.selected[b-mf2tbgxfyu] {
    background-color: var(--accent-fill-rest, #3b82f6);
    color: var(--accent-foreground-rest, #fff);
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
    border-color: var(--accent-fill-rest, #3b82f6);
}

.conversation-content[b-mf2tbgxfyu] {
    padding: 0.5rem;
}

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

.participant-info[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.participant-name[b-mf2tbgxfyu] {
    font-weight: 600;
}

.last-message[b-mf2tbgxfyu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    opacity: 0.8;
}

.message-preview[b-mf2tbgxfyu] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.message-time[b-mf2tbgxfyu] {
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.messages-header[b-mf2tbgxfyu] {
    padding: 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider, #404040);
    background: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
}

.messages-content[b-mf2tbgxfyu] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    background: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
    min-height: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-stroke-divider, #404040) transparent;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar {
    width: 8px;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar-track {
    background: transparent;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar-thumb {
    background-color: var(--neutral-stroke-divider, #404040);
    border-radius: 4px;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar-thumb:hover {
    background-color: var(--neutral-foreground-rest, #fff);
}

.message-item[b-mf2tbgxfyu] {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 18px;
    background-color: var(--neutral-layer-2, #242831);
    position: relative;
    color: var(--neutral-foreground-rest, #fff);
    transition: all 0.2s ease;
    max-width: 70%;
    word-wrap: break-word;
}

.message-item.sent[b-mf2tbgxfyu] {
    background-color: var(--accent-fill-rest, #3b82f6);
    color: var(--accent-foreground-rest, #fff);
    margin-left: auto;
    margin-right: 0;
    border-bottom-right-radius: 4px;
}

.message-item.sent .message-content[b-mf2tbgxfyu] {
    color: #ffffff;
}

.message-item.received[b-mf2tbgxfyu] {
    background-color: var(--neutral-layer-2, #242831);
    margin-left: 0;
    margin-right: auto;
    border: 1px solid var(--neutral-stroke-divider, #404040);
    border-bottom-left-radius: 1px;
    color: var(--neutral-foreground-rest, #fff);
}

.message-item.received .message-content[b-mf2tbgxfyu] {
    color: var(--neutral-foreground-rest, #fff);
}

.message-actions[b-mf2tbgxfyu] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.message-item:hover .message-actions[b-mf2tbgxfyu] {
    opacity: 1;
}

.message-actions button[b-mf2tbgxfyu] {
    font-size: 0.9rem;
    padding: 0.4rem;
    min-height: auto;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.message-actions button:hover[b-mf2tbgxfyu] {
    transform: scale(1.1);
}

.message-sender[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.sender-name[b-mf2tbgxfyu] {
    font-weight: 600;
    color: var(--accent-fill-rest, #3b82f6);
}

.message-item.sent .sender-name[b-mf2tbgxfyu] {
    color: rgba(255, 255, 255, 0.9);
}

.message-timestamp[b-mf2tbgxfyu] {
    margin-left: auto;
    font-size: 0.75rem;
    opacity: 0.6;
    font-weight: 400;
}

.message-content[b-mf2tbgxfyu] {
    padding-left: 0;
    line-height: 1.375;
    font-size: 0.9rem;
}

.message-input[b-mf2tbgxfyu] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-top: 1px solid var(--neutral-stroke-divider, #404040);
    background: var(--neutral-layer-2, #242831);
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 5;
    margin-top: auto;
}

.message-input .fluent-icon[b-mf2tbgxfyu] {
    color: #fff !important;
}

.message-input fluent-text-field[b-mf2tbgxfyu] {
    flex: 1;
}

.message-input fluent-text-field[b-mf2tbgxfyu]::part(control) {
    background-color: var(--neutral-layer-3, #2a2f3a);
    border: 1px solid var(--neutral-stroke-divider, #404040);
    border-radius: 20px;
    padding: 0.75rem 1rem;
    color: var(--neutral-foreground-rest, #fff);
    font-size: 0.9rem;
}

.message-input fluent-text-field[b-mf2tbgxfyu]::part(control):focus {
    border-color: var(--accent-fill-rest, #3b82f6);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.no-conversation-selected[b-mf2tbgxfyu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
}

.no-conversation-selected h4[b-mf2tbgxfyu] {
    margin: 1rem 0 0.5rem 0;
}

.no-conversation-selected p[b-mf2tbgxfyu] {
    margin: 0;
}

.error-state[b-mf2tbgxfyu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
    background: var(--neutral-layer-1, #1a1d23);
}

.error-state p[b-mf2tbgxfyu] {
    margin: 0;
}

.auth-warning[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background-color: var(--attention-fill-rest, #b91c1c);
    color: var(--attention-foreground-rest, #fff);
    border-radius: 4px;
    margin: 1rem 0;
}

/* Enhanced dark theme with better contrast and darker colors */
:root[b-mf2tbgxfyu], [data-theme="dark"][b-mf2tbgxfyu] {
    --neutral-layer-1: #1a1d23;
    --neutral-layer-2: #242831;
    --neutral-layer-3: #2a2f3a;
    --neutral-stroke-divider: #404040;
    --neutral-foreground-rest: #ffffff;
    --accent-fill-rest: #3b82f6;
    --accent-foreground-rest: #ffffff;
    --attention-fill-rest: #dc2626;
    --attention-foreground-rest: #ffffff;
}

/* Mobile responsiveness for conversations panel */
.mobile-conv-toggle[b-mf2tbgxfyu] {
    display: none;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    z-index: 10;
    background: var(--accent-fill-rest, #3b82f6);
    color: #252525;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    cursor: pointer;
    transition: all 0.2s ease;
}

.mobile-conv-toggle:hover[b-mf2tbgxfyu] {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
}

.mobile-conv-toggle:focus[b-mf2tbgxfyu] {
    outline: 2px solid var(--accent-fill-rest, #3b82f6);
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .inbox-container[b-mf2tbgxfyu] {
        flex-direction: column;
        height: 90vh;
        position: relative;
    }

    .conversations-panel[b-mf2tbgxfyu] {
        position: fixed;
        left: 0;
        top: 0;
        width: 85vw;
        max-width: 340px;
        height: 100vh;
        z-index: 20;
        background: var(--neutral-layer-1, #1a1d23);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 2px 0 16px rgba(0, 0, 0, 0.4);
        border-right: 1px solid var(--neutral-stroke-divider, #404040);
    }

    .conversations-panel.hide[b-mf2tbgxfyu] {
        transform: translateX(-100%);
        pointer-events: none;
    }

    .conversations-panel.show[b-mf2tbgxfyu] {
        transform: translateX(0);
    }

    .mobile-conv-toggle[b-mf2tbgxfyu] {
        display: flex;
        transition: all 0.2s ease;
    }

    .mobile-conv-toggle:hover[b-mf2tbgxfyu] {
        background: var(--accent-fill-rest, #3b82f6);
        transform: scale(1.05);
    }

    .messages-panel[b-mf2tbgxfyu] {
        margin-left: 0;
        width: 100vw;
        min-width: 0;
        padding-bottom: 0;
    }

    /* Overlay for mobile when conversations panel is open */
    .conversations-panel.show[b-mf2tbgxfyu]::before {
        content: '';
        position: fixed;
        top: 0;
        left: 85vw;
        width: 15vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: -1;
    }
}

@media (max-width: 700px) {
    .message-input[b-mf2tbgxfyu] {
        padding: 0.5rem;
    }
}

.reaction-button.active[b-mf2tbgxfyu] {
    background-color: rgba(0, 120, 212, 0.2);
}

.send-btn[b-mf2tbgxfyu] {
    min-width: 44px;
    height: 44px;
    background: var(--accent-fill-rest, #3b82f6) !important;
    color: #000000 !important;
    border-radius: 8px;
    transition: all 0.2s ease;
    border: none !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.send-btn:hover[b-mf2tbgxfyu] {
    background: var(--accent-fill-hover, #2563eb) !important;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.send-btn:active[b-mf2tbgxfyu] {
    background: var(--accent-fill-active, #1d4ed8) !important;
    transform: scale(0.95);
}

.send-btn:focus[b-mf2tbgxfyu] {
    outline: 2px solid var(--accent-fill-rest, #3b82f6);
    outline-offset: 2px;
}

.send-btn:disabled[b-mf2tbgxfyu] {
    background: var(--neutral-stroke-divider, #404040) !important;
    color: var(--neutral-foreground-rest, #666) !important;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.message-item.sending[b-mf2tbgxfyu] {
    opacity: 0.7;
    background-color: var(--neutral-layer-3, #2a2f3a);
}

.message-item.failed[b-mf2tbgxfyu] {
    background-color: var(--attention-fill-rest, #dc2626);
    border: 1px solid var(--attention-fill-rest, #dc2626);
}

.error-message[b-mf2tbgxfyu] {
    color: #fff;
    font-weight: 500;
}

.retry-section[b-mf2tbgxfyu] {
    margin-top: 0.5rem;
    display: flex;
    gap: 0.5rem;
}

/* Pinned Messages Styling */
.pinned-messages-section[b-mf2tbgxfyu] {
    margin-bottom: 1rem;
    background: var(--neutral-layer-2, #242831);
    border-radius: 8px;
    padding: 0.75rem;
    border: 1px solid var(--accent-fill-rest, #3b82f6);
}

.pinned-messages-header[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-fill-rest, #3b82f6);
}

.pin-icon[b-mf2tbgxfyu] {
    color: var(--accent-fill-rest, #3b82f6);
}

.pinned-messages-label[b-mf2tbgxfyu] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pinned-separator[b-mf2tbgxfyu] {
    margin: 1rem 0;
    border: none;
    border-top: 1px solid var(--neutral-stroke-divider, #404040);
}

.message-item.pinned[b-mf2tbgxfyu] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    margin-bottom: 0.5rem;
}

.pinned-indicator[b-mf2tbgxfyu] {
    color: var(--accent-fill-rest, #3b82f6);
    margin-left: 0.25rem;
}

.pin-button[b-mf2tbgxfyu] {
    min-width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.pin-button:hover[b-mf2tbgxfyu] {
    transform: scale(1.05);
}

.pin-button.active[b-mf2tbgxfyu] {
    background-color: var(--accent-fill-rest, #3b82f6);
    color: #ffffff;
}

.message-actions[b-mf2tbgxfyu] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

/* Group Chat Styling */
.conversation-item.group-chat[b-mf2tbgxfyu] {
    border-left: 3px solid var(--accent-fill-rest, #3b82f6);
}

.group-icon[b-mf2tbgxfyu] {
    color: var(--accent-fill-rest, #3b82f6);
}

.participant-count[b-mf2tbgxfyu] {
    font-size: 0.75rem;
    opacity: 0.7;
    margin-left: 0.25rem;
}

.group-participants[b-mf2tbgxfyu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.participant-chip[b-mf2tbgxfyu] {
    background: var(--neutral-layer-3, #2a2f3a);
    color: var(--neutral-foreground-rest, #fff);
    padding: 0.125rem 0.375rem;
    border-radius: 0.75rem;
    font-size: 0.7rem;
    font-weight: 500;
}

.more-participants[b-mf2tbgxfyu] {
    color: var(--accent-fill-rest, #3b82f6);
    font-style: italic;
    font-size: 0.7rem;
}

.group-header[b-mf2tbgxfyu] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider, #404040);
}

.group-title[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.group-title h4[b-mf2tbgxfyu] {
    margin: 0;
    flex: 1;
}

.group-header-icon[b-mf2tbgxfyu] {
    color: var(--accent-fill-rest, #3b82f6);
}

.group-member-count[b-mf2tbgxfyu] {
    font-size: 0.75rem;
    opacity: 0.7;
    font-weight: normal;
}

.group-description[b-mf2tbgxfyu] {
    margin: 0;
    font-size: 0.875rem;
    opacity: 0.8;
    font-style: italic;
}

/* Team Conversations Styling */
.team-conversations-section[b-mf2tbgxfyu] {
    margin-bottom: 1rem;
}

.team-conversations-header[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-fill-rest, #3b82f6);
    padding: 0 1rem;
}

.team-conversations-label[b-mf2tbgxfyu] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.team-separator[b-mf2tbgxfyu] {
    margin: 1rem 0;
    border: none;
    border-top: 1px solid var(--neutral-stroke-divider, #404040);
}

.conversation-item.team-conversation[b-mf2tbgxfyu] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.05));
    border: 2px solid rgba(59, 130, 246, 0.3);
    border-left: 4px solid var(--accent-fill-rest, #3b82f6);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

.conversation-item.team-conversation:hover[b-mf2tbgxfyu] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.08));
    border-color: rgba(59, 130, 246, 0.5);
    transform: translateY(-1px) scale(1.01);
}

.conversation-item.team-conversation.selected[b-mf2tbgxfyu] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(37, 99, 235, 0.1));
    border-color: var(--accent-fill-rest, #3b82f6);
}

.team-conversation-icon[b-mf2tbgxfyu] {
    color: var(--accent-fill-rest, #3b82f6);
    filter: drop-shadow(0 1px 2px rgba(59, 130, 246, 0.3));
}
/* _content/ADG.Website/Pages/Players/Friends/Friends.razor.rz.scp.css */
.friend-card[b-qqgqk6vb3y] {
    margin-bottom: 15px;
    padding: 15px;
}

.friend-card-content[b-qqgqk6vb3y] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.friend-avatar[b-qqgqk6vb3y] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #4062bb;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.friend-avatar.online[b-qqgqk6vb3y] {
    background-color: #4CAF50;
}

.friend-avatar.offline[b-qqgqk6vb3y] {
    background-color: #9e9e9e;
}

.status-indicator[b-qqgqk6vb3y] {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    border: 2px solid white;
}

.friend-avatar.online .status-indicator[b-qqgqk6vb3y] {
    background-color: #4CAF50;
}

.friend-avatar.offline .status-indicator[b-qqgqk6vb3y] {
    background-color: #9e9e9e;
}

.friend-info[b-qqgqk6vb3y] {
    flex-grow: 1;
}

.friend-name[b-qqgqk6vb3y] {
    margin: 0;
    font-size: 18px;
}

.friend-status[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-size: 14px;
}

.online-status[b-qqgqk6vb3y] {
    color: #4CAF50;
}

.offline-status[b-qqgqk6vb3y] {
    color: #9e9e9e;
}

.friend-since[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-size: 12px;
    color: #757575;
}

.friend-actions[b-qqgqk6vb3y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.friends-list[b-qqgqk6vb3y] {
    margin-top: 20px;
}

.friends-empty[b-qqgqk6vb3y] {
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    color: #757575;
}

.friend-request-card[b-qqgqk6vb3y] {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #f9f9f9;
}

.friend-request-content[b-qqgqk6vb3y] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.friend-request-info[b-qqgqk6vb3y] {
    flex-grow: 1;
}

.friend-request-message[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-style: italic;
}

.friend-request-date[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-size: 12px;
    color: #757575;
}

.friend-request-actions[b-qqgqk6vb3y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Search and Filter Controls */
.friends-controls[b-qqgqk6vb3y] {
    margin: 20px 0;
    padding: 15px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider);
}

.search-bar[b-qqgqk6vb3y] {
    margin-bottom: 15px;
}



.filter-controls[b-qqgqk6vb3y] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 768px) {
    .filter-controls[b-qqgqk6vb3y] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-controls fluent-select[b-qqgqk6vb3y] {
        width: 100%;
    }
}.friends-clickable[b-qqgqk6vb3y] { cursor: pointer; }
/* _content/ADG.Website/Pages/Players/ItemDetails.razor.rz.scp.css */
.item-details-container[b-8toefaebxh] {
    min-height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    position: relative;
    margin: 20px 0;
}

.item-details-content[b-8toefaebxh] {
    background: rgba(0, 0, 0, 0.7);
    padding: 40px;
    border-radius: 8px;
    color: white;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item-details-header[b-8toefaebxh] {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.item-icon-container[b-8toefaebxh] {
    flex-shrink: 0;
}

.item-icon[b-8toefaebxh] {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.item-info[b-8toefaebxh] {
    flex: 1;
}

.item-name[b-8toefaebxh] {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.item-effect[b-8toefaebxh] {
    font-size: 1.2rem;
}

.item-effect-label[b-8toefaebxh] {
    font-weight: bold;
    margin-right: 10px;
}

.item-effect-text[b-8toefaebxh] {
    font-size: 1.1rem;
}

.damage-text[b-8toefaebxh] {
    color: #e74c3c;
    font-weight: bold;
}

.item-actions[b-8toefaebxh] {
    margin-top: 30px;
}

.back-button[b-8toefaebxh] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
}

.back-button:hover[b-8toefaebxh] {
    background-color: rgba(255, 255, 255, 0.2);
}

.item-details-notfound[b-8toefaebxh] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 40px;
}

.item-details-notfound-inner[b-8toefaebxh] {
    text-align: center;
    max-width: 500px;
}

.item-details-notfound-icon[b-8toefaebxh] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.item-details-notfound-title[b-8toefaebxh] {
    font-size: 2rem;
    margin-bottom: 20px;
    color: var(--error-color, #e74c3c);
}

.item-details-notfound-list[b-8toefaebxh] {
    text-align: left;
    margin: 20px 0;
    padding-left: 20px;
}

.item-details-notfound-list li[b-8toefaebxh] {
    margin-bottom: 10px;
}

.item-details-notfound-btn[b-8toefaebxh] {
    margin-top: 20px;
}
/* _content/ADG.Website/Pages/Players/Notifications.razor.rz.scp.css */
/* Updated single-column notifications layout */
.notifications-container[b-pjlcap97x7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

.notifications-header[b-pjlcap97x7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 1rem 0;
    border-bottom: 1px solid var(--neutral-stroke-divider, #404040);
    margin-bottom: 1rem;
}

.notifications-header h4[b-pjlcap97x7] {
    margin: 0;
}

.header-controls[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.notification-item[b-pjlcap97x7] {
    margin-bottom: 1rem;
    cursor: default;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
    border-radius: 8px;
    border: 2px solid transparent;
    position: relative;
}

.notification-item:hover[b-pjlcap97x7] {
    background-color: var(--neutral-layer-2, #242831);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-color: var(--neutral-stroke-divider, #404040);
}

.notification-item.unread[b-pjlcap97x7] {
    border-left: 4px solid var(--attention-fill-rest, #dc2626);
    background-color: var(--neutral-layer-2, #242831);
}

.notification-item.read[b-pjlcap97x7] {
    opacity: 0.8;
}

.notification-content-full[b-pjlcap97x7] {
    padding: 1rem;
}

.notification-header[b-pjlcap97x7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.notification-title-section[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.notification-title[b-pjlcap97x7] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-fill-rest, #3b82f6);
}

.notification-status[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.notification-time[b-pjlcap97x7] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-rest, #999);
}

.notification-icon[b-pjlcap97x7] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
}

.notification-image[b-pjlcap97x7] {
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.notification-message[b-pjlcap97x7] {
    margin-bottom: 1rem;
}

.notification-message p[b-pjlcap97x7] {
    line-height: 1.6;
    margin: 0;
    word-wrap: break-word;
}

.notification-actions[b-pjlcap97x7] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--neutral-stroke-divider, #404040);
}

.no-notifications[b-pjlcap97x7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
}

.no-notifications h4[b-pjlcap97x7] {
    margin: 1rem 0 0.5rem 0;
}

.no-notifications p[b-pjlcap97x7] {
    margin: 0;
}

.error-state[b-pjlcap97x7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
    background: var(--neutral-layer-1, #1a1d23);
}

.error-state p[b-pjlcap97x7] {
    margin: 0;
}

.auth-warning[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background-color: var(--attention-fill-rest, #b91c1c);
    color: var(--attention-foreground-rest, #fff);
    border-radius: 4px;
    margin: 1rem 0;
}

/* Enhanced dark theme with better contrast and darker colors */
:root[b-pjlcap97x7], [data-theme="dark"][b-pjlcap97x7] {
    --neutral-layer-1: #1a1d23;
    --neutral-layer-2: #242831;
    --neutral-layer-3: #2a2f3a;
    --neutral-stroke-divider: #404040;
    --neutral-foreground-rest: #ffffff;
    --accent-fill-rest: #3b82f6;
    --accent-foreground-rest: #ffffff;
    --attention-fill-rest: #dc2626;
    --attention-foreground-rest: #ffffff;
}

/* Mobile responsiveness for single-column layout */
@media (max-width: 700px) {
    .notifications-container[b-pjlcap97x7] {
        padding: 0.5rem;
        margin: 0;
    }

    .notifications-header[b-pjlcap97x7] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .header-controls[b-pjlcap97x7] {
        justify-content: space-between;
    }

    .notification-item[b-pjlcap97x7] {
        margin-bottom: 0.75rem;
    }

    .notification-header[b-pjlcap97x7] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }

    .notification-title-section[b-pjlcap97x7] {
        margin-bottom: 0.5rem;
    }

    .notification-status[b-pjlcap97x7] {
        justify-content: space-between;
    }

    .notification-actions[b-pjlcap97x7] {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerAchievementDetails.razor.rz.scp.css */
/* Achievement Details Page Styles */

.achievement-details-notfound[b-zgvnqcmdpb] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.achievement-details-notfound-inner[b-zgvnqcmdpb] {
    text-align: center;
    max-width: 500px;
}

.achievement-details-notfound-icon[b-zgvnqcmdpb] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.achievement-details-notfound-title[b-zgvnqcmdpb] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 1rem;
}

.achievement-details-notfound-list[b-zgvnqcmdpb] {
    text-align: left;
    margin: 1.5rem 0;
    padding-left: 1rem;
}

.achievement-details-notfound-list li[b-zgvnqcmdpb] {
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-hint);
}

.achievement-details-notfound-btn[b-zgvnqcmdpb] {
    margin-top: 1rem;
}

/* Achievement Details Header */
.achievement-details-header[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-left: 6px solid var(--neutral-stroke-rest);
}

.achievement-details-header.rarity-common[b-zgvnqcmdpb] {
    border-left-color: #888888;
}

.achievement-details-header.rarity-uncommon[b-zgvnqcmdpb] {
    border-left-color: #1eff00;
}

.achievement-details-header.rarity-rare[b-zgvnqcmdpb] {
    border-left-color: #0070f3;
}

.achievement-details-header.rarity-epic[b-zgvnqcmdpb] {
    border-left-color: #a335ee;
}

.achievement-details-header.rarity-legendary[b-zgvnqcmdpb] {
    border-left-color: #ff8000;
    box-shadow: 0 0 20px rgba(255, 128, 0, 0.1);
}

.achievement-details-header-inner[b-zgvnqcmdpb] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.achievement-large-icon[b-zgvnqcmdpb] {
    position: relative;
    flex-shrink: 0;
}

.achievement-large-icon-inner[b-zgvnqcmdpb] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--neutral-layer-2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.achievement-large-icon-inner.completed[b-zgvnqcmdpb] {
    background: linear-gradient(45deg, #FFD700, #FFA500);
}

.achievement-completed-badge[b-zgvnqcmdpb] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #FFD700;
    color: #000;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.achievement-details-info[b-zgvnqcmdpb] {
    flex: 1;
    min-width: 0;
}

.achievement-name[b-zgvnqcmdpb] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 2rem;
    font-weight: 700;
}

.achievement-description[b-zgvnqcmdpb] {
    margin: 0 0 1rem 0;
    color: var(--neutral-foreground-hint);
    font-size: 1.1rem;
    line-height: 1.4;
}

.achievement-meta[b-zgvnqcmdpb] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.achievement-rarity[b-zgvnqcmdpb] {
    padding: 0.25rem 0.75rem;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.achievement-rarity.rarity-common[b-zgvnqcmdpb] {
    background: rgba(136, 136, 136, 0.2);
    color: #888888;
}

.achievement-rarity.rarity-uncommon[b-zgvnqcmdpb] {
    background: rgba(30, 255, 0, 0.2);
    color: #1eff00;
}

.achievement-rarity.rarity-rare[b-zgvnqcmdpb] {
    background: rgba(0, 112, 243, 0.2);
    color: #0070f3;
}

.achievement-rarity.rarity-epic[b-zgvnqcmdpb] {
    background: rgba(163, 53, 238, 0.2);
    color: #a335ee;
}

.achievement-rarity.rarity-legendary[b-zgvnqcmdpb] {
    background: rgba(255, 128, 0, 0.2);
    color: #ff8000;
}

.achievement-completion[b-zgvnqcmdpb] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

/* Progress Section */
.achievement-progress-section[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievement-progress-section h2[b-zgvnqcmdpb] {
    margin: 0 0 1.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.5rem;
    font-weight: 600;
}

.achievement-steps-detailed[b-zgvnqcmdpb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.achievement-step-detailed[b-zgvnqcmdpb] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
    transition: all 0.2s ease;
}

.achievement-step-detailed.completed[b-zgvnqcmdpb] {
    border-color: var(--accent-stroke-control-default);
    background: rgba(var(--accent-fill-rest-rgb), 0.05);
}

.achievement-step-header[b-zgvnqcmdpb] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.achievement-step-icon[b-zgvnqcmdpb] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--neutral-layer-3);
}

.achievement-step-detailed.completed .achievement-step-icon[b-zgvnqcmdpb] {
    background: var(--accent-fill-rest);
    color: white;
}

.achievement-step-info[b-zgvnqcmdpb] {
    flex: 1;
    min-width: 0;
}

.achievement-step-name[b-zgvnqcmdpb] {
    margin: 0 0 0.25rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.1rem;
    font-weight: 600;
}

.achievement-step-description[b-zgvnqcmdpb] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.achievement-step-status[b-zgvnqcmdpb] {
    text-align: right;
    flex-shrink: 0;
}

.achievement-step-count[b-zgvnqcmdpb] {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.achievement-step-percentage[b-zgvnqcmdpb] {
    display: block;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.achievement-step-progress-bar[b-zgvnqcmdpb] {
    background: var(--neutral-stroke-divider);
    border-radius: 8px;
    height: 8px;
    overflow: hidden;
}

.achievement-step-progress-fill[b-zgvnqcmdpb] {
    background: var(--accent-fill-rest);
    height: 100%;
    border-radius: 8px;
    transition: width 0.3s ease;
}

.achievement-step-detailed.completed .achievement-step-progress-fill[b-zgvnqcmdpb] {
    background: var(--accent-fill-rest);
}

/* Rewards Section */
.achievement-rewards-section[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievement-rewards-section h2[b-zgvnqcmdpb] {
    margin: 0 0 1.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.5rem;
    font-weight: 600;
}

.achievement-rewards-grid[b-zgvnqcmdpb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.achievement-reward-card[b-zgvnqcmdpb] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    display: flex;
    gap: 1rem;
    align-items: center;
}

.achievement-reward-icon[b-zgvnqcmdpb] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.achievement-reward-info[b-zgvnqcmdpb] {
    flex: 1;
    min-width: 0;
}

.achievement-reward-name[b-zgvnqcmdpb] {
    display: block;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    font-size: 1rem;
}

.achievement-reward-type[b-zgvnqcmdpb] {
    display: block;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Stats Section */
.achievement-stats-section[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievement-stats-section h2[b-zgvnqcmdpb] {
    margin: 0 0 1.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.5rem;
    font-weight: 600;
}

.achievement-stats-grid[b-zgvnqcmdpb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.achievement-stat[b-zgvnqcmdpb] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.achievement-stat-label[b-zgvnqcmdpb] {
    font-weight: 500;
    color: var(--neutral-foreground-hint);
}

.achievement-stat-value[b-zgvnqcmdpb] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

/* Responsive Design */
@media (max-width: 768px) {
    .achievement-details-header-inner[b-zgvnqcmdpb] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .achievement-meta[b-zgvnqcmdpb] {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .achievement-step-header[b-zgvnqcmdpb] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .achievement-step-status[b-zgvnqcmdpb] {
        text-align: left;
    }
    
    .achievement-rewards-grid[b-zgvnqcmdpb] {
        grid-template-columns: 1fr;
    }
    
    .achievement-stats-grid[b-zgvnqcmdpb] {
        grid-template-columns: 1fr;
    }
    
    .achievement-stat[b-zgvnqcmdpb] {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerAchievements.razor.rz.scp.css */
/* Player Achievements Page Styles */

.player-achievements-notfound[b-m1via55kh9] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.player-achievements-notfound-inner[b-m1via55kh9] {
    text-align: center;
    max-width: 500px;
}

.player-achievements-notfound-icon[b-m1via55kh9] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.player-achievements-notfound-title[b-m1via55kh9] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 1rem;
}

.player-achievements-notfound-list[b-m1via55kh9] {
    text-align: left;
    margin: 1.5rem 0;
    padding-left: 1rem;
}

.player-achievements-notfound-list li[b-m1via55kh9] {
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-hint);
}

.player-achievements-notfound-btn[b-m1via55kh9] {
    margin-top: 1rem;
}

/* Header */
.player-achievements-header[b-m1via55kh9] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.player-achievements-header-inner h1[b-m1via55kh9] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.player-achievements-description[b-m1via55kh9] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    max-width: 600px;
}

/* Controls */
.player-achievements-controls[b-m1via55kh9] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievements-filters-group[b-m1via55kh9] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.achievements-sort-select[b-m1via55kh9] {
    min-width: 200px;
}

.achievements-filter-checkbox[b-m1via55kh9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

/* Achievement Grid */
.player-achievements-grid[b-m1via55kh9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Achievement Card */
.achievement-card[b-m1via55kh9] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-left: 4px solid var(--neutral-stroke-rest);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    gap: 1rem;
}

.achievement-card:hover[b-m1via55kh9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--accent-stroke-control-default);
}

/* Rarity colors */
.achievement-card.rarity-common[b-m1via55kh9] {
    border-left-color: #888888;
}

.achievement-card.rarity-uncommon[b-m1via55kh9] {
    border-left-color: #1eff00;
}

.achievement-card.rarity-rare[b-m1via55kh9] {
    border-left-color: #0070f3;
}

.achievement-card.rarity-epic[b-m1via55kh9] {
    border-left-color: #a335ee;
}

.achievement-card.rarity-legendary[b-m1via55kh9] {
    border-left-color: #ff8000;
    box-shadow: 0 0 10px rgba(255, 128, 0, 0.1);
}

/* Achievement Icon */
.achievement-icon[b-m1via55kh9] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: var(--neutral-layer-2);
    border-radius: 50%;
    flex-shrink: 0;
}

.achievement-completed-badge[b-m1via55kh9] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
}

/* Achievement Info */
.achievement-info[b-m1via55kh9] {
    flex: 1;
    min-width: 0;
}

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

.achievement-name[b-m1via55kh9] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    font-size: 1.1rem;
}

.achievement-percentage[b-m1via55kh9] {
    font-weight: 600;
    color: var(--accent-foreground-rest);
    font-size: 1rem;
}

.achievement-description[b-m1via55kh9] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

/* Progress Steps */
.achievement-steps[b-m1via55kh9] {
    margin: 1rem 0;
}

.achievement-step[b-m1via55kh9] {
    margin-bottom: 0.75rem;
}

.achievement-step:last-child[b-m1via55kh9] {
    margin-bottom: 0;
}

.achievement-step-header[b-m1via55kh9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.achievement-step-name[b-m1via55kh9] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-rest);
    font-weight: 500;
}

.achievement-step-percentage[b-m1via55kh9] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.achievement-step-progress[b-m1via55kh9] {
    background: var(--neutral-stroke-divider);
    border-radius: 4px;
    height: 6px;
    margin-bottom: 0.25rem;
    overflow: hidden;
}

.achievement-step-progress-bar[b-m1via55kh9] {
    background: var(--accent-fill-rest);
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.achievement-step-count[b-m1via55kh9] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

/* Rewards */
.achievement-rewards[b-m1via55kh9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.achievement-reward[b-m1via55kh9] {
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* No achievements message */
.no-achievements-message[b-m1via55kh9] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--neutral-foreground-hint);
}

.no-achievements-icon[b-m1via55kh9] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.no-achievements-message h3[b-m1via55kh9] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.no-achievements-message p[b-m1via55kh9] {
    margin: 0 0 1rem 0;
}

.clear-filters-btn[b-m1via55kh9] {
    margin-top: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .player-achievements-header[b-m1via55kh9] {
        padding: 1.5rem;
    }
    
    .achievements-filters-group[b-m1via55kh9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .achievements-sort-select[b-m1via55kh9] {
        min-width: auto;
        width: 100%;
    }
    
    .achievement-card[b-m1via55kh9] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .achievement-icon[b-m1via55kh9] {
        align-self: center;
    }
    
    .achievement-header[b-m1via55kh9] {
        flex-direction: column;
        gap: 0.25rem;
        text-align: center;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerCharacters.razor.rz.scp.css */
.player-characters-header[b-wuismkczk1] {
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.player-characters-header-content h1[b-wuismkczk1] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    font-weight: 600;
}

.player-characters-subtitle[b-wuismkczk1] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.player-characters-controls[b-wuismkczk1] {
    margin-bottom: 2rem;
}

.search-filter-row[b-wuismkczk1] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: end;
}

.character-search-input[b-wuismkczk1] {
    flex: 1;
    min-width: 250px;
}

.character-class-filter[b-wuismkczk1],
.character-level-filter[b-wuismkczk1] {
    min-width: 150px;
}

.player-characters-grid[b-wuismkczk1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.player-character-card[b-wuismkczk1] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.player-character-card:hover[b-wuismkczk1] {
    background: var(--neutral-layer-3);
    border-color: var(--neutral-stroke-control-default);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.player-character-portrait[b-wuismkczk1] {
    color: var(--accent-foreground-rest);
    flex-shrink: 0;
}

.player-character-info[b-wuismkczk1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.player-character-name[b-wuismkczk1] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--neutral-foreground-rest);
}

.player-character-class[b-wuismkczk1] {
    font-weight: 500;
    color: var(--accent-foreground-rest);
}

.player-character-level[b-wuismkczk1] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.player-character-role[b-wuismkczk1] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.no-characters-found[b-wuismkczk1] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 1rem;
    color: var(--neutral-foreground-hint);
}

.no-characters-found fluent-icon[b-wuismkczk1] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.no-characters-found h3[b-wuismkczk1] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.no-characters-found p[b-wuismkczk1] {
    margin: 0 0 1rem 0;
}

@media (max-width: 768px) {
    .search-filter-row[b-wuismkczk1] {
        flex-direction: column;
    }

    .character-search-input[b-wuismkczk1],
    .character-class-filter[b-wuismkczk1],
    .character-level-filter[b-wuismkczk1] {
        width: 100%;
        min-width: unset;
    }

    .player-characters-grid[b-wuismkczk1] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .player-character-card[b-wuismkczk1] {
        padding: 1rem;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerDetails.razor.rz.scp.css */
.player-details-container[b-sxre5evu0e] {
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
}

.player-details-header[b-sxre5evu0e] {
    display: flex;
    background: #23272a;
    border-radius: 12px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    margin-bottom: 20px;
}

.player-details-header-inner[b-sxre5evu0e] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px;
    background: #23272a;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    flex-wrap: wrap;
    position: relative;
}

.player-details-edit-profile[b-sxre5evu0e] {
    position: absolute;
    top: 20px;
    right: 20px;
}

.player-details-avatar[b-sxre5evu0e] {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #0078d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    position: relative;
}

.avatar-edit-btn[b-sxre5evu0e] {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    background: #0078d4 !important;
    border: 2px solid #23272a !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

.player-avatar-img[b-sxre5evu0e] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.player-details-header-info[b-sxre5evu0e] {
    flex: 1;
    min-width: 200px;
}

.player-details-header-info h1[b-sxre5evu0e] {
    margin: 0 0 10px 0;
    color: #4fc3f7;
    font-size: clamp(20px, 4vw, 28px);
}

.player-details-header-info p[b-sxre5evu0e] {
    margin: 0;
    color: #b0b0b0;
    font-size: 16px;
}

.status-container[b-sxre5evu0e] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.status-container p[b-sxre5evu0e] {
    margin: 0;
    flex: 1;
}

.status-container fluent-button[b-sxre5evu0e] {
    opacity: 0.7;
    transition: opacity 0.2s;
    min-width: 20px !important;
    min-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
}

.status-container fluent-button:hover[b-sxre5evu0e] {
    opacity: 1;
}


.player-details-info[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-info-flat[b-sxre5evu0e] {
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}

.player-details-info h3[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 20px;
}

.player-details-info-grid[b-sxre5evu0e] {
    display: grid;
    gap: 18px;
}

.player-details-info-row[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.player-details-info-row:last-child[b-sxre5evu0e] {
    border-bottom: none;
}

.player-details-info-label[b-sxre5evu0e] {
    font-weight: 600;
    color: #b0b0b0;
}

.player-details-info-value[b-sxre5evu0e] {
    font-family: monospace;
    color: #90caf9;
}

.player-details-info-hint[b-sxre5evu0e] {
    color: #888;
}

.player-details-actions[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-actions-flat[b-sxre5evu0e] {
    border-radius: 0 0 12px 12px;
    margin-top: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-actions h3[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 20px;
}

.player-details-actions-grid[b-sxre5evu0e] {
    display: flex;
    gap: 16px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.player-details-actions-grid .fluent-button[b-sxre5evu0e] {
    min-height: 64px;
    padding: 24px 0;
    font-size: 18px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    transition: background 0.2s, box-shadow 0.2s;
}

/* Round icon button styling */
.round-icon-button[b-sxre5evu0e] {
    min-height: 48px !important;
    min-width: 48px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.2s ease !important;
}

.round-icon-button:hover[b-sxre5evu0e] {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

/* Friend status specific styling */
.round-icon-button.pending[b-sxre5evu0e] {
    background-color: #6c757d !important;
    color: white !important;
}

.round-icon-button.friend[b-sxre5evu0e] {
    background-color: #28a745 !important;
    color: white !important;
}

/* Mobile responsiveness for round buttons */
@media (max-width: 768px) {
    .player-details-actions-grid[b-sxre5evu0e] {
        gap: 12px;
        justify-content: center;
    }
    
    .round-icon-button[b-sxre5evu0e] {
        min-height: 44px !important;
        min-width: 44px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
    }
}

.player-details-actions-grid .fluent-button:hover[b-sxre5evu0e] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

.player-details-loading[b-sxre5evu0e] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
}

.player-details-loading-inner[b-sxre5evu0e] {
    text-align: center;
    padding: 60px 20px;
}

/* Items Section */
.player-inventory-section[b-sxre5evu0e] {
    background: #1a1d20;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-inventory-header[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.player-inventory-section h2[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 24px;
}

.clickable-title[b-sxre5evu0e] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-sxre5evu0e] {
    color: #0078d4;
}

.see-all-items-btn[b-sxre5evu0e] {
    flex-shrink: 0;
}

.see-more-items-card[b-sxre5evu0e] {
    background: #2a2f33;
    border: 2px dashed #4a5057;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.see-more-items-card:hover[b-sxre5evu0e] {
    border-color: #0078d4;
    background: #2d3238;
    transform: translateY(-2px);
}

.see-more-content[b-sxre5evu0e] {
    text-align: center;
    color: #a0a0a0;
}

.see-more-icon[b-sxre5evu0e] {
    font-size: 24px;
    display: block;
    margin-bottom: 8px;
}

.see-more-text[b-sxre5evu0e] {
    font-size: 14px;
    font-weight: 500;
}

.player-inventory-controls[b-sxre5evu0e] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.player-inventory-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 20px;
}

.player-item-card[b-sxre5evu0e] {
    background: #2a2f33;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.player-item-card:hover[b-sxre5evu0e] {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.player-item-image[b-sxre5evu0e] {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: #333;
}

.player-item-info[b-sxre5evu0e] {
    padding: 12px;
}

.player-item-name[b-sxre5evu0e] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 15px;
    color: #e0e0e0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-item-type[b-sxre5evu0e] {
    display: block;
    font-size: 12px;
    color: #a0a0a0;
    font-style: italic;
    margin-bottom: 4px;
}

.player-item-rarity[b-sxre5evu0e] {
    display: block;
    font-size: 13px;
    color: #90caf9;
    margin-bottom: 4px;
}

.player-item-quantity[b-sxre5evu0e] {
    display: block;
    font-size: 12px;
    color: #888;
}

/* Characters Section */
.player-characters-section[b-sxre5evu0e] {
    background: #1a1d20;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-characters-section h2[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
}

.clickable-title[b-sxre5evu0e] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-sxre5evu0e] {
    color: #4fc3f7;
}

.see-all-characters-btn[b-sxre5evu0e] {
    grid-column: 1 / -1;
    margin-top: 10px;
}

.player-characters-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.player-character-card[b-sxre5evu0e] {
    background: #2a2f33;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}

.player-character-card:hover[b-sxre5evu0e] {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.player-character-portrait[b-sxre5evu0e] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0078d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}

.player-character-info[b-sxre5evu0e] {
    flex: 1;
}

.player-character-name[b-sxre5evu0e] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    color: #e0e0e0;
}

.player-character-role[b-sxre5evu0e] {
    display: block;
    font-size: 14px;
    color: #888;
}

/* Friends Section */
.player-friends-section[b-sxre5evu0e] {
    background: #1a1d20;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.no-friends-message[b-sxre5evu0e] {
    text-align: center;
    color: #b0b0b0;
    padding: 20px;
}

.no-friends-message p[b-sxre5evu0e] {
    margin: 0 0 15px 0;
    font-size: 1rem;
}

.player-friends-section h2[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
}

.player-friends-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 20px;
    align-items: start;
}

.player-friend-thumbnail[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s;
}

.player-friend-thumbnail:hover[b-sxre5evu0e] {
    transform: translateY(-5px);
}

.player-friend-img[b-sxre5evu0e] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.player-friend-avatar[b-sxre5evu0e] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0078d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.player-friend-name[b-sxre5evu0e] {
    font-size: 14px;
    color: #e0e0e0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.see-all-friends-btn[b-sxre5evu0e] {
    grid-column: 1 / -1;
    margin-top: 10px;
}

/* Admin Panel Styles */
.player-admin-section[b-sxre5evu0e] {
    background: #2c2f33;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    border: 2px solid #e74c3c;
}

.player-admin-section h2[b-sxre5evu0e] {
    color: #e74c3c;
    margin-bottom: 15px;
    font-size: 1.5em;
}

.admin-status-notice[b-sxre5evu0e] {
    margin-bottom: 20px;
}

.admin-panel-content[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 8px;
    padding: 20px;
}

.ban-form h3[b-sxre5evu0e] {
    color: #ffffff;
    margin-bottom: 15px;
    font-size: 1.2em;
}

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

.form-row[b-sxre5evu0e] {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.form-group label[b-sxre5evu0e] {
    color: #e0e0e0;
    margin-bottom: 5px;
    display: block;
}

/* Ensure form elements have proper styling in dark theme */
.player-admin-section fluent-text-field[b-sxre5evu0e],
.player-admin-section fluent-number-field[b-sxre5evu0e] {
    background: #1e2124;
    border: 1px solid #484c52;
    color: #e0e0e0;
}

.player-admin-section fluent-text-field[b-sxre5evu0e]::part(control),
.player-admin-section fluent-number-field[b-sxre5evu0e]::part(control) {
    background: #1e2124;
    border: 1px solid #484c52;
    color: #e0e0e0;
}

/* Posts Section Styles */
.player-posts-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.player-posts-header[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.player-posts-header h2[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 1.5rem;
    cursor: pointer;
    transition: color 0.2s ease;
}

.player-posts-header h2:hover[b-sxre5evu0e] {
    color: #0078d4;
}

.see-all-posts-btn[b-sxre5evu0e] {
    background: #0078d4;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.see-all-posts-btn:hover[b-sxre5evu0e] {
    background: #106ebe;
}

.player-latest-post[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
}

.latest-post-card[b-sxre5evu0e] {
    display: flex;
    gap: 15px;
    background: #1e2124;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    border: 1px solid #484c52;
}

.latest-post-card:hover[b-sxre5evu0e] {
    background: #2c2f33;
    transform: translateY(-1px);
}

.latest-post-image[b-sxre5evu0e] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.latest-post-info[b-sxre5evu0e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.latest-post-title[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
}

.latest-post-timestamp[b-sxre5evu0e] {
    margin: 0;
    color: #b0b3b8;
    font-size: 0.9rem;
}

.clickable-title[b-sxre5evu0e] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-sxre5evu0e] {
    color: #0078d4;
}

/* Player Achievements Section */
.player-achievements-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.player-achievements-header[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.player-achievements-header h2[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 1.4rem;
    font-weight: 600;
}

.see-all-achievements-btn[b-sxre5evu0e] {
    background: #404040;
    color: #e0e0e0;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.see-all-achievements-btn:hover[b-sxre5evu0e] {
    background: #4a4a4a;
}

.player-achievements-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.player-achievement-card[b-sxre5evu0e] {
    background: #2a2d30;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
    position: relative;
}

.player-achievement-card:hover[b-sxre5evu0e] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Achievement rarity borders */
.player-achievement-card.rarity-common[b-sxre5evu0e] {
    border-color: #888888;
}

.player-achievement-card.rarity-uncommon[b-sxre5evu0e] {
    border-color: #1eff00;
}

.player-achievement-card.rarity-rare[b-sxre5evu0e] {
    border-color: #0070f3;
}

.player-achievement-card.rarity-epic[b-sxre5evu0e] {
    border-color: #a335ee;
}

.player-achievement-card.rarity-legendary[b-sxre5evu0e] {
    border-color: #ff8000;
    box-shadow: 0 0 10px rgba(255, 128, 0, 0.2);
}

.player-achievement-icon[b-sxre5evu0e] {
    position: relative;
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
}

.achievement-progress-ring[b-sxre5evu0e] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #404040;
    position: relative;
}

.achievement-completed-overlay[b-sxre5evu0e] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #FFD700;
    color: #000;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: bold;
}


/* Quests Section Styles */
.player-quests-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.player-quests-header[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.player-quests-header h2[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 1.4rem;
    font-weight: 600;
}

.see-all-quests-btn[b-sxre5evu0e] {
    background: #404040;
    color: #e0e0e0;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.see-all-quests-btn:hover[b-sxre5evu0e] {
    background: #4a4a4a;
}

.player-quests-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.player-quest-card[b-sxre5evu0e] {
    background: #2f3136;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
    position: relative;
}

.player-quest-card:hover[b-sxre5evu0e] {
    transform: translateY(-2px);
    background: #36393f;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.player-quest-card.quest-completed[b-sxre5evu0e] {
    border-color: #28a745;
}

.player-quest-card.quest-active[b-sxre5evu0e] {
    border-color: #007bff;
}

.player-quest-card.quest-failed[b-sxre5evu0e] {
    border-color: #dc3545;
}

.player-quest-card.quest-abandoned[b-sxre5evu0e] {
    border-color: #ffc107;
}

.player-quest-icon[b-sxre5evu0e] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.quest-progress-ring[b-sxre5evu0e] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.quest-icon-img[b-sxre5evu0e] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.quest-completed-overlay[b-sxre5evu0e] {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #28a745;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
}

.player-quest-info[b-sxre5evu0e] {
    text-align: center;
}

.player-quest-name[b-sxre5evu0e] {
    display: block;
    color: #e0e0e0;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 4px;
    line-height: 1.2;
}

.player-quest-progress[b-sxre5evu0e] {
    display: block;
    color: #b0b3b8;
    font-size: 0.8rem;
    margin-bottom: 2px;
}

.player-quest-status[b-sxre5evu0e] {
    display: block;
    color: #b0b3b8;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.no-quests-placeholder[b-sxre5evu0e] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #b0b3b8;
}

.no-quests-icon[b-sxre5evu0e] {
    font-size: 3rem;
    margin-bottom: 10px;
}

.no-quests-placeholder span[b-sxre5evu0e] {
    font-size: 1.1rem;
}


/* Pets Section Styles */
.player-pets-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.player-pets-section h2[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.player-pets-section h2:hover[b-sxre5evu0e] {
    color: #0078d4;
}

.player-pets-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
    align-items: start;
}

.player-pet-card[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #2c2f33;
    padding: 15px;
    border-radius: 8px;
    border: 2px solid transparent;
}

.player-pet-card:hover[b-sxre5evu0e] {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
    border-color: #0078d4;
}

.player-pet-portrait[b-sxre5evu0e] {
    margin-bottom: 10px;
}

.player-pet-img[b-sxre5evu0e] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border: 2px solid #0078d4;
}

.player-pet-info[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.player-achievement-info[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.player-achievement-name[b-sxre5evu0e] {
    color: #e0e0e0;
    font-size: 0.9rem;
    font-weight: 500;
}

.player-achievement-progress[b-sxre5evu0e] {
    color: #b0b3b8;
    font-size: 0.8rem;
}

.no-achievements-placeholder[b-sxre5evu0e] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #b0b3b8;
}

.no-achievements-icon[b-sxre5evu0e] {
    font-size: 3rem;
    margin-bottom: 10px;
}

.no-achievements-placeholder span[b-sxre5evu0e] {
    font-size: 1.1rem;
}

.player-pet-name[b-sxre5evu0e] {
    font-size: 14px;
    color: #e0e0e0;
    font-weight: 600;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-pet-species[b-sxre5evu0e] {
    font-size: 12px;
    color: #b0b0b0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.see-all-pets-btn[b-sxre5evu0e] {
    grid-column: 1 / -1;
    margin-top: 10px;
    background: #0078d4;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.see-all-pets-btn:hover[b-sxre5evu0e] {
    background: #106ebe;
}

/* Section Icons */
.section-icon[b-sxre5evu0e] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
}

/* Reputation Section */
.player-reputation-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-reputation-section h2[b-sxre5evu0e] {
    color: #ffffff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Birthday Section */
.player-birthday-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.birthday-wishes-btn[b-sxre5evu0e] {
    font-size: 0.9rem !important;
    padding: 8px 16px !important;
    min-height: 32px !important;
}

.player-birthday-section h2[b-sxre5evu0e] {
    color: #ffffff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.birthday-section-content[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.birthday-message[b-sxre5evu0e] {
    font-size: 1.2em;
    font-weight: 600;
    color: #ff6b35;
    text-align: center;
    padding: 15px;
    background: rgba(255, 107, 53, 0.1);
    border-radius: 8px;
}

.playerdetails-error-badge[b-sxre5evu0e] { background: #e74c3c; color: white; }
.playerdetails-full-width-margin-xs[b-sxre5evu0e] { width: 100%; margin-bottom: 10px; }
.playerdetails-flex-grow[b-sxre5evu0e] { flex: 1; }
.playerdetails-margin-top-lg[b-sxre5evu0e] { margin-top: 20px; }

/* Welcome Message Styles */
.welcome-message-container[b-sxre5evu0e] {
    margin-bottom: 20px;
    padding: 20px;
    background: linear-gradient(135deg, rgba(0, 120, 212, 0.1), rgba(255, 165, 0, 0.1));
    text-align: center;
}

.welcome-message[b-sxre5evu0e] {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Clickable Reputation Styles */
.clickable-reputation[b-sxre5evu0e] {
    transition: color 0.2s ease;
}

.clickable-reputation:hover[b-sxre5evu0e] {
    color: #f39c12 !important;
}

/* Reputation History Section Styles */
.player-reputation-history-section[b-sxre5evu0e] {
    margin: 30px 0;
    padding: 25px;
    background: #23272a;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-reputation-history-section h2[b-sxre5evu0e] {
    color: #e0e0e0;
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.player-reputation-history-section .mud-chart[b-sxre5evu0e] {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 15px;
}
/* _content/ADG.Website/Pages/Players/PlayerDetailsEdit.razor.rz.scp.css */
.edit-profile-container[b-8m1m84dnrm] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.edit-profile-header[b-8m1m84dnrm] {
    text-align: center;
    margin-bottom: 40px;
}

.edit-profile-header h1[b-8m1m84dnrm] {
    font-size: 2.5em;
    margin-bottom: 10px;
    color: var(--accent-fill-rest);
}

.edit-profile-subtitle[b-8m1m84dnrm] {
    font-size: 1.1em;
    color: var(--neutral-foreground-hint);
    margin: 0;
}

.edit-section[b-8m1m84dnrm] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    border: 1px solid var(--neutral-stroke-rest);
}

.edit-section-header[b-8m1m84dnrm] {
    margin-bottom: 20px;
}

.edit-section-header h2[b-8m1m84dnrm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.3em;
    margin-bottom: 8px;
    color: var(--neutral-foreground-rest);
}

.edit-section-description[b-8m1m84dnrm] {
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-size: 0.9em;
}

.edit-section-content[b-8m1m84dnrm] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.current-info[b-8m1m84dnrm],
.current-background-info[b-8m1m84dnrm] {
    flex: 1;
    min-width: 200px;
}

.current-value[b-8m1m84dnrm] {
    display: block;
    margin-top: 5px;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    font-style: italic;
    color: var(--neutral-foreground-hint);
    word-wrap: break-word;
}

.current-avatar-preview[b-8m1m84dnrm] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--neutral-stroke-rest);
    flex-shrink: 0;
}

.current-avatar-img[b-8m1m84dnrm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.current-avatar-placeholder[b-8m1m84dnrm] {
    width: 100%;
    height: 100%;
    background: var(--accent-fill-rest);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    font-weight: bold;
}

.edit-profile-footer[b-8m1m84dnrm] {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

@media (max-width: 768px) {
    .edit-profile-container[b-8m1m84dnrm] {
        margin: 16px;
        padding: 16px;
    }

    .edit-section-content[b-8m1m84dnrm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .current-avatar-preview[b-8m1m84dnrm] {
        align-self: center;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerEditAvatar.razor.rz.scp.css */
/* Inline CSS migration classes */
.playereditavatar-margin-bottom-md[b-oapm8vw7an] { margin-bottom: 12px; }
/* _content/ADG.Website/Pages/Players/PlayerEditBackground.razor.rz.scp.css */
/* Inline CSS migration classes */
/* _content/ADG.Website/Pages/Players/PlayerEditBio.razor.rz.scp.css */

/* Inline CSS migration classes */
.playereditbio-full-width[b-54esq573b4] { width: 100%; }


.edit-container[b-54esq573b4] {
    max-width: 600px;
    margin: 0 auto;
    padding: 24px;
    background: var(--neutral-layer-1);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-rest);
}

.edit-header[b-54esq573b4] {
    text-align: center;
    margin-bottom: 32px;
}

.edit-header h1[b-54esq573b4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 2em;
    margin: 16px 0 8px 0;
    color: var(--accent-fill-rest);
}

.edit-subtitle[b-54esq573b4] {
    color: #e6e7da;
    margin: 0;
    font-size: 1.1em;
}

.edit-content[b-54esq573b4] {
    margin-bottom: 32px;
}

.current-info[b-54esq573b4] {
    margin-bottom: 24px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.current-info label[b-54esq573b4] {
    display: block;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin-bottom: 8px;
}

.current-value[b-54esq573b4] {
    display: block;
    padding: 8px 12px;
    background: var(--neutral-layer-3);
    border-radius: 4px;
    color: var(--neutral-foreground-rest);
    font-style: italic;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.form-group[b-54esq573b4] {
    margin-bottom: 24px;
}

.help-text[b-54esq573b4] {
    margin-top: 12px;
    font-size: 0.9em;
    color: var(--neutral-foreground-hint);
}

.help-text ul[b-54esq573b4] {
    margin: 8px 0 0 16px;
    padding: 0;
}

.help-text li[b-54esq573b4] {
    margin: 4px 0;
}

.character-count[b-54esq573b4] {
    margin-top: 8px;
    text-align: right;
    font-size: 0.8em;
}

.char-count-normal[b-54esq573b4] {
    color: var(--neutral-foreground-hint);
}

.char-count-warning[b-54esq573b4] {
    color: #ff9800;
    font-weight: 600;
}

.char-count-error[b-54esq573b4] {
    color: #f44336;
    font-weight: 600;
}

.error-message[b-54esq573b4], .success-message[b-54esq573b4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 6px;
    margin: 16px 0;
}

.error-message[b-54esq573b4] {
    background: rgba(244, 67, 54, 0.1);
    color: var(--error-foreground-rest);
    border: 1px solid rgba(244, 67, 54, 0.3);
}

.success-message[b-54esq573b4] {
    background: rgba(76, 175, 80, 0.1);
    color: var(--success-foreground-rest);
    border: 1px solid rgba(76, 175, 80, 0.3);
}

.edit-footer[b-54esq573b4] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 24px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

@media (max-width: 768px) {
    .edit-container[b-54esq573b4] {
        margin: 16px;
        padding: 16px;
    }

    .edit-footer[b-54esq573b4] {
        flex-direction: column;
    }
}

/* _content/ADG.Website/Pages/Players/PlayerEditName.razor.rz.scp.css */
/* Inline CSS migration classes */
.playereditname-constrained-width[b-kyvft22i02] { width: 100%; max-width: 400px; }
/* _content/ADG.Website/Pages/Players/PlayerInventory.razor.rz.scp.css */
/* Player Items Page Styles */

.player-inventory-notfound[b-tp0e7o81r2] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 2rem;
}

.player-inventory-notfound-inner[b-tp0e7o81r2] {
    text-align: center;
    max-width: 500px;
}

.player-inventory-notfound-icon[b-tp0e7o81r2] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    opacity: 0.7;
}

.player-inventory-notfound-title[b-tp0e7o81r2] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.player-inventory-notfound-list[b-tp0e7o81r2] {
    text-align: left;
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    color: var(--neutral-foreground-hint);
}

.player-inventory-notfound-list li[b-tp0e7o81r2] {
    margin-bottom: 0.5rem;
}

.player-inventory-notfound-btn[b-tp0e7o81r2] {
    margin-top: 1rem;
}

/* Player Items Header */
.player-inventory-header[b-tp0e7o81r2] {
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.player-inventory-header-inner h1[b-tp0e7o81r2] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 2rem;
    font-weight: 600;
}

.player-inventory-description[b-tp0e7o81r2] {
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-size: 1rem;
}

/* Items Controls */
.player-inventory-controls[b-tp0e7o81r2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

@media (min-width: 768px) {
    .player-inventory-controls[b-tp0e7o81r2] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.items-search-group[b-tp0e7o81r2] {
    flex: 1;
    min-width: 0;
}

.items-search-field[b-tp0e7o81r2] {
    width: 100%;
    max-width: 400px;
}

.items-filter-group[b-tp0e7o81r2] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.items-filter-select[b-tp0e7o81r2] {
    min-width: 150px;
}

/* Items Count */
.player-inventory-count[b-tp0e7o81r2] {
    margin-bottom: 1rem;
    padding: 0.5rem 0;
}

.items-count-text[b-tp0e7o81r2] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

/* Items Grid */
.player-inventory-grid[b-tp0e7o81r2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .player-inventory-grid[b-tp0e7o81r2] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 1.5rem;
    }
}

/* Item Cards */
.player-item-card[b-tp0e7o81r2] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.player-item-card:hover[b-tp0e7o81r2] {
    border-color: var(--accent-fill-rest);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.player-item-image[b-tp0e7o81r2] {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    margin-bottom: 0.75rem;
    object-fit: cover;
}

.player-item-info[b-tp0e7o81r2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.player-item-name[b-tp0e7o81r2] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.player-item-type[b-tp0e7o81r2] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

.player-item-rarity[b-tp0e7o81r2] {
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.player-item-rarity:contains("Common")[b-tp0e7o81r2] {
    background: #f3f4f6;
    color: #6b7280;
}

.player-item-rarity:contains("Rare")[b-tp0e7o81r2] {
    background: #dbeafe;
    color: #1d4ed8;
}

.player-item-rarity:contains("Epic")[b-tp0e7o81r2] {
    background: #f3e8ff;
    color: #7c3aed;
}

.player-item-rarity:contains("Legendary")[b-tp0e7o81r2] {
    background: #fef3c7;
    color: #d97706;
}

.player-item-quantity[b-tp0e7o81r2] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    font-weight: 500;
}

/* No Items Message */
.no-items-message[b-tp0e7o81r2] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 1rem;
    color: var(--neutral-foreground-hint);
}

.no-items-icon[b-tp0e7o81r2] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.7;
}

.no-items-message h3[b-tp0e7o81r2] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.25rem;
}

.no-items-message p[b-tp0e7o81r2] {
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
}

.clear-filters-btn[b-tp0e7o81r2] {
    margin-top: 1rem;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .player-inventory-header[b-tp0e7o81r2] {
        padding: 1rem 0;
    }
    
    .player-inventory-header-inner h1[b-tp0e7o81r2] {
        font-size: 1.5rem;
    }
    
    .player-inventory-controls[b-tp0e7o81r2] {
        padding: 1rem;
    }
    
    .items-filter-group[b-tp0e7o81r2] {
        flex-direction: column;
    }
    
    .items-filter-select[b-tp0e7o81r2] {
        min-width: 100%;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerPetDetails.razor.rz.scp.css */
.pet-details-container[b-jgy8a1gis6] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
}

.pet-details-content[b-jgy8a1gis6] {
    background: #23272a;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.pet-details-header[b-jgy8a1gis6] {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 40px;
    background: linear-gradient(135deg, #23272a 0%, #2c3136 100%);
    border-bottom: 1px solid #3a3f46;
}

.pet-image-container[b-jgy8a1gis6] {
    flex-shrink: 0;
}

.pet-image[b-jgy8a1gis6] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    border: 3px solid #0078d4;
}

.pet-info[b-jgy8a1gis6] {
    flex: 1;
}

.pet-name[b-jgy8a1gis6] {
    color: #e0e0e0;
    margin: 0 0 20px 0;
    font-size: 2.5rem;
    font-weight: bold;
}

.pet-metadata[b-jgy8a1gis6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pet-species[b-jgy8a1gis6], .pet-type[b-jgy8a1gis6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pet-label[b-jgy8a1gis6] {
    color: #b0b0b0;
    font-weight: 500;
    min-width: 60px;
}

.pet-value[b-jgy8a1gis6] {
    color: #e0e0e0;
    font-weight: 600;
}

.pet-badge[b-jgy8a1gis6] {
    background: #0078d4;
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.9rem;
}

.pet-details-body[b-jgy8a1gis6] {
    padding: 30px 40px;
}

.pet-description-section[b-jgy8a1gis6],
.pet-stats-section[b-jgy8a1gis6],
.pet-abilities-section[b-jgy8a1gis6] {
    margin-bottom: 30px;
}

.pet-description-section h2[b-jgy8a1gis6],
.pet-stats-section h2[b-jgy8a1gis6],
.pet-abilities-section h2[b-jgy8a1gis6] {
    color: #e0e0e0;
    margin: 0 0 15px 0;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 2px solid #0078d4;
    padding-bottom: 8px;
}

.pet-description[b-jgy8a1gis6] {
    color: #d0d0d0;
    line-height: 1.6;
    font-size: 1.1rem;
    margin: 0;
}

.pet-stats-grid[b-jgy8a1gis6] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pet-stat[b-jgy8a1gis6] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pet-stat-label[b-jgy8a1gis6] {
    color: #b0b0b0;
    font-weight: 500;
    min-width: 80px;
}

.pet-stat-bar[b-jgy8a1gis6] {
    flex: 1;
    background: #3a3f46;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}

.pet-stat-fill[b-jgy8a1gis6] {
    height: 100%;
    background: linear-gradient(90deg, #27ae60 0%, #2ecc71 100%);
    transition: width 0.3s ease;
}

.pet-stat-value[b-jgy8a1gis6] {
    color: #e0e0e0;
    font-weight: 600;
    min-width: 40px;
    text-align: right;
}

.pet-abilities-list[b-jgy8a1gis6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pet-ability[b-jgy8a1gis6] {
    background: #2c3136;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #0078d4;
}

.pet-ability-name[b-jgy8a1gis6] {
    display: block;
    color: #e0e0e0;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.1rem;
}

.pet-ability-description[b-jgy8a1gis6] {
    color: #b0b0b0;
    line-height: 1.4;
}

.pet-actions[b-jgy8a1gis6] {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    background: #2c3136;
    border-top: 1px solid #3a3f46;
    gap: 15px;
}

.back-to-pets-btn[b-jgy8a1gis6],
.back-to-player-btn[b-jgy8a1gis6] {
    padding: 12px 20px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.back-to-pets-btn[b-jgy8a1gis6] {
    background: #6c757d;
    color: white;
}

.back-to-pets-btn:hover[b-jgy8a1gis6] {
    background: #5a6268;
}

.back-to-player-btn[b-jgy8a1gis6] {
    background: #0078d4;
    color: white;
}

.back-to-player-btn:hover[b-jgy8a1gis6] {
    background: #106ebe;
}

.pet-details-notfound[b-jgy8a1gis6] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 20px;
}

.pet-details-notfound-inner[b-jgy8a1gis6] {
    text-align: center;
    background: #23272a;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    max-width: 500px;
}

.pet-details-notfound-icon[b-jgy8a1gis6] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.pet-details-notfound-title[b-jgy8a1gis6] {
    color: #e0e0e0;
    margin: 0 0 20px 0;
    font-size: 1.8rem;
}

.pet-details-notfound-list[b-jgy8a1gis6] {
    color: #b0b0b0;
    text-align: left;
    margin: 0 0 30px 0;
    padding-left: 20px;
}

.pet-details-notfound-list li[b-jgy8a1gis6] {
    margin-bottom: 8px;
    line-height: 1.4;
}

.pet-details-notfound-btn[b-jgy8a1gis6] {
    background: #0078d4;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.pet-details-notfound-btn:hover[b-jgy8a1gis6] {
    background: #106ebe;
}

@media (max-width: 768px) {
    .pet-details-header[b-jgy8a1gis6] {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 30px 20px;
    }
    
    .pet-details-body[b-jgy8a1gis6] {
        padding: 20px;
    }
    
    .pet-actions[b-jgy8a1gis6] {
        flex-direction: column;
        padding: 20px;
    }
    
    .pet-stat[b-jgy8a1gis6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .pet-stat-bar[b-jgy8a1gis6] {
        width: 100%;
    }
}.playerpetdetails-width-95[b-jgy8a1gis6] { width: 95%; }
.playerpetdetails-width-85[b-jgy8a1gis6] { width: 85%; }
/* _content/ADG.Website/Pages/Players/PlayerPets.razor.rz.scp.css */
.player-pets-header[b-9327qsbamm] {
    background: #23272a;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.player-pets-header-inner[b-9327qsbamm] {
    text-align: center;
}

.player-pets-header h1[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 10px 0;
    font-size: 2rem;
}

.player-pets-description[b-9327qsbamm] {
    color: #b0b0b0;
    margin: 0;
    font-size: 1.1rem;
}

.player-pets-content[b-9327qsbamm] {
    padding: 0 20px;
}

.player-pets-grid[b-9327qsbamm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.player-pet-card-large[b-9327qsbamm] {
    background: #23272a;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    border: 2px solid transparent;
}

.player-pet-card-large:hover[b-9327qsbamm] {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.6);
    border-color: #0078d4;
}

.player-pet-image-container[b-9327qsbamm] {
    text-align: center;
    margin-bottom: 15px;
}

.player-pet-image-large[b-9327qsbamm] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.player-pet-details[b-9327qsbamm] {
    text-align: center;
}

.player-pet-name-large[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 10px 0;
    font-size: 1.4rem;
    font-weight: bold;
}

.player-pet-metadata[b-9327qsbamm] {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 10px;
}

.player-pet-species-large[b-9327qsbamm] {
    background: #0078d4;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
}

.player-pet-type-large[b-9327qsbamm] {
    background: #27ae60;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
}

.player-pet-description-preview[b-9327qsbamm] {
    color: #b0b0b0;
    font-size: 0.95rem;
    line-height: 1.4;
    margin: 0;
}

.no-pets-message[b-9327qsbamm] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    background: #23272a;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.no-pets-icon[b-9327qsbamm] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.no-pets-message h3[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 10px 0;
    font-size: 1.5rem;
}

.no-pets-message p[b-9327qsbamm] {
    color: #b0b0b0;
    margin: 0;
    font-size: 1.1rem;
}

.player-pets-notfound[b-9327qsbamm] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 20px;
}

.player-pets-notfound-inner[b-9327qsbamm] {
    text-align: center;
    background: #23272a;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    max-width: 500px;
}

.player-pets-notfound-icon[b-9327qsbamm] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.player-pets-notfound-title[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 20px 0;
    font-size: 1.8rem;
}

.player-pets-notfound-list[b-9327qsbamm] {
    color: #b0b0b0;
    text-align: left;
    margin: 0 0 30px 0;
    padding-left: 20px;
}

.player-pets-notfound-list li[b-9327qsbamm] {
    margin-bottom: 8px;
    line-height: 1.4;
}

.player-pets-notfound-btn[b-9327qsbamm] {
    background: #0078d4;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.player-pets-notfound-btn:hover[b-9327qsbamm] {
    background: #106ebe;
}
/* _content/ADG.Website/Pages/Players/PlayerQuests.razor.rz.scp.css */
/* Player Quests Styles */

.player-quests-notfound[b-98c1phw854] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 2rem;
}

.player-quests-notfound-inner[b-98c1phw854] {
    text-align: center;
    max-width: 400px;
}

.player-quests-notfound-icon[b-98c1phw854] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.player-quests-notfound-title[b-98c1phw854] {
    margin-bottom: 1rem;
    color: var(--neutral-foreground-rest);
}

.player-quests-notfound-list[b-98c1phw854] {
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}

.player-quests-notfound-list li[b-98c1phw854] {
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-hint);
}

.player-quests-header[b-98c1phw854] {
    margin-bottom: 2rem;
}

.player-quests-title[b-98c1phw854] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.player-quests-title h1[b-98c1phw854] {
    margin: 0;
    font-size: 2rem;
    color: var(--neutral-foreground-rest);
}

.player-quests-subtitle[b-98c1phw854] {
    color: var(--neutral-foreground-hint);
    font-size: 1.1rem;
}

.player-quests-empty[b-98c1phw854] {
    text-align: center;
    padding: 4rem 2rem;
}

.player-quests-empty-icon[b-98c1phw854] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.player-quests-empty-title[b-98c1phw854] {
    margin-bottom: 1rem;
    color: var(--neutral-foreground-rest);
}

.player-quests-empty-description[b-98c1phw854] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 2rem;
}

.player-quests-stats[b-98c1phw854] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.quest-stat[b-98c1phw854] {
    text-align: center;
    padding: 1.5rem;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider);
}

.quest-stat-value[b-98c1phw854] {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
    margin-bottom: 0.5rem;
}

.quest-stat-label[b-98c1phw854] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.player-quests-list[b-98c1phw854] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.quest-card[b-98c1phw854] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.quest-card:hover[b-98c1phw854] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.quest-card[b-98c1phw854]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--accent-foreground-rest);
}

.quest-card.quest-completed[b-98c1phw854]::before {
    background: var(--green-base);
}

.quest-card.quest-failed[b-98c1phw854]::before {
    background: var(--red-base);
}

.quest-card.quest-abandoned[b-98c1phw854]::before {
    background: var(--orange-base);
}

.quest-card-header[b-98c1phw854] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: flex-start;
}

.quest-card-icon[b-98c1phw854] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.quest-card-icon img[b-98c1phw854] {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.quest-icon-placeholder[b-98c1phw854] {
    font-size: 1.5rem;
}

.quest-card-info[b-98c1phw854] {
    flex: 1;
    min-width: 0;
}

.quest-card-title[b-98c1phw854] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.quest-card-description[b-98c1phw854] {
    margin: 0 0 1rem 0;
    color: var(--neutral-foreground-hint);
    line-height: 1.4;
}

.quest-card-meta[b-98c1phw854] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.quest-type[b-98c1phw854],
.quest-rarity[b-98c1phw854],
.quest-status[b-98c1phw854] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.quest-type[b-98c1phw854] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.quest-rarity-common[b-98c1phw854] {
    background: var(--gray-base);
    color: white;
}

.quest-rarity-uncommon[b-98c1phw854] {
    background: var(--green-base);
    color: white;
}

.quest-rarity-rare[b-98c1phw854] {
    background: var(--blue-base);
    color: white;
}

.quest-rarity-epic[b-98c1phw854] {
    background: var(--purple-base);
    color: white;
}

.quest-rarity-legendary[b-98c1phw854] {
    background: var(--orange-base);
    color: white;
}

.quest-status-active[b-98c1phw854] {
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-on-accent);
}

.quest-status-completed[b-98c1phw854] {
    background: var(--green-base);
    color: white;
}

.quest-status-failed[b-98c1phw854] {
    background: var(--red-base);
    color: white;
}

.quest-status-abandoned[b-98c1phw854] {
    background: var(--orange-base);
    color: white;
}

.quest-card-progress[b-98c1phw854] {
    flex-shrink: 0;
}

.quest-progress-circle[b-98c1phw854] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--neutral-layer-2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 3px solid var(--accent-foreground-rest);
}

.quest-progress-percentage[b-98c1phw854] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.quest-card-objectives[b-98c1phw854] {
    margin: 1.5rem 0;
    padding: 1rem;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.quest-card-objectives h4[b-98c1phw854] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
}

.quest-objective[b-98c1phw854] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.5rem 0;
}

.quest-objective.completed[b-98c1phw854] {
    opacity: 0.7;
}

.objective-checkbox[b-98c1phw854] {
    flex-shrink: 0;
}

.objective-info[b-98c1phw854] {
    flex: 1;
}

.objective-name[b-98c1phw854] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.25rem;
}

.objective-progress[b-98c1phw854] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.quest-card-rewards[b-98c1phw854] {
    margin: 1.5rem 0;
}

.quest-card-rewards h4[b-98c1phw854] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
}

.quest-rewards-list[b-98c1phw854] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.quest-reward[b-98c1phw854] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--neutral-layer-2);
    border-radius: 20px;
    font-size: 0.9rem;
}

.reward-icon[b-98c1phw854] {
    font-size: 1rem;
}

.quest-card-footer[b-98c1phw854] {
    border-top: 1px solid var(--neutral-stroke-divider);
    padding-top: 1rem;
    margin-top: 1.5rem;
}

.quest-dates[b-98c1phw854] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.quest-accepted[b-98c1phw854],
.quest-completed[b-98c1phw854] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .quest-card-header[b-98c1phw854] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .quest-card-progress[b-98c1phw854] {
        align-self: flex-end;
    }
    
    .player-quests-stats[b-98c1phw854] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
    
    .quest-card-meta[b-98c1phw854] {
        gap: 0.5rem;
    }
    
    .quest-dates[b-98c1phw854] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerReport.razor.rz.scp.css */
.player-report-container[b-b57xftx6ek] {
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
    max-width: 800px;
}

.player-report-header[b-b57xftx6ek] {
    display: flex;
    background: #23272a;
    border-radius: 12px;
    flex-direction: column;
    align-items: stretch;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.player-report-header h1[b-b57xftx6ek] {
    margin: 0 0 10px 0;
    color: #e0e0e0;
    font-size: 28px;
    font-weight: 600;
}

.player-report-header p[b-b57xftx6ek] {
    margin: 0;
    color: #b0b0b0;
    font-size: 16px;
    line-height: 1.5;
}

.player-report-form[b-b57xftx6ek] {
    background: #23272a;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.form-group[b-b57xftx6ek] {
    margin-bottom: 20px;
}

.form-actions[b-b57xftx6ek] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #3a3f44;
    flex-wrap: wrap;
}

/* Override FluentUI component styles to match dark theme */
.player-report-form fluent-text-field[b-b57xftx6ek],
.player-report-form fluent-text-area[b-b57xftx6ek],
.player-report-form fluent-select[b-b57xftx6ek] {
    --neutral-fill-rest: #2d3748;
    --neutral-fill-hover: #4a5568;
    --neutral-stroke-rest: #4a5568;
    --neutral-foreground-rest: #e0e0e0;
    --accent-fill-rest: #0078d4;
    --accent-fill-hover: #106ebe;
}

.player-report-form fluent-button[appearance="accent"][b-b57xftx6ek] {
    --accent-fill-rest: #0078d4;
    --accent-fill-hover: #106ebe;
    --accent-fill-active: #005a9e;
    --neutral-foreground-on-accent: #ffffff;
}

.player-report-form fluent-button[appearance="neutral"][b-b57xftx6ek] {
    --neutral-fill-rest: #4a5568;
    --neutral-fill-hover: #6b7280;
    --neutral-stroke-rest: #6b7280;
    --neutral-foreground-rest: #e0e0e0;
}

.player-report-form fluent-message-bar[b-b57xftx6ek] {
    border-radius: 8px;
}

/* Validation message styling */
.validation-message[b-b57xftx6ek] {
    color: #ff6b6b;
    font-size: 14px;
    margin-top: 5px;
}

/* Loading state */
.player-report-form fluent-button[loading][b-b57xftx6ek] {
    opacity: 0.7;
}

@media (max-width: 768px) {
    .player-report-container[b-b57xftx6ek] {
        padding: 15px;
    }
    
    .player-report-header[b-b57xftx6ek],
    .player-report-form[b-b57xftx6ek] {
        padding: 20px;
    }
    
    .player-report-header h1[b-b57xftx6ek] {
        font-size: 24px;
    }
    
    .form-actions[b-b57xftx6ek] {
        flex-direction: column;
    }
    
    .form-actions fluent-button[b-b57xftx6ek] {
        width: 100%;
    }
}.playerreport-margin-bottom[b-b57xftx6ek] { margin-bottom: 20px; }
.playerreport-full-width-margin[b-b57xftx6ek] { width: 100%; margin-bottom: 15px; }
.playerreport-full-width-margin-lg[b-b57xftx6ek] { width: 100%; margin-bottom: 20px; }
.playerreport-margin-left[b-b57xftx6ek] { margin-left: 10px; }
/* _content/ADG.Website/Pages/Players/PlayerReputation.razor.rz.scp.css */
/* Info tips box for reputation - dark mode */
.player-reputation-tips-info[b-cul9wwvkpu] {
    display: flex;
    align-items: flex-start;
    background: linear-gradient(90deg, #232a34 0%, #1a2028 100%);
    border: 1.5px solid #2d3a4d;
    border-radius: 12px;
    padding: 18px 22px;
    margin: 18px 0 24px 0;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.12);
    transition: box-shadow 0.2s;
}
.player-reputation-tips-info:hover[b-cul9wwvkpu] {
    box-shadow: 0 4px 16px rgba(52, 152, 219, 0.22);
}
.player-reputation-tips-icon[b-cul9wwvkpu] {
    font-size: 2.2rem;
    margin-right: 18px;
    color: #4fc3f7;
    flex-shrink: 0;
    align-self: flex-start;
}
.player-reputation-tips-content[b-cul9wwvkpu] {
    color: #e0eafc;
    font-size: 1.08rem;
    line-height: 1.7;
}
.player-reputation-tips-content strong[b-cul9wwvkpu] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #90caf9;
}
.player-reputation-tips-content ul[b-cul9wwvkpu] {
    margin: 0;
    padding-left: 20px;
}
.player-reputation-tips-content li[b-cul9wwvkpu] {
    margin-bottom: 6px;
    list-style: disc;
}
/* _content/ADG.Website/Pages/Players/Players.razor.rz.scp.css */
.player-card[b-npzgo2jn6b] {
    cursor: pointer;
    padding: 1rem;
    pointer-events: all;
    transition: background-color 0.2s;
}

.player-card:hover[b-npzgo2jn6b] {
    background-color: var(--neutral-layer-2);
}

.player-card-content[b-npzgo2jn6b] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.player-avatar[b-npzgo2jn6b] {
    flex-shrink: 0;
}

.player-avatar-img[b-npzgo2jn6b] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.player-avatar-placeholder[b-npzgo2jn6b] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 1.8rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.player-info[b-npzgo2jn6b] {
    flex: 1;
    min-width: 0;
}

.player-name[b-npzgo2jn6b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.player-name h2[b-npzgo2jn6b] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.current-user-indicator[b-npzgo2jn6b] {
    color: var(--accent-fill-rest);
    font-weight: 600;
    font-size: 0.9rem;
}

.player-details p[b-npzgo2jn6b] {
    margin: 0.25rem 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
}

.player-team[b-npzgo2jn6b] {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.player-bio[b-npzgo2jn6b] {
    color: rgba(255, 255, 255, 0.6);
}

.player-stats[b-npzgo2jn6b] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    flex-shrink: 0;
    margin-top: 0.5rem;
}

.stat-item[b-npzgo2jn6b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    min-width: auto;
}

.stat-label[b-npzgo2jn6b] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
}

.stat-value[b-npzgo2jn6b] {
    font-size: 0.9rem;
    font-weight: 600;
    color: white;
}

.online-indicator[b-npzgo2jn6b] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #4ade80;
}

.online-dot[b-npzgo2jn6b] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4ade80;
    animation: pulse-b-npzgo2jn6b 2s infinite;
}

@keyframes pulse-b-npzgo2jn6b {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .player-card-content[b-npzgo2jn6b] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .player-info[b-npzgo2jn6b] {
        width: 100%;
    }
    
    .player-stats[b-npzgo2jn6b] {
        flex-direction: row;
        align-self: flex-start;
        margin-top: 0.5rem;
    }
}.players-header-row[b-npzgo2jn6b] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.players-flex-row[b-npzgo2jn6b] { display: flex; align-items: center; gap: 1rem; }
.players-flex-row-compact[b-npzgo2jn6b] { display: flex; align-items: center; gap: 0.5rem; }
.players-fixed-width[b-npzgo2jn6b] { width: 150px; }
.players-flex-grow[b-npzgo2jn6b] { flex: 1; }
/* _content/ADG.Website/Pages/Players/Profile/NewName/NewUsernameDialog.razor.rz.scp.css */
/* Dark mode color scheme */
:root[b-zmhiyqct5x] {
    --dark-bg: #181818;
    --dark-surface: #222226;
    --light-text: #FFFFFF;
    --muted-text: #B0B0B0;
    --accent-color: #3b82f6;
    --success-color: #059669;
    --error-color: #dc2626;
    --warning-color: #f59e0b;
    --border-color: #404040;
}

/* Dark mode support */
.fluent-dialog[b-zmhiyqct5x] {
    background-color: var(--dark-bg);
    color: var(--light-text);
}

.fluent-dialog-header[b-zmhiyqct5x] {
    background-color: var(--dark-surface);
    color: var(--light-text);
}

.fluent-dialog-body[b-zmhiyqct5x] {
    background-color: var(--dark-bg);
    color: var(--light-text);
}

.fluent-dialog-footer[b-zmhiyqct5x] {
    background-color: var(--dark-surface);
}

.fluent-text-field[b-zmhiyqct5x], .username-input[b-zmhiyqct5x], .big-input[b-zmhiyqct5x] {
    background-color: var(--dark-surface);
    color: var(--light-text);
    border: 1px solid var(--border-color);
    font-size: 1.2em;
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
}

.fluent-text-field:focus[b-zmhiyqct5x] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.text-danger[b-zmhiyqct5x] {
    color: var(--error-color);
}

.text-warning[b-zmhiyqct5x] {
    color: var(--warning-color);
    font-size: 0.9em;
    margin: 0;
}

.input-warning[b-zmhiyqct5x] {
    margin-top: 8px;
    padding: 8px;
    background-color: rgba(245, 158, 11, 0.1);
    border-left: 4px solid var(--warning-color);
    border-radius: 4px;
    color: var(--warning-color);
}

.error-container[b-zmhiyqct5x] {
    margin-bottom: 16px;
    padding: 12px;
    background-color: rgba(220, 38, 38, 0.1);
    border-left: 4px solid var(--error-color);
    border-radius: 4px;
    color: var(--error-color);
}

.text-muted[b-zmhiyqct5x] {
    color: var(--muted-text);
}

/* Username History Section */
.username-history-section[b-zmhiyqct5x] {
    margin-bottom: 20px;
    padding: 16px;
    background-color: var(--dark-surface);
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.username-history-section h4[b-zmhiyqct5x] {
    margin: 0 0 12px 0;
    color: var(--light-text);
    font-size: 1.1em;
    font-weight: 600;
}

.username-history-list[b-zmhiyqct5x] {
    margin-bottom: 12px;
}

.username-history-item[b-zmhiyqct5x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.9em;
}

.username-history-item:last-child[b-zmhiyqct5x] {
    border-bottom: none;
}

.username-text[b-zmhiyqct5x] {
    font-weight: 500;
    color: var(--light-text);
}

.username-date[b-zmhiyqct5x] {
    color: var(--muted-text);
    font-size: 0.85em;
}

.first-username-badge[b-zmhiyqct5x] {
    background-color: var(--accent-color);
    color: white;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 0.75em;
    font-weight: 500;
}

.current-username-info[b-zmhiyqct5x] {
    margin-top: 12px;
    padding: 8px;
    background-color: rgba(59, 130, 246, 0.1);
    border-radius: 4px;
    border-left: 4px solid var(--accent-color);
}

.current-username-info p[b-zmhiyqct5x] {
    margin: 0;
    color: var(--light-text);
    font-size: 0.9em;
}

/* Cost Information Section */
.cost-info-section[b-zmhiyqct5x] {
    margin-bottom: 20px;
    padding: 16px;
    border-radius: 8px;
}

.cost-free[b-zmhiyqct5x] {
    background-color: rgba(5, 150, 105, 0.1);
    border: 1px solid var(--success-color);
    color: var(--success-color);
}

.cost-free h4[b-zmhiyqct5x] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
}

.cost-paid[b-zmhiyqct5x] {
    background-color: rgba(245, 158, 11, 0.1);
    border: 1px solid var(--warning-color);
}

.cost-paid h4[b-zmhiyqct5x] {
    margin: 0 0 8px 0;
    color: var(--warning-color);
    font-size: 1.1em;
    font-weight: 600;
}

.discount-text[b-zmhiyqct5x] {
    color: var(--success-color);
    font-weight: 500;
    margin: 0 0 8px 0;
}

.coins-info[b-zmhiyqct5x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9em;
}

.available-coins[b-zmhiyqct5x] {
    color: var(--light-text);
}

.insufficient-coins[b-zmhiyqct5x] {
    color: var(--error-color);
    font-weight: 500;
}

/* Input Section */
.input-section[b-zmhiyqct5x] {
    margin-bottom: 16px;
}

.input-label[b-zmhiyqct5x] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--light-text);
    font-size: 0.95em;
}

/* Enhanced button styling */
.fluent-dialog-footer .fluent-button[b-zmhiyqct5x] {
    font-weight: 600;
    min-width: 120px;
    background-color: var(--accent-color);
    color: white;
    border: none;
}

.fluent-dialog-footer .fluent-button:hover[b-zmhiyqct5x] {
    background-color: rgba(59, 130, 246, 0.8);
}

/* Input field styling */
.fluent-text-field[b-zmhiyqct5x], .username-input[b-zmhiyqct5x] {
    font-size: 1.1em;
}

/* Requirements section styling */
.requirements-section[b-zmhiyqct5x] {
    margin-bottom: 20px;
    padding: 16px;
    background-color: var(--dark-surface);
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.requirements-section h4[b-zmhiyqct5x] {
    margin: 0 0 12px 0;
    color: var(--light-text);
    font-size: 1.1em;
    font-weight: 600;
}

.requirements-list[b-zmhiyqct5x] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.requirements-list li[b-zmhiyqct5x] {
    display: flex;
    align-items: center;
    padding: 6px 0;
    font-size: 0.95em;
    transition: color 0.2s ease;
}

.requirement-icon[b-zmhiyqct5x] {
    margin-right: 8px;
    font-size: 1em;
    width: 20px;
    text-align: center;
}

.requirement-valid[b-zmhiyqct5x] {
    color: var(--success-color);
}

.requirement-invalid[b-zmhiyqct5x] {
    color: var(--error-color);
}

/* Suggestions section styling */
.suggestions-section[b-zmhiyqct5x] {
    margin-top: 16px;
    padding: 16px;
    background-color: rgba(59, 130, 246, 0.1);
    border-radius: 8px;
    border: 1px solid var(--accent-color);
}

.suggestions-section h5[b-zmhiyqct5x] {
    margin: 0 0 12px 0;
    color: var(--accent-color);
    font-size: 1em;
    font-weight: 600;
}

.suggestions-list[b-zmhiyqct5x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.suggestion-button[b-zmhiyqct5x] {
    padding: 6px 12px;
    background-color: var(--accent-color);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.2s ease;
}

.suggestion-button:hover[b-zmhiyqct5x] {
    background-color: rgba(59, 130, 246, 0.8);
}

.suggestion-button:active[b-zmhiyqct5x] {
    background-color: rgba(59, 130, 246, 0.9);
}
/* _content/ADG.Website/Pages/Players/Profile/NewName/NewUsernamePage.razor.rz.scp.css */
/* Modern dark theme color scheme */
:root[b-dk30r0rfvi] {
    --username-page-bg: #0a0a0a;
    --username-page-surface: #1a1a1a;
    --username-page-card: #242424;
    --username-page-border: #333333;
    --username-page-text: #ffffff;
    --username-page-text-muted: #a0a0a0;
    --username-page-accent: #4f46e5;
    --username-page-accent-hover: #4338ca;
    --username-page-success: #10b981;
    --username-page-error: #ef4444;
    --username-page-warning: #f59e0b;
    --username-page-shadow: rgba(0, 0, 0, 0.3);
    --username-page-glow: rgba(79, 70, 229, 0.3);
}

/* Main container */
.username-page-container[b-dk30r0rfvi] {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--username-page-bg) 0%, #111111 100%);
    color: var(--username-page-text);
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Header section */
.username-page-header[b-dk30r0rfvi] {
    text-align: center;
    margin-bottom: 2rem;
    max-width: 600px;
}

.header-content[b-dk30r0rfvi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.username-icon[b-dk30r0rfvi] {
    font-size: 3rem;
    color: var(--username-page-accent);
    filter: drop-shadow(0 0 20px var(--username-page-glow));
}

.username-title[b-dk30r0rfvi] {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, var(--username-page-accent), #6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.username-subtitle[b-dk30r0rfvi] {
    font-size: 1.1rem;
    color: var(--username-page-text-muted);
    margin: 0;
    line-height: 1.6;
}

/* Main content area */
.username-page-content[b-dk30r0rfvi] {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

/* Card styling */
.username-card[b-dk30r0rfvi] {
    background: var(--username-page-card);
    border: 1px solid var(--username-page-border);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 
        0 20px 50px var(--username-page-shadow),
        0 0 0 1px rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.username-card:hover[b-dk30r0rfvi] {
    transform: translateY(-2px);
    box-shadow: 
        0 25px 60px var(--username-page-shadow),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        0 0 40px var(--username-page-glow);
}

/* Error container */
.error-container[b-dk30r0rfvi] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid var(--username-page-error);
    border-radius: 8px;
    border-left: 4px solid var(--username-page-error);
}

.text-danger[b-dk30r0rfvi] {
    color: var(--username-page-error);
    margin: 0;
    font-weight: 500;
}

.text-muted[b-dk30r0rfvi] {
    color: var(--username-page-text-muted);
}

/* Username History Section */
.username-history-section[b-dk30r0rfvi] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--username-page-border);
    border-radius: 12px;
}

.username-history-section h4[b-dk30r0rfvi] {
    margin: 0 0 1rem 0;
    color: var(--username-page-text);
    font-size: 1.2rem;
    font-weight: 600;
}

.username-history-list[b-dk30r0rfvi] {
    margin-bottom: 1rem;
}

.username-history-item[b-dk30r0rfvi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--username-page-border);
    font-size: 0.95rem;
}

.username-history-item:last-child[b-dk30r0rfvi] {
    border-bottom: none;
}

.username-text[b-dk30r0rfvi] {
    font-weight: 500;
    color: var(--username-page-text);
}

.username-date[b-dk30r0rfvi] {
    color: var(--username-page-text-muted);
    font-size: 0.85rem;
}

.first-username-badge[b-dk30r0rfvi] {
    background: var(--username-page-accent);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.current-username-info[b-dk30r0rfvi] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: rgba(79, 70, 229, 0.1);
    border: 1px solid var(--username-page-accent);
    border-radius: 8px;
    border-left: 4px solid var(--username-page-accent);
}

.current-username-info p[b-dk30r0rfvi] {
    margin: 0;
    color: var(--username-page-text);
    font-size: 0.95rem;
}

/* Cost Information Section */
.cost-info-section[b-dk30r0rfvi] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    border-radius: 12px;
    border: 1px solid;
}

.cost-free[b-dk30r0rfvi] {
    background: rgba(16, 185, 129, 0.1);
    border-color: var(--username-page-success);
    color: var(--username-page-success);
}

.cost-paid[b-dk30r0rfvi] {
    background: rgba(245, 158, 11, 0.1);
    border-color: var(--username-page-warning);
}

.cost-free h4[b-dk30r0rfvi],
.cost-paid h4[b-dk30r0rfvi] {
    margin: 0 0 0.5rem 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.cost-paid h4[b-dk30r0rfvi] {
    color: var(--username-page-warning);
}

.discount-text[b-dk30r0rfvi] {
    color: var(--username-page-success);
    font-weight: 500;
    margin: 0 0 0.5rem 0;
    font-size: 0.95rem;
}

.coins-info[b-dk30r0rfvi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.95rem;
    margin-top: 0.5rem;
}

.available-coins[b-dk30r0rfvi] {
    color: var(--username-page-text);
}

.insufficient-coins[b-dk30r0rfvi] {
    color: var(--username-page-error);
    font-weight: 500;
}

/* Requirements section */
.requirements-section[b-dk30r0rfvi] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--username-page-border);
    border-radius: 12px;
}

.requirements-section h4[b-dk30r0rfvi] {
    margin: 0 0 1rem 0;
    color: var(--username-page-text);
    font-size: 1.2rem;
    font-weight: 600;
}

.requirements-list[b-dk30r0rfvi] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.requirements-list li[b-dk30r0rfvi] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    font-size: 0.95rem;
    transition: color 0.2s ease;
}

.requirement-icon[b-dk30r0rfvi] {
    margin-right: 0.75rem;
    font-size: 1rem;
    width: 20px;
    text-align: center;
}

.requirement-valid[b-dk30r0rfvi] {
    color: var(--username-page-success);
}

.requirement-invalid[b-dk30r0rfvi] {
    color: var(--username-page-error);
}

/* Input section */
.input-section[b-dk30r0rfvi] {
    margin-bottom: 1.5rem;
}

.input-label[b-dk30r0rfvi] {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: var(--username-page-text);
    font-size: 1rem;
}

.username-input[b-dk30r0rfvi] {
    font-size: 1.2rem !important;
    padding: 0.75rem !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid var(--username-page-border) !important;
    border-radius: 8px !important;
    color: var(--username-page-text) !important;
    transition: all 0.2s ease !important;
}

.username-input:focus[b-dk30r0rfvi] {
    border-color: var(--username-page-accent) !important;
    box-shadow: 0 0 0 3px var(--username-page-glow) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Input warning */
.input-warning[b-dk30r0rfvi] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid var(--username-page-warning);
    border-radius: 6px;
    border-left: 4px solid var(--username-page-warning);
}

.text-warning[b-dk30r0rfvi] {
    color: var(--username-page-warning);
    margin: 0;
    font-size: 0.9rem;
}

/* Suggestions section */
.suggestions-section[b-dk30r0rfvi] {
    margin-top: 1.5rem;
    padding: 1.5rem;
    background: rgba(79, 70, 229, 0.1);
    border: 1px solid var(--username-page-accent);
    border-radius: 12px;
}

.suggestions-section h5[b-dk30r0rfvi] {
    margin: 0 0 1rem 0;
    color: var(--username-page-accent);
    font-size: 1rem;
    font-weight: 600;
}

.suggestions-list[b-dk30r0rfvi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.suggestion-button[b-dk30r0rfvi] {
    padding: 0.5rem 1rem;
    background: var(--username-page-accent);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.suggestion-button:hover:not(:disabled)[b-dk30r0rfvi] {
    background: var(--username-page-accent-hover);
    transform: translateY(-1px);
}

.suggestion-button:disabled[b-dk30r0rfvi] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Action section */
.action-section[b-dk30r0rfvi] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--username-page-border);
}

/* Button styling */
.fluent-button[b-dk30r0rfvi] {
    font-weight: 600 !important;
    min-width: 140px !important;
    transition: all 0.2s ease !important;
}

.fluent-button[appearance="accent"][b-dk30r0rfvi] {
    background: linear-gradient(135deg, var(--username-page-accent), #6366f1) !important;
    border: none !important;
    color: white !important;
}

.fluent-button[appearance="accent"]:hover:not(:disabled)[b-dk30r0rfvi] {
    background: linear-gradient(135deg, var(--username-page-accent-hover), #5b21b6) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 25px rgba(79, 70, 229, 0.3) !important;
}

.fluent-button[appearance="neutral"][b-dk30r0rfvi] {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--username-page-border) !important;
    color: var(--username-page-text) !important;
}

.fluent-button[appearance="neutral"]:hover:not(:disabled)[b-dk30r0rfvi] {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--username-page-accent) !important;
}

.fluent-button:disabled[b-dk30r0rfvi] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .username-page-container[b-dk30r0rfvi] {
        padding: 1rem 0.5rem;
    }
    
    .username-card[b-dk30r0rfvi] {
        padding: 1.5rem;
    }
    
    .username-title[b-dk30r0rfvi] {
        font-size: 2rem;
    }
    
    .username-subtitle[b-dk30r0rfvi] {
        font-size: 1rem;
    }
    
    .suggestions-list[b-dk30r0rfvi] {
        flex-direction: column;
    }
    
    .suggestion-button[b-dk30r0rfvi] {
        width: 100%;
    }
    
    .action-section .fluent-stack[b-dk30r0rfvi] {
        flex-direction: column-reverse;
        gap: 1rem;
    }
    
    .fluent-button[b-dk30r0rfvi] {
        width: 100%;
    }
}

/* Animation for page load */
@keyframes fadeInUp-b-dk30r0rfvi {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.username-page-container[b-dk30r0rfvi] {
    animation: fadeInUp-b-dk30r0rfvi 0.6s ease-out;
}

.username-card[b-dk30r0rfvi] {
    animation: fadeInUp-b-dk30r0rfvi 0.6s ease-out 0.2s both;
}
/* _content/ADG.Website/Pages/Players/Status/UserStatusDialog.razor.rz.scp.css */
/* Inline CSS migration classes */
.userstatusdialog-full-width[b-6s6bipsay9] { width: 100%; }
.userstatusdialog-margin-bottom-md[b-6s6bipsay9] { margin-bottom: 16px; }
/* _content/ADG.Website/Pages/Play/Play-From-Moodle.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Play/Play.razor.rz.scp.css */
.unity-iframe[b-7ufh9hlqbm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 9999;

    /** Hide the scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}



/* _content/ADG.Website/Pages/Reviews/ReviewCreate.razor.rz.scp.css */
.review-form[b-6clm3obbjr] {
    padding: 1rem;
    max-width: 100%;
}

.thank-you-section[b-6clm3obbjr] {
    padding: 2rem;
    text-align: center;
    max-width: 100%;
}

.thank-you-section h4[b-6clm3obbjr] {
    color: var(--accent-fill-rest, #3b82f6);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.thank-you-section p[b-6clm3obbjr] {
    margin-bottom: 1.5rem;
    color: var(--neutral-foreground-rest, #333);
    font-size: 1rem;
}

.return-home-section[b-6clm3obbjr] {
    display: flex;
    justify-content: center;
}

.return-home-section fluent-button[b-6clm3obbjr] {
    min-width: 150px;
    height: 44px;
}

.admin-panel[b-6clm3obbjr] {
    padding: 1rem;
}

.metric-section[b-6clm3obbjr] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 8px;
    background: var(--neutral-fill-secondary-rest, #fafafa);
}

.rating-section[b-6clm3obbjr] {
    margin-bottom: 1.5rem;
}

.comments-section[b-6clm3obbjr] {
    margin-bottom: 1.5rem;
}

.rating-stars[b-6clm3obbjr] {
    display: flex;
    gap: 0.5rem;
    margin: 0.5rem 0;
    align-items: center;
}

.star-button[b-6clm3obbjr] {
    padding: 0.5rem;
    border-radius: 8px;
    font-size: 1.2rem;
    transition: all 0.2s ease;
    min-width: 44px;
    height: 44px;
}

.star-button:hover[b-6clm3obbjr] {
    transform: scale(1.1);
}

.rating-text[b-6clm3obbjr] {
    margin-left: 1rem;
    font-weight: 500;
    color: var(--accent-fill-rest, #3b82f6);
}

.submit-section[b-6clm3obbjr] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.submit-section fluent-button[b-6clm3obbjr] {
    min-width: 150px;
    height: 44px;
}

.compact-metrics-row[b-6clm3obbjr] {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.compact-metric[b-6clm3obbjr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.compact-metric-label[b-6clm3obbjr] {
    font-weight: bold;
}

.compact-metric-value[b-6clm3obbjr] {
    color: #6a1b9a;
}

@media (max-width: 1200px) {
    .review-form[b-6clm3obbjr] {
        padding: 0.5rem;
    }
}

@media (max-width: 600px) {
    .review-form[b-6clm3obbjr] {
        padding: 0.5rem;
    }
    
    .rating-stars[b-6clm3obbjr] {
        justify-content: center;
    }
    
    .rating-text[b-6clm3obbjr] {
        margin-left: 0;
        text-align: center;
        display: block;
        margin-top: 0.5rem;
    }
    
    .metric-section[b-6clm3obbjr] {
        padding: 0.75rem;
    }
}

@media (max-width: 900px) {
    .compact-metrics-row[b-6clm3obbjr] {
        flex-wrap: wrap;
        gap: 1rem;
    }
    .compact-metric[b-6clm3obbjr] {
        margin-bottom: 0.5rem;
    }
}

/* Inline CSS migration classes */
.reviewcreate-flex[b-6clm3obbjr] { flex: 1; }
/* _content/ADG.Website/Pages/Reviews/ReviewsAdmin.razor.rz.scp.css */
.admin-dashboard[b-o3ucyejjyy] {
    padding: 1rem;
}

.access-denied[b-o3ucyejjyy] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.access-denied-inner[b-o3ucyejjyy] {
    text-align: center;
    padding: 2rem;
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 12px;
    background: var(--neutral-fill-secondary-rest, #fafafa);
}

.access-denied-icon[b-o3ucyejjyy] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.access-denied-title[b-o3ucyejjyy] {
    color: var(--error-foreground-rest, #d13438);
    margin-bottom: 1rem;
}

.access-denied-message[b-o3ucyejjyy] {
    margin-bottom: 2rem;
    color: var(--neutral-foreground-rest, #424242);
}

.access-denied-btn[b-o3ucyejjyy] {
    min-width: 150px;
    height: 44px;
}

.controls-section[b-o3ucyejjyy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--neutral-fill-secondary-rest, #fafafa);
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 1rem;
}

.search-controls[b-o3ucyejjyy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sort-controls[b-o3ucyejjyy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.results-summary[b-o3ucyejjyy] {
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    background: var(--neutral-fill-input-rest, #ffffff);
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 6px;
}

.loading-section[b-o3ucyejjyy] {
    text-align: center;
    padding: 3rem;
}

.no-reviews[b-o3ucyejjyy] {
    text-align: center;
    padding: 3rem;
    color: var(--neutral-foreground-rest, #424242);
}

.reviews-grid[b-o3ucyejjyy] {
    display: grid;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.review-card[b-o3ucyejjyy] {
    padding: 1.5rem;
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 8px;
    background: var(--neutral-fill-secondary-rest, #fafafa);
}

.review-header[b-o3ucyejjyy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    padding-bottom: 0.5rem;
}

.review-header h4[b-o3ucyejjyy] {
    margin: 0;
    color: var(--accent-foreground-rest, #1a73e8);
}

.review-date[b-o3ucyejjyy] {
    color: var(--neutral-foreground-rest, #666666);
    font-size: 0.9rem;
}

.review-email[b-o3ucyejjyy] {
    margin-bottom: 1rem;
    color: var(--neutral-foreground-rest, #424242);
}

.review-metrics[b-o3ucyejjyy] {
    margin-bottom: 1rem;
}

.review-metrics h5[b-o3ucyejjyy] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest, #424242);
}

.metric-row[b-o3ucyejjyy] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

.metric-name[b-o3ucyejjyy] {
    font-weight: 500;
    min-width: 140px;
    color: var(--neutral-foreground-rest, #424242);
}

.metric-stars[b-o3ucyejjyy] {
    display: flex;
    gap: 2px;
}

.star[b-o3ucyejjyy] {
    font-size: 1rem;
}

.star.filled[b-o3ucyejjyy] {
    color: #fbbf24;
}

.star.empty[b-o3ucyejjyy] {
    color: #d1d5db;
}

.metric-score[b-o3ucyejjyy] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-rest, #666666);
    margin-left: 0.5rem;
}

.review-comments[b-o3ucyejjyy] {
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    padding-top: 1rem;
}

.review-comments h5[b-o3ucyejjyy] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest, #424242);
}

.review-comments p[b-o3ucyejjyy] {
    margin: 0;
    line-height: 1.5;
    color: var(--neutral-foreground-rest, #424242);
}

.pagination-section[b-o3ucyejjyy] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
}

.page-info[b-o3ucyejjyy] {
    font-weight: 500;
    color: var(--neutral-foreground-rest, #424242);
}

@media (max-width: 768px) {
    .controls-section[b-o3ucyejjyy] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .search-controls[b-o3ucyejjyy] {
        justify-content: center;
    }
    
    .sort-controls[b-o3ucyejjyy] {
        justify-content: center;
    }
    
    .review-header[b-o3ucyejjyy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .metric-row[b-o3ucyejjyy] {
        flex-wrap: wrap;
    }
    
    .metric-name[b-o3ucyejjyy] {
        min-width: auto;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .admin-dashboard[b-o3ucyejjyy] {
        padding: 0.5rem;
    }
    
    .review-card[b-o3ucyejjyy] {
        padding: 1rem;
    }
}
/* Inline CSS migration classes */
.reviewsadmin-center-text[b-o3ucyejjyy] { text-align: center; }
/* _content/ADG.Website/Pages/Roadmap/Roadmap.razor.rz.scp.css */
.roadmap-header-title[b-j2h26zbfop] {
    margin: 0;
    flex: 1;
}

.column-header-title[b-j2h26zbfop] {
    margin: 0;
}

.roadmap-card-title[b-j2h26zbfop] {
    margin: 0;
}

.roadmap-card-description[b-j2h26zbfop] {
    margin: 0;
    color: #666;
    font-size: 0.875rem;
}

.roadmap-card-metadata[b-j2h26zbfop] {
    font-size: 0.75rem;
    color: #888;
}
/* _content/ADG.Website/Pages/Routes.razor.rz.scp.css */
.hidden[b-pevgp345fg] {
    display: none;
}

.app-shell[b-pevgp345fg] {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}
.app-shell:not(.hidden)[b-pevgp345fg] {
    opacity: 1;
}
/* _content/ADG.Website/Pages/Servers/ServerDetails.razor.rz.scp.css */
.server-details-container[b-evj2b19heb] {
    margin: 0 auto;
    padding: 1rem;
}

.server-details-card[b-evj2b19heb] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 2rem;
}

.details-header[b-evj2b19heb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.details-icon[b-evj2b19heb] {
    color: #ffffff;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.details-title[b-evj2b19heb] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: white;
}

.server-details-list[b-evj2b19heb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.detail-item[b-evj2b19heb] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.detail-item:last-child[b-evj2b19heb] {
    border-bottom: none;
}

.detail-label[b-evj2b19heb] {
    font-weight: 600;
    color: white;
    min-width: 100px;
    flex-shrink: 0;
}

.detail-value[b-evj2b19heb] {
    color: rgba(255, 255, 255, 0.8);
    flex: 1;
    word-break: break-word;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .server-details-container[b-evj2b19heb] {
        padding: 0.5rem;
    }

    .server-details-card[b-evj2b19heb] {
        padding: 1.5rem;
    }

    .details-header[b-evj2b19heb] {
        margin-bottom: 1rem;
    }

    .details-icon[b-evj2b19heb] {
        font-size: 1.3rem;
    }

    .details-title[b-evj2b19heb] {
        font-size: 1.2rem;
    }

    .detail-item[b-evj2b19heb] {
        flex-direction: column;
        gap: 0.25rem;
        padding: 0.5rem 0;
    }

    .detail-label[b-evj2b19heb] {
        min-width: unset;
    }
}
/* _content/ADG.Website/Pages/Servers/Servers.razor.rz.scp.css */

.server-list[b-fqsf5tewyt] {
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
    gap: 1rem;
}

.server-card[b-fqsf5tewyt] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
    width: 280px;
    min-height: 140px;
}

.server-card:hover[b-fqsf5tewyt] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.server-card:active[b-fqsf5tewyt] {
    transform: translateY(0);
}

.server-card-content[b-fqsf5tewyt] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1rem;
}

.server-header[b-fqsf5tewyt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.server-icon[b-fqsf5tewyt] {
    color: #ffffff;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.server-name[b-fqsf5tewyt] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
    flex: 1;
}

.server-chevron[b-fqsf5tewyt] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.server-card:hover .server-chevron[b-fqsf5tewyt] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

.server-info[b-fqsf5tewyt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.server-description[b-fqsf5tewyt] {
    margin: 0;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
}

.server-status[b-fqsf5tewyt] {
    margin: 0;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .server-list[b-fqsf5tewyt] {
        padding-right: 0;
    }
    
    .server-card[b-fqsf5tewyt] {
        width: 100%;
        min-width: 0;
    }
    
    .server-card-content[b-fqsf5tewyt] {
        padding: 1.25rem;
    }
    
    .server-name[b-fqsf5tewyt] {
        font-size: 1rem;
    }
    
    .server-description[b-fqsf5tewyt] {
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/Teams/Moderation/TeamModeration.razor.rz.scp.css */
.moderation-container[b-youvx0t07x] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
}

.moderation-header[b-youvx0t07x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1rem;
}

.moderation-icon[b-youvx0t07x] {
    font-size: 3rem;
    color: #ffffff;
}

.moderation-header h2[b-youvx0t07x] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin: 0;
    text-align: center;
}

.moderation-header p[b-youvx0t07x] {
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    text-align: center;
}

.moderation-section[b-youvx0t07x] {
    margin-bottom: 2rem;
}

.moderation-section h3[b-youvx0t07x] {
    color: white;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.invitations-list[b-youvx0t07x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.invitation-card[b-youvx0t07x] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1rem;
}

.invitation-content[b-youvx0t07x] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.invitee-info[b-youvx0t07x] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.invitee-avatar[b-youvx0t07x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    flex-shrink: 0;
}

.avatar-icon[b-youvx0t07x] {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.invitee-details[b-youvx0t07x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.invitee-name[b-youvx0t07x] {
    font-weight: 500;
    color: white;
}

.invitation-date[b-youvx0t07x],
.invited-by[b-youvx0t07x] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
}

.invitation-actions[b-youvx0t07x] {
    display: flex;
    gap: 0.5rem;
}

.send-invitation-card[b-youvx0t07x] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
}

.send-invitation-form[b-youvx0t07x] {
    display: flex;
    gap: 1rem;
    align-items: end;
}

.settings-card[b-youvx0t07x] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
}

.settings-grid[b-youvx0t07x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.setting-item[b-youvx0t07x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.setting-description[b-youvx0t07x] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    margin-left: 1.75rem; /* Align with checkbox label */
}

.empty-state[b-youvx0t07x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    color: rgba(255, 255, 255, 0.6);
}

.empty-icon[b-youvx0t07x] {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 1rem;
}

.spinner[b-youvx0t07x] {
    animation: spin-b-youvx0t07x 1s linear infinite;
}

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

/* Mobile responsiveness */
@media (max-width: 768px) {
    .moderation-container[b-youvx0t07x] {
        padding: 1rem;
    }

    .moderation-header h2[b-youvx0t07x] {
        font-size: 1.5rem;
    }

    .send-invitation-form[b-youvx0t07x] {
        flex-direction: column;
        align-items: stretch;
    }

    .invitation-content[b-youvx0t07x] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .invitation-actions[b-youvx0t07x] {
        justify-content: center;
    }

    .setting-description[b-youvx0t07x] {
        margin-left: 0;
    }
}
/* _content/ADG.Website/Pages/Teams/PlayerSummary.razor.rz.scp.css */
.player-summary[b-4q9hh5xfea] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.player-summary:hover[b-4q9hh5xfea] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.player-header[b-4q9hh5xfea] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.player-avatar[b-4q9hh5xfea] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.player-name[b-4q9hh5xfea] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.player-info[b-4q9hh5xfea] {
    padding-left: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.player-status[b-4q9hh5xfea] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.player-role[b-4q9hh5xfea] {
    background-color: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}

.online-indicator[b-4q9hh5xfea] {
    background-color: var(--green-60);
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7em;
    font-weight: 500;
}
/* _content/ADG.Website/Pages/Teams/TeamDetails.razor.rz.scp.css */
.team-details[b-34y92zdzd0] {
    padding: 20px;
}

.team-actions[b-34y92zdzd0] {
    margin: 16px 0;
    display: flex;
    gap: 12px;
    align-items: center;
}

.team-members[b-34y92zdzd0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.member-card[b-34y92zdzd0] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.member-card:hover[b-34y92zdzd0] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.member-content[b-34y92zdzd0] {
    display: flex;
    align-items: center;
    padding: 1rem;
    gap: 1rem;
}

.member-avatar[b-34y92zdzd0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
}

.avatar-image[b-34y92zdzd0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.avatar-icon[b-34y92zdzd0] {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.member-info[b-34y92zdzd0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.member-name[b-34y92zdzd0] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.member-username[b-34y92zdzd0] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
}

.member-bio[b-34y92zdzd0] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}

.member-actions[b-34y92zdzd0] {
    display: flex;
    align-items: center;
}

.chevron-icon[b-34y92zdzd0] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.member-card:hover .chevron-icon[b-34y92zdzd0] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

.member-loading[b-34y92zdzd0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    color: rgba(255, 255, 255, 0.6);
}

.empty-members[b-34y92zdzd0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    color: rgba(255, 255, 255, 0.6);
}

.empty-icon[b-34y92zdzd0] {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 1rem;
}

.join-requests-section[b-34y92zdzd0] {
    margin: 2rem 0;
}

.join-requests-section h4[b-34y92zdzd0] {
    color: white;
    margin-bottom: 1rem;
}

.join-requests[b-34y92zdzd0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.join-request-card[b-34y92zdzd0] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1rem;
}

.join-request-content[b-34y92zdzd0] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.requester-info[b-34y92zdzd0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.requester-avatar[b-34y92zdzd0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    flex-shrink: 0;
}

.requester-details[b-34y92zdzd0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.requester-name[b-34y92zdzd0] {
    font-weight: 500;
    color: white;
}

.request-date[b-34y92zdzd0] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
}

.request-actions[b-34y92zdzd0] {
    display: flex;
    gap: 0.5rem;
}

.spinner[b-34y92zdzd0] {
    animation: spin-b-34y92zdzd0 1s linear infinite;
}

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

.leaderboard-section[b-34y92zdzd0] {
    padding: 20px;
}

.team-stats[b-34y92zdzd0] {
    padding: 20px;
    margin-bottom: 20px;
}

.stats-grid[b-34y92zdzd0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.stat-item[b-34y92zdzd0] {
    padding: 12px;
    background-color: var(--neutral-layer-2);
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-divider);
}

.stat-item strong[b-34y92zdzd0] {
    color: var(--accent-foreground-rest);
}

.leaderboard-error[b-34y92zdzd0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 16px;
    text-align: center;
}

.empty-state[b-34y92zdzd0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    text-align: center;
}

[b-34y92zdzd0] .badge {
    background-color: #684db0;
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
}

.text-muted[b-34y92zdzd0] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .team-actions[b-34y92zdzd0] {
        flex-direction: column;
        align-items: stretch;
    }

    .member-content[b-34y92zdzd0] {
        padding: 0.75rem;
    }

    .member-avatar[b-34y92zdzd0] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .join-request-content[b-34y92zdzd0] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .request-actions[b-34y92zdzd0] {
        justify-content: center;
    }
}
/* _content/ADG.Website/Pages/Teams/Teams.razor.rz.scp.css */
.team-card[b-ibjnmqoxsw] {
    margin-bottom: 10px;
    padding: 15px;
    transition: background-color 0.2s;
}

.team-card:hover[b-ibjnmqoxsw] {
    background-color: var(--neutral-layer-2);
}

.team-card-content[b-ibjnmqoxsw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.team-info h2[b-ibjnmqoxsw] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.team-info p[b-ibjnmqoxsw] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
}

.team-members[b-ibjnmqoxsw] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.member-avatar[b-ibjnmqoxsw] {
    position: relative;
}

.avatar-placeholder[b-ibjnmqoxsw] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.8rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.more-members .avatar-placeholder[b-ibjnmqoxsw] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
    font-size: 0.7rem;
}

.pagination-container[b-ibjnmqoxsw] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding: 1rem;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .team-card-content[b-ibjnmqoxsw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .team-members[b-ibjnmqoxsw] {
        align-self: flex-end;
    }
}
/* _content/ADG.Website/Pages/Teams/TeamsCreate.razor.rz.scp.css */
.create-team-container[b-q4url0pxgb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
    min-height: 50vh;
    justify-content: center;
}

.create-team-header[b-q4url0pxgb] {
    text-align: center;
    margin-bottom: 3rem;
}

.create-team-header h2[b-q4url0pxgb] {
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.create-team-form[b-q4url0pxgb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
}

.team-name-section[b-q4url0pxgb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    max-width: 400px;
}

.team-name-input[b-q4url0pxgb] {
    width: 100%;
    font-size: 1.1rem;
    padding: 1rem;
    text-align: center;
}

.validation-message[b-q4url0pxgb] {
    color: #ff6b6b;
    font-size: 0.875rem;
    text-align: center;
}

.create-team-button[b-q4url0pxgb] {
    padding: 1.25rem 3rem;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-radius: 12px;
    min-width: 200px;
    height: auto;
}

.create-team-button span[b-q4url0pxgb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.spinner[b-q4url0pxgb] {
    animation: spin-b-q4url0pxgb 1s linear infinite;
}

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

.error-bar[b-q4url0pxgb] {
    margin-bottom: 2rem;
    max-width: 400px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .create-team-container[b-q4url0pxgb] {
        padding: 1rem;
    }

    .create-team-header h2[b-q4url0pxgb] {
        font-size: 2rem;
    }

    .team-name-section[b-q4url0pxgb] {
        max-width: 100%;
    }

    .create-team-button[b-q4url0pxgb] {
        padding: 1rem 2rem;
        font-size: 1.1rem;
        min-width: 150px;
    }
}

/* _content/ADG.Website/Pages/Testing/Blank.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Testing/Localization/LocalizationTesting.razor.rz.scp.css */
.language-field[b-ykvpshqqr5] {
    max-width: 300px;
    margin-bottom: 16px;
}

.breadcrumbs[b-ykvpshqqr5] {
    margin-bottom: 24px;
}

.localization-examples[b-ykvpshqqr5] {
    margin-top: 16px;
}

.test-data-inputs[b-ykvpshqqr5] {
    margin-top: 16px;
}

.example-card[b-ykvpshqqr5] {
    margin-bottom: 12px;
    background-color: var(--mud-palette-background-grey);
}

.example-text[b-ykvpshqqr5] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.9rem;
    line-height: 1.5;
}
/* _content/ADG.Website/Pages/Testing/NotificationTesting.razor.rz.scp.css */
.notification-testing-container[b-yh7h1tge9j] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
    gap: 2rem;
}

.notification-testing-header[b-yh7h1tge9j] {
    text-align: center;
    color: white;
    margin-bottom: 1rem;
}

.header-icon[b-yh7h1tge9j] {
    font-size: 4rem;
    color: #ffffff;
    margin-bottom: 1rem;
}

.page-title[b-yh7h1tge9j] {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    color: white;
}

.page-description[b-yh7h1tge9j] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    line-height: 1.4;
}

.notification-form[b-yh7h1tge9j] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.form-card[b-yh7h1tge9j] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 2rem;
}

.form-section[b-yh7h1tge9j] {
    margin-bottom: 2rem;
}

.form-section:last-child[b-yh7h1tge9j] {
    margin-bottom: 0;
}

.section-title[b-yh7h1tge9j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: white;
    margin-bottom: 1rem;
}

.section-icon[b-yh7h1tge9j] {
    color: #ffffff;
    font-size: 1.25rem;
}

.content-input[b-yh7h1tge9j],
.target-input[b-yh7h1tge9j] {
    width: 100%;
    font-size: 1rem;
}

.target-hint[b-yh7h1tge9j] {
    margin-top: 0.75rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
}

.hint-icon[b-yh7h1tge9j] {
    color: #ffffff;
    font-size: 1rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.format-list[b-yh7h1tge9j] {
    margin: 0.5rem 0 0 1.5rem;
    padding: 0;
}

.format-list li[b-yh7h1tge9j] {
    margin-bottom: 0.25rem;
    color: rgba(255, 255, 255, 0.7);
}

.format-list strong[b-yh7h1tge9j] {
    color: white;
}

.notification-types[b-yh7h1tge9j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.notification-checkbox[b-yh7h1tge9j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.notification-checkbox:hover[b-yh7h1tge9j] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.checkbox-icon[b-yh7h1tge9j] {
    color: #ffffff;
    font-size: 1.1rem;
}

.form-actions[b-yh7h1tge9j] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.send-button[b-yh7h1tge9j] {
    font-size: 1.1rem;
    padding: 0.75rem 2rem;
}

.clear-button[b-yh7h1tge9j] {
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
}

/* Result card styles */
.result-card[b-yh7h1tge9j] {
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.result-card.success[b-yh7h1tge9j] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.result-card.error[b-yh7h1tge9j] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.result-content[b-yh7h1tge9j] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.result-icon[b-yh7h1tge9j] {
    font-size: 2rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.result-card.success .result-icon[b-yh7h1tge9j] {
    color: #22c55e;
}

.result-card.error .result-icon[b-yh7h1tge9j] {
    color: #ef4444;
}

.result-text[b-yh7h1tge9j] {
    flex: 1;
}

.result-title[b-yh7h1tge9j] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: white;
}

.result-message[b-yh7h1tge9j] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 1rem 0;
    line-height: 1.4;
}

.delivery-methods[b-yh7h1tge9j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.delivery-label[b-yh7h1tge9j] {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.delivery-method[b-yh7h1tge9j] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 500;
}

.target-info[b-yh7h1tge9j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

.target-label[b-yh7h1tge9j] {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.target-value[b-yh7h1tge9j] {
    color: white;
    font-weight: 500;
}

.target-type[b-yh7h1tge9j] {
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .notification-testing-container[b-yh7h1tge9j] {
        padding: 1rem;
    }
    
    .page-title[b-yh7h1tge9j] {
        font-size: 2rem;
    }
    
    .form-card[b-yh7h1tge9j] {
        padding: 1.5rem;
    }
    
    .notification-types[b-yh7h1tge9j] {
        grid-template-columns: 1fr;
    }
    
    .form-actions[b-yh7h1tge9j] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .result-content[b-yh7h1tge9j] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .delivery-methods[b-yh7h1tge9j],
    .target-info[b-yh7h1tge9j] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}

@media (max-width: 480px) {
    .header-icon[b-yh7h1tge9j] {
        font-size: 3rem;
    }
    
    .page-title[b-yh7h1tge9j] {
        font-size: 1.75rem;
    }
    
    .page-description[b-yh7h1tge9j] {
        font-size: 1rem;
    }
}
/* _content/ADG.Website/Pages/Testing/TestErrors/TestErrorRequested.razor.rz.scp.css */
.test-error-container[b-51ur6bvb53] {
    margin-bottom: 20px;
}
/* _content/ADG.Website/Pages/Testing/Testing.razor.rz.scp.css */
.testing-container[b-4vs44j809y] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.testing-title[b-4vs44j809y] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
    text-align: center;
}

.testing-list[b-4vs44j809y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.testing-item[b-4vs44j809y] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.testing-item:hover[b-4vs44j809y] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.testing-item:active[b-4vs44j809y] {
    transform: translateY(0);
}

.testing-item-content[b-4vs44j809y] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4rem;
}

.testing-icon[b-4vs44j809y] {
    color: #ffffff;
    font-size: 3rem;
    flex-shrink: 0;
}

.testing-text[b-4vs44j809y] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.testing-label[b-4vs44j809y] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.testing-description[b-4vs44j809y] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
}

.testing-chevron[b-4vs44j809y] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.testing-item:hover .testing-chevron[b-4vs44j809y] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

.testing-separator[b-4vs44j809y] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

/* Error testing items have special styling */
.error-item[b-4vs44j809y] {
    border-color: rgba(255, 193, 7, 0.3);
    background: rgba(255, 193, 7, 0.08);
}

.error-item:hover[b-4vs44j809y] {
    border-color: rgba(255, 193, 7, 0.5);
    background: rgba(255, 193, 7, 0.15);
}

.error-item .testing-icon[b-4vs44j809y] {
    color: #ffc107;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .testing-container[b-4vs44j809y] {
        padding: 1rem;
    }

    .testing-title[b-4vs44j809y] {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .testing-item-content[b-4vs44j809y] {
        padding: 1.25rem;
    }

    .testing-label[b-4vs44j809y] {
        font-size: 1rem;
    }

    .testing-description[b-4vs44j809y] {
        font-size: 0.8rem;
    }
}