.tigersofterp-time-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    align-items: end;
}

.tigersofterp-time-field,
.tigersofterp-time-actions {
    min-width: 0;
}

.tigersofterp-time-field .form-label {
    display: block;
    margin-bottom: .375rem;
    font-weight: 600;
}

.tigersofterp-time-field .select2-container,
.tigersofterp-time-field .form-control {
    width: 100% !important;
    max-width: none;
}

.tigersofterp-time-reference {
    grid-column: span 5;
}

.tigersofterp-time-type {
    grid-column: span 3;
}

.tigersofterp-time-date,
.tigersofterp-time-billable,
.tigersofterp-time-begin,
.tigersofterp-time-end,
.tigersofterp-time-duration {
    grid-column: span 2;
}

.tigersofterp-time-travel,
.tigersofterp-time-distance {
    grid-column: span 3;
}

.tigersofterp-time-comment,
.tigersofterp-time-actions {
    grid-column: 1 / -1;
}

.tigersofterp-time-billable .form-switch {
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: .35rem;
    padding-left: 2.75rem;
}

.tigersofterp-time-table {
    min-width: 860px;
}

.tigersofterp-time-table-wrap {
    overscroll-behavior-inline: contain;
}

.tigersofterp-time-billable-cell {
    min-width: 86px;
}

.tigersofterp-billable-form .form-switch {
    display: flex;
    align-items: center;
    gap: .3rem;
    min-height: 0;
    padding-left: 2.5rem;
}

.tigersofterp-billable-form .form-check-input {
    cursor: pointer;
}

@media (max-width: 1199.98px) {
    .tigersofterp-time-reference,
    .tigersofterp-time-type {
        grid-column: span 6;
    }

    .tigersofterp-time-date,
    .tigersofterp-time-billable,
    .tigersofterp-time-begin,
    .tigersofterp-time-end,
    .tigersofterp-time-duration,
    .tigersofterp-time-travel,
    .tigersofterp-time-distance {
        grid-column: span 4;
    }
}

@media (max-width: 767.98px) {
    .tigersofterp-time-form-grid {
        gap: .875rem .75rem;
    }

    .tigersofterp-time-reference,
    .tigersofterp-time-type,
    .tigersofterp-time-billable {
        grid-column: 1 / -1;
    }

    .tigersofterp-time-date,
    .tigersofterp-time-begin,
    .tigersofterp-time-end,
    .tigersofterp-time-duration,
    .tigersofterp-time-travel,
    .tigersofterp-time-distance {
        grid-column: span 6;
    }
}

@media (max-width: 479.98px) {
    .tigersofterp-time-date,
    .tigersofterp-time-begin,
    .tigersofterp-time-end,
    .tigersofterp-time-duration,
    .tigersofterp-time-travel,
    .tigersofterp-time-distance {
        grid-column: 1 / -1;
    }
}