/*
 * Loaded LAST so it overrides theme/MDB/bootstrap.
 * Uses only system fonts (no Google Fonts) so Hebrew always has a valid font.
 * Arial + Tahoma support Hebrew on Windows; fallback to sans-serif.
 */
html {
  font-family: Arial, Tahoma, 'Helvetica Neue', sans-serif !important;
}

body,
.lpx-content, .lpx-content *,
table, table *, .table, .table *,
.k-grid, .k-grid *, .ngx-datatable, .ngx-datatable *,
[class*="datatable"], [class*="datatable"] *,
[class*="grid"], [class*="grid"] *,
[class*="DataTable"], [class*="DataTable"] *,
[class*="Grid"], [class*="Grid"] * {
  font-family: Arial, Tahoma, 'Helvetica Neue', sans-serif !important;
}

table th, .table th,
.ngx-datatable .datatable-header-cell {
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
}

table td, .table td,
.ngx-datatable .datatable-body-cell {
  font-size: 0.875rem !important;
}

/* Also kill MDB notches on account pages (loaded late in the global bundle). */
body.abp-account-layout .form-outline .form-notch,
body.abp-account-layout .form-outline .form-notch-leading,
body.abp-account-layout .form-outline .form-notch-middle,
body.abp-account-layout .form-outline .form-notch-trailing,
.wrapper-login .form-outline .form-notch,
.wrapper-login .form-outline .form-notch-leading,
.wrapper-login .form-outline .form-notch-middle,
.wrapper-login .form-outline .form-notch-trailing {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  border: 0 !important;
}

body.abp-account-layout .form-outline,
.wrapper-login .form-outline {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

body.abp-account-layout .form-outline > .form-control,
.wrapper-login .form-outline > .form-control {
  order: 2;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  border: 1px solid #babdc8 !important;
  border-radius: 6px !important;
  padding: 0.65rem 0.85rem !important;
  box-shadow: none !important;
}

body.abp-account-layout .form-outline .form-control ~ .form-label,
.wrapper-login .form-outline .form-control ~ .form-label {
  order: 1;
  position: static !important;
  transform: none !important;
  inset: auto !important;
  margin: 0 0 0.35rem 0 !important;
  padding: 0 !important;
  display: block !important;
  color: #717171 !important;
  font-size: 12px !important;
}

body.abp-account-layout .form-check,
.wrapper-login .form-check {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  float: none !important;
  padding-inline-start: 0 !important;
}

body.abp-account-layout .form-check-input,
.wrapper-login .form-check-input {
  float: none !important;
  margin: 0 !important;
  position: static !important;
}