/* /Components/Reports/ReportPreview.razor.rz.scp.css */
.report-preview[b-wxjxu5jy3s] {
    background: white;
    border-radius: 8px;
}

.report-data-grid[b-wxjxu5jy3s] {
    border-radius: 8px;
    overflow: hidden;
}

.statistics-summary .mud-paper[b-wxjxu5jy3s] {
    border-radius: 8px;
    transition: all 0.3s ease;
}

.statistics-summary .mud-paper:hover[b-wxjxu5jy3s] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

@media print {
    .quick-actions[b-wxjxu5jy3s] {
        display: none;
    }

    .report-preview[b-wxjxu5jy3s] {
        box-shadow: none;
    }
}
/* /Components/Reports/ReportStatisticsDialog.razor.rz.scp.css */

.statistics-dialog[b-8p4xpdai0o] {
    min-width: 800px;
    max-width: 1200px;
}

.stat-card-dialog[b-8p4xpdai0o] {
    border-radius: 12px;
    transition: all 0.3s ease;
}

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

.chart-container[b-8p4xpdai0o] {
    min-height: 400px;
}

.stat-item[b-8p4xpdai0o] {
    padding: 12px;
    border-radius: 8px;
    background: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.08);
}

.stat-comparison[b-8p4xpdai0o] {
    background: rgba(0,0,0,0.02);
    padding: 16px;
    border-radius: 8px;
}

@media (max-width: 768px) {
    .statistics-dialog[b-8p4xpdai0o] {
        min-width: auto;
        max-width: 95vw;
    }
}
/* /Components/Shared/GenericDataTable.razor.rz.scp.css */
.data-table-header[b-ja0236ewgs] {
    padding: 32px 24px;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.table-title[b-ja0236ewgs] {
    font-weight: 700 !important;
    color: var(--mud-palette-text-primary) !important;
    margin-bottom: 8px !important;
    font-size: 1.75rem !important;
}

.table-subtitle[b-ja0236ewgs] {
    color: var(--mud-palette-text-secondary) !important;
    display: flex;
    align-items: center;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

.subtitle-icon[b-ja0236ewgs] {
    margin-right: 8px;
}

[dir="rtl"] .subtitle-icon[b-ja0236ewgs] {
    margin-right: 0;
    margin-left: 8px;
}

.header-actions[b-ja0236ewgs] {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

[dir="rtl"] .header-actions[b-ja0236ewgs] {
    justify-content: flex-start;
}

.search-container[b-ja0236ewgs] {
    min-width: 280px;
}

.search-field[b-ja0236ewgs] {
    background: var(--mud-palette-background) !important;
    border-radius: 8px !important;
}

.search-field .mud-input-outlined[b-ja0236ewgs] {
    border-radius: 8px !important;
    border-color: var(--mud-palette-divider) !important;
    transition: all 0.2s ease !important;
}

.search-field .mud-input-outlined:hover[b-ja0236ewgs] {
    border-color: var(--mud-palette-primary) !important;
    box-shadow: 0 0 0 1px var(--mud-palette-primary) !important;
}

.search-field .mud-input-outlined.mud-input-outlined-focused[b-ja0236ewgs] {
    border-color: var(--mud-palette-primary) !important;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2) !important;
}

.search-field .mud-input-adornment-start[b-ja0236ewgs] {
    color: var(--mud-palette-text-secondary) !important;
}

.action-buttons[b-ja0236ewgs] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.custom-data-grid[b-ja0236ewgs] {
    border-radius: 0 !important;
}

.custom-header[b-ja0236ewgs] {
    background: var(--mud-palette-surface) !important;
    border-bottom: 2px solid var(--mud-palette-divider) !important;
    font-weight: 600 !important;
    color: var(--mud-palette-text-secondary) !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.5px !important;
}

.custom-data-grid .mud-table-cell[b-ja0236ewgs] {
    border-bottom: 1px solid var(--mud-palette-divider-light) !important;
    padding: 16px !important;
    vertical-align: middle !important;
}

.custom-data-grid .mud-table-row:hover[b-ja0236ewgs] {
    background-color: var(--mud-palette-action-hover) !important;
    transition: background-color 0.2s ease !important;
}

.no-records-content[b-ja0236ewgs] {
    text-align: center;
    padding: 48px 24px;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .header-actions[b-ja0236ewgs] {
        justify-content: flex-start;
        width: 100%;
    }

    [dir="rtl"] .header-actions[b-ja0236ewgs] {
        justify-content: flex-end;
    }

    .search-container[b-ja0236ewgs] {
        min-width: 100%;
        order: 2;
    }

    .action-buttons[b-ja0236ewgs] {
        order: 1;
        justify-content: flex-end;
        width: 100%;
    }

    [dir="rtl"] .action-buttons[b-ja0236ewgs] {
        justify-content: flex-start;
    }
}

/* Dark mode adjustments remain the same */
.mud-theme-dark .data-table-header[b-ja0236ewgs] {
    background: #1e293b !important;
    border-bottom: 1px solid #334155 !important;
}

.mud-theme-dark .search-field[b-ja0236ewgs] {
    background: #0f172a !important;
}

.mud-theme-dark .search-field .mud-input-outlined[b-ja0236ewgs] {
    border-color: #334155 !important;
}

.mud-theme-dark .search-field .mud-input-outlined:hover[b-ja0236ewgs] {
    border-color: #818cf8 !important;
    box-shadow: 0 0 0 1px #818cf8 !important;
}

.mud-theme-dark .search-field .mud-input-outlined.mud-input-outlined-focused[b-ja0236ewgs] {
    border-color: #818cf8 !important;
    box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.2) !important;
}

.mud-theme-dark .custom-header[b-ja0236ewgs] {
    background: #1e293b !important;
    border-bottom: 2px solid #334155 !important;
}

.mud-theme-dark .custom-data-grid .mud-table-cell[b-ja0236ewgs] {
    border-bottom: 1px solid #334155 !important;
}

.mud-theme-dark .custom-data-grid .mud-table-row:hover[b-ja0236ewgs] {
    background-color: #334155 !important;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.mud-menu[b-eo5ji0jnit], .mud-popover[b-eo5ji0jnit], .mud-menu-list[b-eo5ji0jnit] {
    direction: ltr !important;
}

/* Keep the menu items content RTL if needed */
.mud-menu-item[b-eo5ji0jnit] {
    direction: inherit;
}

/* Fix menu positioning in RTL */
.mud-popover-provider[b-eo5ji0jnit] {
    direction: ltr !important;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-mvy694o1wi] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-mvy694o1wi] {
    height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-mvy694o1wi] {
    font-size: 1.1rem;
}

