/* /Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
.password-manage-wrapper[b-1z3mqrfsex] {
    max-width: 600px;
    margin: 0 auto;
    padding: 1rem;
}

.status-message-container[b-1z3mqrfsex] {
    margin-bottom: 1rem;
}

.password-card[b-1z3mqrfsex] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.1),
        0 6px 20px rgba(139, 69, 19, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.password-card[b-1z3mqrfsex]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.password-header[b-1z3mqrfsex] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255, 215, 0, 0.2);
}

.password-icon[b-1z3mqrfsex] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a5a3b;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}

.password-icon svg[b-1z3mqrfsex] {
    width: 32px;
    height: 32px;
}

.password-header h2[b-1z3mqrfsex] {
    color: #1a5a3b;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.2);
}

.password-header p[b-1z3mqrfsex] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
}

.input-wrapper[b-1z3mqrfsex] {
    position: relative;
}

.input-hint[b-1z3mqrfsex] {
    font-size: 0.85rem;
    color: #8B4513;
    margin-top: 0.5rem;
    font-style: italic;
}

.validation-summary[b-1z3mqrfsex] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.button-container[b-1z3mqrfsex] {
    margin-top: 2rem;
    text-align: center;
}

[b-1z3mqrfsex] .change-password-button {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: #1a5a3b !important;
    font-weight: 700 !important;
    padding: 12px 32px !important;
    font-size: 1.1rem !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    min-width: 200px;
}

[b-1z3mqrfsex] .change-password-button:hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(26, 90, 59, 0.4) !important;
}

[b-1z3mqrfsex] .enhanced-form .dxbl-form-layout-item-caption {
    color: #1a5a3b !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}

[b-1z3mqrfsex] .enhanced-form .dxbl-textbox,
[b-1z3mqrfsex] .enhanced-form .password-input {
    border: 2px solid rgba(139, 69, 19, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(245, 245, 220, 0.5) !important;
    transition: all 0.3s ease !important;
}

[b-1z3mqrfsex] .enhanced-form .dxbl-textbox:focus,
[b-1z3mqrfsex] .enhanced-form .password-input:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

/* Security indicator for password fields */
[b-1z3mqrfsex] .password-input {
    position: relative;
}

[b-1z3mqrfsex] .password-input::after {
    content: '??';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9rem;
    color: #8B4513;
    pointer-events: none;
}

@media (max-width: 768px) {
    .password-card[b-1z3mqrfsex] {
        padding: 1.5rem;
    }
    
    .password-header h2[b-1z3mqrfsex] {
        font-size: 1.5rem;
    }
    
    [b-1z3mqrfsex] .change-password-button {
        min-width: 100%;
    }
}
/* /Components/Account/Pages/Manage/Email.razor.rz.scp.css */
.email-manage-wrapper[b-swwq8irwka] {
    max-width: 600px;
    margin: 0 auto;
    padding: 1rem;
}

.status-message-container[b-swwq8irwka] {
    margin-bottom: 1rem;
}

.email-card[b-swwq8irwka] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.1),
        0 6px 20px rgba(139, 69, 19, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.email-card[b-swwq8irwka]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.email-header[b-swwq8irwka] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255, 215, 0, 0.2);
}

.email-icon[b-swwq8irwka] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a5a3b;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}

.email-icon svg[b-swwq8irwka] {
    width: 32px;
    height: 32px;
}

.email-header h2[b-swwq8irwka] {
    color: #1a5a3b;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.2);
}

.email-header p[b-swwq8irwka] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
}

.input-wrapper[b-swwq8irwka] {
    position: relative;
}

.input-hint[b-swwq8irwka] {
    font-size: 0.85rem;
    color: #8B4513;
    margin-top: 0.5rem;
    font-style: italic;
}

.email-status[b-swwq8irwka] {
    margin-top: 0.5rem;
    font-weight: 600;
}

.status-verified[b-swwq8irwka] {
    color: #28a745;
    font-size: 0.9rem;
}

.status-unverified[b-swwq8irwka] {
    color: #ffc107;
    font-size: 0.9rem;
}

.verification-section[b-swwq8irwka] {
    background: rgba(255, 193, 7, 0.1);
    border-radius: 8px;
    padding: 1rem;
    border: 1px dashed rgba(255, 193, 7, 0.5);
}

.validation-summary[b-swwq8irwka] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.button-container[b-swwq8irwka] {
    margin-top: 2rem;
    text-align: center;
}

[b-swwq8irwka] .change-email-button,
[b-swwq8irwka] .verification-button {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: #1a5a3b !important;
    font-weight: 700 !important;
    padding: 12px 32px !important;
    font-size: 1.1rem !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    min-width: 200px;
}

[b-swwq8irwka] .verification-button {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%) !important;
    font-size: 1rem !important;
    min-width: 180px;
}

[b-swwq8irwka] .change-email-button:hover,
[b-swwq8irwka] .verification-button:hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(26, 90, 59, 0.4) !important;
}

[b-swwq8irwka] .enhanced-form .dxbl-form-layout-item-caption {
    color: #1a5a3b !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}

[b-swwq8irwka] .enhanced-form .dxbl-textbox {
    border: 2px solid rgba(139, 69, 19, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(245, 245, 220, 0.5) !important;
    transition: all 0.3s ease !important;
}

[b-swwq8irwka] .enhanced-form .dxbl-textbox:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

/* ENHANCED: Much more specific selectors for disabled inputs */
[b-swwq8irwka] .enhanced-form .disabled-input,
[b-swwq8irwka] .enhanced-form .disabled-input.dxbl-textbox,
[b-swwq8irwka] .enhanced-form .disabled-input .dxbl-textbox,
[b-swwq8irwka] .enhanced-form .disabled-input input,
[b-swwq8irwka] .enhanced-form .disabled-input .dxbl-textbox-content,
[b-swwq8irwka] .enhanced-form .dxbl-textbox.disabled-input,
[b-swwq8irwka] .enhanced-form .dxbl-textbox.disabled-input input {
    background: #FFF8DC !important; /* Light cream background */
    background-color: #FFF8DC !important;
    color: #000000 !important; /* Pure black text for maximum contrast */
    border: 3px solid #FFD700 !important; /* Bold gold border */
    font-weight: 700 !important; /* Very bold for better readability */
    opacity: 1 !important;
    font-size: 1rem !important;
    cursor: not-allowed !important;
}

[b-swwq8irwka] .new-email-input {
    background: rgba(255, 255, 255, 0.8) !important;
}

@media (max-width: 768px) {
    .email-card[b-swwq8irwka] {
        padding: 1.5rem;
    }
    
    .email-header h2[b-swwq8irwka] {
        font-size: 1.5rem;
    }
    
    [b-swwq8irwka] .change-email-button,
    [b-swwq8irwka] .verification-button {
        min-width: 100%;
    }
}
/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.enable-authenticator-wrapper[b-jvvb855r1m] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem;
}

.status-message-container[b-jvvb855r1m] {
    margin-bottom: 1rem;
}

.authenticator-setup-card[b-jvvb855r1m] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.1),
        0 6px 20px rgba(139, 69, 19, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.authenticator-setup-card[b-jvvb855r1m]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.setup-header[b-jvvb855r1m] {
    text-align: center;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255, 215, 0, 0.2);
}

.setup-icon[b-jvvb855r1m] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a5a3b;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}

.setup-icon svg[b-jvvb855r1m] {
    width: 32px;
    height: 32px;
}

.setup-header h2[b-jvvb855r1m] {
    color: #1a5a3b;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.2);
}

.setup-header p[b-jvvb855r1m] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
}

/* Setup Steps */
.setup-steps[b-jvvb855r1m] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.step[b-jvvb855r1m] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: rgba(245, 245, 220, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(255, 215, 0, 0.3);
    position: relative;
}

.step-number[b-jvvb855r1m] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #1a5a3b;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4);
}

.step-content[b-jvvb855r1m] {
    flex: 1;
}

.step-content h4[b-jvvb855r1m] {
    color: #1a5a3b;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.step-content p[b-jvvb855r1m] {
    color: #2d6e47;
    margin-bottom: 1rem;
    line-height: 1.5;
}

