/* Základ + rozhraní */
.mkn_czir { --gap:16px; --border:#e3e6eb; --accent:#000; /* černá pro aktivní hrany */ }
.mkn_czir__mapwrap { border:0px solid var(--border); border-radius:12px; overflow:hidden; margin-bottom:var(--gap); background:#fff; }
.mkn_czir__svg, .mkn_czir__svg * { pointer-events:auto; }

/* REGIONY: výplň i linky dle zadání */
.mkn_czir__svg .mkn_czir__region {
  fill:#C8F4F5;                 /* světle tyrkysová plocha */
  stroke:#fff;                  /* bílé linie mezi kraji */
  stroke-width:2;
  vector-effect: non-scaling-stroke;
  stroke-linejoin:round; stroke-linecap:round;
  transition: stroke .15s ease, filter .15s ease;
  cursor:pointer;
}
.mkn_czir__svg .mkn_czir__region:hover { filter:brightness(0.97); }
.mkn_czir__svg .mkn_czir__region.is-active { stroke:var(--accent); } /* vybraný kraj = černé linie */

/* Špendlíky s počty (viz náhled) */
.mkn_czir__pins { pointer-events:none; }
.mkn_czir__pin { pointer-events:auto; cursor:pointer; }
.mkn_czir__pin-dot  { fill:#0A3143; }     /* tmavý modrozelený */
.mkn_czir__pin-tail { fill:#0A3143; }
.mkn_czir__pin-shadow { fill:#000; opacity:.12; }
.mkn_czir__pin-num { fill:#fff; font:700 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.mkn_czir__pin.is-active .mkn_czir__pin-dot,
.mkn_czir__pin.is-active .mkn_czir__pin-tail { filter:brightness(1.08); }

/* Panel s výsledky – karty poradců */
.mkn_czir__panel { border:1px solid var(--border); border-radius:12px; padding:16px; background:#fff; }
.mkn_czir__placeholder { color:#6b7280; }
.mkn_czir__heading { margin:0 0 10px; font-size:clamp(18px,2vw,22px); }

.mkn_czir__cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.mkn_czir__card { display:grid; grid-template-columns:86px 1fr; gap:12px; padding:12px; border:1px solid var(--border); border-radius:12px; align-items:center; }
.mkn_czir__thumb { width:86px; height:86px; object-fit:cover; border-radius:10px; background:#eef2f7; }
.mkn_czir__thumb--placeholder { display:block; }
.mkn_czir__card-body { min-width:0; }
.mkn_czir__card-title { margin:0 0 6px; font-size:16px; line-height:1.2; }
.mkn_czir__card-title a { text-decoration:none; }
.mkn_czir__card-title a:hover { text-decoration:underline; }
.mkn_czir__card-meta { margin:0; padding:0; list-style:none; color:#475569; font-size:14px; display:grid; gap:2px; }

.mkn_czir__loading { padding:8px 0; }
.mkn_czir__error { color:#b91c1c; }
.mkn_czir__empty { color:#475569; }