/* Registration Table */

.registration-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: var(--surface-color);
    color: var(--default-color);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    border-radius: 8px;
    overflow: hidden;
}

.registration-table thead {
    background: var(--accent-color);
    color: var(--contrast-color);
}

.registration-table th,
.registration-table td {
    padding: 14px 18px;
    border: 1px solid rgba(0,0,0,0.08);
}

.registration-table th {
    font-family: var(--heading-font);
    font-weight: 600;
    text-align: left;
}

.registration-table td {
    font-family: var(--default-font);
}

.registration-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));
}

.registration-table tbody tr:hover {
    background: color-mix(in srgb, var(--accent-color) 15%, var(--surface-color));
}

.registration-table td:first-child {
    color: var(--heading-color);
    font-weight: 600;
}

.registration-table caption {
    caption-side: top;
    text-align: left;
    color: var(--heading-color);
    font-family: var(--heading-font);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}


.table thead {
    background: var(--heading-color);
    color: #fff;
}

.table tbody tr:hover {
    background-color: rgba(0, 128, 0, 0.05);
}

.table td,
.table th {
    vertical-align: middle;
}