/* App Links */
.app-links[b-jvvb855r1m] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.app-option[b-jvvb855r1m] {
    background: rgba(255, 255, 255, 0.7);
    padding: 0.75rem 1rem;
    border-radius: 8px;
    border: 1px solid rgba(139, 69, 19, 0.2);
}

.app-option strong[b-jvvb855r1m] {
    color: #1a5a3b;
    margin-right: 0.5rem;
}

.app-option a[b-jvvb855r1m] {
    color: #1a5a3b;
    text-decoration: none;
    font-weight: 500;
    margin: 0 0.25rem;
}

.app-option a:hover[b-jvvb855r1m] {
    color: #FFD700;
    text-decoration: underline;
}

/* Key Display */
.key-display[b-jvvb855r1m] {
    background: rgba(255, 248, 220, 0.9);
    border: 2px solid rgba(255, 215, 0, 0.5);
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
    text-align: center;
}

.key-label[b-jvvb855r1m] {
    color: #1a5a3b;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.key-value[b-jvvb855r1m] {
    font-family: 'Courier New', monospace;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a5a3b;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    margin: 0.5rem 0;
    border: 1px solid rgba(139, 69, 19, 0.3);
    word-break: break-all;
}

.key-note[b-jvvb855r1m] {
    font-size: 0.85rem;
    color: #8B4513;
    font-style: italic;
}

.qr-info[b-jvvb855r1m] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: rgba(13, 202, 240, 0.1);
    border-radius: 6px;
    border: 1px solid rgba(13, 202, 240, 0.3);
}

.qr-info a[b-jvvb855r1m] {
    color: #1a5a3b;
    text-decoration: none;
    font-weight: 500;
}

.qr-info a:hover[b-jvvb855r1m] {
    color: #FFD700;
    text-decoration: underline;
}

/* Form Styling */
.input-wrapper[b-jvvb855r1m] {
    position: relative;
}

.input-hint[b-jvvb855r1m] {
    font-size: 0.85rem;
    color: #8B4513;
    margin-top: 0.5rem;
    font-style: italic;
}

.validation-summary[b-jvvb855r1m] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.button-container[b-jvvb855r1m] {
    margin-top: 1.5rem;
    text-align: center;
}

[b-jvvb855r1m] .verification-form .dxbl-form-layout-item-caption {
    color: #1a5a3b !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}

[b-jvvb855r1m] .verification-form .dxbl-textbox,
[b-jvvb855r1m] .verification-input {
    border: 2px solid rgba(139, 69, 19, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(245, 245, 220, 0.5) !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
}

[b-jvvb855r1m] .verification-form .dxbl-textbox:focus,
[b-jvvb855r1m] .verification-input:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

[b-jvvb855r1m] .verify-button {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: #1a5a3b !important;
    font-weight: 700 !important;
    padding: 12px 32px !important;
    font-size: 1.1rem !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    min-width: 250px;
}

[b-jvvb855r1m] .verify-button:hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(26, 90, 59, 0.4) !important;
}

/* Legacy info-message support */
.info-message[b-jvvb855r1m] {
    margin: 0.625rem 0;
    justify-content: flex-start;
    background: rgba(13, 202, 240, 0.1);
    padding: 0.75rem;
    border-radius: 6px;
    border: 1px solid rgba(13, 202, 240, 0.3);
}

@media (max-width: 768px) {
    .authenticator-setup-card[b-jvvb855r1m] {
        padding: 1.5rem;
    }
    
    .setup-header h2[b-jvvb855r1m] {
        font-size: 1.5rem;
    }
    
    .step[b-jvvb855r1m] {
        flex-direction: column;
        text-align: center;
    }
    
    .step-number[b-jvvb855r1m] {
        align-self: center;
    }
    
    .app-links[b-jvvb855r1m] {
        gap: 0.5rem;
    }
    
    [b-jvvb855r1m] .verify-button {
        min-width: 100%;
    }
}
/* /Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.current-logins[b-xke1gquue8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.current-logins-item[b-xke1gquue8] {
    display: flex;
    gap: 0.625rem;
}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.manage-content-wrapper[b-nyu25b05o0] {
    max-width: 600px;
    margin: 0 auto;
    padding: 1rem;
}

.status-message-container[b-nyu25b05o0] {
    margin-bottom: 1rem;
}

.profile-card[b-nyu25b05o0] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.1),
        0 6px 20px rgba(139, 69, 19, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.profile-card[b-nyu25b05o0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.profile-header[b-nyu25b05o0] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255, 215, 0, 0.2);
}

.profile-icon[b-nyu25b05o0] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a5a3b;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}

.profile-icon svg[b-nyu25b05o0] {
    width: 32px;
    height: 32px;
}

.profile-header h2[b-nyu25b05o0] {
    color: #1a5a3b;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.2);
}

.profile-header p[b-nyu25b05o0] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
}

.input-wrapper[b-nyu25b05o0] {
    position: relative;
}

.input-hint[b-nyu25b05o0] {
    font-size: 0.85rem;
    color: #8B4513;
    margin-top: 0.5rem;
    font-style: italic;
}

.validation-summary[b-nyu25b05o0] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.button-container[b-nyu25b05o0] {
    margin-top: 2rem;
    text-align: center;
}

[b-nyu25b05o0] .save-button {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: #1a5a3b !important;
    font-weight: 700 !important;
    padding: 12px 32px !important;
    font-size: 1.1rem !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    min-width: 200px;
}

[b-nyu25b05o0] .save-button:hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(26, 90, 59, 0.4) !important;
}

[b-nyu25b05o0] .enhanced-form .dxbl-form-layout-item-caption {
    color: #1a5a3b !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}

[b-nyu25b05o0] .enhanced-form .dxbl-textbox,
[b-nyu25b05o0] .enhanced-form .dxbl-masked-input {
    border: 2px solid rgba(139, 69, 19, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(245, 245, 220, 0.5) !important;
    transition: all 0.3s ease !important;
}

[b-nyu25b05o0] .enhanced-form .dxbl-textbox:focus,
[b-nyu25b05o0] .enhanced-form .dxbl-masked-input:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

/* ENHANCED: Much more specific selectors for disabled inputs */
[b-nyu25b05o0] .enhanced-form .disabled-input,
[b-nyu25b05o0] .enhanced-form .disabled-input.dxbl-textbox,
[b-nyu25b05o0] .enhanced-form .disabled-input .dxbl-textbox,
[b-nyu25b05o0] .enhanced-form .disabled-input input,
[b-nyu25b05o0] .enhanced-form .disabled-input .dxbl-textbox-content,
[b-nyu25b05o0] .enhanced-form .dxbl-textbox.disabled-input,
[b-nyu25b05o0] .enhanced-form .dxbl-textbox.disabled-input input {
    background: #FFF8DC !important; /* Light cream background */
    background-color: #FFF8DC !important;
    color: #000000 !important; /* Pure black text for maximum contrast */
    border: 3px solid #FFD700 !important; /* Bold gold border */
    font-weight: 700 !important; /* Very bold for better readability */
    opacity: 1 !important;
    font-size: 1rem !important;
    cursor: not-allowed !important;
}

@media (max-width: 768px) {
    .profile-card[b-nyu25b05o0] {
        padding: 1.5rem;
    }
    
    .profile-header h2[b-nyu25b05o0] {
        font-size: 1.5rem;
    }
    
    [b-nyu25b05o0] .save-button {
        min-width: 100%;
    }
}
/* /Components/Account/Pages/Manage/PersonalData.razor.rz.scp.css */
.personaldata-manage-wrapper[b-9thgmr2w9n] {
    max-width: 700px;
    margin: 0 auto;
    padding: 1rem;
}

.status-message-container[b-9thgmr2w9n] {
    margin-bottom: 1rem;
}

.personaldata-card[b-9thgmr2w9n] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.1),
        0 6px 20px rgba(139, 69, 19, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.personaldata-card[b-9thgmr2w9n]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.personaldata-header[b-9thgmr2w9n] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255, 215, 0, 0.2);
}

.personaldata-icon[b-9thgmr2w9n] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a5a3b;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}

.personaldata-icon svg[b-9thgmr2w9n] {
    width: 32px;
    height: 32px;
}

.personaldata-header h2[b-9thgmr2w9n] {
    color: #1a5a3b;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.2);
}

