/* Fix for settings area to use full width */
.tk-area-settings > .tk-tab > .tk-content > div {
    max-width: 100% !important;
    width: 100% !important;
}

/* Ensure the content area takes full width */
.tk-area-settings > .tk-tab > .tk-content {
    width: 100% !important;
    max-width: 100% !important;
}

/* Make the scroll area full width */
.tk-area-settings .tk-scroll-area {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure settings area itself is full width when active */
.tk-area-settings.tk-active {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix the tab content container */
.tk-area-settings > .tk-tab {
    width: 100% !important;
    display: flex;
    flex-direction: row;
}

/* Navigation sidebar - keep its width */
.tk-area-settings > .tk-tab > .tk-nav {
    flex-shrink: 0;
    width: 250px;
}

/* Content area - take remaining space */
.tk-area-settings > .tk-tab > .tk-content {
    flex: 1;
    overflow-x: hidden;
}

/* Optional: Add some padding for better readability */
.tk-area-settings > .tk-tab > .tk-content > div {
    padding: 30px;
    box-sizing: border-box;
}