.xero-staff-mappings-table {
    table-layout: fixed;
}

.xero-staff-mappings-col-staff {
    width: 32%;
}

.xero-staff-mappings-col-email {
    width: 28%;
}

.xero-staff-mappings-col-employee {
    width: 40%;
}

.xero-employee-selection {
    min-width: 12rem;
    max-width: 16rem;
}

.xero-connection-sync-label {
    display: none;
    align-items: center;
    gap: 0.35rem;
}

.xero-connection-status-badge.htmx-request .xero-connection-status-label {
    display: none;
}

.xero-connection-status-badge.htmx-request .xero-connection-sync-label {
    display: inline-flex;
}

.xero-connection-status-badge .spinner-border {
    width: 0.75rem;
    height: 0.75rem;
    border-width: 0.12em;
}