/* vm-wykres.css - wykres ocena/cena + karta ocen w recenzji (vapomaniak.pl). */
.vm-wykres{margin:0 0 28px;font-size:15px;line-height:1.5}
.vm-wykres__hint{margin:0 0 10px;color:#444}
.vm-wykres__plansza{position:relative;width:100%;aspect-ratio:640/360;background:#fff;border:1px solid #e3e3e3;border-radius:6px;overflow:hidden}
.vm-wykres--mini .vm-wykres__plansza{aspect-ratio:640/360;max-width:640px}
.vm-wykres__svg{display:block;width:100%;height:100%;font-family:inherit}
.vm-wykres__siatka line{stroke:#000;stroke-opacity:.07;stroke-width:1}
.vm-wykres__siatka text{font-size:10px;fill:#666}
.vm-wykres__os{font-size:11px;fill:#555;font-weight:600}
.vm-wykres__rog{font-size:11px;fill:#5a5a5a;font-style:italic}
.vm-wykres__lab{fill:#222;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
.vm-wykres__pt{cursor:pointer;outline:none}
.vm-wykres__pt:hover circle:first-child,.vm-wykres__pt:focus circle:first-child{stroke-width:3;filter:brightness(1.08)}
.vm-wykres__pt:focus-visible .vm-wykres__hit{stroke:#222;stroke-width:1.5;stroke-dasharray:3 2}
.vm-wykres__pt--tlo{opacity:.42}
.vm-wykres__pt--tlo:hover{opacity:1}
.vm-wykres__aura{opacity:.55}
.vm-wykres__pusto{font-size:14px;fill:#666}
.vm-wykres__dymek{position:absolute;z-index:5;max-width:240px;padding:8px 10px;background:#222;color:#fff;font-size:13px;line-height:1.4;border-radius:5px;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.vm-wykres__dymek strong{display:block;margin-bottom:2px;font-size:14px}
.vm-wykres__filtry{margin:0 0 10px}
.vm-wykres__grupa{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.vm-wykres__etyk{font-weight:600;margin-right:4px}
.vm-wykres__chip{appearance:none;border:1px solid #cfcfcf;background:#fff;color:#222;border-radius:999px;padding:4px 11px;font:inherit;font-size:13px;line-height:1.3;cursor:pointer}
.vm-wykres__chip small{color:#777;font-size:11px;margin-left:2px}
.vm-wykres__chip[aria-pressed="true"]{background:#222;color:#fff;border-color:#222}
.vm-wykres__chip[aria-pressed="true"] small{color:#ccc}
.vm-wykres__chip--reset{border-style:dashed;color:#666}
.vm-wykres__suwak{display:inline-flex;align-items:center;gap:8px;margin-left:8px}
.vm-wykres__suwak input{width:150px;accent-color:#222}
.vm-wykres__suwak output{min-width:2.2em;font-variant-numeric:tabular-nums;font-weight:600}
.vm-wykres__legenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;font-size:13px;color:#444}
.vm-wykres__leg{display:inline-flex;align-items:center;gap:5px}
.vm-wykres__leg i{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid #999;background:#fff}
.vm-wykres__licznik{margin:6px 0 0;font-size:13px;color:#666}
.vm-wykres__brak{margin:10px 0 0;font-size:13px;color:#555}
.vm-wykres__brak-t a{color:inherit}
.vm-wykres__wiecej{margin:10px 0 0;font-weight:600}

/* karta ocen w recenzji */
.vm-karta{margin:28px 0;padding:18px 20px;border:1px solid #e3e3e3;border-left:4px solid #222;border-radius:4px;background:#fafafa}
.vm-karta__naglowek{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.vm-karta__nazwa{margin:0 0 4px;font-size:1.35em;line-height:1.2}
.vm-karta__odznaki{margin:0;font-size:13px;color:#666}
.vm-karta__ocena{display:flex;align-items:baseline;gap:2px;white-space:nowrap}
.vm-karta__liczba{font-size:46px;font-weight:800;line-height:1}
.vm-karta__na{font-size:16px;color:#777}
.vm-karta__punkty{margin:14px 0 6px;padding-left:20px}
.vm-karta__punkty li{margin:0 0 4px}
.vm-karta__tabela{width:100%;margin:12px 0 6px;border-collapse:collapse;font-size:14px}
.vm-karta__tabela th{width:38%;text-align:left;font-weight:600;padding:5px 8px 5px 0;border:0}
.vm-karta__tabela td{padding:5px 0;border:0;vertical-align:middle}
.vm-karta__tabela th sup{color:#8b3a3a;margin-left:2px}
.vm-karta__pasek{width:52%}
.vm-karta__pasek .vm-karta__wypelnienie{display:block;height:12px;border-radius:6px;background:#999;min-width:3px;transition:width .3s}
.vm-karta__wartosc{width:10%;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;padding-left:8px!important}
.vm-karta__nd{color:#999;font-style:italic;padding-left:0!important}
.vm-karta__nota{margin:6px 0 0;font-size:13px;color:#666}
.vm-karta__h3{margin:18px 0 8px;font-size:1.05em}
.vm-karta .vm-wykres{margin-bottom:0}
@media (max-width:600px){
  .vm-karta{padding:14px}
  .vm-karta__liczba{font-size:38px}
  .vm-karta__tabela th{width:40%;font-size:13px}
  .vm-wykres__suwak input{width:110px}
}