.clg-wrap { display:flex; flex-direction:column; gap:16px; }
.clg-controls { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; }
.clg-label { display:block; font-weight:600; margin-bottom:6px; }
.clg-input { width:100%; padding:10px 12px; border:1px solid #d1d5db; border-radius:10px; }
.clg-grid { display:flex; gap:16px; align-items:flex-end; flex-wrap:wrap; margin-top:12px; }
.clg-checkboxes label { display:flex; gap:8px; align-items:center; }
.clg-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.clg-btn { padding:10px 14px; border-radius:10px; border:1px solid #cbd5e1; background:#f8fafc; cursor:pointer; }
.clg-btn:hover { background:#f1f5f9; }
.clg-primary { background:#2e85f0; border-color:#2e85f0; color:#fff; }
.clg-ghost { background:transparent; }
.clg-main { display:grid; grid-template-columns: 1fr 360px; gap:16px; }
#clg-map { width:100%; height:520px; border-radius:12px; border:1px solid #e5e7eb; }
.clg-list { max-height:520px; overflow:auto; border:1px solid #e5e7eb; border-radius:12px; padding:8px; background:#fff; }
.clg-list-empty { padding:12px; color:#64748b; }
.clg-item { padding:10px 12px; border-radius:10px; border:1px solid #e5e7eb; background:#fff; margin:8px; }
.clg-item-name { font-weight:700; margin-bottom:6px; }
.clg-item-meta { color:#64748b; font-size:14px; margin-bottom:8px; }
.clg-item-actions { display:flex; gap:8px; }
.clg-btn-small { padding:6px 10px; border-radius:10px; border:1px solid #cbd5e1; background:#f8fafc; cursor:pointer; font-size:13px; }
.clg-btn-small:hover { background:#f1f5f9; }
.clg-link { text-decoration:none; }
.clg-balloon { max-width:280px; }
.clg-b-name { font-weight:700; margin-bottom:4px; }
.clg-b-meta { color:#475569; font-size:13px; margin-bottom:6px; }

@media (max-width: 900px) {
  .clg-main { grid-template-columns: 1fr; }
  #clg-map { height:420px; }
}
.clg-error { padding:12px; background:#fff1f2; border:1px solid #fecdd3; border-radius:10px; color:#991b1b; }


/* --- Fix: контраст и читаемость белых кнопок --- */
.clg-wrap .clg-btn{
  appearance:none;
  background:#fff;                 /* чисто белая */
  color:#0f172a !important;        /* тёмный текст поверх любых тем */
  border:1px solid #cbd5e1;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  font-weight:600;
  opacity:1 !important;            /* если тема снижает прозрачность */
}

.clg-wrap .clg-btn:hover{
  background:#f1f5f9;              /* лёгкий hover */
}

.clg-wrap .clg-ghost{               /* "Сброс" тоже белой, не прозрачной */
  background:#fff;
  color:#0f172a !important;
  border-color:#cbd5e1;
}

.clg-wrap .clg-btn:focus-visible{
  outline:2px solid #2e85f0;
  outline-offset:2px;
}

/* корректная блокировка, если когда-нибудь отключим кнопки сознательно */
.clg-wrap .clg-btn[disabled]{
  opacity:.55 !important;
  cursor:not-allowed;
}


/* --- Все кнопки в блоке действий — синие --- */
.clg-wrap .clg-actions .clg-btn,
.clg-wrap .clg-actions .clg-ghost {
  background:#2e85f0 !important;
  border:1px solid #2e85f0 !important;
  color:#fff !important;
  box-shadow:0 2px 0 rgba(0,0,0,.06);
  font-weight:600;
}

.clg-wrap .clg-actions .clg-btn:hover,
.clg-wrap .clg-actions .clg-ghost:hover{
  filter:brightness(0.95);
}

.clg-wrap .clg-actions .clg-btn:focus-visible,
.clg-wrap .clg-actions .clg-ghost:focus-visible{
  outline:2px solid #1e66c8;
  outline-offset:2px;
}

.clg-wrap .clg-actions .clg-btn[disabled]{
  opacity:.65 !important;
  cursor:not-allowed;
}


/* --- Синие кнопки в списке результатов --- */
.clg-wrap .clg-item-actions .clg-btn-small,
.clg-wrap .clg-item-actions a.clg-btn-small,
.clg-wrap .clg-item-actions .clg-btn-small.clg-link {
  display: inline-block;                 /* чтобы <a> выглядел как кнопка */
  background: #2e85f0 !important;
  border: 1px solid #2e85f0 !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 10px;
  box-shadow: 0 2px 0 rgba(0,0,0,.06);
  text-decoration: none !important;
}

.clg-wrap .clg-item-actions .clg-btn-small:hover {
  filter: brightness(0.95);
}
.clg-wrap .clg-item-actions .clg-btn-small:focus-visible {
  outline: 2px solid #1e66c8;
  outline-offset: 2px;
}
.clg-wrap .clg-item-actions .clg-btn-small[disabled]{
  opacity: .65 !important;
  cursor: not-allowed;
}
