/* One UI type scale. Important layered rules outrank legacy page-specific
   important rules without adding route IDs or changing component geometry. */
@layer dxtTypography {
  body.dxt-workspace {
    --dxt-type-family: "Work Sans", Arial, sans-serif;
    font-family: var(--dxt-type-family) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
  }
  body.dxt-workspace :is(h1,h2,h3,h4,h5,h6,p,a,span,label,button,input,select,textarea,td,th,li,small,strong,b,em):not(:where(
    [class*="material-symbol"], [class*="material-icon"], [class*="fa-"], [class^="ri-"],
    .tox *, .note-editor *, .mce-container *, [contenteditable="true"], [contenteditable="true"] *, pre *, code *
  )) {
    font-family: var(--dxt-type-family) !important;
  }
  body.dxt-workspace :is(h1,h2,h3,h4,h5,h6,p,label,button,input,select,textarea,td,th,small):not(:where(
    .tox *, .note-editor *, .mce-container *, [contenteditable="true"], [contenteditable="true"] *
  )) { font-style: normal !important; }
  body.dxt-workspace :is(h1,h2,h3,h4,h5,h6):not(:where([contenteditable="true"] *, .note-editor *)) {
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
  }
  body.dxt-workspace h1:not(:where([contenteditable="true"] *, .note-editor *)) { font-size: 28px !important; }
  body.dxt-workspace h2:not(:where([contenteditable="true"] *, .note-editor *)) { font-size: 20px !important; }
  body.dxt-workspace h3:not(:where([contenteditable="true"] *, .note-editor *)) { font-size: 18px !important; }
  body.dxt-workspace :is(h4,h5,h6):not(:where([contenteditable="true"] *, .note-editor *)) { font-size: 16px !important; }
  body.dxt-workspace :is(.modal-title) { font-size: 20px !important; font-weight: 600 !important; }
  body.dxt-workspace :is(p,.form-control,.select2-selection,.select2-results__option):not(:where(
    .tox *, .note-editor *, .mce-container *, [contenteditable="true"], [contenteditable="true"] *
  )) { font-size: 14px !important; font-weight: 400 !important; }
  body.dxt-workspace :is(label,.dxt-field-label,.form-text,small):not(:where(
    .tox *, .note-editor *, .mce-container *, [contenteditable="true"] *
  )) { font-size: 12px !important; font-weight: 400 !important; }
  body.dxt-workspace :is(button,a.btn,a.button-link,a[class*="-button"],.dxt-exact-action-row > a,input[type="submit"]):not(:where(
    .tox *, .note-editor *, .mce-container *, [contenteditable="true"] *
  )) { font-size: 13px !important; font-weight: 500 !important; }
  body.dxt-workspace table:not(:where(.tox table,.note-editor table,[contenteditable="true"] table)) th {
    font-size: 14px !important; font-weight: 600 !important;
  }
  body.dxt-workspace table:not(:where(.tox table,.note-editor table,[contenteditable="true"] table)) td {
    font-size: 13px !important; font-weight: 400 !important;
  }
  body.dxt-workspace td :is(p,a,span,small,button):not(:where(
    [class*="material-symbol"], [class*="material-icon"], [class*="fa-"], [class^="ri-"],
    .tox *, .note-editor *, [contenteditable="true"] *
  )) { font-size: 13px !important; }
  body.dxt-workspace :is(strong,b):not(:where(.tox *, .note-editor *, [contenteditable="true"] *)) { font-weight: 600 !important; }
  body.dxt-workspace .page-sidebar #js-nav-menu > li > a { font-size: 14px !important; font-weight: 400 !important; }
  body.dxt-workspace .page-sidebar #js-nav-menu ul a { font-size: 13px !important; font-weight: 400 !important; }
  body.dxt-workspace .page-sidebar #js-nav-menu a[aria-current="page"] { font-weight: 600 !important; }
  body.dxt-workspace .dxt-profile-name { font-size: 14px !important; font-weight: 600 !important; }
  body.dxt-workspace .dxt-profile-role { font-size: 12px !important; font-weight: 400 !important; }
  @media (max-width: 575px) { body.dxt-workspace h1:not(:where([contenteditable="true"] *, .note-editor *)) { font-size: 24px !important; } }
}