/* Page-specific rules for submit.html */
main.container--narrow.container--spacious > .card {
    width: 100%;
    max-width: 720px;
}

#uploadForm,
#errorForm {
    width: 100%;
}

#uploadForm .button[type="submit"],
#errorForm .button[type="submit"] {
    min-width: 8rem;
}

@media (max-width: 520px) {
    #uploadForm .button[type="submit"],
    #errorForm .button[type="submit"] {
        width: 100%;
    }
}

.upload-progress {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.upload-progress progress {
    flex: 1;
    width: 100%;
    height: 1rem;
    accent-color: var(--color-accent);
    border-radius: 0.25rem;
}

.upload-progress progress::-webkit-progress-bar {
    background-color: var(--color-border);
    border-radius: 0.25rem;
}

.upload-progress progress::-webkit-progress-value {
    background-color: var(--color-accent);
    border-radius: 0.25rem;
}

.upload-progress progress::-moz-progress-bar {
    background-color: var(--color-accent);
    border-radius: 0.25rem;
}

#upload-progress-text {
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    min-width: 2.5rem;
    text-align: right;
}

.submit-type-toggle {
    display: flex;
    gap: 1.5rem;
    margin-top: 0.35rem;
}

.submit-type-option {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    font-weight: var(--font-weight-medium);
}