@media screen and (max-width: 800px) {
    .invite.page input {
        margin-inline: auto;
    }    
}

.page.registrations {

    padding: var(--page-padding);

    & main {
        padding: 24px;
    }

    & section {
        overflow-x: auto;
    } 

    table {
        min-width: 800px;
        text-align: left;
    }

    td.icon {
        width: 50px;
        text-align: center;
    }    

    td v-icon {
        width: 16px;
    }

    td.errors v-icon {
        color: crimson;
    }

    td.accept v-icon {
        color: #b3a7a7;
    }    
}