.bi[b-mvy694o1wi] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-mvy694o1wi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-mvy694o1wi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-mvy694o1wi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-mvy694o1wi] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-mvy694o1wi] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-mvy694o1wi] {
    padding-bottom: 1rem;
}

.nav-item[b-mvy694o1wi]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-mvy694o1wi]  a.active {
    background-color: rgba(255, 255, 255, 0.37);
    color: white;
}

.nav-item[b-mvy694o1wi]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-mvy694o1wi] {
        display: none;
    }

    .collapse[b-mvy694o1wi] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-mvy694o1wi] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-menu-custom[b-mvy694o1wi] {
    background: transparent !important;
}

.nav-header[b-mvy694o1wi] {
    padding: 16px;
    text-align: center;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.nav-avatar[b-mvy694o1wi] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.nav-header-text[b-mvy694o1wi] {
    color: var(--mud-palette-text-secondary) !important;
}

.nav-link-custom[b-mvy694o1wi] {
    border-radius: 8px !important;
    margin: 2px 0 !important;
    color: var(--mud-palette-text-secondary) !important;
    transition: all 0.2s ease !important;
}

.nav-link-custom:hover[b-mvy694o1wi] {
    background-color: var(--mud-palette-action-hover) !important;
    color: var(--mud-palette-text-primary) !important;
}

.nav-link-custom.active[b-mvy694o1wi] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    font-weight: 600 !important;
}

.nav-group-custom .mud-nav-group-header[b-mvy694o1wi] {
    color: var(--mud-palette-text-secondary) !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    margin: 2px 0 !important;
}

.nav-group-custom .mud-nav-group-header:hover[b-mvy694o1wi] {
    background-color: var(--mud-palette-action-hover) !important;
}

