#mapSidebar #showHideMenu,
#mapSidebar #regionsInsetsMenu {
    background-position: right 8px center, 12px center !important;
    background-size: 27px, 26px;
    padding-left: 48px;
    padding-right: 37px;
}
#mapSidebar #showHideMenu { background-image: url(../images/down-arrow-lines.svg), url(../images/map-details/details.svg) !important; }
#mapSidebar #regionsInsetsMenu { background-image: url(../images/down-arrow-lines.svg), url(../images/map-details/insets.svg) !important; }
#mapSidebar .md-panel { padding: 10px; font: 13px/1.4 Arial, sans-serif; color: #252525; container-type: inline-size; }
#mapSidebar .md-panel *, #mapSidebar .md-panel *::before, #mapSidebar .md-panel *::after { box-sizing: border-box; }
#mapSidebar .md-panel [hidden], #mapSidebar .md-panel[hidden], #mapSidebar #regionsInsetsMenu[hidden] { display: none !important; }
#mapDetailsSection #showHide { overflow: visible; }
#mapDetailsSection #borderControls { margin: 0; padding: 0; border: 0; }
#mapSidebar .md-panel .md-group { margin: 0; padding: 0; border: 0; }
#mapSidebar .md-panel .md-group + .md-group { margin-top: 12px; padding-top: 10px; border-top: 1px solid #d7d7d7; }
#mapSidebar .md-panel .md-group > summary { display: flex; align-items: center; gap: 7px; padding: 0; font-weight: 600; font-size: 14px; cursor: pointer; list-style: none; }
#mapSidebar .md-panel .md-group > summary::-webkit-details-marker { display: none; }
#mapSidebar .md-panel .md-group > summary::after { content: ''; width: 8px; height: 8px; margin-left: auto; margin-right: 3px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(-45deg); }
#mapSidebar .md-panel .md-group[open] > summary::after { transform: rotate(45deg); }
#mapSidebar .md-panel .md-icon { display: block; flex: 0 0 20px; width: 20px; height: 22px; pointer-events: none; }
#mapSidebar .md-panel .md-group-body { padding-top: 8px; }
#mapSidebar .md-panel .md-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; font: 13px/1.4 Arial, sans-serif; }
#mapSidebar .md-panel .md-table th, #mapSidebar .md-panel .md-table td { border: 0; border-bottom: 1px solid #dedede; padding: 6px 2px; text-align: center; vertical-align: middle; }
#mapSidebar .md-panel .md-table thead th { color: #62675f; font-weight: 400; padding-top: 0; }
#mapSidebar .md-panel .md-table th:first-child { width: 31%; text-align: left; padding-left: 0; font-weight: 400; overflow-wrap: break-word; }
#mapSidebar .md-panel .md-table td + td { border-left: 1px solid #eee; }
#mapSidebar .md-panel .md-table label.md-cell-control { display: block; width: auto; min-width: 0; margin: 0; padding: 0; line-height: 20px; text-align: center; }
#mapSidebar .md-panel input[type="checkbox"], #mapSidebar .md-panel input[type="radio"] { display: inline-block; flex: 0 0 16px; width: 16px; height: 16px; margin: 0; padding: 0 !important; vertical-align: middle; accent-color: #4787c6; cursor: pointer; }
#mapSidebar .md-panel select { float: none; width: 100%; min-width: 0; max-width: 52px; height: 27px; margin: 0; padding: 2px; border: 1px solid #aaa; border-radius: 3px; background: #fff; color: #252525; font: 13px Arial, sans-serif; }
#mapSidebar .md-panel label.md-check { display: flex; align-items: center; gap: 6px; width: auto; margin: 0; padding: 4px 0; font: 13px/18px Arial, sans-serif; cursor: pointer; }
#mapSidebar .md-panel .md-check span { min-width: 0; overflow-wrap: break-word; }
#mapSidebar .md-panel .md-region-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; }
#mapSidebar .md-panel .md-full-row { grid-column: 1 / -1; }
#mapDetailsSection #toggleVisibilityButton { width: 100%; height: auto; min-height: 30px; margin: 9px 0 0; padding: 5px; border: 1px solid #aaa; border-radius: 3px; color: #252525; background: #f2f2f2; font: 13px/18px Arial, sans-serif; cursor: pointer; }
#mapDetailsSection #toggleVisibilityButton:hover { background: #e8eee2; }
#regionsInsetsSection #toggleSwitches { margin: 0; padding: 0; border: 0; border-radius: 0; }
#mapSidebar .md-panel .md-position { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; min-width: 0; margin: 3px 0 6px; padding: 0; border: 0; }
#mapSidebar .md-panel .md-position legend { padding: 0 0 4px; font: 13px Arial, sans-serif; color: #62675f; }
#mapSidebar .md-panel label.md-position-choice { display: flex; align-items: center; gap: 4px; margin: 0; padding: 5px 3px; width: auto; border: 1px solid #ccc; border-radius: 3px; font: 13px/17px Arial, sans-serif; cursor: pointer; }
#mapSidebar .md-panel .md-position-choice:has(input:checked) { border-color: #73a44d; background: #eff5e8; }
#mapSidebar .md-panel .md-position-choice .md-icon { width: 18px; height: 20px; flex-basis: 18px; }
#mapSidebar .md-panel .md-position-choice input { flex-basis: 13px; width: 13px; height: 13px; }
#mapSidebar .md-panel .md-line-width { display: grid; grid-template-columns: auto minmax(0, 1fr) 26px; align-items: center; gap: 6px; margin: 3px 0 6px; }
#mapSidebar .md-panel .md-line-width label { width: auto; margin: 0; padding: 0; font: 13px Arial, sans-serif; }
#mapSidebar .md-panel .md-line-width input[type="range"] { width: 100%; min-width: 0; margin: 0; padding: 0; }
#mapSidebar .md-panel .md-line-width span { text-align: right; }
#mapSidebar .md-panel .md-footer { display: flex; justify-content: flex-end; margin-top: 10px; }
#mapSidebar .md-panel .md-footer .iconLink { position: static; display: block; width: 28px; height: 28px; padding: 3px; }
#mapSidebar .md-panel input:focus-visible, #mapSidebar .md-panel select:focus-visible, #mapSidebar .md-panel summary:focus-visible,
#mapSidebar .md-panel button:focus-visible, #mapSidebar .md-panel a:focus-visible { outline: 2px solid #426ab0; outline-offset: 2px; }

/* Keep readable labels and complete select values when the sidebar is very narrow. */
@container (max-width: 190px) {
    #mapSidebar #mdBorders .md-table,
    #mapSidebar #mdBorders .md-table thead,
    #mapSidebar #mdBorders .md-table tbody { display: block; }
    #mapSidebar #mdBorders .md-table tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #mapSidebar #mdBorders .md-table thead th:first-child { display: none; }
    #mapSidebar #mdBorders .md-table tbody th { grid-column: 1 / -1; width: auto; padding-bottom: 0; border-bottom: 0; }
    #mapSidebar .md-panel .md-region-grid,
    #mapSidebar .md-panel .md-position { grid-template-columns: minmax(0, 1fr); }
}