/* ============================================================
   TEAMS.CSS — Forbedrer struktur i teamkort uten å ødelegge events.css
   ============================================================ */

/* === TEAM CARD BODY — mer luft, mer struktur === */
.approval-card.event-card .approval-body {
    padding: 10px 14px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;  /* magien — jevne mellomrom mellom alle elementer */
}

/* === Beskrivelse === */
.approval-card.event-card .approval-body p em {
    color: #4b5563;
    line-height: 1.35;
}

/* === Info-grupper: lagpoeng + medlemmer === */
.team-info-block {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.4;
}

.team-info-block strong {
    color: #111827;
}

/* === Vis medlemmer-knapp — ligger penere under ledene === */
.team-member-btn {
    margin-top: 8px;
    display: inline-block;
}

/* === Sosiale medier-seksjon — penere spacing === */
.team-social-block {
    margin-top: 4px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* === Knappeseksjon nederst === */
.team-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* === Pending-knapp === */
.pending-members-btn {
    margin-top: 6px;
}

/* === Admin-kontroller blokk === */
.team-admin-controls {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #d1d5db;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* === Lag-tittel-badge får litt bedre plass === */
.team-title-badge {
    display: inline-block !important;
    padding: 2px 0;
}

.team-member-btn {
    margin-top: 6px;
    display: block;      /* Viktig: Egen linje */
    width: fit-content;  /* Knappen tar naturlig størrelse */
}
/* Felles styling for kort inne i "Vis medlemmer" + "Ventende medlemmer" */
#modal-team-members #members-list .approval-card,
#modal-team-pending #pending-list .pending-item {
    box-shadow: none !important;
    border: 1px solid rgba(148,163,184,0.45); /* diskret slate-300 */
    background: #ffffff;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* Litt mer luft rundt listene */
#modal-team-members #members-list,
#modal-team-pending #pending-list {
    padding: 4px 0;
}