:root { --font-ui: Roboto, system-ui, sans-serif; }
body *:not(.fa):not(.fas):not(.far):not(.fab):not(.ag-icon) {
    font-family: var(--font-ui) !important;
}
code, pre, kbd, samp, .mono {
    font-family: ui-monospace, monospace !important;
}
body * { font-size: 13px !important; }
h1, h2, h3, .panel-caption, .fd-total b { font-size: 15px !important; }
summary, .who-title, .layer-name, th { font-size: 12px !important; }
small, .hint, .who-pct, .fd-hint { font-size: 11px !important; }
button, input, select, textarea { font: inherit; }

body, #ih-kit-panel, #ih-kit-panel *, #qa-lab-panel, #qa-lab-panel *,
#ih-dishes-panel, #ih-dishes-panel *, .ag-theme-material, .ag-theme-material * {
    font-family: Roboto, sans-serif;
}
#qa-lab-panel, #qa-lab-panel * { font-size: 13px; }
.ih-kit-seed-tbl th, .ih-kit-seed-tbl td { color: #1a1a1a; }
body.dark-theme, body.dark-theme #ih-kit-panel, body.dark-theme #qa-lab-panel, body.dark-theme #ih-dishes-panel {
    color: #FFFFFF;
}
body.dark-theme .ih-kit-seed-tbl th, body.dark-theme .ih-kit-seed-tbl td { color: #FFFFFF; }
h1, h2, h3, .panel-caption { font-size: 15px; }

.controls-container, .controls-container *,
#ih-kit-panel .ih-kit-side, #ih-kit-panel .ih-kit-side *,
#ih-dishes-panel, #ih-dishes-panel * {
    font-family: Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
.controls-container summary, .controls-container .who-title, .controls-container .floor > summary,
.controls-container .panel-caption, #ih-kit-panel .ih-kit-block-h {
    font-size: 12px !important;
    font-weight: 700 !important;
}
.controls-container .who-name, .controls-container .legend, .controls-container .legend *,
.controls-container .src-text, .controls-container #tag-radius-hint, .controls-container .tag-x-hint,
#ih-kit-panel .ih-kit-hint, #ih-kit-panel .ih-kit-p {
    font-size: 11px !important;
    font-weight: 400 !important;
}