/* Pakket F: kosten per groep/server (Control Center). */
.control-cost-target-list { display: grid; }
.control-cost-target-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 58px; padding: 9px 6px; border-bottom: 1px solid rgba(148, 163, 184, 0.09); }
.control-cost-target-row > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; font-size: 0.63rem; font-weight: 900; background: rgba(148, 163, 184, 0.1); color: #cbd5e1; }
.control-cost-target-row.is-whatsapp > span { background: rgba(37, 211, 102, 0.12); color: #4ade80; }
.control-cost-target-row.is-discord > span { background: rgba(88, 101, 242, 0.16); color: #a5b4fc; }
.control-cost-target-row strong, .control-cost-target-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.control-cost-target-row div small { color: #94a3b8; font-size: 0.74rem; margin-top: 2px; }
.control-cost-target-row > b { text-align: right; font-size: 0.95rem; }
.control-cost-target-row > b small { font-weight: 500; color: #94a3b8; font-size: 0.7rem; margin-top: 2px; }
@media (max-width: 560px) {
  .control-cost-target-row { grid-template-columns: 32px minmax(0, 1fr) auto; grid-template-areas: "i n p" "i k k"; row-gap: 2px; }
  .control-cost-target-row > span { grid-area: i; }
  .control-cost-target-row > div { display: contents; }
  .control-cost-target-row > div strong { grid-area: n; }
  .control-cost-target-row > div small { grid-area: k; white-space: normal; }
  .control-cost-target-row > b { grid-area: p; }
}
.control-cost-target-card{margin-bottom:16px}