[dir="rtl"] .ml-4[b-mvy694o1wi] {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

.mud-theme-dark .nav-header[b-mvy694o1wi] {
    border-bottom: 1px solid #313244 !important;
}

.mud-theme-dark .nav-header-text[b-mvy694o1wi] {
    color: #cdd6f4 !important;
}

.mud-theme-dark .nav-link-custom[b-mvy694o1wi] {
    color: #cdd6f4 !important;
}

.mud-theme-dark .nav-link-custom:hover[b-mvy694o1wi] {
    background-color: #313244 !important;
    color: #b4befe !important;
}

.mud-theme-dark .nav-group-custom .mud-nav-group-header[b-mvy694o1wi] {
    color: #a6adc8 !important;
}

.mud-theme-dark .nav-group-custom .mud-nav-group-header:hover[b-mvy694o1wi] {
    background-color: #313244 !important;
}

.mud-theme-light .nav-header[b-mvy694o1wi] {
    border-bottom: 1px solid #e2e8f0 !important;
}

.mud-theme-light .nav-link-custom:hover[b-mvy694o1wi] {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

.mud-theme-light .nav-group-custom .mud-nav-group-header:hover[b-mvy694o1wi] {
    background-color: #f1f5f9 !important;
}
/* /Pages/Activities/Dialogs/ActivityDialog.razor.rz.scp.css */

.activity-form-page[b-gtq0geaiko] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.page-header[b-gtq0geaiko] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.header-content[b-gtq0geaiko] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-icon[b-gtq0geaiko] {
    font-size: 2rem;
    color: var(--mud-palette-primary);
}

.page-title[b-gtq0geaiko] {
    margin: 0;
    font-weight: 600;
}

.page-subtitle[b-gtq0geaiko] {
    margin: 0;
    color: #64748b;
}

.card-header-content[b-gtq0geaiko] {
    display: flex;
    align-items: center;
}

.loading-container[b-gtq0geaiko] {
    text-align: center;
    padding: 20px;
}

.selected-participants[b-gtq0geaiko] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.form-actions[b-gtq0geaiko] {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}

.action-button[b-gtq0geaiko] {
    min-width: 120px;
}

@media (max-width: 768px) {
    .page-header[b-gtq0geaiko] {
        flex-direction: column;
        align-items: stretch;
    }

    .form-actions[b-gtq0geaiko] {
        flex-direction: column-reverse;
    }

    .action-button[b-gtq0geaiko] {
        width: 100%;
    }
}
/* /Pages/ActivitySummaries/Dialogs/ActivitySummaryDialog.razor.rz.scp.css */
/* Activity Summary Dialog Styles */
.activity-summary-form-dialog[b-lqpgotaksi] {
    max-width: 95vw !important;
    width: 1200px !important;
}

.activity-summary-details-dialog[b-lqpgotaksi] {
    max-width: 95vw !important;
    width: 1400px !important;
}

/* Card Header Styles */
.card-header-content[b-lqpgotaksi] {
    display: flex;
    align-items: center;
    color: #1e293b;
}

/* Dialog Title Header */
.dialog-title-header[b-lqpgotaksi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 24px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    border-radius: 8px 8px 0 0;
    margin: -24px -24px 0 -24px;
}

.title-content[b-lqpgotaksi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.title-icon[b-lqpgotaksi] {
    font-size: 28px !important;
}

.title-text[b-lqpgotaksi] {
    color: white !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.subtitle-text[b-lqpgotaksi] {
    color: rgba(255, 255, 255, 0.8) !important;
    margin: 0 !important;
}

.status-badges[b-lqpgotaksi] {
    display: flex;
    gap: 8px;
}

.type-chip-header[b-lqpgotaksi], .date-chip-header[b-lqpgotaksi] {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Loading and Error States */
.loading-container[b-lqpgotaksi], .error-container[b-lqpgotaksi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    text-align: center;
}

/* Content Styles */
.details-content[b-lqpgotaksi] {
    max-height: 75vh;
    overflow-y: auto;
    padding: 20px 0;
}

/* Summary Cards */
.summary-cards-row[b-lqpgotaksi] {
    margin-bottom: 24px;
}

.summary-card[b-lqpgotaksi] {
    height: 100%;
    border-radius: 12px !important;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

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

.meeting-card[b-lqpgotaksi] {
    border-left-color: #3b82f6 !important;
}

.date-card[b-lqpgotaksi] {
    border-left-color: #10b981 !important;
}

.attendees-card[b-lqpgotaksi] {
    border-left-color: #f59e0b !important;
}

.supervision-card[b-lqpgotaksi] {
    border-left-color: #8b5cf6 !important;
}

.summary-card-content[b-lqpgotaksi] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px !important;
}

.summary-icon[b-lqpgotaksi] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
}

.meeting-card .summary-icon[b-lqpgotaksi] {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.date-card .summary-icon[b-lqpgotaksi] {
    background: linear-gradient(135deg, #10b981, #047857);
}

.attendees-card .summary-icon[b-lqpgotaksi] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.supervision-card .summary-icon[b-lqpgotaksi] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.summary-info[b-lqpgotaksi] {
    flex: 1;
}

.summary-label[b-lqpgotaksi] {
    color: #64748b !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}

.summary-value[b-lqpgotaksi] {
    color: #1e293b !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Tab Content */
.tab-content[b-lqpgotaksi] {
    padding: 0;
}

/* Info Cards */
.info-card[b-lqpgotaksi] {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.info-card:hover[b-lqpgotaksi] {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.card-header-custom[b-lqpgotaksi] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px !important;
}

.header-content[b-lqpgotaksi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-icon[b-lqpgotaksi] {
    color: #475569;
    font-size: 20px !important;
}

/* Enhanced Fields */
.enhanced-field[b-lqpgotaksi] {
    margin-bottom: 16px;
}

.enhanced-field.full-width .field-value[b-lqpgotaksi] {
    white-space: pre-wrap;
    word-break: break-word;
}

.field-label[b-lqpgotaksi] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600 !important;
    color: #475569 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.field-icon[b-lqpgotaksi] {
    color: #64748b !important;
}

.field-value[b-lqpgotaksi] {
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-height: 20px;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.field-value.large-text[b-lqpgotaksi] {
    font-size: 15px !important;
    line-height: 1.6;
    padding: 12px 16px;
}

/* Statistics Cards */
.stat-card[b-lqpgotaksi] {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    text-align: center;
}

.stat-card:hover[b-lqpgotaksi] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}

/* Finance Cards */
.finance-card[b-lqpgotaksi] {
    border-radius: 12px !important;
    transition: all 0.3s ease;
}

.income-card[b-lqpgotaksi] {
    border-left: 4px solid #10b981;
}

.expense-card[b-lqpgotaksi] {
    border-left: 4px solid #ef4444;
}

.finance-card:hover[b-lqpgotaksi] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}

/* File Cards */
.file-card[b-lqpgotaksi] {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.file-card:hover[b-lqpgotaksi] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.file-info[b-lqpgotaksi] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.file-details[b-lqpgotaksi] {
    flex: 1;
}

.file-name[b-lqpgotaksi] {
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}

.file-size[b-lqpgotaksi], .file-date[b-lqpgotaksi] {
    color: #64748b !important;
    margin: 0 !important;
}

.file-actions[b-lqpgotaksi] {
    margin-top: 8px;
}

/* Form Specific Styles */
.selected-participants[b-lqpgotaksi] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

/* Dialog Actions */
.dialog-actions-custom[b-lqpgotaksi] {
    display: flex;
    justify-content: center;
    padding: 16px;
    background: #f8fafc;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #e2e8f0;
}

.action-button[b-lqpgotaksi] {
    padding: 12px 32px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Chips */
.type-chip[b-lqpgotaksi], .attendees-chip[b-lqpgotaksi] {
    font-weight: 500 !important;
}

/* Action Buttons */
.action-buttons-row[b-lqpgotaksi] {
    display: flex;
    gap: 4px;
}

.action-icon-button[b-lqpgotaksi] {
    width: 32px !important;
    height: 32px !important;
}

/* Pagination */
.pagination-container[b-lqpgotaksi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.pagination-info[b-lqpgotaksi] {
    color: #64748b;
}

/* Filter Actions */
.filter-actions[b-lqpgotaksi] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .activity-summary-form-dialog[b-lqpgotaksi],
    .activity-summary-details-dialog[b-lqpgotaksi] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .summary-cards-row .mud-grid-item[b-lqpgotaksi] {
        margin-bottom: 12px;
    }

    .dialog-title-header[b-lqpgotaksi] {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .pagination-container[b-lqpgotaksi] {
        flex-direction: column;
        text-align: center;
    }

    .filter-actions[b-lqpgotaksi] {
        width: 100%;
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .dialog-actions-custom[b-lqpgotaksi],
    .action-buttons-row[b-lqpgotaksi] {
        display: none !important;
    }

    .summary-card[b-lqpgotaksi],
    .info-card[b-lqpgotaksi],
    .stat-card[b-lqpgotaksi] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Pages/ActivitySummaries/Dialogs/ActivitySummaryStatisticsDialog.razor.rz.scp.css */
/* Statistics Dialog Styles */
.activity-summary-statistics-dialog[b-knj4ws0vm7] {
    max-width: 95vw !important;
    width: 1600px !important;
}

.filter-section[b-knj4ws0vm7] {
    display: flex;
    align-items: center;
}

.filter-section .mud-select[b-knj4ws0vm7] {
    color: white !important;
}

.filter-section .mud-input-control[b-knj4ws0vm7] {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}

/* Statistics Content */
.statistics-content[b-knj4ws0vm7] {
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px 0;
}

/* Overview Cards */
.overview-cards[b-knj4ws0vm7] {
    margin-bottom: 32px;
}

.stat-overview-card[b-knj4ws0vm7] {
    border-radius: 16px !important;
    transition: all 0.3s ease;
    border-left: 6px solid transparent;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

.stat-overview-card:hover[b-knj4ws0vm7] {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
}

.total-summaries-card[b-knj4ws0vm7] {
    border-left-color: #3b82f6 !important;
}

.normal-summaries-card[b-knj4ws0vm7] {
    border-left-color: #10b981 !important;
}

.advanced-summaries-card[b-knj4ws0vm7] {
    border-left-color: #8b5cf6 !important;
}

.attendees-card[b-knj4ws0vm7] {
    border-left-color: #f59e0b !important;
}

.stat-card-content[b-knj4ws0vm7] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px !important;
}

.stat-icon[b-knj4ws0vm7] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: white;
    flex-shrink: 0;
}

.total-summaries-card .stat-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.normal-summaries-card .stat-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #10b981, #047857);
}

.advanced-summaries-card .stat-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.attendees-card .stat-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.stat-info[b-knj4ws0vm7] {
    flex: 1;
}

.stat-label[b-knj4ws0vm7] {
    color: #64748b !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-knj4ws0vm7] {
    color: #1e293b !important;
    font-weight: 700 !important;
    margin: 0 !important;
    font-size: 2.5rem !important;
}

/* Finance Summary Cards */
.finance-summary-card[b-knj4ws0vm7] {
    border-radius: 16px !important;
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
}

.finance-summary-card:hover[b-knj4ws0vm7] {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
}

.income-summary[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    border-left: 6px solid #10b981;
}

.expense-summary[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
    border-left: 6px solid #ef4444;
}

.balance-summary[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
    border-left: 6px solid #3b82f6;
}

.finance-icon[b-knj4ws0vm7] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: white;
}

.income-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #10b981, #047857);
}

.expense-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.balance-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.finance-amount[b-knj4ws0vm7] {
    font-weight: 700 !important;
    margin: 16px 0 8px 0 !important;
}

.income-amount[b-knj4ws0vm7] {
    color: #059669 !important;
}

.expense-amount[b-knj4ws0vm7] {
    color: #dc2626 !important;
}

.balance-amount[b-knj4ws0vm7] {
    color: #1d4ed8 !important;
}

/* Attendance Cards */
.attendance-card[b-knj4ws0vm7] {
    border-radius: 16px !important;
    transition: all 0.3s ease;
}

.attendance-card:hover[b-knj4ws0vm7] {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
}

.present-card[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    border-left: 6px solid #10b981;
}

.absent-card[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
    border-left: 6px solid #ef4444;
}

.attendance-icon[b-knj4ws0vm7] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: white;
}

.present-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #10b981, #047857);
}

.absent-icon[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.attendance-number[b-knj4ws0vm7] {
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 16px 0 0 0 !important;
}

/* Attendance Ratio Card */
.attendance-ratio-card[b-knj4ws0vm7] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 16px !important;
    border-left: 6px solid #6366f1;
}

.attendance-ratio-display[b-knj4ws0vm7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.attendance-progress[b-knj4ws0vm7] {
    position: relative;
}

.progress-text[b-knj4ws0vm7] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.attendance-details[b-knj4ws0vm7] {
    flex: 1;
}

/* Monthly Chart */
.monthly-chart-card[b-knj4ws0vm7] {
    border-radius: 16px !important;
    border-left: 6px solid #8b5cf6;
}

.chart-header[b-knj4ws0vm7] {
    display: flex;
    align-items: center;
    color: #1e293b;
}

.monthly-stats-grid[b-knj4ws0vm7] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: end;
    padding: 20px 0;
    overflow-x: auto;
}

.monthly-stat-item[b-knj4ws0vm7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.month-bar[b-knj4ws0vm7] {
    width: 40px;
    height: 200px;
    background: #f1f5f9;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}

.bar-fill[b-knj4ws0vm7] {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, #8b5cf6 0%, #7c3aed 100%);
    border-radius: 6px 6px 0 0;
    transition: height 0.5s ease;
}

.month-label[b-knj4ws0vm7] {
    color: #64748b !important;
    text-align: center;
    margin-bottom: 4px !important;
    font-size: 11px !important;
}

.month-count[b-knj4ws0vm7] {
    color: #1e293b !important;
    font-weight: 600 !important;
    text-align: center;
}

/* Distribution Chart */
.distribution-card[b-knj4ws0vm7] {
    border-radius: 16px !important;
    border-left: 6px solid #f59e0b;
}

.distribution-chart[b-knj4ws0vm7] {
    text-align: center;
}

.pie-chart-visual[b-knj4ws0vm7] {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    background: conic-gradient(
            #3b82f6 0deg,
            #3b82f6 calc(var(--normal-percentage, 50) * 3.6deg),
            #8b5cf6 calc(var(--normal-percentage, 50) * 3.6deg),
            #8b5cf6 360deg
    );
    display: flex;
    align-items: center;
    justify-content: center;
}

.pie-chart-visual[b-knj4ws0vm7]::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: white;
    border-radius: 50%;
}

/* Distribution Legend */
.distribution-legend-card[b-knj4ws0vm7] {
    border-radius: 16px !important;
    border-left: 6px solid #10b981;
}

.legend-items[b-knj4ws0vm7] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.legend-item[b-knj4ws0vm7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.legend-color[b-knj4ws0vm7] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    flex-shrink: 0;
}

.normal-color[b-knj4ws0vm7] {
    background: #3b82f6;
}

.advanced-color[b-knj4ws0vm7] {
    background: #8b5cf6;
}

.legend-info[b-knj4ws0vm7] {
    flex: 1;
}

/* Empty State */
.empty-chart-card[b-knj4ws0vm7] {
    border-radius: 16px !important;
    border-left: 6px solid #94a3b8;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

/* Responsive Design */
@media (max-width: 768px) {
    .activity-summary-statistics-dialog[b-knj4ws0vm7] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .stat-card-content[b-knj4ws0vm7] {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .stat-icon[b-knj4ws0vm7] {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .stat-value[b-knj4ws0vm7] {
        font-size: 2rem !important;
    }

    .monthly-stats-grid[b-knj4ws0vm7] {
        gap: 8px;
    }

    .monthly-stat-item[b-knj4ws0vm7] {
        min-width: 40px;
    }

    .month-bar[b-knj4ws0vm7] {
        width: 30px;
        height: 150px;
    }

    .attendance-ratio-display[b-knj4ws0vm7] {
        flex-direction: column;
        gap: 20px;
    }

    .dialog-title-header[b-knj4ws0vm7] {
        flex-direction: column;
        gap: 16px;
    }

    .filter-section[b-knj4ws0vm7] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Auth/RoleManagement.razor.rz.scp.css */
.selected-role[b-wnf9qt4r0w] {
    background-color: var(--mud-palette-primary-lighten) !important;
    color: var(--mud-palette-primary-contrast) !important;
}
.permission-update-status[b-wnf9qt4r0w] {
    background: linear-gradient(45deg, #e3f2fd, #f3e5f5);
    border-left: 4px solid var(--mud-palette-primary);
}
/* /Pages/Members/Dialogs/MemberCreateDto.razor.rz.scp.css */
/* Header Styling */
.form-header[b-nugmxf6x02] {
    background-color: #f8f9fa;
    border-bottom: 3px solid #000;
    padding: 20px;
    text-align: center;
}

.header-content[b-nugmxf6x02] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

/* Profile Picture Styling */
.profile-picture-section[b-nugmxf6x02] {
    flex-shrink: 0;
}

.profile-picture-container[b-nugmxf6x02] {
    width: 80px;
    height: 80px;
    border: 2px solid #000;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.profile-picture-container:hover[b-nugmxf6x02] {
    border-color: #007bff;
    background-color: #f8f9fa;
}

.profile-image[b-nugmxf6x02] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-placeholder[b-nugmxf6x02] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #666;
    text-align: center;
}

.title-section[b-nugmxf6x02] {
    flex: 1;
}

.title-section h4[b-nugmxf6x02] {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    color: #000;
}

.title-section p[b-nugmxf6x02] {
    font-size: 14px;
    margin: 2px 0;
    color: #000;
}

/* Nawnd Selection Styling */
.nawnd-selection[b-nugmxf6x02] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 5px 0;
}

.nawnd-selection label[b-nugmxf6x02] {
    font-weight: bold;
    font-size: 14px;
}

.nawnd-dropdown[b-nugmxf6x02] {
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    min-width: 150px;
}

/* Table Styling */
.membership-form-table[b-nugmxf6x02] {
    width: 100%;
    border-collapse: collapse;
    border: 3px solid #000;
    font-family: Arial, sans-serif;
    font-size: 14px;
    direction: rtl;
}

.membership-form-table th[b-nugmxf6x02],
.membership-form-table td[b-nugmxf6x02] {
    border: 2px solid #000;
    padding: 8px;
    vertical-align: middle;
    text-align: center;
}

.header-row[b-nugmxf6x02] {
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 16px;
}

.number-col[b-nugmxf6x02] {
    width: 60px;
}

.info-col[b-nugmxf6x02] {
    width: 280px;
}

.status-col[b-nugmxf6x02] {
    width: auto;
    min-width: 600px;
}

.number-cell[b-nugmxf6x02] {
    width: 60px;
    font-weight: bold;
    background-color: #f8f9fa;
}

.label-cell[b-nugmxf6x02] {
    width: 280px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    background-color: #f8f9fa;
}

.input-cell[b-nugmxf6x02] {
    text-align: right;
    padding: 10px;
    min-width: 600px;
}

.input-cell.full-width[b-nugmxf6x02] {
    width: 100%;
}

.form-input[b-nugmxf6x02] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 14px;
    text-align: right;
    direction: rtl;
    min-height: 35px;
}

.input-group[b-nugmxf6x02] {
    display: flex;
    gap: 10px;
    width: 100%;
}

/* Language Grid Styling */
.language-grid[b-nugmxf6x02] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.language-row[b-nugmxf6x02] {
    display: flex;
    justify-content: space-around;
    gap: 15px;
}

.language-item[b-nugmxf6x02] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.language-item label[b-nugmxf6x02] {
    font-size: 13px;
    font-weight: bold;
    min-width: 60px;
}

.language-select[b-nugmxf6x02] {
    flex: 1;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    text-align: right;
    direction: rtl;
}

/* Checkbox Styling */
.checkbox-cell[b-nugmxf6x02] {
    text-align: center;
    padding: 15px;
    min-width: 600px;
}

.checkbox-group[b-nugmxf6x02] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.checkbox-group.four-options[b-nugmxf6x02] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

/* Multiple Choice Checkbox Styling */
.checkbox-group-multiple[b-nugmxf6x02] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.checkbox-option[b-nugmxf6x02] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
}

.checkbox-option input[type="radio"][b-nugmxf6x02],
.checkbox-option input[type="checkbox"][b-nugmxf6x02] {
    margin-left: 5px;
    transform: scale(1.2);
}

/* Education Grid */
.education-grid[b-nugmxf6x02] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.education-row[b-nugmxf6x02] {
    display: flex;
    justify-content: space-around;
    gap: 15px;
    flex-wrap: wrap;
}

.education-row label[b-nugmxf6x02] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

/* Social Media Grid */
.social-media-grid[b-nugmxf6x02] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.social-media-row[b-nugmxf6x02] {
    display: flex;
    justify-content: space-around;
    gap: 15px;
    flex-wrap: wrap;
}

.social-media-row label[b-nugmxf6x02] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

/* Footer Styling */
.form-footer[b-nugmxf6x02] {
    border-top: 3px solid #000;
    padding: 20px;
    background-color: #f8f9fa;
}

.signature-section[b-nugmxf6x02] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 30px;
}

.signature-box[b-nugmxf6x02] {
    text-align: center;
    flex: 1;
    margin: 0 20px;
}

.signature-label[b-nugmxf6x02] {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 30px;
}

.signature-line[b-nugmxf6x02] {
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1px;
}

.modal-footer-buttons[b-nugmxf6x02] {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #ddd;
}

.modal-footer-buttons .btn[b-nugmxf6x02] {
    margin: 0 10px;
    padding: 10px 30px;
    font-size: 16px;
}

.spinner-border-sm[b-nugmxf6x02] {
    width: 1rem;
    height: 1rem;
    border-width: 0.125em;
}

.me-2[b-nugmxf6x02] {
    margin-right: 0.5rem;
}

/* Modal Styling */
.modal[b-nugmxf6x02] {
    z-index: 1050;
}

.modal-backdrop[b-nugmxf6x02] {
    z-index: 1040;
}

.modal-content[b-nugmxf6x02] {
    border: none;
    border-radius: 0;
}

.modal-header[b-nugmxf6x02] {
    border-bottom: 3px solid #000;
}

/* Alert Styling */
.alert[b-nugmxf6x02] {
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger[b-nugmxf6x02] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
/* /Pages/Members/Members.razor.rz.scp.css */

.members-page[b-2hqr3apx25] {
    padding: 24px;
}

.filter-actions[b-2hqr3apx25] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.add-button[b-2hqr3apx25] {
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3) !important;
    transition: all 0.2s ease !important;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border: none !important;
}

.add-button:hover[b-2hqr3apx25] {
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4) !important;
    transform: translateY(-1px) !important;
}

.stats-button[b-2hqr3apx25] {
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    margin-left: 8px !important;
}

.action-buttons-row[b-2hqr3apx25] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.action-icon-button[b-2hqr3apx25] {
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.action-icon-button:hover[b-2hqr3apx25] {
    transform: scale(1.1) !important;
}

.status-chip[b-2hqr3apx25] {
    border-radius: 16px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    min-width: 80px !important;
    font-size: 0.8rem !important;
}

.pagination-container[b-2hqr3apx25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.pagination-info[b-2hqr3apx25] {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .members-page[b-2hqr3apx25] {
        padding: 16px;
    }

    .pagination-container[b-2hqr3apx25] {
        flex-direction: column;
        text-align: center;
    }

    .filter-actions[b-2hqr3apx25] {
        flex-direction: column;
        width: 100%;
    }

    .filter-actions .mud-button[b-2hqr3apx25] {
        width: 100%;
    }
}
/* /Pages/Nawnds/Nawnds.razor.rz.scp.css */
.nawnds-page[b-x3rx99m8iu] {
    padding: 24px;
}

.stats-cell[b-x3rx99m8iu], .creator-cell[b-x3rx99m8iu] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.organization-chip[b-x3rx99m8iu] {
    font-size: 0.75rem;
}

.organization-chip .mud-icon[b-x3rx99m8iu] {
    margin-right: 4px;
}

.action-buttons-row[b-x3rx99m8iu] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.action-icon-button[b-x3rx99m8iu] {
    width: 32px;
    height: 32px;
}

.pagination-container[b-x3rx99m8iu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.pagination-info[b-x3rx99m8iu] {
    color: #64748b;
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .pagination-container[b-x3rx99m8iu] {
        flex-direction: column;
        text-align: center;
    }
}
/* /Pages/ProjectRequests/Dialogs/ProjectRequestDialog.razor.rz.scp.css */
.project-requests-page .action-buttons-row[b-xwmu0zhkmn] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

.project-requests-page .action-icon-button[b-xwmu0zhkmn] {
    width: 32px;
    height: 32px;
}

.project-requests-page .stats-cell[b-xwmu0zhkmn],
.project-requests-page .duration-cell[b-xwmu0zhkmn],
.project-requests-page .cost-cell[b-xwmu0zhkmn],
.project-requests-page .creator-cell[b-xwmu0zhkmn] {
    display: flex;
    align-items: center;
}

.project-requests-page .pagination-container[b-xwmu0zhkmn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.project-requests-page .pagination-info[b-xwmu0zhkmn] {
    margin-left: auto;
}

@media (max-width: 768px) {
    .project-requests-page .pagination-container[b-xwmu0zhkmn] {
        justify-content: center;
    }

    .project-requests-page .pagination-info[b-xwmu0zhkmn] {
        margin-left: 0;
        text-align: center;
    }
}

/* Dialog specific styles */
.mud-dialog-content[b-xwmu0zhkmn] {
    overflow-y: auto;
    max-height: 80vh;
}

.stat-item[b-xwmu0zhkmn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stat-icon[b-xwmu0zhkmn] {
    font-size: 1.5rem !important;
}
/* /Pages/Reports/Mmebers/MemberReports.razor.rz.scp.css */
 .member-reports-page[b-2xlvrtzwze] {
     background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
     min-height: 100vh;
 }

.gradient-header[b-2xlvrtzwze] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.gradient-header .mud-icon[b-2xlvrtzwze] {
    color: white !important;
}

.report-type-option[b-2xlvrtzwze] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.report-type-option:hover[b-2xlvrtzwze] {
    background-color: rgba(0,0,0,0.04);
}

.stat-card[b-2xlvrtzwze] {
    transition: all 0.3s ease;
    border-radius: 12px;
    border: 2px solid transparent;
}

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

.total-members[b-2xlvrtzwze] {
    border-color: var(--mud-palette-primary-lighten);
    background: linear-gradient(135deg, var(--mud-palette-primary-lighten) 0%, rgba(255,255,255,0.9) 100%);
}

.male-members[b-2xlvrtzwze] {
    border-color: var(--mud-palette-info-lighten);
    background: linear-gradient(135deg, var(--mud-palette-info-lighten) 0%, rgba(255,255,255,0.9) 100%);
}

.female-members[b-2xlvrtzwze] {
    border-color: var(--mud-palette-secondary-lighten);
    background: linear-gradient(135deg, var(--mud-palette-secondary-lighten) 0%, rgba(255,255,255,0.9) 100%);
}

.page-size-select[b-2xlvrtzwze] {
    width: 120px;
}

.sort-select[b-2xlvrtzwze] {
    width: 180px;
}

.report-data-grid[b-2xlvrtzwze] {
    border-radius: 12px;
    overflow: hidden;
}

.charts-section .mud-paper[b-2xlvrtzwze] {
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.08);
}

.statistics-section .mud-grid[b-2xlvrtzwze] {
    gap: 16px;
}

@media (max-width: 768px) {
    .member-reports-page .mud-container[b-2xlvrtzwze] {
        padding: 16px;
    }

    .statistics-section .mud-grid[b-2xlvrtzwze] {
        gap: 8px;
    }

    .stat-card[b-2xlvrtzwze] {
        padding: 16px !important;
    }
}
/* /Pages/SocialSupports/Dialogs/SocialSupportDetailsDialog.razor.rz.scp.css */

.social-support-details-dialog[b-ee9qrvymft] {
    max-width: 95vw !important;
    width: 1400px !important;
}

.dialog-title-header[b-ee9qrvymft] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 8px 8px 0 0;
    margin: -24px -24px 0 -24px;
}

.title-content[b-ee9qrvymft] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.title-icon[b-ee9qrvymft] {
    font-size: 28px !important;
}

.title-text[b-ee9qrvymft] {
    color: white !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.subtitle-text[b-ee9qrvymft] {
    color: rgba(255, 255, 255, 0.8) !important;
    margin: 0 !important;
}

.status-badges[b-ee9qrvymft] {
    display: flex;
    gap: 8px;
}

.status-chip-header[b-ee9qrvymft] {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.loading-container[b-ee9qrvymft], .error-container[b-ee9qrvymft] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    text-align: center;
}

.details-content[b-ee9qrvymft] {
    max-height: 75vh;
    overflow-y: auto;
    padding: 20px 0;
}

.summary-cards-row[b-ee9qrvymft] {
    margin-bottom: 24px;
}

.summary-card[b-ee9qrvymft] {
    height: 100%;
    border-radius: 12px !important;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

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

.visit-card[b-ee9qrvymft] {
    border-left-color: #3b82f6 !important;
}

.center-card[b-ee9qrvymft] {
    border-left-color: #10b981 !important;
}

.problem-card[b-ee9qrvymft] {
    border-left-color: #f59e0b !important;
}

.benefit-card[b-ee9qrvymft] {
    border-left-color: #8b5cf6 !important;
}

.summary-card-content[b-ee9qrvymft] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px !important;
}

.summary-icon[b-ee9qrvymft] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
}

.visit-card .summary-icon[b-ee9qrvymft] {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.center-card .summary-icon[b-ee9qrvymft] {
    background: linear-gradient(135deg, #10b981, #047857);
}

.problem-card .summary-icon[b-ee9qrvymft] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.benefit-card .summary-icon[b-ee9qrvymft] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.summary-info[b-ee9qrvymft] {
    flex: 1;
}

.summary-label[b-ee9qrvymft] {
    color: #64748b !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}

.summary-value[b-ee9qrvymft] {
    color: #1e293b !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.tab-content[b-ee9qrvymft] {
    padding: 0;
}

.info-card[b-ee9qrvymft] {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.info-card:hover[b-ee9qrvymft] {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.card-header-custom[b-ee9qrvymft] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px !important;
}

.header-content[b-ee9qrvymft] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-icon[b-ee9qrvymft] {
    color: #475569;
    font-size: 20px !important;
}

.enhanced-field[b-ee9qrvymft] {
    margin-bottom: 16px;
}

.enhanced-field.full-width .field-value[b-ee9qrvymft] {
    white-space: pre-wrap;
    word-break: break-word;
}

.field-label[b-ee9qrvymft] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600 !important;
    color: #475569 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.field-icon[b-ee9qrvymft] {
    color: #64748b !important;
}

.field-value[b-ee9qrvymft] {
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-height: 20px;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.children-stats[b-ee9qrvymft] {
    width: 100%;
}

.children-cards[b-ee9qrvymft] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.stat-card[b-ee9qrvymft] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: white;
    min-width: 100px;
    flex: 1;
}

.stat-card.total-children[b-ee9qrvymft] {
    border-color: #3b82f6;
    background: #eff6ff;
}

.stat-card.boys[b-ee9qrvymft] {
    border-color: #06b6d4;
    background: #ecfeff;
}

.stat-card.girls[b-ee9qrvymft] {
    border-color: #ec4899;
    background: #fdf2f8;
}

.stat-card .mud-icon-root[b-ee9qrvymft] {
    color: #64748b;
}

.notes-content[b-ee9qrvymft] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
}

.timeline-section[b-ee9qrvymft] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

.timeline-content[b-ee9qrvymft] {
    padding: 8px 0;
}

.timeline-title[b-ee9qrvymft] {
    font-weight: 600 !important;
    color: #1e293b !important;
    margin-bottom: 4px !important;
}

.timeline-date[b-ee9qrvymft], .timeline-user[b-ee9qrvymft] {
    color: #64748b !important;
    margin: 0 !important;
}

.empty-state[b-ee9qrvymft] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    text-align: center;
}

.dialog-actions-custom[b-ee9qrvymft] {
    display: flex;
    justify-content: center;
    padding: 16px;
    background: #f8fafc;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #e2e8f0;
}

.action-button[b-ee9qrvymft] {
    padding: 12px 32px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .social-support-details-dialog[b-ee9qrvymft] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .summary-cards-row .mud-grid-item[b-ee9qrvymft] {
        margin-bottom: 12px;
    }

    .children-cards[b-ee9qrvymft] {
        flex-direction: column;
    }

    .stat-card[b-ee9qrvymft] {
        min-width: unset;
    }

    .dialog-title-header[b-ee9qrvymft] {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
}
/* /Pages/Users/UsersList.razor.rz.scp.css */
/* User Management Styles */
.loading-container[b-zn46clm141], .error-container[b-zn46clm141] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
}

.summary-cards-row[b-zn46clm141] {
    margin-bottom: 24px;
}

.summary-card[b-zn46clm141] {
    height: 100%;
    border-radius: 12px;
    transition: transform 0.2s ease;
}

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

.summary-card-content[b-zn46clm141] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px !important;
}

.summary-icon[b-zn46clm141] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.summary-info[b-zn46clm141] {
    flex: 1;
}

.summary-label[b-zn46clm141] {
    color: #64748b;
    font-weight: 500;
}

.summary-value[b-zn46clm141] {
    font-weight: 600;
    color: #1e293b;
}

.info-card[b-zn46clm141] {
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.card-header-custom[b-zn46clm141] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.header-content[b-zn46clm141] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-icon[b-zn46clm141] {
    color: #6366f1;
}

.enhanced-field[b-zn46clm141] {
    margin-bottom: 16px;
}

.field-label[b-zn46clm141] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 0.875rem;
}

.field-icon[b-zn46clm141] {
    color: #6366f1;
}

.field-value[b-zn46clm141] {
    color: #1e293b;
    font-weight: 500;
}

.field-value-with-status[b-zn46clm141] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.security-stat[b-zn46clm141] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 8px;
}

.roles-container[b-zn46clm141] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.role-chip-large[b-zn46clm141] {
    margin: 4px;
}

.empty-state-small[b-zn46clm141] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.claim-item[b-zn46clm141] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.claim-content[b-zn46clm141] {
    flex: 1;
}

.claim-type[b-zn46clm141] {
    font-weight: 500;
    color: #1e293b;
}

.claim-value[b-zn46clm141] {
    color: #64748b;
}

.dialog-title-header[b-zn46clm141] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.title-content[b-zn46clm141] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.title-icon[b-zn46clm141] {
    color: #6366f1;
    font-size: 1.5rem;
}

.title-text[b-zn46clm141] {
    font-weight: 600;
    color: #1e293b;
}

.subtitle-text[b-zn46clm141] {
    color: #64748b;
}

.status-badges[b-zn46clm141] {
    display: flex;
    gap: 8px;
}

.status-chip-header[b-zn46clm141] {
    font-weight: 500;
}

.dialog-actions-custom[b-zn46clm141] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.action-button[b-zn46clm141] {
    min-width: 120px;
}