/* Compact city groups shared by the offer card and its editor. */
.sale-address-groups{display:grid;gap:8px}
.sale-address-group{min-width:0;border:1px solid #e0e5ed;border-radius:8px;background:#fff;overflow:hidden}
.sale-address-group>summary{display:flex;align-items:center;gap:9px;padding:11px 12px;cursor:pointer;list-style:none;font-size:13px;line-height:20px}
.sale-address-group>summary::-webkit-details-marker{display:none}
.sale-address-group>summary::before{content:"";width:6px;height:6px;border-right:1.5px solid #7a8491;border-bottom:1.5px solid #7a8491;transform:rotate(-45deg);transform-origin:center;flex:none;transition:transform .15s ease}
.sale-address-group[open]>summary::before{transform:rotate(45deg)}
.sale-address-group>summary strong{font-weight:500;overflow-wrap:anywhere;min-width:0}
.sale-address-group>summary>span{margin-left:auto;color:#7a8491;font-size:12px;white-space:nowrap}
.sale-address-group>summary:focus-visible{outline:2px solid #7aabd9;outline-offset:-2px}
.sale-address-group .sale-addresses{margin:0;padding:0 12px 8px;max-height:280px;overflow:auto;overscroll-behavior:contain}
.sale-address-group .sale-addresses li{display:flex;gap:8px;align-items:center;justify-content:space-between;overflow-wrap:anywhere}
.sale-address-group .sale-addresses small{display:block;color:#87909c;font-size:11px}
.sale-address-group .sale-addresses li:last-child{border-bottom:0}
#sale-editor .sale-location-summary{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 0 3px;font-size:12px}
#sale-selection-total{font-size:14px;color:#284e72;font-weight:600}
#sale-locations-message{color:#7a8491}
#sale-editor .sale-location-options{max-height:280px;overscroll-behavior:contain;border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0}
.sale-city-options{padding:10px 0;border-bottom:1px solid #edf0f4}
.sale-city-options:last-child{border-bottom:0}
.sale-city-options-head{display:flex;gap:10px;justify-content:space-between;align-items:center}
.sale-city-options-head>div{min-width:0}
.sale-city-options-head strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.sale-city-options-head small{display:block;margin-top:3px}
#sale-editor .sale-city-options-head .button{flex:none;font-size:12px;min-height:34px;padding:6px 10px}
.sale-city-options details>summary{cursor:pointer;font-size:12px;color:#5d748e;padding:8px 0 3px}
#sale-editor .sale-selected-locations{display:grid;gap:7px;margin:12px 0}
#sale-editor .sale-selected-locations h3{margin:0;font-weight:500;color:#5c697a;font-size:12px}
#sale-editor .sale-selected-locations:empty{display:none}
#sale-editor .sale-selected-locations button{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;background:transparent;border:0;font-size:19px;color:#8a96a5}
#sale-editor .sale-selected-locations button:hover{background:#fff0ec;color:#b24636}
.sale-location-empty{padding:12px 0}
.sale-period-field{min-width:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5c697a}
#sale-period-calendar{margin:0;color:#24364c}
#sale-period-calendar details{border:1px solid #d9e0e9;border-radius:6px;overflow:visible}
#sale-period-calendar summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 9px;box-sizing:border-box}
#sale-period-calendar .range-picker-label,#sale-period-calendar .range-picker-edit{display:none}
#sale-period-calendar .range-picker-value{font-size:14px;line-height:20px;font-weight:400;min-width:0}
#sale-period-calendar .range-picker-icon{flex:none;color:#7a8491;width:18px;height:18px}
#sale-period-calendar .range-picker-floating{position:fixed;inset:auto;z-index:1500;margin:0;padding:12px;border:1px solid #d9e0e9;border-radius:12px;background:#fff;color:#24364c;box-shadow:0 12px 36px #17345329;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
#sale-period-calendar .range-picker-floating::backdrop{background:transparent}
#sale-period-calendar details:not([open]) .range-picker-floating{display:none}
#sale-period-calendar .range-picker-value{font-variant-numeric:tabular-nums}
.sale-editor-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#7a8491;margin:20px 0 0}
#sale-editor .sale-form-actions{margin-top:12px}
@media(max-width:560px){.sale-city-options-head{gap:6px}#sale-editor .sale-city-options-head .button{padding:6px 8px;font-size:11px}.sale-address-group>summary{padding:10px}.sale-address-group .sale-addresses{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.sale-address-group>summary::before{transition:none}}