/* RL Mate V0.35.2 - Connections use the same Player Card V3 visual language */
#view-connections #connectionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,280px));gap:18px;align-items:start;justify-content:start}
#view-connections .connection-card.pcv3-connection{display:flex;flex-direction:column;gap:10px;padding:10px;background:rgba(5,14,25,.58);border:1px solid rgba(100,195,255,.15);border-radius:18px;overflow:hidden}
#view-connections .connection-card.pcv3-connection>.pcv2-stage{width:100%;max-width:none;margin:0}
#view-connections .connection-card.pcv3-connection .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}
#view-connections .connection-card.pcv3-connection .card-actions .btn{min-width:0;padding:8px 7px;font-size:10px}
#view-connections .connection-card.pcv3-connection .card-actions .connection-remove{grid-column:1/-1}
@media(max-width:700px){#view-connections #connectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#view-connections .connection-card.pcv3-connection{padding:6px;border-radius:14px}#view-connections .connection-card.pcv3-connection .card-actions{grid-template-columns:1fr}.connection-card.pcv3-connection .card-actions .connection-remove{grid-column:auto}}
@media(max-width:420px){#view-connections #connectionGrid{grid-template-columns:1fr 1fr}}