.personaldata-header p[b-9thgmr2w9n] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
}

/* Data Info Section */
.data-info-section[b-9thgmr2w9n] {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-box[b-9thgmr2w9n],
.warning-box[b-9thgmr2w9n] {
    border-radius: 12px;
    padding: 1.5rem;
    border-left: 5px solid;
}

.info-box[b-9thgmr2w9n] {
    background: rgba(13, 202, 240, 0.1);
    border-left-color: #0dcaf0;
}

.warning-box[b-9thgmr2w9n] {
    background: rgba(255, 193, 7, 0.1);
    border-left-color: #ffc107;
}

.info-content h4[b-9thgmr2w9n],
.warning-content h4[b-9thgmr2w9n] {
    color: #1a5a3b;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.info-content p[b-9thgmr2w9n],
.warning-content p[b-9thgmr2w9n] {
    color: #2d6e47;
    margin: 0;
    line-height: 1.5;
}

.warning-content strong[b-9thgmr2w9n] {
    color: #1a5a3b;
    font-weight: 700;
}

/* Action Section */
.action-section[b-9thgmr2w9n] {
    margin-top: 2rem;
}

.action-section h3[b-9thgmr2w9n] {
    color: #1a5a3b;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 215, 0, 0.3);
}

.data-actions[b-9thgmr2w9n] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.action-card[b-9thgmr2w9n] {
    flex: 1;
    min-width: 280px;
    background: rgba(245, 245, 220, 0.8);
    border-radius: 12px;
    padding: 1.5rem;
    border: 2px solid rgba(255, 215, 0, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
}

.action-card:hover[b-9thgmr2w9n] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.download-card[b-9thgmr2w9n] {
    border-left: 5px solid #28a745;
}

.delete-card[b-9thgmr2w9n] {
    border-left: 5px solid #dc3545;
}

.action-icon[b-9thgmr2w9n] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.action-details h4[b-9thgmr2w9n] {
    color: #1a5a3b;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.action-details p[b-9thgmr2w9n] {
    color: #2d6e47;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    font-size: 0.95rem;
}

.action-form[b-9thgmr2w9n],
.action-link[b-9thgmr2w9n] {
    width: 100%;
}

.action-link[b-9thgmr2w9n] {
    text-decoration: none;
}

/* Button Styling */
[b-9thgmr2w9n] .download-button {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    width: 100%;
}

[b-9thgmr2w9n] .download-button:hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 90, 59, 0.3) !important;
}

[b-9thgmr2w9n] .delete-button {
    background: transparent !important;
    border: 2px solid #dc3545 !important;
    color: #dc3545 !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    width: 100%;
}

[b-9thgmr2w9n] .delete-button:hover {
    background: #dc3545 !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(220, 53, 69, 0.3) !important;
}

@media (max-width: 768px) {
    .personaldata-card[b-9thgmr2w9n] {
        padding: 1.5rem;
    }
    
    .personaldata-header h2[b-9thgmr2w9n] {
        font-size: 1.5rem;
    }
    
    .data-actions[b-9thgmr2w9n] {
        flex-direction: column;
    }
    
    .action-card[b-9thgmr2w9n] {
        min-width: 100%;
    }
    
    .data-info-section[b-9thgmr2w9n] {
        gap: 0.75rem;
    }
    
    .info-box[b-9thgmr2w9n],
    .warning-box[b-9thgmr2w9n] {
        padding: 1rem;
    }
}
/* /Components/Account/Pages/Manage/TwoFactorAuthentication.razor.rz.scp.css */
.twofactor-manage-wrapper[b-w6smc8tdnq] {
    max-width: 700px;
    margin: 0 auto;
    padding: 1rem;
}

.status-message-container[b-w6smc8tdnq] {
    margin-bottom: 1rem;
}

.twofactor-card[b-w6smc8tdnq] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.1),
        0 6px 20px rgba(139, 69, 19, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.twofactor-card[b-w6smc8tdnq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.twofactor-header[b-w6smc8tdnq] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255, 215, 0, 0.2);
}

.twofactor-icon[b-w6smc8tdnq] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a5a3b;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}

.twofactor-icon svg[b-w6smc8tdnq] {
    width: 32px;
    height: 32px;
}

.twofactor-header h2[b-w6smc8tdnq] {
    color: #1a5a3b;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.2);
}

.twofactor-header p[b-w6smc8tdnq] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
}

/* Security Status Indicators */
.security-status[b-w6smc8tdnq] {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-left: 5px solid;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.security-status.enabled[b-w6smc8tdnq] {
    border-left-color: #28a745;
    background: rgba(40, 167, 69, 0.1);
}

.security-status.disabled[b-w6smc8tdnq] {
    border-left-color: #ffc107;
    background: rgba(255, 193, 7, 0.1);
}

.status-indicator[b-w6smc8tdnq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.status-icon[b-w6smc8tdnq] {
    font-size: 1.5rem;
}

.status-text[b-w6smc8tdnq] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a5a3b;
}

.status-description[b-w6smc8tdnq] {
    color: #2d6e47;
    margin: 0;
    font-size: 0.95rem;
}

/* Alert Styling */
.alert[b-w6smc8tdnq] {
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    border-left: 4px solid;
}

.alert.alert-danger[b-w6smc8tdnq] {
    background: rgba(220, 53, 69, 0.1);
    border-left-color: #dc3545;
    color: #721c24;
}

.alert.alert-warning[b-w6smc8tdnq] {
    background: rgba(255, 193, 7, 0.1);
    border-left-color: #ffc107;
    color: #856404;
}

.alert.alert-info[b-w6smc8tdnq] {
    background: rgba(13, 202, 240, 0.1);
    border-left-color: #0dcaf0;
    color: #055160;
}

.alert strong[b-w6smc8tdnq] {
    display: block;
    margin-bottom: 0.5rem;
}

.alert a[b-w6smc8tdnq] {
    color: #1a5a3b;
    text-decoration: underline;
    font-weight: 600;
}

.alert a:hover[b-w6smc8tdnq] {
    color: #FFD700;
}

/* Machine Status */
.machine-status[b-w6smc8tdnq] {
    background: rgba(255, 248, 220, 0.8);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(255, 215, 0, 0.3);
}

.machine-text[b-w6smc8tdnq] {
    color: #1a5a3b;
    font-weight: 500;
}

.forget-form[b-w6smc8tdnq] {
    margin: 0;
}

/* Section Headers */
.section-header[b-w6smc8tdnq] {
    margin: 2rem 0 1.5rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 215, 0, 0.3);
}

.section-header h3[b-w6smc8tdnq] {
    color: #1a5a3b;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.section-header p[b-w6smc8tdnq] {
    color: #2d6e47;
    margin: 0;
    font-size: 0.95rem;
}

/* Action Buttons */
.action-buttons[b-w6smc8tdnq],
.authenticator-actions[b-w6smc8tdnq] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.action-link[b-w6smc8tdnq] {
    text-decoration: none;
    flex: 1;
    min-width: 200px;
}

.setup-info[b-w6smc8tdnq] {
    background: rgba(245, 245, 220, 0.8);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(139, 69, 19, 0.2);
}

.setup-info p[b-w6smc8tdnq] {
    margin: 0;
    color: #2d6e47;
}

/* Button Styling */
[b-w6smc8tdnq] .action-button,
[b-w6smc8tdnq] .primary-button,
[b-w6smc8tdnq] .forget-button {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    width: 100%;
    padding: 10px 20px !important;
}

[b-w6smc8tdnq] .primary-button {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: #1a5a3b !important;
}

[b-w6smc8tdnq] .primary-button:hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 90, 59, 0.3) !important;
}

[b-w6smc8tdnq] .forget-button {
    background: rgba(255, 193, 7, 0.2) !important;
    border: 1px solid #ffc107 !important;
    color: #856404 !important;
    font-size: 0.9rem !important;
    min-width: 150px !important;
    width: auto !important;
}

[b-w6smc8tdnq] .forget-button:hover {
    background: #ffc107 !important;
    color: #fff !important;
}

