/* ДоКого — публично табло. Ляга върху dokogo.css. */

.bd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 20px 0; }
@media (max-width: 720px) { .bd-stats { grid-template-columns: 1fr 1fr; } }

.bd-tile {
  background: #fff; border: 1px solid #e7e7ee; border-radius: 14px; padding: 16px 18px;
  box-shadow: 0 4px 14px rgba(20,20,40,.04);
}
.bd-tile-label { display: flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #6a6a75; margin-bottom: 6px; }
.bd-tile-value { font-size: 1.9rem; font-weight: 800; letter-spacing: -0.02em; }
.bd-tile--total .bd-tile-value { color: var(--dk-accent-2); }
.bd-tile--open .bd-tile-label::before { content: "●"; color: var(--dk-warn); }
.bd-tile--open .bd-tile-value { color: var(--dk-warn); }
.bd-tile--resolved .bd-tile-label::before { content: "●"; color: var(--dk-ok); }
.bd-tile--resolved .bd-tile-value { color: var(--dk-ok); }
.bd-tile--avg .bd-tile-value { color: var(--dk-accent-2); font-size: 1.5rem; }

.bd-filters { display: flex; gap: 14px; flex-wrap: wrap; }
.bd-filters .dk-field { flex: 1 1 160px; margin-bottom: 0; }

#bd-map { height: 380px; border-radius: 14px; overflow: hidden; border: 1px solid #e7e7ee; }

.bd-row-bad { color: var(--dk-bad); font-weight: 700; }

.bd-leaflet-popup { font-size: .85rem; line-height: 1.5; }