/*
 * demo-fixes.css — layout-only tweaks for the static GitHub Pages demo.
 * Loaded after style.css so it overrides. Keeps the left panel (Taxonomy Matrix
 * + Network/Community detail) inside its card with no overflow and no scrollbars.
 */

/* --- Taxonomy Matrix toolbar: make the X/Y taxonomy selectors shrink/wrap
       instead of forcing a fixed 140px width that spills past the panel. --- */
#matrixToolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
}
#matrixToolbar > label {
    margin: 0;
    font-weight: 600;
}
#matrixToolbar select#x,
#matrixToolbar select#y {
    width: auto !important;        /* override the inline style="width:140px" */
    flex: 1 1 86px;
    min-width: 0;
    max-width: 100%;
}
#matrixToolbar #changeButton {
    flex: 0 0 auto;
    padding: 2px 10px;
}

/* --- The matrix SVG is rescaled to fit its card by static-data.js (it adds a
       viewBox from the drawn bounds). These rules just keep it block-level and
       within the card's width so nothing is cut off on the right or bottom. --- */
#matrix_taxonomies .matrix_taxonomies_svg {
    display: block;
    max-width: 100%;
}

/* --- Static demo: hide the (inert) analysis customization controls and the
       file-upload inputs in the selection menu. Picking a network + "Ok"
       renders the pre-computed result directly. --- */
#mySidenav input[type="file"],
#sampling_method_input,
#mySidenav .range-slider,
#range-slider_communityFiltering,
#range-slider_minimumSizeForSuperNode,
#range-slider_sigma,
#numberTimeslicesDiv,
#submitSampling {
    display: none !important;
}

/* --- Network / Community detail: drop the scrollbar and compact the rows so the
       whole table fits inside the panel (no clipping). --- */
#statistics_div {
    overflow: hidden !important;
    padding: 12px 16px !important;
}
#name_detailDiv {
    font-size: 13px !important;
}
#statistics_table {
    font-size: 0.78rem;
    line-height: 1.15;
    margin-bottom: 0;
}
#statistics_table td,
#statistics_table th {
    padding: 0.16rem 0.5rem !important;
    vertical-align: middle;
}