#passport-submission {

    dl:not([hidden]) {
        display: flex;
        gap: 0.5rem;
        margin-block: 1rem 0;

        dd {
            margin-left: 0;
        }
    }

    #set-geolocation {
        background: var(--iaa-color-blue);
        color: var(--iaa-color-white);
        padding: 0.5rem 1rem;
        border: none;
        transition: background 0.2s;

        &:hover {
            background: var(--iaa-color-blue-dark);
        }
    }

    input[type="submit"] {
        border: none;
        background: var(--iaa-color-blue-dark);
        color: var(--iaa-color-white);
        padding: 1rem 2rem;
        font-size: 24px;
        margin-bottom: 3rem;
        transition: background 0.2s;

        &:hover {
            background: var(--iaa-color-blue-darkest);
        }
    }
}

#message.updated {
    background-color: var(--iaa-color-blue);
    color: var(--iaa-color-white);
    padding: 2rem 1rem;
    font-size: 24px;
    margin-block: 2rem;
}

.passport-submissions {
    max-width: 100%;
    overflow-x: auto;

    > table {

        > thead > tr > th {
            padding: 0 4px !important;
        }

        > tbody > tr > td {
            padding: 8px 4px 4px !important;
        }
    }
}