/**
 * Public view pages (passport dashboard, list, summary, detail).
 * Loaded from components/base.html — keep sizing explicit for production static/CDN fallbacks.
 */
html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}

.view-ui-page {
    font-size: 1rem;
}

.view-ui-page .form-control,
.view-ui-page .form-select,
.view-ui-page .select2-container--default .select2-selection--single {
    font-size: 1rem;
    line-height: 1.5;
    min-height: calc(1.5em + 1rem + 2px);
}

.view-ui-page .form-label {
    font-size: 1rem;
    font-weight: 500;
}

.view-ui-page .table {
    font-size: 1rem;
}

.view-ui-page .table-container .table {
    font-size: 1rem;
}

@media (max-width: 768px) {
    .view-ui-page .table-container .table {
        font-size: 0.875rem;
    }
}