/* Custom styles for SPA functionality */

.spa-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Page transition animations */
.page-transition-enter {
    opacity: 0;
}

.page-transition-enter-active {
    opacity: 1;
    transition: opacity 300ms;
}

.page-transition-exit {
    opacity: 1;
}

.page-transition-exit-active {
    opacity: 0;
    transition: opacity 300ms;
}

/* Active navigation styles */
.ant-menu-item.active,
.ant-menu-item-selected {
    background-color: #e6f7ff;
}

/* Update menu item active state */
.ant-menu-item-selected a {
    color: #34a4a5;
}

/* Custom content padding */
.gx-layout-content {
    min-height: 500px;
    position: relative;
}

a.ant-pagination-item-link {
    padding-top: 25%;
}

i.icon.icon-data-display {
    padding-top: 5%;
}

.gx-btn-link.focus,
.gx-btn-link:focus,
.gx-btn-link:hover {
    background-color: #e1f1f2;
    color: #34a4a5;
    text-decoration: none !important;
}

.gx-filter-summary .ant-tag[style*="cursor: pointer"]:hover {
    background-color: #e1f1f2;
    border: initial !important;
    color: #34a4a5;
    text-decoration: none !important;
}

div#root {
    background: #ffffff;
}