/* Canlı TV ve operatör takibi aynı kart ölçülerini kullanır. */
.supervisor-karti.supervisor-kpi-karti[hidden],
.wb-sayfa .wb-kpi[hidden] { display: none; }
.supervisor-karti.supervisor-kpi-karti,
.wb-sayfa .wb-kpi {
  display: grid;
  grid-template-columns: 10px 32px minmax(0, 1fr);
  align-items: center;
  align-content: center;
  gap: 8px;
  padding: 9px 10px;
  height: auto;
  min-height: 70px;
  border-radius: 10px;
  box-sizing: border-box;
}
.supervisor-kpi-karti > .surukle,
.wb-kpi > .wb-tutamac { width: 10px; margin: 0; font-size: 15px; line-height: 1; }
.supervisor-kpi-karti > i,
.wb-sayfa .wb-kpi > .wb-simge {
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: 11px;
}
.supervisor-kpi-karti .wb-icon,
.wb-kpi .wb-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.supervisor-kpi-karti > span:not(.surukle),
.wb-kpi > div { min-width: 0; display: grid; gap: 3px; }
.supervisor-kpi-karti small,
.wb-sayfa .wb-kpi small {
  display: block;
  font-size: 11px;
  line-height: 1.3;
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
}
.supervisor-kpi-karti strong,
.wb-sayfa .wb-kpi strong {
  margin: 0;
  font-size: 19px;
  line-height: 1.1;
  letter-spacing: -.02em;
  font-family: inherit;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (max-width: 1450px) {
  .supervisor-karti.supervisor-kpi-karti[data-boyut="dar"] { grid-column: span 4; }
  .wb-kpilar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .supervisor-karti.supervisor-kpi-karti[data-boyut="dar"] { grid-column: span 6; }
  .wb-kpilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .supervisor-karti.supervisor-kpi-karti[data-boyut="dar"] { grid-column: 1 / -1; }
  .wb-kpilar { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .supervisor-karti.supervisor-kpi-karti,
  .wb-sayfa .wb-kpi { grid-template-columns: 10px 28px minmax(0, 1fr); gap: 6px; padding: 9px; }
  .supervisor-kpi-karti > i,
  .wb-sayfa .wb-kpi > .wb-simge { width: 28px; height: 28px; border-radius: 9px; }
  .supervisor-kpi-karti strong,
  .wb-sayfa .wb-kpi strong { font-size: 19px; }
}