.privacy-alert[b-w6smc8tdnq] {
    text-align: center;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .twofactor-card[b-w6smc8tdnq] {
        padding: 1.5rem;
    }
    
    .twofactor-header h2[b-w6smc8tdnq] {
        font-size: 1.5rem;
    }
    
    .action-buttons[b-w6smc8tdnq],
    .authenticator-actions[b-w6smc8tdnq] {
        flex-direction: column;
    }
    
    .action-link[b-w6smc8tdnq] {
        min-width: 100%;
    }
    
    .machine-status[b-w6smc8tdnq] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
}
/* /Components/Account/Pages/PendingApproval.razor.rz.scp.css */
.pending-approval-wrapper[b-lauj7ob46y] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, rgba(255, 248, 220, 0.1) 0%, rgba(255, 235, 180, 0.1) 100%);
}

.pending-approval-card[b-lauj7ob46y] {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 20px;
    padding: 3rem;
    max-width: 800px;
    width: 100%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.pending-approval-card[b-lauj7ob46y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.approval-icon[b-lauj7ob46y] {
    width: 80px;
    height: 80px;
    margin: 0 auto 2rem;
    background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 8px 25px rgba(255, 193, 7, 0.4);
    animation: pulse-warning-b-lauj7ob46y 2s infinite;
}

.approval-icon svg[b-lauj7ob46y] {
    width: 40px;
    height: 40px;
}

@keyframes pulse-warning-b-lauj7ob46y {
    0%, 100% { transform: scale(1); box-shadow: 0 8px 25px rgba(255, 193, 7, 0.4); }
    50% { transform: scale(1.05); box-shadow: 0 12px 35px rgba(255, 193, 7, 0.6); }
}

.pending-approval-card h1[b-lauj7ob46y] {
    color: #1a5a3b;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.pending-approval-card h2[b-lauj7ob46y] {
    color: #ffc107;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.approval-message[b-lauj7ob46y] {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 193, 7, 0.1) 100%);
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.approval-message p[b-lauj7ob46y] {
    color: #2d6e47;
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0 0 0.5rem 0;
}

.approval-message p:last-child[b-lauj7ob46y] {
    margin-bottom: 0;
}

.approval-process[b-lauj7ob46y] {
    margin: 2rem 0;
}

.approval-process h3[b-lauj7ob46y] {
    color: #1a5a3b;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.process-steps[b-lauj7ob46y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.step[b-lauj7ob46y] {
    background: rgba(248, 249, 250, 0.8);
    border: 1px solid rgba(222, 226, 230, 0.8);
    border-radius: 12px;
    padding: 1rem;
    transition: all 0.3s ease;
    position: relative;
}

.step.completed[b-lauj7ob46y] {
    background: rgba(40, 167, 69, 0.1);
    border-color: rgba(40, 167, 69, 0.3);
}

.step.active[b-lauj7ob46y] {
    background: rgba(255, 193, 7, 0.1);
    border-color: rgba(255, 193, 7, 0.4);
    transform: scale(1.02);
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.2);
}

.step.pending[b-lauj7ob46y] {
    background: rgba(108, 117, 125, 0.05);
    border-color: rgba(108, 117, 125, 0.2);
}

.step-icon[b-lauj7ob46y] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.step-content h4[b-lauj7ob46y] {
    color: #1a5a3b;
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.step-content p[b-lauj7ob46y] {
    color: #6c757d;
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.4;
}

.step.completed .step-content h4[b-lauj7ob46y],
.step.completed .step-content p[b-lauj7ob46y] {
    color: #28a745;
}

.step.active .step-content h4[b-lauj7ob46y] {
    color: #856404;
}

.step.active .step-content p[b-lauj7ob46y] {
    color: #856404;
}

.approval-info[b-lauj7ob46y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.info-box[b-lauj7ob46y] {
    background: rgba(245, 245, 220, 0.6);
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: left;
}

.info-box h3[b-lauj7ob46y] {
    color: #1a5a3b;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
}

.info-box p[b-lauj7ob46y] {
    color: #2d6e47;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}

.action-buttons[b-lauj7ob46y] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin: 2rem 0;
    flex-wrap: wrap;
}

.login-button[b-lauj7ob46y],
.home-button[b-lauj7ob46y] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 12px 24px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.login-button[b-lauj7ob46y] {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%);
    color: #FFD700;
    border-color: #1a5a3b;
}

.login-button:hover[b-lauj7ob46y] {
    background: linear-gradient(135deg, #2d6e47 0%, #1a5a3b 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(26, 90, 59, 0.3);
    color: #FFD700;
    text-decoration: none;
}

.home-button[b-lauj7ob46y] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #1a5a3b;
    border-color: #FFD700;
}

.home-button:hover[b-lauj7ob46y] {
    background: linear-gradient(135deg, #FFA500 0%, #FFD700 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
    color: #1a5a3b;
    text-decoration: none;
}

.login-button svg[b-lauj7ob46y],
.home-button svg[b-lauj7ob46y] {
    width: 18px;
    height: 18px;
}

.contact-info[b-lauj7ob46y] {
    background: rgba(233, 236, 239, 0.8);
    border: 1px solid rgba(222, 226, 230, 0.8);
    border-radius: 10px;
    padding: 1rem;
    margin-top: 2rem;
}

.contact-info p[b-lauj7ob46y] {
    color: #495057;
    font-size: 0.9rem;
    margin: 0;
    font-style: italic;
}

/* Responsive Design */
@media (max-width: 768px) {
    .pending-approval-wrapper[b-lauj7ob46y] {
        padding: 1rem;
    }
    
    .pending-approval-card[b-lauj7ob46y] {
        padding: 2rem;
    }
    
    .pending-approval-card h1[b-lauj7ob46y] {
        font-size: 2rem;
    }
    
    .pending-approval-card h2[b-lauj7ob46y] {
        font-size: 1.2rem;
    }
    
    .process-steps[b-lauj7ob46y] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .approval-info[b-lauj7ob46y] {
        grid-template-columns: 1fr;
    }
    
    .action-buttons[b-lauj7ob46y] {
        flex-direction: column;
        align-items: center;
    }
    
    .login-button[b-lauj7ob46y],
    .home-button[b-lauj7ob46y] {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .process-steps[b-lauj7ob46y] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-ggf03c3bxj] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-ggf03c3bxj] {
        flex-direction: column;
    }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
[b-r604yeuain] .tab-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

[b-r604yeuain] .icon-profile {
    -webkit-mask-image: url("images/account/manage-profile.svg");
    mask-image: url("images/account/manage-profile.svg");
}

[b-r604yeuain] .icon-email {
    -webkit-mask-image: url("images/account/manage-email.svg");
    mask-image: url("images/account/manage-email.svg");
}

[b-r604yeuain] .icon-two-factor {
    -webkit-mask-image: url("images/account/manage-two-factor.svg");
    mask-image: url("images/account/manage-two-factor.svg");
}

[b-r604yeuain] .icon-password {
    -webkit-mask-image: url("images/account/manage-password.svg");
    mask-image: url("images/account/manage-password.svg");
}

[b-r604yeuain] .icon-personal {
    -webkit-mask-image: url("images/account/manage-personal.svg");
    mask-image: url("images/account/manage-personal.svg");
}

[b-r604yeuain] .icon-external {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

/* Professional Gold & Green Theme for Manage Account Pages */
.manage-layout[b-r604yeuain] {
    background: linear-gradient(135deg, #2d5f3f 0%, #1a4d2e 100%); /* Nice green container background */
    min-height: 100vh;
    padding: 2rem;
    position: relative;
}

/* Add subtle pattern overlay */
.manage-layout[b-r604yeuain]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 25% 25%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(26, 90, 59, 0.1) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.manage-layout > *[b-r604yeuain] {
    position: relative;
    z-index: 1;
}

/* Enhanced title styling */
.manage-layout .title[b-r604yeuain] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 16px;
    padding: 2.5rem;
    margin-bottom: 2rem;
    box-shadow: 
        0 8px 32px rgba(255, 215, 0, 0.3),
        0 4px 16px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-align: center;
    border: 2px solid rgba(139, 69, 19, 0.2);
}

.manage-layout .title .title-header-text[b-r604yeuain] {
    color: #1a5a3b;
    font-size: 2.75rem;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
    margin-bottom: 0.5rem;
}

.manage-layout .title .title-content-text[b-r604yeuain] {
    color: #2d6e47;
    font-size: 1.25rem;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}

/* DevExpress Tabs Styling */
[b-r604yeuain] .dxbl-tabs {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 0.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(139, 69, 19, 0.2);
    margin-bottom: 2rem;
}

[b-r604yeuain] .dxbl-tabs .dxbl-tab {
    border-radius: 8px;
    margin: 0 2px;
    transition: all 0.3s ease;
}

[b-r604yeuain] .dxbl-tabs .dxbl-tab:not(.dxbl-active) {
    background: linear-gradient(135deg, #F5F5DC 0%, rgba(255, 255, 255, 0.8) 100%);
    color: #2d6e47;
    border: 1px solid rgba(139, 69, 19, 0.15);
}

[b-r604yeuain] .dxbl-tabs .dxbl-tab:not(.dxbl-active):hover {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #1a5a3b;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}

[b-r604yeuain] .dxbl-tabs .dxbl-tab.dxbl-active {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%);
    color: #FFD700;
    box-shadow: 0 4px 16px rgba(26, 90, 59, 0.4);
    border: 1px solid rgba(255, 215, 0, 0.3);
}

[b-r604yeuain] .dxbl-tabs .tab-icon {
    filter: brightness(1.1);
}

/* Content area styling */
.manage-layout .block-content[b-r604yeuain] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        0 4px 16px rgba(139, 69, 19, 0.1);
    border: 1px solid rgba(139, 69, 19, 0.2);
    backdrop-filter: blur(10px);
}

/* Form styling */
[b-r604yeuain] .dxbl-form-layout-item-caption {
    color: #1a5a3b !important;
    font-weight: 600;
    font-size: 1rem;
}

[b-r604yeuain] .dxbl-textbox,
[b-r604yeuain] .dxbl-masked-input {
    border: 2px solid rgba(139, 69, 19, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(245, 245, 220, 0.5) !important;
    transition: all 0.3s ease !important;
}

[b-r604yeuain] .dxbl-textbox:focus,
[b-r604yeuain] .dxbl-masked-input:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

/* ENHANCED: Much more specific selectors for disabled inputs to override DevExpress defaults */
[b-r604yeuain] .dxbl-textbox.disabled-input,
[b-r604yeuain] .dxbl-textbox.disabled-input input,
[b-r604yeuain] .dxbl-textbox.disabled-input .dxbl-textbox-content,
[b-r604yeuain] .disabled-input.dxbl-textbox,
[b-r604yeuain] .disabled-input .dxbl-textbox,
[b-r604yeuain] .disabled-input .dxbl-textbox input,
[b-r604yeuain] .manage-layout .disabled-input,
[b-r604yeuain] .manage-layout .disabled-input input,
[b-r604yeuain] .manage-layout .disabled-input .dxbl-textbox-content {
    background: #FFF8DC !important; /* Light cream background */
    background-color: #FFF8DC !important;
    color: #000000 !important; /* Pure black text for maximum contrast */
    border: 3px solid #FFD700 !important; /* Bold gold border */
    font-weight: 700 !important; /* Very bold for better readability */
    opacity: 1 !important;
    font-size: 1rem !important;
    cursor: not-allowed !important;
}

/* Additional specific targeting for DevExpress input elements */
[b-r604yeuain] .disabled-input input[disabled],
[b-r604yeuain] .disabled-input input[readonly] {
    background: #FFF8DC !important;
    background-color: #FFF8DC !important;
    color: #000000 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* Button styling */
[b-r604yeuain] .dxbl-btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

[b-r604yeuain] .dxbl-btn.btn-primary,
[b-r604yeuain] .dxbl-btn:not([class*="btn-"]) {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: #1a5a3b !important;
}

[b-r604yeuain] .dxbl-btn.btn-primary:hover,
[b-r604yeuain] .dxbl-btn:not([class*="btn-"]):hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 90, 59, 0.3) !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .manage-layout[b-r604yeuain] {
        padding: 1rem;
    }
    
    .manage-layout .title[b-r604yeuain] {
        padding: 1.5rem;
    }
    
    .manage-layout .title .title-header-text[b-r604yeuain] {
        font-size: 2rem;
    }
    
    .manage-layout .block-content[b-r604yeuain] {
        padding: 1.5rem;
    }
}
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-3bdxuj6rgu] {
    margin: 0.625rem 0px 0.625rem 0px;
}
/* /Components/Layout/Drawer.razor.rz.scp.css */
[b-mlvly7kbtc] .navigation-drawer {
    --dxbl-drawer-panel-footer-justify-content: center;
    height: 100vh;
    max-height: 100%;
}

[b-mlvly7kbtc] .panel-open:not(.mobile) .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-mlvly7kbtc] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    .mobile-drawer-closed .shading-copy[b-mlvly7kbtc] {
        display: none;
        visibility: hidden;
    }

    [b-mlvly7kbtc] .shading-copy {
        background-color: var(--dxbl-drawer-content-shading-bg);
        height: 100%;
        position: absolute;
        transition: opacity ease var(--dxbl-drawer-animation-duration);
        visibility: visible;
        width: 100%;
        z-index: 99;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-mlvly7kbtc] .panel-open .shading-copy {
        opacity: 0;
        visibility: unset;
        height: unset;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-lopr2tbmfk] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
    color: darkgreen !important;
}

[b-lopr2tbmfk] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, #1a5a3b 0%, #0d2818 150%);
}

[b-lopr2tbmfk] .dxbl-drawer .dxbl-drawer-content {
    background-image: url("images/7-1-20_nfl_logo_jpg.jfif");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: auto;
}

[b-lopr2tbmfk] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 2rem 1rem;
}

