/* Final v2 acceptance polish: navigation clarity and contained table scrolling. */
body.ms-v2,
body.ms-v2 .ms-v2-main {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

body.ms-v2 .ms-v2-nav-links {
    scrollbar-width: none;
}

body.ms-v2 .ms-v2-nav-links::-webkit-scrollbar {
    display: none;
}

body.ms-v2 .ms-v2-table-panel,
body.ms-v2 .ms-v2-list-react-panel,
body.ms-v2 .dataTables_scrollBody,
body.ms-v2 .ms-v2-code-block,
body.ms-v2 .ms-v2-legacy-scroll {
    scrollbar-color: rgba(233, 180, 82, 0.45) rgba(26, 21, 16, 0.78);
    scrollbar-width: thin;
}

body.ms-v2 .ms-v2-table-panel::-webkit-scrollbar,
body.ms-v2 .ms-v2-list-react-panel::-webkit-scrollbar,
body.ms-v2 .dataTables_scrollBody::-webkit-scrollbar,
body.ms-v2 .ms-v2-code-block::-webkit-scrollbar,
body.ms-v2 .ms-v2-legacy-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.ms-v2 .ms-v2-table-panel::-webkit-scrollbar-track,
body.ms-v2 .ms-v2-list-react-panel::-webkit-scrollbar-track,
body.ms-v2 .dataTables_scrollBody::-webkit-scrollbar-track,
body.ms-v2 .ms-v2-code-block::-webkit-scrollbar-track,
body.ms-v2 .ms-v2-legacy-scroll::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(26, 21, 16, 0.78);
}

body.ms-v2 .ms-v2-table-panel::-webkit-scrollbar-thumb,
body.ms-v2 .ms-v2-list-react-panel::-webkit-scrollbar-thumb,
body.ms-v2 .dataTables_scrollBody::-webkit-scrollbar-thumb,
body.ms-v2 .ms-v2-code-block::-webkit-scrollbar-thumb,
body.ms-v2 .ms-v2-legacy-scroll::-webkit-scrollbar-thumb {
    border: 2px solid rgba(26, 21, 16, 0.78);
    border-radius: 999px;
    background: rgba(233, 180, 82, 0.55);
}

body.ms-v2 .ms-v2-lists-page,
body.ms-v2 .ms-v2-transmutation-page,
body.ms-v2 .ms-v2-list-table-shell,
body.ms-v2 .ms-v2-list-react-shell,
body.ms-v2 .ms-v2-workflow-grid {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-x: clip;
}

body.ms-v2 .ms-v2-list-table,
body.ms-v2 .ms-v2-list-react-panel,
body.ms-v2 .ms-v2-tool-table {
    max-width: 100%;
    min-width: 0;
}

body.ms-v2 .ms-v2-list-react-panel,
body.ms-v2 .ms-v2-list-react-panel #app,
body.ms-v2 .ms-v2-list-react-panel #content,
body.ms-v2 .ms-v2-list-react-panel #content1,
body.ms-v2 .ms-v2-my-lists-page #content,
body.ms-v2 .ms-v2-my-lists-page #content1 {
    max-width: 100%;
    min-width: 0;
}

body.ms-v2 .ms-v2-list-react-panel .container,
body.ms-v2 .ms-v2-list-react-panel .container-fluid,
body.ms-v2 .ms-v2-list-react-panel .row {
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
}

body.ms-v2 .ms-v2-transmutation-page .ms-v2-tool-table {
    overflow-x: hidden;
}

body.ms-v2 .ms-v2-transmutation-page #TransmutationTable {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}

body.ms-v2 .ms-v2-transmutation-page #TransmutationTable th,
body.ms-v2 .ms-v2-transmutation-page #TransmutationTable td {
    white-space: normal;
    overflow-wrap: anywhere;
}

body.ms-v2 .ms-v2-transmutation-page #TransmutationTable th:first-child,
body.ms-v2 .ms-v2-transmutation-page #TransmutationTable td:first-child {
    width: 48%;
}

body.ms-v2 .ms-v2-my-searches-page #searchresults,
body.ms-v2 .ms-v2-list-react-panel table {
    max-width: none;
}

body.ms-v2 .ms-v2-about-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--ms-line);
    border-radius: 8px;
    background: var(--ms-line);
}

body.ms-v2 .ms-v2-about-links a {
    display: flex;
    min-height: 58px;
    align-items: center;
    padding: 14px 16px;
    background: var(--ms-surface);
    color: var(--ms-ink);
    font-weight: 700;
}

body.ms-v2 .ms-v2-about-links a:hover,
body.ms-v2 .ms-v2-about-links a:focus {
    background: var(--ms-hover);
    color: var(--ms-accent);
}

@media (max-width: 900px) {
    body.ms-v2 .ms-v2-about-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    body.ms-v2 .ms-v2-about-links {
        grid-template-columns: 1fr;
    }

    body.ms-v2 .ms-v2-my-searches-page #searchresults,
    body.ms-v2 .ms-v2-list-react-panel table {
        min-width: min(860px, 230vw) !important;
    }
}
