/* Make the tab navigation container scrollable vertically */
.doc-tabs .ant-tabs-nav-wrap {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh; /* Adjust height so it fits the screen */
    white-space: normal; /* For vertical stacking */
    display: block;
}

/* Ensure tabs stack vertically with consistent size */
.doc-tabs .ant-tabs-nav .ant-tabs-tab {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    font-size: 16px;
    width: 220px; /* Adjust width for vertical layout */
    border-bottom: 1px solid #f0f0f0;
}

/* Hide vertical scrollbar (optional) */
.doc-tabs .ant-tabs-nav-wrap::-webkit-scrollbar {
    display: none;
}
.doc-tabs .ant-tabs-nav-wrap {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Make SVG icons larger */
.doc-tabs .ant-tabs-nav .ant-tabs-tab .svg-icon {
    font-size: 28px !important;
    margin-right: 8px; /* Add space between icon and text */
}