/* ── Platform Apps v2: catalogus met status en icoon ─────────────────────────
   11 betaalde apps + Knowledge (inbegrepen). Status is ook als tekstbadge
   aanwezig (nooit alleen kleur); de badgetekst komt uit vertaalbare velden. */
.apps-grid-v2 { align-items: stretch; }
.app-card-v2 .app-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; min-height: 28px; }
.app-card-v2 .app-icon { width: 28px; height: 28px; flex: 0 0 auto; }
.app-status-badge { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.app-status-badge-unavailable { color: #ffd28a; border: 1px dashed rgba(255,179,71,0.55); background: rgba(255,179,71,0.10); }
.app-status-badge-included { color: #ff8f98; border: 1px solid rgba(230,57,70,0.55); background: rgba(230,57,70,0.12); }
.app-card-v2.app-status-unavailable { border-style: dashed; }
.app-card-v2.app-status-unavailable:hover { border-color: rgba(255,179,71,0.5); box-shadow: 0 18px 40px -16px rgba(255,179,71,0.3), 0 0 0 1px rgba(255,179,71,0.15); }
@media (max-width: 560px) { .app-card-v2 .app-card-head { flex-wrap: wrap; } }