@layer github-markdown, app-bundle, radzen;

@import 'github-markdown.css' layer(github-markdown);

@import 'output.css' layer(app-bundle); /* Ignore IDE error! */

@import '/_content/Radzen.Blazor/css/standard-base.css' layer(radzen); /* Ignore IDE error! */

@layer radzen {
    /* Add more breathing room to Radzen notification toasts */
    .rz-notification-item {
        padding: 0.5rem !important;
    }
    
    /* Dark mode support for Radzen dialogs */
    .dark .rz-dialog {
        background-color: #1f2937 !important; /* gray-800 */
        border-color: #374151 !important; /* gray-700 */
        color: #f9fafb !important; /* gray-50 */
    }
    
    .dark .rz-dialog-title {
        color: #f9fafb !important; /* gray-50 */
        border-bottom-color: #374151 !important; /* gray-700 */
    }
    
    .dark .rz-dialog-content {
        background-color: #1f2937 !important; /* gray-800 */
        color: #f9fafb !important; /* gray-50 */
    }
    
    .dark .rz-dialog-titlebar {
        background-color: #1f2937 !important; /* gray-800 */
        border-bottom-color: #374151 !important; /* gray-700 */
    }
    
    /* Dark mode for dialog overlay */
    .dark .rz-overlaypanel, .dark .rz-dialog-mask {
        background-color: rgba(0, 0, 0, 0.6) !important;
    }
}