.app-md-module-hr .main-content {
    background: var(--app-md-bg);
}

.app-md-module-hr .hr-dashboard,
.app-md-module-hr .leave-page,
.app-md-module-hr .attendance-page,
.app-md-module-hr .employees-page,
.app-md-module-hr .safety-page,
.app-md-module-hr .admin-page,
.app-md-module-hr .section.active {
    padding: 0 1rem 1.25rem !important;
}

.app-md-module-hr .dashboard-container,
.app-md-module-hr .admin-container,
.app-md-module-hr .leave-statistics-container,
.app-md-module-hr .calendar-container,
.app-md-module-hr .leave-page .calendar-container,
.app-md-module-hr .leave-requests-filter,
.app-md-module-hr .leave-requests-section,
.app-md-module-hr .attendance-statistics-container,
.app-md-module-hr .attendance-filter,
.app-md-module-hr .attendance-page .calendar-container,
.app-md-module-hr .hr-employees-layout,
.app-md-module-hr .fire-safety-page {
    width: calc(100% - 2rem) !important;
    max-width: none !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    box-sizing: border-box !important;
}

.app-md-module-hr .dashboard-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.app-md-module-hr .admin-container,
.app-md-module-hr .leave-statistics-container,
.app-md-module-hr .calendar-container,
.app-md-module-hr .leave-page .calendar-container,
.app-md-module-hr .leave-requests-filter,
.app-md-module-hr .leave-requests-section,
.app-md-module-hr .attendance-statistics-container,
.app-md-module-hr .attendance-filter,
.app-md-module-hr .attendance-page .calendar-container,
.app-md-module-hr .hr-employees-sidebar,
.app-md-module-hr .hr-employee-detail,
.app-md-module-hr .hr-employees-empty-state,
.app-md-module-hr .fs-section {
    border: 1px solid var(--app-md-border) !important;
    border-radius: var(--app-md-radius) !important;
    box-shadow: var(--app-md-shadow) !important;
}

.app-md-module-hr .hr-card,
.app-md-module-hr .leave-card,
.app-md-module-hr .attendance-card,
.app-md-module-hr .employee-card,
.app-md-module-hr .safety-card,
.app-md-module-hr .admin-card,
.app-md-module-hr .quota-card,
.app-md-module-hr .request-card,
.app-md-module-hr .employee-detail,
.app-md-module-hr .document-card,
.app-md-module-hr .training-card,
.app-md-module-hr .approval-card,
.app-md-module-hr .settings-panel {
    background: var(--app-md-surface) !important;
    border: 1px solid var(--app-md-border) !important;
    border-radius: var(--app-md-radius) !important;
    box-shadow: var(--app-md-shadow) !important;
}

.app-md-module-hr .data-table,
.app-md-module-hr .customer-table,
.app-md-module-hr .attendance-table,
.app-md-module-hr .leave-table,
.app-md-module-hr .quota-table {
    width: 100% !important;
    table-layout: fixed !important;
    min-width: 0 !important;
}

.app-md-module-hr .table-container,
.app-md-module-hr .table-responsive,
.app-md-module-hr .calendar-table-container,
.app-md-module-hr .employee-table-container,
.app-md-module-hr .attendance-table-container,
.app-md-module-hr .training-table-container,
.app-md-module-hr .document-table-container {
    max-width: 100% !important;
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.app-md-module-hr .data-table th,
.app-md-module-hr .data-table td,
.app-md-module-hr .customer-table th,
.app-md-module-hr .customer-table td,
.app-md-module-hr .attendance-table th,
.app-md-module-hr .attendance-table td,
.app-md-module-hr .leave-table th,
.app-md-module-hr .leave-table td,
.app-md-module-hr .quota-table th,
.app-md-module-hr .quota-table td {
    border-right: 1px solid var(--app-md-column-border) !important;
    border-bottom: 1px solid var(--app-md-row-border) !important;
}

.app-md-module-hr .data-table th,
.app-md-module-hr .customer-table th,
.app-md-module-hr .attendance-table th,
.app-md-module-hr .leave-table th,
.app-md-module-hr .quota-table th {
    background: #edf3f8 !important;
}

.app-md-module-hr .calendar-container,
.app-md-module-hr .calendar-grid,
.app-md-module-hr .month-view,
.app-md-module-hr .approval-panel,
.app-md-module-hr .employee-detail,
.app-md-module-hr .training-panel {
    background: var(--app-md-surface) !important;
    border: 1px solid var(--app-md-border) !important;
    border-radius: var(--app-md-radius) !important;
    box-shadow: var(--app-md-shadow) !important;
}

.app-md-module-hr .modal-content[style*="overflow-y: auto"],
.app-md-module-hr .modal-content[style*="max-height"],
.app-md-module-hr .modal-overlay .modal-content[style*="overflow-y: auto"],
.app-md-module-hr .modal-overlay .modal-content[style*="max-height"] {
    max-height: none !important;
    overflow: hidden !important;
}

.app-md-module-hr .modal.active,
.app-md-module-hr .modal-overlay.active {
    align-items: flex-start !important;
}

.app-md-module-hr .modal .modal-body,
.app-md-module-hr .modal-overlay .modal-body {
    overflow-x: hidden !important;
}

.app-md-module-hr .modal .customer-table-container,
.app-md-module-hr .modal-overlay .customer-table-container,
.app-md-module-hr .modal .table-responsive,
.app-md-module-hr .modal-overlay .table-responsive {
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.app-md-module-hr .modal .modal-body:has(.customer-table-container),
.app-md-module-hr .modal-overlay .modal-body:has(.customer-table-container),
.app-md-module-hr .modal .modal-body:has(.table-responsive),
.app-md-module-hr .modal-overlay .modal-body:has(.table-responsive) {
    overflow-y: visible !important;
}

.app-md-module-hr .filters-bar[style],
.app-md-module-hr .filters-container[style],
.app-md-module-hr .filter-section[style],
.app-md-module-hr .search-filter-bar[style] {
    gap: 0.65rem !important;
    margin-bottom: 0 !important;
    padding: 0.85rem 1rem !important;
}

.app-md-module-hr .dropdown-results,
.app-md-module-hr [id$="SearchResults"],
.app-md-module-hr [id$="DropdownList"] {
    overflow-y: auto !important;
}

.app-md-module-hr.app-md-page-jelenleti-iv .main-content .calendar-container {
    padding: 1.25rem 1.5rem 1.5rem !important;
}

.app-md-module-hr.app-md-page-jelenleti-iv .main-content .calendar-navigation {
    margin: 0 0 1.15rem !important;
}

.app-md-module-hr.app-md-page-jelenleti-iv .main-content .calendar-legend {
    margin-bottom: 1.15rem !important;
}

@media (max-width: 900px) {
    .app-md-module-hr .hr-dashboard-grid,
    .app-md-module-hr .attendance-layout,
    .app-md-module-hr .employee-layout,
    .app-md-module-hr .safety-layout {
        display: block !important;
    }
}