/**
 * Portal UI Framework — typography
 * Matches preview-green-orange-theme.html and HTML Base _base.scss (antialiased, #5d6778 body)
 */

body.portal-ui,
body.app-with-sidebar {
    font-family: var(--portal-font-sans);
    font-size: var(--portal-font-size-base);
    font-weight: 400;
    line-height: 1.5;
    color: var(--portal-text-muted);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.portal-ui .portal-ui-main,
body.app-with-sidebar .app-content {
    color: var(--portal-text-muted);
}

body.portal-ui h1,
body.portal-ui h2,
body.portal-ui h3,
body.portal-ui h4,
body.portal-ui h5,
body.portal-ui h6,
body.app-with-sidebar h1,
body.app-with-sidebar h2,
body.app-with-sidebar h3,
body.app-with-sidebar h4,
body.app-with-sidebar h5,
body.app-with-sidebar h6,
body.portal-ui .h1,
body.portal-ui .h2,
body.portal-ui .h3,
body.portal-ui .h4,
body.portal-ui .h5,
body.portal-ui .h6,
body.app-with-sidebar .h1,
body.app-with-sidebar .h2,
body.app-with-sidebar .h3,
body.app-with-sidebar .h4,
body.app-with-sidebar .h5,
body.app-with-sidebar .h6 {
    color: var(--portal-text);
    font-weight: 600;
}

/* Page chrome */
body.portal-ui .portal-client-name,
body.app-with-sidebar .portal-client-name {
    color: var(--portal-text);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

body.portal-ui .portal-page-title,
body.portal-ui .app-page-title,
body.app-with-sidebar .portal-page-hero .app-page-title {
    color: var(--portal-primary);
    font-size: 1.25rem;
    font-weight: 700;
}

body.portal-ui .portal-page-meta,
body.app-with-sidebar .portal-page-meta {
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--portal-text);
    border-left: 4px solid var(--portal-accent);
    padding-left: 0.75rem;
    margin-top: 0.35rem;
}

/* Tables — override legacy site.css 14px / 0.9rem rules */
body.portal-ui table.dataTable,
body.portal-ui .portal-ui-table,
body.app-with-sidebar table.dataTable,
body.app-with-sidebar .app-card-orders-table table.dataTable,
body.app-with-sidebar .app-card-orders-table .table {
    font-family: var(--portal-font-sans);
    font-size: var(--portal-font-size-table);
}

body.portal-ui table.dataTable thead th,
body.portal-ui .portal-ui-table thead th,
body.app-with-sidebar table.dataTable thead th,
body.app-with-sidebar .app-card-orders-table table thead th {
    font-size: var(--portal-font-size-table);
    font-weight: 600;
    color: var(--portal-text);
}

body.portal-ui table.dataTable td,
body.portal-ui table.dataTable th,
body.app-with-sidebar table.dataTable td,
body.app-with-sidebar table.dataTable th,
body.app-with-sidebar .app-card-orders-table table td,
body.app-with-sidebar .app-card-orders-table table th {
    font-size: inherit;
}

/* Status tabs */
body.portal-ui .orders-table-tab.app-nav-tabs .nav-link,
body.app-with-sidebar .orders-table-tab.app-nav-tabs .nav-link {
    font-size: var(--portal-font-size-table);
    font-weight: 500;
}