/* Shared readable form / dashboard typography. Page-specific CSS stays inline in its template. */

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}

.form-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.375rem;
}

th.form-label,
th.table-label {
    display: table-cell;
    margin-bottom: 0;
}

.form-hint {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.45;
    margin-top: 0.25rem;
}

.section-heading {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

.table-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.meta-text {
    font-size: 0.75rem;
    color: #64748b;
}