/* Meeting Attendance - Frontend Styles */

/* Wrapper */
.ma-councillor-attendance-wrapper,
.ma-meeting-attendance-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Summary line */
.ma-attendance-title {
    margin-bottom: 10px;
}

.ma-summary-line {
    font-size: 1.1em;
    margin-bottom: 10px;
}

/* Two-column layout */
.ma-details-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.ma-details-column {
    flex: 1 1 48%;
    min-width: 300px;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
}

/* Status badge (colour dot) */
.ma-status-badge {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

/* Status breakdown list */
.ma-summary-column ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.ma-summary-column ul li {
    padding: 4px 0;
}

/* Buttons */
.ma-read-more-btn,
.ma-view-full-details-btn {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Tables */
.ma-details-column table.wp-list-table {
    margin-top: 10px;
}

.ma-details-column ul {
    margin: 0;
    padding-left: 20px;
}

/* Staff list */
.ma-staff-attended-list {
    margin: 10px 0;
    padding-left: 20px;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .ma-details-grid {
        flex-direction: column;
    }

    .ma-details-column {
        flex: 1 1 100%;
        min-width: 0;
    }
}