/**
 * Global system typography — Segoe UI on all app pages.
 * Injected after page styles so it wins over per-page font stacks.
 */
:root {
    --admin-font: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font: var(--admin-font);
}

html,
body {
    font-family: var(--admin-font) !important;
}

body :where(
    p, span, div, a, label, input, textarea, select, option, button,
    table, thead, tbody, tr, th, td, caption,
    h1, h2, h3, h4, h5, h6,
    li, dt, dd, figcaption, small, strong, em, b,
    .main-content, .content-card, .content-area, .page-title, .page-shell,
    .hero, .hero-inner, .hero-title, .hero-subtitle, .header, .header-action,
    .navigation, .nav-item, .table, .btn, .form-control, .form-label,
    .dropdown-menu, .dropdown-item, .modal, .modal-title, .modal-body,
    .card, .card-title, .card-body, .badge, .alert, .fc,
    .top-bar, .sidebar, .sidebar-nav, .profile-btn, .profile-name,
    .service-card, .stat-card, .filter-grid, .bulk-filter-wrapper,
    .ws-verdant, .ws-qa-item, .ws-pulse-lbl, .view-tab, .combined-tab-row
) {
    font-family: var(--admin-font) !important;
}

/* Preserve Bootstrap Icons */
[class^="bi-"]::before,
[class*=" bi-"]::before,
.bi::before {
    font-family: bootstrap-icons !important;
}

/* Preserve icon / code fonts */
code, pre, kbd, samp,
.font-monospace,
[style*="font-family: monospace"],
[style*="font-family:monospace"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important;
}