[b-lopr2tbmfk] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-container[b-lopr2tbmfk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.logo-container .logo[b-lopr2tbmfk] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 4px;
}

.logo-container .app-title[b-lopr2tbmfk] {
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

[b-lopr2tbmfk] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-lopr2tbmfk] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1.5rem;
}

[b-lopr2tbmfk] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-lopr2tbmfk] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-lopr2tbmfk] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-lopr2tbmfk] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-lopr2tbmfk] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-lopr2tbmfk] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-lopr2tbmfk] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-lopr2tbmfk] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-lopr2tbmfk] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-lopr2tbmfk] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-lopr2tbmfk] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-lopr2tbmfk] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-lopr2tbmfk] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-lopr2tbmfk] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-lopr2tbmfk] {
    display: inline-flex;
}

.menu-button-nav[b-lopr2tbmfk] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-lopr2tbmfk] {
    display: flex;
    gap: 10px;
    padding: 2rem 1rem;
}

    .nav-buttons-container[b-lopr2tbmfk]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-lopr2tbmfk]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-lopr2tbmfk] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-lopr2tbmfk] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-lopr2tbmfk] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-lopr2tbmfk] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-lopr2tbmfk] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-lopr2tbmfk] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }

    .logo-container .app-title[b-lopr2tbmfk] {
        font-size: 1.1rem;
    }

    .logo-container .logo[b-lopr2tbmfk] {
        width: 32px;
        height: 32px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
#sidebar[b-8nk3xf6pqr] {
    min-width: 15rem;
    max-width: 15rem;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

.logo[b-8nk3xf6pqr] {
    text-align: center;
}

[b-8nk3xf6pqr] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-8nk3xf6pqr] .menu.display-iam {
    margin-bottom: 2rem;
}

[b-8nk3xf6pqr] .menu {
    background-color: inherit;
}

    [b-8nk3xf6pqr] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-8nk3xf6pqr] .menu-item {
    color: var(--bs-white);
}

/* Special styling for admin menu item */
[b-8nk3xf6pqr] .admin-menu-item {
    color: #FFD700 !important;
    background: rgba(255, 215, 0, 0.1) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
}

[b-8nk3xf6pqr] .admin-menu-item:hover {
    background: rgba(255, 215, 0, 0.2) !important;
    transform: translateX(3px);
}

