/**
 * San Francisco / Apple system typography
 * Uses SF Pro on macOS, iOS, and iPadOS via -apple-system.
 * Do not embed Apple SF font files in web projects (Apple license restriction).
 */
:root {
  --app-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --app-font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html {
  font-family: var(--app-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--app-font-family);
}

button,
input,
select,
textarea,
optgroup {
  font-family: inherit;
}

body,
.wrapper,
.main-header,
.main-sidebar,
.content-wrapper,
.right-side,
.sidebar-menu,
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6,
p, a, span, label, input, button, select, textarea,
.table, .btn, .form-control, .modal, .dropdown-menu,
.navbar, .nav, .box, .content, .small-box, .info-box,
.ui-widget, .ui-datepicker, .select2-container,
.dataTables_wrapper {
  font-family: var(--app-font-family) !important;
}

code,
pre,
kbd,
samp {
  font-family: var(--app-font-mono) !important;
}

.fa,
.glyphicon,
.ion,
[class^="fa-"],
[class*=" fa-"] {
  font-family: FontAwesome !important;
}

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

.ion {
  font-family: Ionicons !important;
}

.brand-auth-logo {
  display: block;
  width: min(100%, 300px);
  max-width: 300px;
  height: auto;
  margin: 0 auto 1rem;
}

.brand-auth-logo--compact {
  max-width: 220px;
  margin-bottom: 0.75rem;
}

.brand-header-logo {
  display: block;
  height: 34px;
  width: auto;
  max-width: 168px;
}

.brand-header-icon {
  display: block;
  height: 32px;
  width: 32px;
  object-fit: contain;
}

.brand-topbar-logo {
  display: block;
  height: 36px;
  width: auto;
  max-width: 180px;
}