.clen-dm{
  --clen-gap: var(--clen-gap-custom, 16px);
  --clen-radius: var(--clen-radius-custom, 12px);
  --clen-bg: var(--clen-bg-custom, #fff);
  --clen-text: var(--clen-text-custom, #111);
  --clen-border: var(--clen-border-custom, #e5e5e5);
  --clen-input-border: var(--clen-input-border-custom, #ddd);
  --clen-primary: var(--clen-primary-custom, #c71c2d);
  --clen-item-border: var(--clen-item-border-custom, #eee);
  --clen-font-size: var(--clen-font-size-custom, 16px);
  --clen-input-radius: var(--clen-input-radius-custom, 8px);
  --clen-padding: var(--clen-padding-custom, 12px);
  display:block; background:var(--clen-bg); color:var(--clen-text);
  border-radius:var(--clen-radius); border:1px solid var(--clen-border);
  padding:var(--clen-padding);
  font-size: var(--clen-font-size);
}
.clen-dm__controls{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-bottom:12px; }
.clen-dm__search, .clen-dm__state{ width:100%; min-height:42px; font-size:1em; padding:8px 10px; border:1px solid var(--clen-input-border); border-radius:var(--clen-input-radius); }
.clen-dm__grid{ display:grid; grid-template-columns: 1fr 2fr; gap:var(--clen-gap); align-items:stretch; }
.clen-dm__list{ border:1px solid var(--clen-item-border); border-radius:calc(var(--clen-radius) - 2px); padding:8px; overflow:auto; max-height: 100%; }
.clen-dm__item{ padding:8px; border-bottom:1px dashed var(--clen-item-border); cursor:pointer; }
.clen-dm__item:last-child{ border-bottom:none; }
.clen-dm__item-title{ font-weight:600; margin-bottom:2px; }
.clen-dm__mapwrap{ position:relative; width:100%; height:520px; border:1px solid var(--clen-item-border); border-radius:calc(var(--clen-radius) - 2px); overflow:hidden; }
.clen-map{ width:100%; height:100%; }
.clen-consent{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.9); padding:16px; z-index:2; }
.clen-consent__box{ background:#fff; border:1px solid var(--clen-border); border-radius:12px; padding:16px; max-width:520px; box-shadow:0 6px 16px rgba(0,0,0,.08); }
.clen-consent__actions{ display:flex; gap:8px; justify-content:flex-end; margin-top:8px; }
.clen-dm.is-no-state .clen-dm__controls{ grid-template-columns: 1fr; }

@media (max-width: 900px){
  .clen-dm__controls{ grid-template-columns: 1fr; }
  .clen-dm__grid{ grid-template-columns: 1fr; }
  .clen-dm__mapwrap{ height:380px; }
}