/* Brand the native console without changing its layout or feature controls. */
@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/cairo-arabic.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
:root {
  --avn-paper: #fafafb;
  --avn-surface: #ffffff;
  --avn-ink: #1b1c20;
  --avn-muted: #666975;
  --avn-line: #e3e4e8;
  --avn-border: #d2d3da;
  --avn-accent: #386bfa;
  --pf-v5-global--FontFamily--text: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Cairo, sans-serif;
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontSize--md: 0.875rem;
  --pf-v5-global--primary-color--100: #386bfa;
  --pf-v5-global--primary-color--200: #2857dc;
  --pf-v5-global--active-color--100: #386bfa;
  --pf-v5-global--BorderRadius--sm: 8px;
}
:root.pf-v5-theme-dark {
  color-scheme: dark;
  --avn-paper: #191a21;
  --avn-surface: #20212b;
  --avn-ink: #eeeef2;
  --avn-muted: #a2a4b1;
  --avn-line: #30323e;
  --avn-border: #454753;
  --pf-v5-global--BackgroundColor--100: #20212b;
  --pf-v5-global--BackgroundColor--200: #191a21;
  --pf-v5-global--BackgroundColor--300: #272934;
  --pf-v5-global--BackgroundColor--400: #30323e;
  --pf-v5-global--Color--100: #eeeef2;
  --pf-v5-global--Color--200: #a2a4b1;
  --pf-v5-global--BorderColor--100: #30323e;
  --pf-v5-global--BorderColor--200: #454753;
  --pf-v5-global--primary-color--100: #7396ff;
}
html[dir="rtl"] { --pf-v5-global--FontFamily--text: Cairo, "Segoe UI", sans-serif; }
body, .pf-v5-c-page, .pf-v5-c-page__main-section { background: var(--avn-paper); color: var(--avn-ink); }
body { -webkit-font-smoothing: antialiased; }
.pf-v5-c-masthead { background: #20212b; border-bottom: 1px solid #30323e; min-height: 76px; }
.pf-v5-c-masthead .pf-v5-c-brand { width: 152px; height: 40px; object-fit: contain; max-height: 40px; }
.pf-v5-c-page__sidebar { background: var(--avn-paper); border-inline-end: 1px solid var(--avn-line); }
.pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: var(--avn-muted);
  --pf-v5-c-nav__link--hover--Color: var(--avn-ink);
  --pf-v5-c-nav__link--m-current--Color: var(--avn-ink);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--avn-surface);
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--avn-surface);
}
.pf-v5-c-nav__link { border-radius: 8px; }
.pf-v5-c-title { font-weight: 600; letter-spacing: -.025em; line-height: 1.3; }
html[dir="rtl"] .pf-v5-c-title { letter-spacing: 0; line-height: 1.6; }
.pf-v5-c-form { text-align: start; }
.pf-v5-c-form-control, .pf-v5-c-menu-toggle, .pf-v5-c-select__toggle, .pf-v5-c-dropdown__toggle:not(.pf-m-plain) {
  background: var(--avn-surface); color: var(--avn-ink);
  border: 1px solid var(--avn-border); border-radius: 8px; min-height: 40px;
}
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after,
.pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after,
.pf-v5-c-select__toggle::before, .pf-v5-c-dropdown__toggle::before { border: 0; }
.pf-v5-c-form-control:focus-within, .pf-v5-c-menu-toggle:focus-visible,
.pf-v5-c-select__toggle:focus-visible, .pf-v5-c-dropdown__toggle:focus-visible { outline: 2px solid var(--avn-accent); outline-offset: 2px; }
.pf-v5-c-form-control.pf-m-error, .pf-v5-c-form-control:has([aria-invalid="true"]) { border-color: var(--pf-v5-global--danger-color--100); }
.pf-v5-c-form-control.pf-m-disabled { background: var(--avn-paper); border-color: var(--avn-line); }
.pf-v5-c-button { border-radius: 8px; }
.pf-v5-c-button::after { border-radius: inherit; }
.pf-v5-c-button.pf-m-primary { background: #386bfa; color: white; }
.pf-v5-c-button.pf-m-primary:hover { background: #2857dc; }
.pf-v5-c-card, .pf-v5-c-modal-box { background: var(--avn-surface); border: 1px solid var(--avn-line); border-radius: 12px; }
.pf-v5-c-menu, .pf-v5-c-select__menu, .pf-v5-c-dropdown__menu {
  background: var(--avn-surface); border: 1px solid var(--avn-line); border-radius: 10px; box-shadow: 0 8px 24px #0002;
}
.pf-v5-c-alert { border-radius: 8px; }
.pf-v5-c-table { background: var(--avn-surface); }
@media (max-width: 767px) {
  .pf-v5-c-masthead { min-height: 64px; }
  .pf-v5-c-masthead .pf-v5-c-brand { width: 136px; height: 36px; }
  .pf-v5-c-form-control input, .pf-v5-c-form-control textarea { font-size: 16px; }
  .pf-v5-c-modal-box { max-width: calc(100vw - 32px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0s !important; }
}
.pf-v5-c-masthead .pf-v5-c-toolbar { --pf-v5-c-toolbar--BackgroundColor: transparent; background: transparent; }
.pf-v5-c-button:not(.pf-m-plain):not(.pf-m-inline) { min-height: 40px; }
.pf-v5-c-search-input__bar { border: 1px solid var(--avn-border); border-radius: 8px; background: var(--avn-surface); min-height: 40px; }
.pf-v5-c-search-input__bar::before, .pf-v5-c-search-input__bar::after { border: 0; }
.pf-v5-c-search-input__bar:focus-within { outline: 2px solid var(--avn-accent); outline-offset: 2px; }
.pf-v5-c-text-input-group { background: var(--avn-surface); border: 1px solid var(--avn-border); border-radius: 8px; min-height: 40px; }
.pf-v5-c-text-input-group::before, .pf-v5-c-text-input-group::after { border: 0; }
.pf-v5-c-text-input-group:focus-within { outline: 2px solid var(--avn-accent); outline-offset: 2px; }