[b-8nk3xf6pqr] .icon {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

[b-8nk3xf6pqr] .home-icon {
    background-image: url("images/home.svg");
}

[b-8nk3xf6pqr] .picks-icon {
    background-image: url("images/counter.svg");
}

[b-8nk3xf6pqr] .leaderboard-icon {
    background-image: url("images/weather.svg");
}

[b-8nk3xf6pqr] .admin-icon {
    background-image: url("images/account/settings.svg");
    filter: brightness(0) saturate(100%) invert(84%) sepia(87%) saturate(401%) hue-rotate(359deg) brightness(107%) contrast(101%);
}

[b-8nk3xf6pqr] .settings-icon {
    background-image: url("images/account/settings.svg");
}

[b-8nk3xf6pqr] .log-in-icon {
    background-image: url("images/account/log-in.svg");
}

[b-8nk3xf6pqr] .log-out-icon {
    background-image: url("images/account/log-out.svg");
}

[b-8nk3xf6pqr] .user-icon {
    background-image: url("images/account/user.svg");
}

@media (max-width: 768px) {
    #sidebar[b-8nk3xf6pqr] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-8nk3xf6pqr] {
        text-align: inherit;
    }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin-wrapper[b-6ui3ba75m3] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Admin Header */
.admin-header[b-6ui3ba75m3] {
    text-align: center;
    background: linear-gradient(135deg, rgba(26, 90, 59, 0.9) 0%, rgba(45, 110, 71, 0.9) 100%);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    position: relative;
    overflow: hidden;
    color: #FFD700;
}

.admin-header[b-6ui3ba75m3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 50%, #FFD700 100%);
}

.admin-icon[b-6ui3ba75m3] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a5a3b;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}

.admin-icon svg[b-6ui3ba75m3] {
    width: 32px;
    height: 32px;
}

.admin-header h1[b-6ui3ba75m3] {
    color: #FFD700;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.admin-header p[b-6ui3ba75m3] {
    color: #FFF8DC;
    font-size: 1.1rem;
    margin: 0;
    opacity: 0.9;
}

/* Statistics Section */
.admin-stats-section[b-6ui3ba75m3] {
    margin-bottom: 2rem;
}

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

.stat-card[b-6ui3ba75m3] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 215, 0, 0.3);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}

.stat-card:hover[b-6ui3ba75m3] {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.stat-card.approved[b-6ui3ba75m3] {
    border-left: 4px solid #28a745;
}

.stat-card.pending[b-6ui3ba75m3] {
    border-left: 4px solid #ffc107;
}

.stat-card.total[b-6ui3ba75m3] {
    border-left: 4px solid #1a5a3b;
}

.stat-icon[b-6ui3ba75m3] {
    font-size: 2rem;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 215, 0, 0.1);
}

.stat-details h3[b-6ui3ba75m3] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a5a3b;
    margin: 0;
}

.stat-details p[b-6ui3ba75m3] {
    color: #2d6e47;
    margin: 0;
    font-weight: 500;
}

/* Section Headers */
.section-header[b-6ui3ba75m3] {
    text-align: center;
    margin-bottom: 2rem;
}

.section-header h2[b-6ui3ba75m3] {
    color: #1a5a3b;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.section-header p[b-6ui3ba75m3] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
    opacity: 0.8;
}

/* Pending Users Section */
.pending-users-section[b-6ui3ba75m3] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.pending-users-grid[b-6ui3ba75m3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1rem;
}

/* User Cards */
.user-card[b-6ui3ba75m3] {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.user-card:hover[b-6ui3ba75m3] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.pending-card[b-6ui3ba75m3] {
    border-left: 4px solid #ffc107;
}

.family-card[b-6ui3ba75m3] {
    border-left: 4px solid #28a745;
}

.user-info[b-6ui3ba75m3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.user-avatar[b-6ui3ba75m3] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%);
    color: #FFD700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    box-shadow: 0 3px 10px rgba(26, 90, 59, 0.3);
}

.user-avatar.family[b-6ui3ba75m3] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

.user-details h4[b-6ui3ba75m3] {
    color: #1a5a3b;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.user-details p[b-6ui3ba75m3] {
    color: #6c757d;
    font-size: 0.9rem;
    margin: 0 0 0.5rem 0;
}

.status-badge[b-6ui3ba75m3] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
}

