/* SPDX-License-Identifier: LicenseRef-PVIR-Proprietary */

@media screen {
    :where(body),
    .ui-text,
    :where(.data-table td,
        .line-total,
        .primary-cell b,
        .summary-line.total b):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta) {
        font-size: var(--type-body);
        line-height: var(--leading-body);
        font-weight: var(--weight-normal);
    }

    :where(h1),
    .ui-page-title,
    :where(.page-heading h1,
        .chart-summary strong,
        .chart-zero strong):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta) {
        font-size: var(--type-page);
        line-height: var(--leading-page);
        font-weight: var(--weight-heading);
    }

    :where(h2),
    .ui-section-title,
    :where(.page-head h2,
        .kpi strong,
        .pallets-account-summary strong):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta) {
        font-size: var(--type-section);
        line-height: var(--leading-section);
        font-weight: var(--weight-heading);
    }

    :where(h3),
    :where(h4),
    .ui-panel-title,
    :where(.panel-title h3,
        .modal-head h3,
        .editor-section-title h4,
        .partners-dialog #partnerContactsEditor h4,
        .preview-head h3,
        .report-section>h3,
        .search-result-group h4,
        .search-result-group h4 span):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta) {
        font-size: var(--type-panel);
        line-height: var(--leading-panel);
        font-weight: var(--weight-heading);
    }

    :where(label),
    :where(dt),
    :where(th),
    :where(h5),
    :where(h6),
    :where(summary),
    :where(legend),
    .ui-label,
    .document-list-table td[data-label]::before,
    :where(.field label,
        .line-field label,
        .remote-login-field span,
        .personal-task-filters label,
        .stocktakes-unit-fields label,
        .data-table th,
        .account-copy b,
        .avatar,
        .chart-label,
        .chart-value,
        .kpi span,
        .document-logo-placeholder b,
        .empty,
        .nav-label,
        .permission-item small,
        .review-build-label,
        .sidebar-license-note,
        .sr-picker-result-meta,
        .sr-picker-selected-label,
        .stack-row b,
        .summary-line,
        .chart-data>summary,
        .check-row,
        .document-link,
        .report-section details>summary):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta) {
        font-size: var(--type-label);
        line-height: var(--leading-label);
        font-weight: var(--weight-label);
    }

    :where(.field label),
    :where(.line-field label),
    :where(.remote-login-field span),
    :where(.personal-task-filters label),
    :where(.stocktakes-unit-fields label) {
        text-transform: none;
        letter-spacing: normal;
        color: var(--muted);
    }

    .ui-description,
    :where(.page-head p,
        .modal-head p,
        .field-hint,
        .callout,
        .field>small,
        .chart-card .panel-title small,
        .chart-data,
        .chart-empty,
        .chart-summary span,
        .chart-zero span,
        .pallets-account-summary span,
        .pallets-section .panel-title>span,
        .pallets-total,
        .preview-mobile-pdf .preview-pdf-status,
        .report-context,
        .report-section .panel-title small,
        .runtime-mode-banner,
        .stack-row small):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta),
    .button :where(small):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta) {
        font-size: var(--type-description);
        line-height: var(--leading-description);
        font-weight: var(--weight-normal);
        color: var(--muted);
    }

    :where(small),
    .ui-meta,
    :where(.result-count,
        .cell-sub,
        .primary-cell small,
        .optional-label,
        .account-copy small,
        .badge,
        .brand-caption,
        .kpi small,
        .line-product-meta .badge,
        .page-heading span,
        .panel-title small,
        .remote-login-copy span,
        .responsive-card-table td::before,
        .toast):not(.ui-page-title, .ui-section-title, .ui-panel-title,
        .ui-text, .ui-label, .ui-description, .ui-meta) {
        font-size: var(--type-meta);
        line-height: var(--leading-meta);
        font-weight: var(--weight-normal);
        color: var(--muted);
    }

    .ui-number,
    .data-table .numeric {
        font-variant-numeric: tabular-nums;
        text-align: right;
    }

    :where(b),
    :where(strong) {
        font-weight: var(--weight-heading);
    }

    .ui-money,
    input.ui-money[readonly] {
        font-weight: var(--weight-heading);
    }

    code,
    pre,
    kbd,
    samp {
        font: inherit;
    }

    legend {
        padding: 0;
    }

    summary {
        cursor: pointer;
    }

    a:not(.button) {
        color: var(--accent-strong);
        text-decoration: underline;
        text-underline-offset: var(--focus-offset);
    }

    a:not(.button):visited {
        color: var(--accent-strong);
    }

    a:not(.button):focus-visible {
        outline: var(--focus-width) solid var(--accent-strong);
        outline-offset: var(--focus-offset);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
    }

}