/**
 * Onglet Summary : cartes résumé / notes / tags, copie.
 * Dépend de design-system.css + style.css.
 */

/* Même colonne flexible que la zone transcription pour aligner les états vides. */
#summary-content.player-tabpanel-body {
    display: flex;
    flex-direction: column;
}

.player-summary-cards {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ro-size-2, 8px);
    align-items: stretch;
}

.player-summary-cards > .player-summary-card.ro-card {
    flex: 1 1 260px;
    min-width: min(100%, 240px);
    max-width: 100%;
}

.player-summary-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ro-size-2, 8px);
    align-items: center;
}

#player-card-note-text {
    white-space: pre-line;
}

#player-card-summary-text {
    white-space: pre-line;
}

/* Boutons copier (Summary, notes agent, popover call_id / channel_id) : état succès */
.player-summary-copy-btn {
    position: relative;
    min-width: 2.25rem;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.player-summary-copy-btn .ro-icon {
    transition: opacity 0.15s ease, transform 0.2s ease;
}

.player-summary-copy-btn.player-summary-copy-btn--done {
    background-color: rgba(34, 197, 94, 0.18);
    border-color: rgba(34, 197, 94, 0.45);
    color: #15803d;
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.25);
}

.player-summary-copy-btn.player-summary-copy-btn--done .ro-icon {
    opacity: 0;
    transform: scale(0.85);
}

.player-summary-copy-btn.player-summary-copy-btn--done::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 0.65rem;
    height: 0.35rem;
    border: solid currentColor;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg) translate(1px, -1px);
    opacity: 0.95;
    pointer-events: none;
}