.status-badge.pending[b-6ui3ba75m3] {
    background: rgba(255, 193, 7, 0.1);
    color: #856404;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.status-badge.approved[b-6ui3ba75m3] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.admin-badge[b-6ui3ba75m3] {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #1a5a3b;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}

/* User Actions */
.user-actions[b-6ui3ba75m3] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

[b-6ui3ba75m3] .approve-button {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

[b-6ui3ba75m3] .approve-button:hover {
    background: linear-gradient(135deg, #1e7e34 0%, #17a2b8 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
}

[b-6ui3ba75m3] .reject-button {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

[b-6ui3ba75m3] .reject-button:hover {
    background: linear-gradient(135deg, #c82333 0%, #bd2130 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3) !important;
}

[b-6ui3ba75m3] .remove-button {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

[b-6ui3ba75m3] .remove-button:hover {
    background: linear-gradient(135deg, #495057 0%, #343a40 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3) !important;
}

/* No Pending Section */
.no-pending-section[b-6ui3ba75m3] {
    display: flex;
    justify-content: center;
    padding: 2rem;
    margin-bottom: 2rem;
}

.no-pending-card[b-6ui3ba75m3] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 3rem;
    text-align: center;
    max-width: 500px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.check-icon[b-6ui3ba75m3] {
    font-size: 4rem;
    color: #28a745;
    margin-bottom: 1rem;
}

.no-pending-card h3[b-6ui3ba75m3] {
    color: #1a5a3b;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.no-pending-card p[b-6ui3ba75m3] {
    color: #2d6e47;
    font-size: 1rem;
    margin: 0;
}

/* Family Members Section */
.family-members-section[b-6ui3ba75m3] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.family-members-grid[b-6ui3ba75m3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1rem;
}

/* Admin Tools Section */
.admin-tools-section[b-6ui3ba75m3] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 215, 0, 0.3);
}

.tools-grid[b-6ui3ba75m3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.tool-card[b-6ui3ba75m3] {
    background: rgba(245, 245, 220, 0.8);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    border: 1px solid rgba(255, 215, 0, 0.3);
    transition: all 0.3s ease;
}

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

.tool-icon[b-6ui3ba75m3] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.tool-card h4[b-6ui3ba75m3] {
    color: #1a5a3b;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.tool-card p[b-6ui3ba75m3] {
    color: #2d6e47;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

[b-6ui3ba75m3] .tool-button {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    border: 2px solid #FFD700 !important;
    color: #FFD700 !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

[b-6ui3ba75m3] .tool-button:hover {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #1a5a3b !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .admin-wrapper[b-6ui3ba75m3] {
        padding: 0.5rem;
    }
    
    .admin-header[b-6ui3ba75m3] {
        padding: 1.5rem;
    }
    
    .admin-header h1[b-6ui3ba75m3] {
        font-size: 2rem;
    }
    
    .stats-grid[b-6ui3ba75m3] {
        grid-template-columns: 1fr;
    }
    
    .pending-users-grid[b-6ui3ba75m3],
    .family-members-grid[b-6ui3ba75m3] {
        grid-template-columns: 1fr;
    }
    
    .user-card[b-6ui3ba75m3] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .user-actions[b-6ui3ba75m3] {
        justify-content: center;
    }
    
    .tools-grid[b-6ui3ba75m3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Index.razor.rz.scp.css */
[b-nsdclybwq2] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
}

[b-nsdclybwq2] .welcome-gridlayout .dxbl-gridlayout-root {
    align-content: center;
    justify-content: center;
}

[b-nsdclybwq2] .title {
    text-align: center;
    background: rgba(255, 215, 0, 0.85); /* Gold background with transparency */
    border-radius: 12px;
    padding: 2rem;
    margin: 1rem auto;
    max-width: 800px;
    backdrop-filter: blur(2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

[b-nsdclybwq2] .title .title-header-text {
    color: #1a5a3b; /* Dark green to match your theme */
    font-size: 2.5rem;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 1rem;
}

[b-nsdclybwq2] .title .title-content-text {
    color: #0d2818; /* Darker green for better contrast */
    font-size: 1.2rem;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    line-height: 1.5;
}

[b-nsdclybwq2] .welcome-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

[b-nsdclybwq2] .welcome-card {
    width: 26.25rem;
    height: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 1.5rem;
    text-decoration: none;
    position: relative;
    background: rgba(255, 255, 255, 0.9); /* Light background for cards */
    backdrop-filter: blur(3px);
}

    [b-nsdclybwq2] .welcome-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
        background: rgba(255, 215, 0, 0.95); /* Gold hover effect */
    }

    [b-nsdclybwq2] .welcome-card .welcome-card-img {
        width: 6.5rem;
        height: 6.5rem;
    }

    [b-nsdclybwq2] .welcome-card .welcome-card-text {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
        color: #1a5a3b; /* Dark green text for better visibility */
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    }

    [b-nsdclybwq2] .icon-fill {
        fill: var(--bs-primary);
    }

    [b-nsdclybwq2] .welcome-card .welcome-card-back {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--bs-body-color);
        opacity: 0.05;
        border-radius: 1rem;
        z-index: -2;
    }

/* Mobile responsiveness for the gold overlay */
@media (max-width: 768px) {
    [b-nsdclybwq2] .title {
        padding: 1.5rem;
        margin: 0.5rem;
    }
    
    [b-nsdclybwq2] .title .title-header-text {
        font-size: 2rem;
    }
    
    [b-nsdclybwq2] .title .title-content-text {
        font-size: 1rem;
    }
}
/* /Components/Pages/Picks.razor.rz.scp.css */
.picks-wrapper[b-ke9ahmwllb] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

/* Error Message Styling */
.error-message[b-ke9ahmwllb] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.error-message p[b-ke9ahmwllb] {
    color: #dc3545;
    margin: 0 0 0.5rem 0;
    font-weight: 600;
}

[b-ke9ahmwllb] .retry-button {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
}

/* No Weeks Section */
.no-weeks-section[b-ke9ahmwllb] {
    display: flex;
    justify-content: center;
    padding: 4rem 2rem;
}

.no-weeks-card[b-ke9ahmwllb] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 3rem;
    text-align: center;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.no-weeks-card h3[b-ke9ahmwllb] {
    color: #1a5a3b;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.no-weeks-card p[b-ke9ahmwllb] {
    color: #2d6e47;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.6;
}

[b-ke9ahmwllb] .sample-data-button {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    margin-left: 1rem !important;
}

[b-ke9ahmwllb] .sample-data-button:hover {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.3) !important;
}

/* Header Section */
.picks-header[b-ke9ahmwllb] {
    text-align: center;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.9) 0%, rgba(255, 165, 0, 0.9) 100%);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(139, 69, 19, 0.2);
    position: relative;
    overflow: hidden;
}

.picks-header[b-ke9ahmwllb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700 0%, #1a5a3b 50%, #FFD700 100%);
}

.picks-icon[b-ke9ahmwllb] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFD700;
    box-shadow: 0 6px 20px rgba(26, 90, 59, 0.4);
}

.picks-icon svg[b-ke9ahmwllb] {
    width: 32px;
    height: 32px;
}

.picks-header h1[b-ke9ahmwllb] {
    color: #1a5a3b;
    font-size: 1.8rem; /* Reduced from 2.5rem */
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
}

.picks-header p[b-ke9ahmwllb] {
    color: #2d6e47;
    font-size: 1.1rem;
    margin: 0;
    opacity: 0.9;
}

/* Week Selector Section */
.week-selector-section[b-ke9ahmwllb] {
    margin-bottom: 2rem;
}

.week-selector-card[b-ke9ahmwllb] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 215, 0, 0.3);
}

.week-selector-card h3[b-ke9ahmwllb] {
    color: #1a5a3b;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
}

.week-selector-container[b-ke9ahmwllb] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

[b-ke9ahmwllb] .week-combobox {
    min-width: 200px;
    flex: 1;
    max-width: 400px; /* Increased since no button beside it */
}

/* High-contrast DevExpress ComboBox dropdown styling for legibility */
[b-ke9ahmwllb] .week-combobox .dxbl-combobox-dropzone,
[b-ke9ahmwllb] .week-combobox .dxbl-dropdown-content,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox {
    background: #004400 !important;
    border: 1px solid #FFD700 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-dropzone-wrapper,
[b-ke9ahmwllb] .week-combobox .dxbl-list {
    background: transparent !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-list-item,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item-content,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item-content {
    background: #006600 !important;
    color: #FFD700 !important;
    border-bottom: 1px solid rgba(255, 215, 0, 0.35) !important;
    font-weight: 600 !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-list-item:hover,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item:hover,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item:focus,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item.dxbl-focus,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item:hover .dxbl-list-item-content,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item:hover .dxbl-listbox-item-content {
    background: #1f7a1f !important;
    color: #FFD700 !important;
    font-weight: 700 !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-list-item.dxbl-selected,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item.dxbl-selected,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item.dxbl-selected .dxbl-list-item-content,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item.dxbl-selected .dxbl-listbox-item-content {
    background: #FFD700 !important;
    color: #003300 !important;
    font-weight: 700 !important;
    border: 1px solid #FFD700 !important;
}

.week-item[b-ke9ahmwllb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: inherit !important;
    background: transparent !important;
}

.week-number[b-ke9ahmwllb],
.week-date[b-ke9ahmwllb],
[b-ke9ahmwllb] .week-combobox .dxbl-list-item .week-number,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item .week-date,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item .week-number,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item .week-date,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item-content .week-number,
[b-ke9ahmwllb] .week-combobox .dxbl-list-item-content .week-date,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item-content .week-number,
[b-ke9ahmwllb] .week-combobox .dxbl-listbox-item-content .week-date {
    color: inherit !important;
    font-weight: 700 !important;
}

.week-date[b-ke9ahmwllb] {
    font-size: 0.9rem;
    font-style: italic;
}

/* ComboBox input and button legibility */
[b-ke9ahmwllb] .week-combobox .dxbl-combobox-input {
    background: #004400 !important;
    color: #FFFFFF !important;
    border: 1px solid #FFD700 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-combobox-input:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.25) !important;
    background: #004400 !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-combobox-input::placeholder {
    color: #FFD700 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-combobox-btn {
    background: #006600 !important;
    color: #FFD700 !important;
    border-left: 1px solid #FFD700 !important;
}

[b-ke9ahmwllb] .week-combobox .dxbl-combobox-btn:hover {
    background: #1f7a1f !important;
    color: #FFD700 !important;
}

.week-info[b-ke9ahmwllb] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 215, 0, 0.3);
    flex-wrap: wrap;
}

.week-display[b-ke9ahmwllb] {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%);
    color: #FFD700;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(26, 90, 59, 0.3);
}

.week-date-info[b-ke9ahmwllb] {
    color: #2d6e47;
    font-weight: 500;
    font-size: 0.95rem;
    font-style: italic;
}

.edit-status[b-ke9ahmwllb] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 500;
}

.edit-status.enabled[b-ke9ahmwllb] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.edit-status.disabled[b-ke9ahmwllb] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    border: 1px solid rgba(108, 117, 125, 0.3);
}

/* Loading Section */
.loading-section[b-ke9ahmwllb] {
    text-align: center;
    padding: 4rem 2rem;
}

/* Picks Grid Section */
.picks-grid-section[b-ke9ahmwllb] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 215, 0, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center; /* Center all content horizontally */
    width: 100%;
    max-width: 1000px; /* Limit maximum width for better centering */
    margin: 0 auto; /* Center the section itself */
}

.picks-grid-header[b-ke9ahmwllb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%; /* Full width for header */
}

/* Grid Container Centering */
[b-ke9ahmwllb] .picks-grid {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    border: 2px solid rgba(255, 215, 0, 0.6) !important; /* Gold border */
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important; /* Green background */
    width: 100% !important;
    max-width: 900px !important; /* Increased from 900px to accommodate additional column */
    margin: 0 auto !important;
}

