#mapSidebar #concentricCircles {
    background-image: url(../images/down-arrow-lines.svg), url(../images/radial-circles/rings.svg) !important;
    background-position: right 8px center, 12px center !important;
    background-size: 27px, 26px;
    padding-left: 48px;
    padding-right: 37px;
}
#mapSidebar .rc-panel { padding: 10px; color: #252525; font: 13px/1.4 Arial, sans-serif; }
#radialCirclesSection *, #radialCirclesSection *::before, #radialCirclesSection *::after { box-sizing: border-box; }
#radialCirclesSection [hidden] { display: none !important; }
#radialCirclesSection #ringControls { padding: 0; }
#radialCirclesSection .rc-group { margin: 8px 0 0; padding: 8px 0 0; border: 0; border-top: 1px solid #d7d7d7; }
#mapSidebar #radialCirclesSection h3, #radialCirclesSection summary { display: flex; align-items: center; gap: 6px; margin: 0 0 7px; padding: 0; color: #252525; font: 600 14px/20px Arial, sans-serif; }
#radialCirclesSection img { flex: 0 0 20px; width: 20px; height: 20px; }
#radialCirclesSection h3 img, #radialCirclesSection summary img, #radialCirclesSection button img, #radialCirclesSection .rc-placement img { pointer-events: none; }
#mapSidebar #radialCirclesSection label { display: block; width: auto; margin: 0; padding: 0; font: 13px/18px Arial, sans-serif; }
#mapSidebar #radialCirclesSection .rc-check { display: flex; align-items: center; gap: 6px; cursor: pointer; }
#radialCirclesSection input[type="checkbox"] { flex: 0 0 16px; width: 16px; height: 16px; margin: 0; padding: 0 !important; accent-color: #4787c6; cursor: pointer; }
#mapSidebar #radialCirclesSection .rc-placement { display: flex; align-items: center; gap: 5px; padding: 6px; border: 1px solid #aaa; border-radius: 3px; cursor: pointer; }
#radialCirclesSection .rc-placement span { flex: 1; min-width: 0; }
#radialCirclesSection .rc-placement:has(input:checked) { border-color: #73a44d; background: #eff5e8; }
#radialCirclesSection .rc-placement input { accent-color: #5b9135; }
#radialCirclesSection p.rc-hint { margin: 5px 0; padding: 0; color: #62675f; font: 13px/18px Arial, sans-serif; }
#radialCirclesSection #rcPlacementHint { display: none; }
#radialCirclesSection:has(#ringCentre:checked) #rcPlacementHint { display: block; }
#radialCirclesSection #ringPostcode { display: grid; grid-template-columns: minmax(0, 1fr) 50px; gap: 5px; margin: 7px 0 0; padding: 0; }
#radialCirclesSection .rc-sr-only { position: absolute !important; width: 1px !important; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#radialCirclesSection input[type="text"], #radialCirclesSection input[type="number"], #radialCirclesSection #ringPostcodeInput {
    display: block; width: 100% !important; min-width: 0; height: 28px; margin: 3px 0 0; padding: 3px 5px; border: 1px solid #aaa; border-radius: 3px; background: #fff; color: #252525; font: 13px Arial, sans-serif;
}
#radialCirclesSection #ringPostcodeInput { margin: 0; }
#radialCirclesSection .rc-numbers { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
#radialCirclesSection input[aria-invalid="true"] { border-color: #b54233; }
#radialCirclesSection .rc-slider { display: grid; grid-template-columns: 66px minmax(0, 1fr) 28px; align-items: center; gap: 5px; margin-top: 6px; }
#radialCirclesSection .rc-slider input { width: 100%; min-width: 0; margin: 0; padding: 0; }
#radialCirclesSection output { padding: 3px 2px; text-align: center; border: 1px solid #c6c6c6; border-radius: 3px; background: #fafafa; }
#radialCirclesSection #ringLegend ul { list-style: none; margin: 0; padding: 0; }
#radialCirclesSection #ringLegend li { margin: 0; padding: 4px 0; border-bottom: 1px solid #e2e2e2; }
#radialCirclesSection .rc-legend-head, #mapSidebar #radialCirclesSection #ringLegend li label { display: grid; grid-template-columns: 52px 40px minmax(0, 1fr); align-items: center; gap: 4px; text-align: left; }
#radialCirclesSection .rc-legend-head { color: #62675f; padding: 4px 0; border-bottom: 1px solid #ccc; }
#radialCirclesSection .rc-legend-head span:nth-child(2) { text-align: center; }
#radialCirclesSection .rc-radius { white-space: nowrap; }
#radialCirclesSection #ringLegend li img { width: 28px; height: 28px; padding: 0; margin: 0; justify-self: center; border: 1px solid #777; border-radius: 2px; cursor: pointer; }
#radialCirclesSection #ringLegend input { margin: 0; }
#radialCirclesSection summary { margin: 0; cursor: pointer; list-style: none; }
#radialCirclesSection summary::-webkit-details-marker { display: none; }
#radialCirclesSection 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); flex-shrink: 0; }
#radialCirclesSection details[open] summary::after { transform: rotate(45deg); }
#radialCirclesSection button, #radialCirclesSection #ringGoButton {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: auto; min-width: 0; height: auto; min-height: 28px; margin: 0; padding: 4px 7px; border: 1px solid #aaa; border-radius: 3px; background: #f2f2f2; color: #252525; font: 13px/18px Arial, sans-serif; cursor: pointer;
}
#radialCirclesSection button:hover { background: #e8eee2; }
#radialCirclesSection #circlesCentroidsBtn { margin-top: 8px; }
#radialCirclesSection #circleCentroidInfo { display: block; width: 100%; margin-top: 6px; }
#radialCirclesSection #circleCentroidList { display: block; width: 100%; min-width: 0; height: 82px; margin: 3px 0 6px; padding: 4px; overflow: auto; resize: vertical; border: 1px solid #aaa; border-radius: 3px; font: 13px/18px Arial, sans-serif; }
#radialCirclesSection #advancedCirclesImport { margin-top: 6px; background-image: none; }
#radialCirclesSection #advancedCirclesImport.advancedInactive { color: #777; background-color: #f6f6f6; border-style: dashed; }
#radialCirclesSection #advancedCirclesImport.advancedActive { color: #315e1f; border-color: #73a44d; }
#radialCirclesSection .rc-footer { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #d7d7d7; }
#radialCirclesSection #deleteCircles img { width: 16px; height: 18px; flex-basis: 16px; }
#radialCirclesSection .rc-footer .iconLink { position: static; display: block; flex: 0 0 28px; width: 28px; height: 28px; padding: 3px; }
#radialCirclesSection .iconLink img { width: 100%; height: 100%; }
#radialCirclesSection input:focus-visible, #radialCirclesSection button:focus-visible, #radialCirclesSection textarea:focus-visible,
#radialCirclesSection img[role="button"]:focus-visible, #radialCirclesSection summary:focus-visible, #radialCirclesSection a:focus-visible { outline: 2px solid #426ab0; outline-offset: 2px; }
#radialCirclesSection .rc-set-picker { position: relative; margin-top: 8px; }
#mapSidebar #radialCirclesSection .rc-set-picker > label { font-weight: 600; margin-bottom: 4px; }
#radialCirclesSection .rc-set-row { display: grid; grid-template-columns: minmax(0,1fr) 28px 28px; gap: 4px; }
#radialCirclesSection #rcSetSelect { width: 100%; min-width: 0; height: 28px; margin: 0; padding: 3px; border: 1px solid #aaa; border-radius: 3px; background: #fff; color: #252525; font: 13px Arial,sans-serif; text-overflow: ellipsis; }
#radialCirclesSection #rcAddSet, #radialCirclesSection #rcSetMenuButton { height: 28px; min-height: 28px; padding: 0; font: bold 23px/1 Arial,sans-serif; }
#radialCirclesSection #rcAddSet { color: #477c30; }
#radialCirclesSection .rc-set-menu { position: absolute; z-index: 20; top: 52px; right: 0; width: 166px; padding: 4px; border: 1px solid #aaa; border-radius: 4px; background: #fff; box-shadow: 0 3px 8px #0003; }
#radialCirclesSection .rc-set-menu button { display: flex; width: 100%; justify-content: flex-start; border: 0; background: #fff; }
#radialCirclesSection .rc-set-menu button:hover { background: #edf4e8; }
#radialCirclesSection .rc-set-menu .rc-danger { color: #b52d20; border-top: 1px solid #ddd; margin-top: 3px; border-radius: 0; }
#radialCirclesSection #rcRenameRow { display: grid; grid-template-columns: minmax(0,1fr) auto 28px; gap: 4px; margin-top: 5px; }
#radialCirclesSection #rcSetName { margin: 0; }
#radialCirclesSection #rcLinkRow { margin-top: 7px; }
#mapSidebar #radialCirclesSection #rcLinkRow label { align-items: flex-start; font-size: 12px; line-height: 16px; }
#radialCirclesSection #rcLinkHint, #radialCirclesSection #rcSetStatus { font-size: 12px; line-height: 16px; }
#radialCirclesSection #rcSetStatus { color: #456a31; }
#radialCirclesSection select:focus-visible { outline: 2px solid #426ab0; outline-offset: 2px; }
.rc-centre-marker { position: fixed; z-index: 1000; width: 28px; height: 28px; margin: -14px; border: 3px solid #318022; border-radius: 50%; box-shadow: 0 0 0 4px #fff9; pointer-events: none; animation: rc-centre-pulse 1s ease-out forwards; }
@keyframes rc-centre-pulse { to { transform: scale(1.8); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .rc-centre-marker { animation: none; } }