.ant-tabs {
    border-radius: 0px;
    padding: 0px;
}

.ant-tabs > .ant-tabs-nav {
    position: sticky;
    top: 0px;
    z-index: 100;
    padding: 9px 32px;
    margin-bottom: 0px;
    background: #001f1e;
    color: #fff;
}

button.ant-btn-variant-outlined:disabled {
    background: rgba(255, 255, 255, 0.2);
}

.ant-tabs-nav button.ant-tabs-nav-more {
    color: #fff !important;
}

.ant-layout-header.overview-header {
    padding: 0 32px;
}

.ant-tabs-content {
    padding: 0px 32px;
    overflow: auto;
}

/* Adjust tab navigation padding on mobile */
@media (max-width: 768px) {
    .ant-tabs > .ant-tabs-nav {
        padding: 9px 16px; /* Reduced padding on mobile */
    }
    .ant-layout-header.overview-header {
        padding: 0 16px;
    }
    .ant-tabs-content {
        padding: 0px 16px; /* Reduced padding on mobile */
    }
}

/* Mobile project header */
.mobile-project-header {
    padding: 0px 16px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 64px !important;
}

/* Mobile project content - add top padding to account for fixed header */
.mobile-project-content {
    padding-top: 64px !important;
}

/* Mobile select styling */
@media (max-width: 768px) {
    .ant-select .ant-select-selector {
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        color: #fff !important;
    }
    
    .ant-select .ant-select-selection-item {
        color: #fff !important;
    }
    
    .ant-select .ant-select-arrow {
        color: #fff !important;
    }
}