/* MINIMAL pin button - override EVERYTHING */

/* Kill all the complex button styling */
#active-liveTranscript .transcript-entry-action-btn,
.transcript-entry-action-btn {
    all: unset !important;
    cursor: pointer !important;
    color: #9CA3AF !important;
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#active-liveTranscript .transcript-entry-action-btn:hover,
.transcript-entry-action-btn:hover {
    color: #3B82F6 !important;
}

/* Pin button container - inline with timestamp */
#active-liveTranscript .transcript-entry-actions,
.transcript-entry-actions {
    all: unset !important;
    display: inline !important;
    margin-left: 8px !important;
}

/* Put timestamp and pin button on same line */
#active-liveTranscript .chat-timestamp,
.chat-timestamp {
    display: inline !important;
    font-size: 11px !important;
    color: #6B7280 !important;
    margin-right: 0 !important;
}

/* Make header row a simple flex */
#active-liveTranscript .transcript-header-row,
.transcript-header-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
    grid-template-columns: unset !important;
}

/* Avatar should be small */
#active-liveTranscript .profile-avatar,
.profile-avatar {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
}

/* Speaker name inline */
#active-liveTranscript .speaker-name,
.speaker-name {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #E5E7EB !important;
}

/* Push timestamp to the right */
#active-liveTranscript .chat-timestamp,
.chat-timestamp {
    margin-left: auto !important;
}