/* ---- Thmanyah font (vendored, OTF) ---- */
@font-face {
  font-family: "Thmanyah";
  src: url("/static/fonts/thmanyah/thmanyahsans-Light.otf") format("opentype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Thmanyah";
  src: url("/static/fonts/thmanyah/thmanyahsans-Regular.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Thmanyah";
  src: url("/static/fonts/thmanyah/thmanyahsans-Medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Thmanyah";
  src: url("/static/fonts/thmanyah/thmanyahsans-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Thmanyah";
  src: url("/static/fonts/thmanyah/thmanyahsans-Black.otf") format("opentype");
  font-weight: 900; font-style: normal; font-display: swap;
}

:root {
  --tblr-font-sans-serif: "Thmanyah", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --leq-sidebar-w: 15rem;
  --leq-sidebar-w-collapsed: 4.25rem;
}

body {
  font-family: var(--tblr-font-sans-serif);
}

/* ---- Brand mark ---- */
.leq-brand-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; border-radius: .5rem;
  background: var(--tblr-primary); color: #fff;
  font-weight: 900; font-size: 1.1rem; line-height: 1;
}
.leq-brand-mark-lg { width: 3.25rem; height: 3.25rem; font-size: 1.75rem; border-radius: .85rem; }

/* Sidebar section labels */
.nav-section-title {
  padding: .5rem 1rem .25rem;
  font-size: .7rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; opacity: .5;
}

/* ---- Clean sidebar collapse (desktop) ----
   Tabler hardcodes the navbar width (15rem) and the matching .page-wrapper
   margin with high-specificity selectors, so the collapsed overrides need
   !important to win. Logical properties keep this correct in both RTL and LTR. */
@media (min-width: 992px) {
  .navbar-vertical { transition: width .18s ease; }
  .page-wrapper { transition: margin .18s ease; }

  html.sidebar-collapsed .navbar-vertical {
    width: var(--leq-sidebar-w-collapsed) !important;
  }
  html.sidebar-collapsed .page-wrapper {
    margin-inline-start: var(--leq-sidebar-w-collapsed) !important;
  }
  html.sidebar-collapsed .navbar-brand-text,
  html.sidebar-collapsed .nav-link-title,
  html.sidebar-collapsed .nav-section-title { display: none; }
  html.sidebar-collapsed .navbar-vertical .nav-link { justify-content: center; }
  html.sidebar-collapsed .navbar-vertical .nav-link-icon { margin-inline-end: 0; }
}