.aea-em-panel {
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 24px;
}

.aea-em-attendance-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.aea-em-add-attendee-tabs {
    margin-bottom: 14px;
}
.aea-em-tab-btn.active {
    background: #2271b1;
    color: #fff;
    border-color: #2271b1;
}

#aea-em-member-results {
    margin-top: 10px;
}
.aea-em-member-result-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.aea-em-member-result-list li {
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

#aea-em-bulk-email-status {
    margin: 8px 0 4px;
    font-style: italic;
    color: #444;
}

/* === Per-attendee card === */
.aea-em-attendee-card {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
}
.aea-em-attendee-card summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    background: #f6f7f7;
}
.aea-em-attendee-card summary::-webkit-details-marker { display: none; }
.aea-em-attendee-card[open] summary {
    border-bottom: 1px solid #ddd;
}
.aea-em-attendee-name { flex: 1 1 220px; }
.aea-em-muted { color: #777; font-size: 12px; margin-left: 6px; }
.aea-em-attendee-total {
    font-weight: 600;
    background: #e7f3e8;
    padding: 4px 10px;
    border-radius: 3px;
    white-space: nowrap;
}
.aea-em-attendee-actions {
    white-space: nowrap;
}
.aea-em-attendee-actions a.aea-em-remove-attendee {
    margin-left: 10px;
    color: #b32d2e;
}

.aea-em-attendee-body {
    padding: 14px 16px;
}

.aea-em-lecture-attendance-table {
    border-collapse: collapse;
    width: 100%;
}
.aea-em-lecture-attendance-table th,
.aea-em-lecture-attendance-table td {
    border: 1px solid #ddd;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}
.aea-em-block-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.aea-em-block-checkbox-label {
    white-space: nowrap;
    font-size: 13px;
}
.aea-em-earned-col {
    white-space: nowrap;
    text-align: right;
    font-weight: 600;
    width: 130px;
}

#aea-em-save-status {
    margin-left: 10px;
    font-style: italic;
    color: #666;
}