/* Grid Header - Enhanced Gold on Green */
[b-ke9ahmwllb] .picks-grid .dxbl-grid-header {
    background: linear-gradient(135deg, #0f3a26 0%, #1a5a3b 100%) !important; /* Darker green for header */
    color: #FFD700 !important; /* Gold text */
    font-weight: 700 !important;
    font-size: 1rem !important;
    border-bottom: 3px solid #FFD700 !important; /* Gold bottom border */
}

[b-ke9ahmwllb] .picks-grid .dxbl-grid-header-content {
    padding: 1rem 0.75rem !important;
}

/* Grid Data Rows - Green Background with Gold Text */
[b-ke9ahmwllb] .picks-grid .dxbl-grid-data-row {
    border-bottom: 2px solid rgba(255, 215, 0, 0.2) !important; /* Gold borders */
    transition: background-color 0.3s ease;
    background: rgba(26, 90, 59, 0.9) !important; /* Green background */
}

[b-ke9ahmwllb] .picks-grid .dxbl-grid-data-row:nth-child(even) {
    background: rgba(45, 110, 71, 0.9) !important; /* Slightly different green for alternating rows */
}

[b-ke9ahmwllb] .picks-grid .dxbl-grid-data-row:hover {
    background: rgba(255, 215, 0, 0.2) !important; /* Gold hover effect */
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
}

/* Grid Cells - Gold Text */
[b-ke9ahmwllb] .picks-grid .dxbl-grid-data-cell {
    padding: 0.5rem !important;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 215, 0, 0.2) !important; /* Gold cell borders */
    color: #FFD700 !important; /* Gold text */
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

/* Grid Headers - Gold Text */
[b-ke9ahmwllb] .picks-grid .dxbl-grid-header-row .dxbl-grid-header-cell {
    background: linear-gradient(135deg, #0f3a26 0%, #1a5a3b 100%) !important;
    color: #FFD700 !important; /* Gold text */
    font-weight: 700 !important;
    border-bottom: 2px solid #FFD700 !important;
    border-right: 1px solid rgba(255, 215, 0, 0.3) !important;
}

/* Grid Container Elements */
[b-ke9ahmwllb] .picks-grid .dxbl-grid {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important; /* Green background */
    border: 2px solid rgba(255, 215, 0, 0.6) !important;
}

[b-ke9ahmwllb] .picks-grid .dxbl-grid-container {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important; /* Green background */
    border-radius: 8px !important;
}

[b-ke9ahmwllb] .picks-grid .dxbl-grid-content {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important; /* Green background */
}

[b-ke9ahmwllb] .picks-grid .dxbl-grid-table {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important; /* Green background */
}

[b-ke9ahmwllb] .picks-grid .dxbl-grid-data-area {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important; /* Green background */
}

.select-week-section[b-ke9ahmwllb] {
    display: flex;
    justify-content: center;
    padding: 4rem 2rem;
    width: 100%;
}

.select-week-card[b-ke9ahmwllb] {
    background: rgba(255, 255, 255, 0.98) !important;
    border-radius: 16px;
    padding: 3rem;
    text-align: center;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
    border: 2px solid rgba(26, 90, 59, 0.3) !important;
}

/* No Picks Section - Centered Layout */
.no-picks-section[b-ke9ahmwllb] {
    display: flex;
    justify-content: center;
    padding: 4rem 2rem;
    width: 100%;
}

.no-picks-card[b-ke9ahmwllb] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 3rem;
    text-align: center;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
}

/* Team Cells - Updated for Green Grid Background */
.team-cell[b-ke9ahmwllb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 0.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-weight: 500;
    min-height: 60px;
    position: relative;
    overflow: hidden;
}

.team-cell.away-team[b-ke9ahmwllb] {
    background: rgba(255, 248, 220, 0.9) !important; /* Light cream background for contrast */
    border: 2px solid rgba(255, 215, 0, 0.6) !important; /* Gold border */
}

.team-cell.home-team[b-ke9ahmwllb] {
    background: rgba(255, 248, 220, 0.9) !important; /* Light cream background for contrast */
    border: 2px solid rgba(255, 215, 0, 0.6) !important; /* Gold border */
}

.team-cell.selected-team[b-ke9ahmwllb] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #1a5a3b !important;
    border: 3px solid #1a5a3b !important;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.8) !important;
    transform: scale(1.02);
}

.team-cell.clickable-team:hover:not(.selected-team)[b-ke9ahmwllb] {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4) !important;
    border-width: 3px;
    background: rgba(255, 215, 0, 0.3) !important;
}

/* Team Names - Optimized for Green Background */
.team-name[b-ke9ahmwllb] {
    font-weight: 700 !important; /* Bolder text */
    font-size: 1rem !important; /* Slightly larger */
    text-align: center;
    color: #1a5a3b !important; /* Dark green text */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9) !important; /* Strong white shadow for contrast */
}

.team-cell.away-team .team-name[b-ke9ahmwllb] {
    color: #1a5a3b !important; /* Dark green for contrast against cream background */
}

.team-cell.home-team .team-name[b-ke9ahmwllb] {
    color: #1a5a3b !important; /* Dark green for contrast against cream background */
}

.team-cell.selected-team .team-name[b-ke9ahmwllb] {
    color: #1a5a3b !important; /* Dark green on gold background */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9) !important;
}

/* VS Indicator - Gold Text for Green Background */
.vs-indicator[b-ke9ahmwllb] {
    text-align: center;
    font-weight: 700;
    color: #FFD700 !important; /* Gold text */
    font-size: 1.2rem !important; /* Larger */
    padding: 1rem 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important; /* Dark shadow for contrast */
}

/* Current Pick Column - Gold Text */
.current-pick[b-ke9ahmwllb] {
    text-align: center;
    padding: 0.5rem;
    color: #FFD700 !important; /* Gold text */
}

.no-pick[b-ke9ahmwllb] {
    color: #FFD700 !important; /* Gold text */
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.picked-team[b-ke9ahmwllb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: rgba(255, 215, 0, 0.2) !important; /* Gold background */
    padding: 0.5rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 215, 0, 0.6) !important; /* Gold border */
}

.picked-label[b-ke9ahmwllb] {
    color: #FFD700 !important; /* Gold text */
    font-size: 1.1rem;
}

.picked-name[b-ke9ahmwllb] {
    color: #FFD700 !important; /* Gold text */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Game Date Column - Gold Text */
.game-date[b-ke9ahmwllb] {
    text-align: center;
    padding: 0.5rem;
    color: #FFD700 !important; /* Gold text */
}

.date-info[b-ke9ahmwllb] {
    font-weight: 700 !important;
    color: #FFD700 !important; /* Gold text - Enhanced for visibility */
    font-size: 0.9rem !important; /* Slightly smaller for the separate column */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; /* Strong shadow for better contrast */
}

.no-date[b-ke9ahmwllb] {
    color: #FFD700 !important; /* Gold text */
    font-style: italic;
    font-size: 0.9rem !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    font-weight: 600 !important;
}

/* Game Time Column - Gold Text */
.game-time[b-ke9ahmwllb] {
    text-align: center;
    padding: 0.5rem;
    color: #FFD700 !important; /* Gold text */
}

.time-info[b-ke9ahmwllb] {
    color: #FFD700 !important; /* Gold text */
    font-size: 0.9rem !important; /* Consistent with date info */
    font-weight: 700 !important; /* Bold for better visibility */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; /* Strong shadow for contrast */
}

.no-time[b-ke9ahmwllb] {
    color: #FFD700 !important; /* Gold text */
    font-style: italic;
    font-size: 0.9rem !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; /* Stronger shadow */
    font-weight: 600 !important; /* Added weight for better visibility */
}

/* Click Hint - Updated for visibility */
.click-hint[b-ke9ahmwllb] {
    font-size: 0.75rem;
    color: #1a5a3b !important; /* Dark green for contrast */
    text-align: center;
    margin-top: 0.25rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    font-weight: 600 !important;
}

/* === SMS BUTTON STYLING === */
.sms-section[b-ke9ahmwllb] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 215, 0, 0.3);
    text-align: center;
}

[b-ke9ahmwllb] .sms-button {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: 2px solid #1a5a3b !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    padding: 12px 24px !important;
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
}

[b-ke9ahmwllb] .sms-button:hover:not(:disabled) {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.3) !important;
}

[b-ke9ahmwllb] .sms-button:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.sms-hint[b-ke9ahmwllb] {
    font-size: 0.85rem;
    color: #2d6e47;
    font-style: italic;
    margin-top: 0.5rem;
}