/* ===== Desktop (equal heights 650px) ===== */
.osl-ra-wrap{
  display:grid;
  grid-template-columns: 1fr 420px;
  gap:16px;
  align-items:stretch;
  height:650px;
}
.osl-ra-left .leaflet-container,
.osl-ra-right{
  height:100%;
  max-height:650px;
  overflow:hidden;
}
.osl-ra-right{
  background:#1f1f1f; color:#fff; padding:18px;
  border-radius:8px; display:flex; flex-direction:column;
}
.osl-ra-title{font-size:18px; letter-spacing:.06em; margin:0 0 12px; font-weight:700;}
.osl-ra-search{margin:10px 0 12px;}
.osl-ra-label{display:block; font-size:13px; color:#cfcfcf; margin-bottom:6px;}
.osl-ra-input-wrap{position:relative;}
.osl-ra-input{width:100%; padding:12px 40px 12px 14px; border-radius:6px; border:1px solid #3a3a3a; background:#fff; color:#111;}
.osl-ra-go{position:absolute; right:6px; top:50%; transform:translateY(-50%); width:32px; height:32px; border:0; background:transparent; cursor:pointer;}
.osl-ra-icon{display:inline-block; width:18px; height:18px; border:2px solid #111; border-radius:50%; position:relative;}
.osl-ra-icon:after{content:''; position:absolute; width:10px; height:2px; background:#111; right:-8px; bottom:-3px; transform:rotate(45deg); border-radius:1px;}
.osl-ra-radius{display:flex; align-items:center; gap:8px; margin-bottom:12px;}
.osl-ra-radius-select{background:#fff; color:#111; border:1px solid #3a3a3a; border-radius:4px; padding:6px 8px;}
.osl-ra-units{font-size:12px; color:#cfcfcf;}
.osl-ra-list{overflow:auto; padding-right:6px; flex:1 1 auto;}
.osl-ra-card{background:#111; border-radius:8px; padding:14px; margin-bottom:12px; box-shadow:0 1px 0 rgba(255,255,255,.05) inset;}
.osl-ra-card-title{font-size:18px; font-weight:800; margin-bottom:8px; text-transform:uppercase;}
.osl-ra-card-addr, .osl-ra-card-line{font-size:14px; color:#e5e5e5; line-height:1.4;}
/* ===== Tablet ===== */
@media (max-width: 1024px){
  .osl-ra-wrap{ grid-template-columns: 1fr 360px; }
}
/* ===== Mobile (stack) ===== */
@media (max-width: 768px){
  .osl-ra-wrap{
    grid-template-columns: 1fr;
    height:auto;
  }
  .osl-ra-left .leaflet-container{
    height:300px !important;
    max-height:none;
    border-radius:0;
  }
  .osl-ra-right{
    height:auto;
    max-height:none;
    border-radius:0;
    padding:16px;
  }
  .osl-ra-input{font-size:16px; padding:12px 44px 12px 14px;}
  .osl-ra-go{right:8px; width:34px; height:34px;}
  .osl-ra-radius{gap:10px; flex-wrap:wrap;}
  .osl-ra-radius-select{width:auto; min-width:140px;}
  .osl-ra-list{
    max-height: calc(100vh - 300px - 190px);
    overflow:auto;
  }
}
@media (max-width: 480px){
  .osl-ra-left .leaflet-container{ height:260px !important; }
  .osl-ra-list{ max-height: calc(100vh - 260px - 190px); }
}