/* Make knowledge base display wider */

/* When knowledge tab is active, make the profile container full width */
.profile-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

/* Profile sections default */
.profile-sections {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* When knowledge or documents tab is active, use full width */
#knowledgeSection.profile-section,
#documentsSection.profile-section {
    width: 100%;
    max-width: none;
}

/* Make knowledge list use available space */
.knowledge-list,
.documents-list {
    width: 100%;
}

/* Knowledge items should use full width */
.knowledge-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    width: 100%;
}

.knowledge-content {
    flex: 1;
    max-width: calc(100% - 150px); /* Leave space for action buttons */
}

.knowledge-actions {
    flex-shrink: 0;
    display: flex;
    gap: 0.5rem;
}

/* Make the text area wider */
.knowledge-text {
    width: 100%;
    max-width: none;
}

/* Search input wider */
#knowledgeSearch,
#documentSearch {
    width: 50%;
    max-width: 500px;
}

/* Section headers */
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    width: 100%;
}

/* For larger screens, make it even wider */
@media (min-width: 1200px) {
    .profile-container {
        max-width: 1600px;
    }
    
    .knowledge-content {
        max-width: calc(100% - 180px);
    }
}

/* Hide other sections when knowledge/documents are active */
.profile-tab.active[data-tab="knowledge"] ~ .profile-sections #equipmentSection,
.profile-tab.active[data-tab="knowledge"] ~ .profile-sections #fieldsSection,
.profile-tab.active[data-tab="documents"] ~ .profile-sections #equipmentSection,
.profile-tab.active[data-tab="documents"] ~ .profile-sections #fieldsSection {
    display: none;
}

/* Make the main content area use full width for profile mode */
#profileMode.mode-content {
    max-width: 100%;
    width: 100%;
}

/* Adjust main container to use more space */
.main-container {
    max-width: 100%;
}

/* When in profile mode, hide the recent preview to get more space */
/* REMOVED - Keeping sidebar visible
#profileMode.active ~ aside .recent-preview {
    display: none;
}
*/

/* Make content area wider when profile mode is active */
.content-area {
    max-width: 100%;
    width: 100%;
}

/* Full width for profile mode content */
#profileMode .profile-container {
    width: 100%;
    box-sizing: border-box;
}