/* Lentera Clean Shell - reset ulang 2026-07-14
   File ini dimuat terakhir untuk menormalkan layout AdminLTE 2 dan 3. */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  --lc-sidebar: 280px;
  --lc-sidebar-mini: 76px;
  --lc-header: 58px;
  --lc-bg: #f4f7fb;
  --lc-surface: #ffffff;
  --lc-border: #dfe7f2;
  --lc-text: #0f172a;
  --lc-muted: #64748b;
  --lc-primary: #0ea5e9;
  --lc-primary-2: #2563eb;
  --lc-soft: #eef7ff;
  --lc-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

html, body {
  font-family: Inter, "Source Sans Pro", Arial, sans-serif !important;
  background: var(--lc-bg) !important;
  color: var(--lc-text) !important;
}

body .wrapper,
body .content-wrapper,
body .right-side {
  background: var(--lc-bg) !important;
  color: var(--lc-text) !important;
}

/* Header: AdminLTE 2 old structure */
body header.main-header {
  display: flex !important;
  align-items: stretch !important;
  min-height: var(--lc-header) !important;
  height: var(--lc-header) !important;
  background: var(--lc-surface) !important;
  border-bottom: 1px solid var(--lc-border) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
  position: relative !important;
  z-index: 1030 !important;
}

body header.main-header .logo {
  float: none !important;
  position: relative !important;
  flex: 0 0 var(--lc-sidebar) !important;
  width: var(--lc-sidebar) !important;
  max-width: var(--lc-sidebar) !important;
  height: var(--lc-header) !important;
  line-height: normal !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: var(--lc-surface) !important;
  color: var(--lc-text) !important;
  border-right: 1px solid var(--lc-border) !important;
  overflow: hidden !important;
}

body header.main-header .logo .logo-lg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--lc-text) !important;
}

body header.main-header .logo .logo-mini { display: none !important; }

body header.main-header > .navbar {
  float: none !important;
  position: relative !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: var(--lc-header) !important;
  min-height: var(--lc-header) !important;
  margin-left: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: var(--lc-surface) !important;
  border: 0 !important;
}

/* Header: AdminLTE 3 nav.main-header structure */
body nav.main-header.navbar {
  height: var(--lc-header) !important;
  min-height: var(--lc-header) !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: var(--lc-surface) !important;
  border-bottom: 1px solid var(--lc-border) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
}

body .main-header .sidebar-toggle,
body .main-header [data-widget="pushmenu"],
body .main-header [data-toggle="push-menu"],
body nav.main-header.navbar .nav-link[data-widget="pushmenu"] {
  float: none !important;
  position: static !important;
  order: 1 !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: var(--lc-text) !important;
  font-size: 18px !important;
}

body .main-header .sidebar-toggle:hover,
body .main-header [data-widget="pushmenu"]:hover,
body .main-header [data-toggle="push-menu"]:hover {
  background: var(--lc-soft) !important;
  color: var(--lc-primary-2) !important;
}

body header.main-header .navbar-custom-menu,
body nav.main-header.navbar > .navbar-nav.ml-auto,
body nav.main-header.navbar > .navbar-nav.animated {
  float: none !important;
  position: static !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  height: var(--lc-header) !important;
  max-width: calc(100% - 52px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
}

body header.main-header .navbar-custom-menu > .nav,
body header.main-header .navbar-custom-menu > .navbar-nav,
body nav.main-header.navbar > .navbar-nav,
body nav.main-header.navbar .btn-group {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}

body .main-header .navbar-nav > li,
body .main-header .nav > li {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  height: var(--lc-header) !important;
}

body .main-header .navbar-nav > li > a,
body .main-header .nav > li > a,
body nav.main-header.navbar .btn-group .btn {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  line-height: 1 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body .main-header span[style*="background:red"],
body .main-header .bg-warning,
body .main-header .badge-warning,
body nav.main-header.navbar .btn-group .bg-warning {
  background: #f59e0b !important;
  color: #fff !important;
}

body .main-header a[style*="background:#000"],
body .main-header a[href*="logout"],
body .main-header .bg-navy,
body nav.main-header.navbar .btn-group a[href*="logout"] {
  background: #2563eb !important;
  color: #fff !important;
}

/* Sidebar */
body .main-sidebar,
body .left-side {
  width: var(--lc-sidebar) !important;
  max-width: var(--lc-sidebar) !important;
  background: var(--lc-surface) !important;
  color: var(--lc-text) !important;
  border-right: 1px solid var(--lc-border) !important;
  box-shadow: 10px 0 28px rgba(15, 23, 42, .05) !important;
  overflow: hidden !important;
}

body .main-sidebar .sidebar,
body .left-side .sidebar {
  height: calc(100vh - var(--lc-header)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 12px 12px 88px !important;
  scrollbar-width: thin !important;
}

body .main-sidebar .brand-link {
  min-height: 60px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--lc-text) !important;
  background: var(--lc-surface) !important;
  border-bottom: 1px solid var(--lc-border) !important;
}

body .main-sidebar .brand-image,
body .main-sidebar img.brand-image {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
}

body .main-sidebar .brand-text { font-size: 17px !important; font-weight: 800 !important; color: var(--lc-text) !important; }

body .main-sidebar .user-panel {
  min-height: 76px !important;
  margin: 0 0 14px !important;
  padding: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid var(--lc-border) !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
}

body .main-sidebar .user-panel .image { float: none !important; padding: 0 !important; }
body .main-sidebar .user-panel img,
body .main-sidebar .user-panel .image img {
  width: 50px !important;
  height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

body .main-sidebar .user-panel .info {
  position: static !important;
  left: auto !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: var(--lc-text) !important;
}

body .main-sidebar .user-panel .info a,
body .main-sidebar .user-panel .info span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--lc-text) !important;
  font-weight: 800 !important;
}

body .main-sidebar .nav-header,
body .main-sidebar .sidebar-menu > li.header {
  margin: 16px 10px 8px !important;
  padding: 0 !important;
  color: var(--lc-primary) !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
}

body .main-sidebar .nav-sidebar,
body .main-sidebar .sidebar-menu {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .main-sidebar .nav-sidebar .nav-link,
body .main-sidebar .sidebar-menu > li > a {
  min-height: 42px !important;
  margin: 4px 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--lc-text) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body .main-sidebar .nav-sidebar .nav-link p,
body .main-sidebar .sidebar-menu > li > a > span {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: inherit !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .main-sidebar .nav-sidebar .nav-icon,
body .main-sidebar .nav-sidebar .nav-link > i:first-child,
body .main-sidebar .sidebar-menu > li > a > i:first-child {
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  text-align: center !important;
  font-size: 16px !important;
  color: #06a9c8 !important;
}

body .main-sidebar .nav-sidebar .nav-link.active,
body .main-sidebar .nav-sidebar .menu-open > .nav-link,
body .main-sidebar .sidebar-menu > li.active > a,
body .main-sidebar .sidebar-menu > li > a:hover,
body .main-sidebar .nav-sidebar .nav-link:hover {
  background: linear-gradient(135deg, #2563eb, #06a9c8) !important;
  color: #fff !important;
  box-shadow: 0 10px 18px rgba(37, 99, 235, .20) !important;
}

body .main-sidebar .nav-link.active i,
body .main-sidebar .nav-link:hover i,
body .main-sidebar li.active > a i,
body .main-sidebar li > a:hover i { color: #fff !important; }

body .main-sidebar .nav-treeview,
body .main-sidebar .treeview-menu {
  display: none !important;
  padding: 4px 0 8px 16px !important;
  margin: 0 !important;
  background: transparent !important;
}

body .main-sidebar .menu-open > .nav-treeview,
body .main-sidebar .active > .nav-treeview,
body .main-sidebar .treeview.menu-open > .treeview-menu,
body .main-sidebar .treeview.active > .treeview-menu { display: block !important; }

body .main-sidebar .nav-treeview .nav-link,
body .main-sidebar .treeview-menu > li > a {
  min-height: 34px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}

/* Content */
body .content-wrapper,
body .right-side,
body .main-footer {
  margin-left: var(--lc-sidebar) !important;
}

body .content-wrapper {
  min-height: calc(100vh - var(--lc-header)) !important;
  padding-top: 0 !important;
}

body .content,
body .content-wrapper > .content,
body .content-wrapper > section.content {
  padding: 22px !important;
}

body .box,
body .card,
body .small-box,
body .info-box,
body .callout,
body .panel {
  border-radius: 18px !important;
  border: 1px solid var(--lc-border) !important;
  box-shadow: var(--lc-shadow) !important;
  overflow: hidden !important;
}

body table,
body .table { font-size: 14px !important; }
body .table th, body .table td { vertical-align: middle !important; }

/* Collapsed desktop mode */
@media (min-width: 768px) {
  html.lentera-sidebar-collapsed body .main-sidebar,
  html.lentera-sidebar-collapsed body .left-side {
    width: var(--lc-sidebar-mini) !important;
    max-width: var(--lc-sidebar-mini) !important;
  }

  html.lentera-sidebar-collapsed body .content-wrapper,
  html.lentera-sidebar-collapsed body .right-side,
  html.lentera-sidebar-collapsed body .main-footer {
    margin-left: var(--lc-sidebar-mini) !important;
  }

  html.lentera-sidebar-collapsed body header.main-header .logo {
    flex-basis: var(--lc-sidebar-mini) !important;
    width: var(--lc-sidebar-mini) !important;
    max-width: var(--lc-sidebar-mini) !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  html.lentera-sidebar-collapsed body header.main-header .logo .logo-lg,
  html.lentera-sidebar-collapsed body .main-sidebar .brand-text,
  html.lentera-sidebar-collapsed body .main-sidebar .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-header,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li.header,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-link p,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li > a > span,
  html.lentera-sidebar-collapsed body .main-sidebar .right,
  html.lentera-sidebar-collapsed body .main-sidebar .pull-right {
    display: none !important;
  }

  html.lentera-sidebar-collapsed body header.main-header .logo .logo-mini {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, var(--lc-primary-2), var(--lc-primary)) !important;
    color: #fff !important;
    font-size: 0 !important;
  }
  html.lentera-sidebar-collapsed body header.main-header .logo .logo-mini::after {
    content: "L" !important;
    font-size: 18px !important;
    color: #fff !important;
    font-weight: 900 !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar .brand-link,
  html.lentera-sidebar-collapsed body .main-sidebar .user-panel,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-link,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li > a {
    justify-content: center !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  :root {
    --lc-sidebar: min(82vw, 300px);
    --lc-header: 50px;
  }

  body header.main-header {
    height: var(--lc-header) !important;
    min-height: var(--lc-header) !important;
    display: block !important;
  }

  body header.main-header .logo { display: none !important; }

  body header.main-header > .navbar,
  body nav.main-header.navbar {
    width: 100% !important;
    height: var(--lc-header) !important;
    min-height: var(--lc-header) !important;
    margin-left: 0 !important;
    padding: 0 8px !important;
  }

  body .main-header .sidebar-toggle,
  body .main-header [data-widget="pushmenu"],
  body .main-header [data-toggle="push-menu"],
  body nav.main-header.navbar .nav-link[data-widget="pushmenu"] {
    order: 1 !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
    margin: 0 !important;
    position: static !important;
  }

  body header.main-header .navbar-custom-menu,
  body nav.main-header.navbar > .navbar-nav.ml-auto,
  body nav.main-header.navbar > .navbar-nav.animated {
    order: 2 !important;
    margin-left: auto !important;
    max-width: calc(100% - 48px) !important;
    height: var(--lc-header) !important;
  }

  body .main-header .navbar-nav > li > a,
  body .main-header .nav > li > a,
  body nav.main-header.navbar .btn-group .btn {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    max-width: 176px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body .main-header a[href*="logout"] { max-width: 82px !important; }

  body .main-sidebar,
  body .left-side {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 1060 !important;
    transform: translate3d(-110%, 0, 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform .22s ease, visibility .22s ease !important;
  }

  body.sidebar-open .main-sidebar,
  body.sidebar-open .left-side {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.sidebar-open::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1055 !important;
    background: rgba(15, 23, 42, .34) !important;
  }

  body .main-sidebar .sidebar,
  body .left-side .sidebar {
    height: 100vh !important;
    padding: 10px 10px 86px !important;
  }

  body .content-wrapper,
  body .right-side,
  body .main-footer {
    margin-left: 0 !important;
  }

  body .content,
  body .content-wrapper > .content,
  body .content-wrapper > section.content {
    padding: 12px !important;
  }

  body .main-sidebar .user-panel {
    min-height: 68px !important;
    padding: 10px !important;
  }

  body .main-sidebar .nav-sidebar .nav-link,
  body .main-sidebar .sidebar-menu > li > a {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
  }

  body .main-sidebar .nav-sidebar .nav-link p,
  body .main-sidebar .sidebar-menu > li > a > span {
    font-size: 13px !important;
  }

  body .box,
  body .card,
  body .small-box,
  body .info-box,
  body .callout,
  body .panel {
    border-radius: 16px !important;
  }
}
/* Desktop akademik hard fix */
@media (min-width: 768px) {
  :root { --lc-sidebar: 260px; }

  body.sidebar-collapse .main-sidebar,
  body.sidebar-collapse .left-side,
  body .main-sidebar,
  body .left-side {
    width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
  }

  body.sidebar-collapse .content-wrapper,
  body.sidebar-collapse .right-side,
  body.sidebar-collapse .main-footer,
  body .content-wrapper,
  body .right-side,
  body .main-footer {
    margin-left: var(--lc-sidebar) !important;
  }

  body.sidebar-collapse header.main-header .logo,
  body header.main-header .logo {
    flex: 0 0 var(--lc-sidebar) !important;
    width: var(--lc-sidebar) !important;
    min-width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
    padding: 0 16px !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.sidebar-collapse header.main-header .logo .logo-lg,
  body header.main-header .logo .logo-lg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sidebar-collapse header.main-header .logo .logo-mini,
  body header.main-header .logo .logo-mini {
    display: none !important;
  }

  body header.main-header > .navbar,
  body.sidebar-collapse header.main-header > .navbar {
    margin-left: 0 !important;
    padding-left: 64px !important;
    padding-right: 16px !important;
    position: relative !important;
  }

  body header.main-header > .navbar > .sidebar-toggle,
  body header.main-header > .navbar > [data-widget="pushmenu"],
  body header.main-header > .navbar > [data-toggle="push-menu"] {
    position: absolute !important;
    left: 12px !important;
    top: 7px !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 2 !important;
  }

  body header.main-header > .navbar > .navbar-custom-menu {
    position: absolute !important;
    right: 16px !important;
    top: 0 !important;
    height: var(--lc-header) !important;
    margin: 0 !important;
    max-width: calc(100% - 96px) !important;
  }

  body header.main-header > .navbar > .navbar-custom-menu > .nav,
  body header.main-header > .navbar > .navbar-custom-menu > .navbar-nav {
    height: var(--lc-header) !important;
    gap: 10px !important;
  }

  body .main-sidebar .sidebar {
    padding: 10px 10px 80px !important;
  }

  body .main-sidebar .user-panel {
    min-height: 68px !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  body .main-sidebar .user-panel img,
  body .main-sidebar .user-panel .image img {
    width: 44px !important;
    height: 44px !important;
  }

  body .main-sidebar .nav-sidebar .nav-link,
  body .main-sidebar .sidebar-menu > li > a {
    min-height: 38px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  body .main-sidebar .nav-sidebar .nav-link p,
  body .main-sidebar .sidebar-menu > li > a > span {
    font-size: 13px !important;
  }

  body .content,
  body .content-wrapper > .content,
  body .content-wrapper > section.content {
    padding: 18px 22px !important;
  }

  body .info-box {
    min-height: 92px !important;
    height: 92px !important;
    border-radius: 18px !important;
  }

  body .info-box .info-box-icon,
  body .info-box > .info-box-icon {
    width: 92px !important;
    min-width: 92px !important;
    height: 92px !important;
    line-height: 92px !important;
    font-size: 38px !important;
    border-radius: 18px !important;
  }

  body .info-box .info-box-content {
    margin-left: 92px !important;
    padding: 16px 18px !important;
  }

  body .info-box .info-box-text {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body .info-box .info-box-number,
  body .info-box .info-box-number[style] {
    font-size: 26px !important;
    line-height: 1.1 !important;
  }

  body table.table,
  body .table {
    font-size: 13px !important;
  }
}

/* Dashboard and AdminLTE3 layout repair - 20260714_dashboardcards1 */
@media (min-width: 768px) {
  :root { --lc-sidebar: 260px; }

  body.layout-fixed .main-sidebar,
  body.layout-fixed .left-side,
  body.sidebar-mini .main-sidebar,
  body.sidebar-mini .left-side {
    width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
    min-width: var(--lc-sidebar) !important;
  }

  body.layout-fixed nav.main-header.navbar,
  body.sidebar-mini nav.main-header.navbar {
    margin-left: var(--lc-sidebar) !important;
    width: calc(100% - var(--lc-sidebar)) !important;
    min-height: var(--lc-header) !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  body.layout-fixed nav.main-header.navbar > .navbar-nav:first-child,
  body.sidebar-mini nav.main-header.navbar > .navbar-nav:first-child {
    flex: 0 0 auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  body.layout-fixed nav.main-header.navbar .nav-link[data-widget="pushmenu"],
  body.sidebar-mini nav.main-header.navbar .nav-link[data-widget="pushmenu"] {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    transform: none !important;
    border-radius: 14px !important;
    color: #0f172a !important;
    background: transparent !important;
    font-size: 21px !important;
  }

  body.layout-fixed nav.main-header.navbar > .navbar-nav.ml-auto,
  body.sidebar-mini nav.main-header.navbar > .navbar-nav.ml-auto {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  body.layout-fixed .content-wrapper,
  body.layout-fixed .main-footer,
  body.sidebar-mini .content-wrapper,
  body.sidebar-mini .main-footer {
    margin-left: var(--lc-sidebar) !important;
  }

  body .content-wrapper .content-header .row,
  body .content-wrapper section.content .row,
  body .content-wrapper > .content .row,
  body .content-wrapper .container-fluid > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -7.5px !important;
    margin-right: -7.5px !important;
  }

  body .content-wrapper .content-header .row > [class*="col-"],
  body .content-wrapper section.content .row > [class*="col-"],
  body .content-wrapper > .content .row > [class*="col-"],
  body .content-wrapper .container-fluid > .row > [class*="col-"] {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
    margin-bottom: 14px !important;
    float: none !important;
  }

  body .content-wrapper .content-header .col-md-3,
  body .content-wrapper section.content .col-md-3,
  body .content-wrapper > .content .col-md-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  body .content-wrapper .content-header .col-md-6,
  body .content-wrapper section.content .col-md-6,
  body .content-wrapper > .content .col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  body .content-wrapper .content-header .col-md-12,
  body .content-wrapper section.content .col-md-12,
  body .content-wrapper > .content .col-md-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .col-md-3 > a {
    display: block !important;
    height: 100% !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .col-md-3 .info-box {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 96px !important;
    height: 96px !important;
    padding: 12px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .col-md-3 .info-box-icon {
    position: static !important;
    flex: 0 0 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 78px !important;
    line-height: 78px !important;
    font-size: 32px !important;
    border-radius: 16px !important;
    margin: 0 !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .col-md-3 .info-box-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .col-md-3 .info-box-text {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .col-md-3 .info-box font {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 767.98px) {
  body .content-wrapper .card.card-info.card-outline .row .info-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .info-box-content {
    margin-left: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  body .content-wrapper .card.card-info.card-outline .row .info-box-text,
  body .content-wrapper .card.card-info.card-outline .row .info-box font {
    white-space: normal !important;
  }
}

/* FINAL collapsed sidebar repair - 20260714_collapsefix1 */
@media (min-width: 768px) {
  html.lentera-sidebar-collapsed body .main-sidebar,
  html.lentera-sidebar-collapsed body .left-side,
  html.lentera-sidebar-collapsed body.layout-fixed .main-sidebar,
  html.lentera-sidebar-collapsed body.layout-fixed .left-side,
  html.lentera-sidebar-collapsed body.sidebar-mini .main-sidebar,
  html.lentera-sidebar-collapsed body.sidebar-mini .left-side,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .main-sidebar,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .left-side {
    width: var(--lc-sidebar-mini) !important;
    min-width: var(--lc-sidebar-mini) !important;
    max-width: var(--lc-sidebar-mini) !important;
  }

  html.lentera-sidebar-collapsed body .content-wrapper,
  html.lentera-sidebar-collapsed body .right-side,
  html.lentera-sidebar-collapsed body .main-footer,
  html.lentera-sidebar-collapsed body.layout-fixed .content-wrapper,
  html.lentera-sidebar-collapsed body.layout-fixed .main-footer,
  html.lentera-sidebar-collapsed body.sidebar-mini .content-wrapper,
  html.lentera-sidebar-collapsed body.sidebar-mini .main-footer,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .content-wrapper,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .right-side,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .main-footer {
    margin-left: var(--lc-sidebar-mini) !important;
  }

  html.lentera-sidebar-collapsed body nav.main-header.navbar,
  html.lentera-sidebar-collapsed body.layout-fixed nav.main-header.navbar,
  html.lentera-sidebar-collapsed body.sidebar-mini nav.main-header.navbar {
    margin-left: var(--lc-sidebar-mini) !important;
    width: calc(100% - var(--lc-sidebar-mini)) !important;
  }

  html.lentera-sidebar-collapsed body header.main-header {
    grid-template-columns: var(--lc-sidebar-mini) minmax(0, 1fr) !important;
  }

  html.lentera-sidebar-collapsed body header.main-header .logo,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini header.main-header > .logo {
    width: var(--lc-sidebar-mini) !important;
    min-width: var(--lc-sidebar-mini) !important;
    max-width: var(--lc-sidebar-mini) !important;
    flex-basis: var(--lc-sidebar-mini) !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini header.main-header > .navbar.navbar-static-top {
    grid-column: 2 !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar .brand-text,
  html.lentera-sidebar-collapsed body .main-sidebar .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-header,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li.header,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-link p,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li > a > span,
  html.lentera-sidebar-collapsed body .main-sidebar .right,
  html.lentera-sidebar-collapsed body .main-sidebar .pull-right {
    display: none !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar .sidebar,
  html.lentera-sidebar-collapsed body .left-side .sidebar {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar .user-panel,
  html.lentera-sidebar-collapsed body .main-sidebar .brand-link,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-link,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li > a {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .content-header,
  body .content-wrapper > .content-header {
    padding-top: 22px !important;
  }

  body .content-wrapper .content-header .card.card-info.card-outline:first-child {
    margin-top: 12px !important;
  }

  body .content-wrapper .content-header .card.card-info.card-outline:first-child h1,
  body .content-wrapper .content-header .card.card-info.card-outline:first-child h2 {
    margin-top: 12px !important;
    line-height: 1.25 !important;
  }
}

/* Hover expand when sidebar is collapsed - 20260714_hoverexpand1 */
@media (min-width: 768px) {
  html.lentera-sidebar-collapsed body .main-sidebar,
  html.lentera-sidebar-collapsed body .left-side {
    transition: width .18s ease, max-width .18s ease, box-shadow .18s ease !important;
    z-index: 1045 !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover,
  html.lentera-sidebar-collapsed body .left-side:hover,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open,
  html.lentera-sidebar-collapsed body .left-side.is-hover-open {
    width: var(--lc-sidebar) !important;
    min-width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
    box-shadow: 14px 0 34px rgba(15,23,42,.14) !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover .brand-text,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .nav-header,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .sidebar-menu > li.header,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .nav-link p,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .sidebar-menu > li > a > span,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .right,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .pull-right,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .brand-text,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .nav-header,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .sidebar-menu > li.header,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .nav-link p,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .sidebar-menu > li > a > span,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .right,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .pull-right {
    display: block !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover .user-panel,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .brand-link,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .nav-link,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .sidebar-menu > li > a,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .user-panel,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .brand-link,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .nav-link,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .sidebar-menu > li > a {
    justify-content: flex-start !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover .sidebar,
  html.lentera-sidebar-collapsed body .left-side:hover .sidebar,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .sidebar,
  html.lentera-sidebar-collapsed body .left-side.is-hover-open .sidebar {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .user-panel .info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover .user-panel .info a,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .user-panel .info span,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .user-panel .info a,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .user-panel .info span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Typography and page title spacing polish - 20260714_menutitle1 */
@media (min-width: 768px) {
  body .content-wrapper,
  body .right-side {
    padding-top: 24px !important;
  }

  body .content-header,
  body .content-wrapper > .content-header,
  body .content-wrapper > section.content-header {
    padding-top: 28px !important;
    padding-bottom: 14px !important;
    margin-top: 0 !important;
  }

  body .content-header h1,
  body .content-header h2,
  body .content-header .page-title,
  body .content-wrapper > h1:first-child,
  body .content-wrapper > h2:first-child {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    line-height: 1.25 !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Sidebar text weight final - 20260714_pagespacing1 */
body .main-sidebar .nav-sidebar .nav-link,
body .main-sidebar .sidebar-menu > li > a,
body .main-sidebar .nav-sidebar .nav-link p,
body .main-sidebar .sidebar-menu > li > a > span,
body .main-sidebar .nav-treeview .nav-link,
body .main-sidebar .treeview-menu > li > a,
body .main-sidebar .nav-treeview .nav-link p,
body .main-sidebar .treeview-menu > li > a > span {
  font-weight: 400 !important;
}

body .main-sidebar .nav-header,
body .main-sidebar .sidebar-menu > li.header {
  font-weight: 500 !important;
}

body .main-sidebar .nav-sidebar .nav-link.active,
body .main-sidebar .sidebar-menu > li.active > a,
body .main-sidebar .nav-sidebar .nav-link.active p,
body .main-sidebar .sidebar-menu > li.active > a > span {
  font-weight: 500 !important;
}

/* Layout reset final - 20260714_layoutreset2 */
@media (min-width: 768px) {
  :root {
    --lc-sidebar: 260px;
    --lc-sidebar-mini: 76px;
    --lc-header: 60px;
  }

  body header.main-header,
  body.skin-green.sidebar-mini header.main-header {
    display: grid !important;
    grid-template-columns: var(--lc-sidebar) minmax(0, 1fr) !important;
    height: var(--lc-header) !important;
    min-height: var(--lc-header) !important;
    background: #fff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.05) !important;
    overflow: visible !important;
  }

  body header.main-header > .logo,
  body.skin-green.sidebar-mini header.main-header > .logo {
    grid-column: 1 !important;
    width: var(--lc-sidebar) !important;
    min-width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
    height: var(--lc-header) !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #fff !important;
    border-right: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
  }

  body header.main-header > .navbar,
  body.skin-green.sidebar-mini header.main-header > .navbar.navbar-static-top,
  body nav.main-header.navbar {
    grid-column: 2 !important;
    height: var(--lc-header) !important;
    min-height: var(--lc-header) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 18px 0 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body .main-header .sidebar-toggle,
  body .main-header [data-widget="pushmenu"],
  body .main-header [data-toggle="push-menu"],
  body.skin-green.sidebar-mini header.main-header > .navbar.navbar-static-top > .sidebar-toggle,
  body nav.main-header.navbar .nav-link[data-widget="pushmenu"] {
    position: absolute !important;
    left: 14px !important;
    top: 9px !important;
    right: auto !important;
    bottom: auto !important;
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    transform: none !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #0f172a !important;
    z-index: 20 !important;
  }

  body header.main-header .navbar-custom-menu,
  body.skin-green.sidebar-mini header.main-header > .navbar.navbar-static-top > .navbar-custom-menu,
  body nav.main-header.navbar > .navbar-nav.ml-auto {
    margin-left: auto !important;
    height: var(--lc-header) !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
    position: static !important;
  }

  body .main-sidebar,
  body .left-side,
  body.layout-fixed .main-sidebar,
  body.sidebar-mini .main-sidebar,
  body.skin-green.sidebar-mini .main-sidebar,
  body.skin-green.sidebar-mini .left-side {
    width: var(--lc-sidebar) !important;
    min-width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
    padding-top: var(--lc-header) !important;
    background: #fff !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: 8px 0 24px rgba(15,23,42,.04) !important;
    overflow-x: hidden !important;
    transition: width .18s ease, min-width .18s ease, max-width .18s ease, box-shadow .18s ease !important;
  }

  body .main-sidebar .sidebar,
  body .left-side .sidebar {
    height: calc(100vh - var(--lc-header)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 14px 22px !important;
  }

  body .content-wrapper,
  body .right-side,
  body .main-footer,
  body.layout-fixed .content-wrapper,
  body.sidebar-mini .content-wrapper,
  body.skin-green.sidebar-mini .content-wrapper,
  body.skin-green.sidebar-mini .right-side,
  body.skin-green.sidebar-mini .main-footer {
    margin-left: var(--lc-sidebar) !important;
    padding-top: 0 !important;
    transition: margin-left .18s ease !important;
  }

  html.lentera-sidebar-collapsed body header.main-header,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini header.main-header {
    grid-template-columns: var(--lc-sidebar-mini) minmax(0, 1fr) !important;
  }

  html.lentera-sidebar-collapsed body header.main-header > .logo,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini header.main-header > .logo {
    width: var(--lc-sidebar-mini) !important;
    min-width: var(--lc-sidebar-mini) !important;
    max-width: var(--lc-sidebar-mini) !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar,
  html.lentera-sidebar-collapsed body .left-side,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .main-sidebar,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .left-side {
    width: var(--lc-sidebar-mini) !important;
    min-width: var(--lc-sidebar-mini) !important;
    max-width: var(--lc-sidebar-mini) !important;
  }

  html.lentera-sidebar-collapsed body .content-wrapper,
  html.lentera-sidebar-collapsed body .right-side,
  html.lentera-sidebar-collapsed body .main-footer,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .content-wrapper,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .right-side,
  html.lentera-sidebar-collapsed body.skin-green.sidebar-mini .main-footer {
    margin-left: var(--lc-sidebar-mini) !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover,
  html.lentera-sidebar-collapsed body .left-side:hover,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open,
  html.lentera-sidebar-collapsed body .left-side.is-hover-open {
    width: var(--lc-sidebar) !important;
    min-width: var(--lc-sidebar) !important;
    max-width: var(--lc-sidebar) !important;
    z-index: 1050 !important;
    box-shadow: 16px 0 38px rgba(15,23,42,.16) !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar .brand-text,
  html.lentera-sidebar-collapsed body .main-sidebar .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-header,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li.header,
  html.lentera-sidebar-collapsed body .main-sidebar .nav-link p,
  html.lentera-sidebar-collapsed body .main-sidebar .sidebar-menu > li > a > span,
  html.lentera-sidebar-collapsed body .main-sidebar .right,
  html.lentera-sidebar-collapsed body .main-sidebar .pull-right {
    display: none !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover .brand-text,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .nav-header,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .sidebar-menu > li.header,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .nav-link p,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .sidebar-menu > li > a > span,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .right,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .pull-right,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .brand-text,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .user-panel .info,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .nav-header,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .sidebar-menu > li.header,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .nav-link p,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .sidebar-menu > li > a > span,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .right,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open .pull-right {
    display: block !important;
  }

  body .main-sidebar .sidebar-menu > li > a,
  body .main-sidebar .nav-sidebar .nav-link {
    min-height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  body .main-sidebar .nav-treeview .nav-link,
  body .main-sidebar .treeview-menu > li > a {
    min-height: 36px !important;
    padding: 8px 12px 8px 38px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  body .content-header,
  body .content-wrapper > .content-header,
  body .content-wrapper > section.content-header {
    padding: 34px 22px 10px !important;
    margin: 0 !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  body .content-header h1,
  body .content-header h2,
  body .content-header .page-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 27px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    color: #0f172a !important;
  }

  body .content-wrapper > .content,
  body .content-wrapper > section.content {
    padding: 10px 22px 28px !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body header.main-header,
  body.skin-green.sidebar-mini header.main-header {
    height: 54px !important;
    min-height: 54px !important;
  }

  body .content-header,
  body .content-wrapper > .content-header,
  body .content-wrapper > section.content-header {
    padding: 16px 12px 8px !important;
  }

  body .content-wrapper > .content,
  body .content-wrapper > section.content {
    padding: 8px 12px 18px !important;
  }
}

body .main-sidebar .nav-sidebar .nav-link,
body .main-sidebar .sidebar-menu > li > a,
body .main-sidebar .nav-sidebar .nav-link p,
body .main-sidebar .sidebar-menu > li > a > span,
body .main-sidebar .nav-treeview .nav-link,
body .main-sidebar .treeview-menu > li > a,
body .main-sidebar .nav-treeview .nav-link p,
body .main-sidebar .treeview-menu > li > a > span {
  font-weight: 500 !important;
}

body .main-sidebar .nav-header,
body .main-sidebar .sidebar-menu > li.header {
  font-weight: 600 !important;
}

body .main-sidebar .nav-sidebar .nav-link.active,
body .main-sidebar .sidebar-menu > li.active > a,
body .main-sidebar .nav-sidebar .nav-link.active p,
body .main-sidebar .sidebar-menu > li.active > a > span {
  font-weight: 600 !important;
}

body .main-sidebar .user-panel .info a,
body .main-sidebar .user-panel .info span,
body .main-sidebar .brand-text {
  font-weight: 600 !important;
}

/* Final page rhythm - 20260714_pagespacing1
   Keep headings visible below the navbar without pushing the first card too far down. */
@media (min-width: 768px) {
  body .content-wrapper,
  body .right-side {
    padding-top: 0 !important;
  }

  body .content-header,
  body .content-wrapper > .content-header,
  body .content-wrapper > section.content-header {
    padding: 24px 22px 8px !important;
    margin: 0 !important;
    min-height: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body .content-header .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .content-header .row,
  body .content-header .row.mb-2 {
    align-items: center !important;
    margin-bottom: 0 !important;
  }

  body .content-header .mt-2 {
    margin-top: 0 !important;
  }

  body .content-header h1,
  body .content-header h2,
  body .content-header .page-title,
  body .content-wrapper > h1:first-child,
  body .content-wrapper > h2:first-child {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body .content-header h1 i,
  body .content-header h2 i {
    margin-right: 8px !important;
  }

  body .content-wrapper > .content,
  body .content-wrapper > section.content {
    padding: 8px 22px 24px !important;
    margin-top: 0 !important;
  }

  body .content-wrapper > .content > .container-fluid,
  body .content-wrapper > section.content > .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .content-wrapper > .content .row:first-child,
  body .content-wrapper > section.content .row:first-child {
    margin-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body .content-wrapper,
  body .right-side {
    padding-top: 0 !important;
  }

  body .content-header,
  body .content-wrapper > .content-header,
  body .content-wrapper > section.content-header {
    padding: 16px 14px 6px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body .content-header .mt-2 {
    margin-top: 0 !important;
  }

  body .content-header h1,
  body .content-header h2,
  body .content-header .page-title {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
  }

  body .content-wrapper > .content,
  body .content-wrapper > section.content {
    padding: 8px 14px 18px !important;
    margin-top: 0 !important;
  }
}

/* Absolute last layout authority - 20260714_layoutlast1 */
@media (min-width: 768px) {
  body .content-header,
  body .content-wrapper > .content-header,
  body .content-wrapper > section.content-header {
    padding: 36px 22px 10px !important;
    margin: 0 !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  body .content-header h1,
  body .content-header h2,
  body .content-header .page-title,
  body .content-wrapper > h1:first-child,
  body .content-wrapper > h2:first-child {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 27px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    text-shadow: none !important;
    color: #0f172a !important;
    overflow: visible !important;
  }

  body .content-wrapper > .content,
  body .content-wrapper > section.content {
    padding: 10px 22px 28px !important;
    margin-top: 0 !important;
  }

  body .main-sidebar .nav-sidebar .nav-link,
  body .main-sidebar .sidebar-menu > li > a,
  body .main-sidebar .nav-sidebar .nav-link p,
  body .main-sidebar .sidebar-menu > li > a > span,
  body .main-sidebar .nav-treeview .nav-link,
  body .main-sidebar .treeview-menu > li > a,
  body .main-sidebar .nav-treeview .nav-link p,
  body .main-sidebar .treeview-menu > li > a > span {
    font-weight: 400 !important;
  }

  body .main-sidebar .nav-sidebar .nav-link.active,
  body .main-sidebar .sidebar-menu > li.active > a,
  body .main-sidebar .nav-sidebar .nav-link.active p,
  body .main-sidebar .sidebar-menu > li.active > a > span {
    font-weight: 500 !important;
  }

  html.lentera-sidebar-collapsed body .main-sidebar:hover,
  html.lentera-sidebar-collapsed body .left-side:hover,
  html.lentera-sidebar-collapsed body .main-sidebar.is-hover-open,
  html.lentera-sidebar-collapsed body .left-side.is-hover-open {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    z-index: 1055 !important;
  }
}

@media (max-width: 767.98px) {
  body .content-header,
  body .content-wrapper > .content-header,
  body .content-wrapper > section.content-header {
    padding: 18px 12px 8px !important;
  }

  body .content-header h1,
  body .content-header h2,
  body .content-header .page-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
  }
}

/* Fixed navbar clearance - 20260714_navclear1 */
@media (min-width: 768px) {
  body.layout-navbar-fixed .content-wrapper,
  body.layout-navbar-fixed .right-side {
    padding-top: 54px !important;
  }

  body.layout-navbar-fixed .content-header,
  body.layout-navbar-fixed .content-wrapper > .content-header,
  body.layout-navbar-fixed .content-wrapper > section.content-header {
    padding-top: 18px !important;
    padding-bottom: 8px !important;
  }

  body.layout-navbar-fixed .content-wrapper > .content,
  body.layout-navbar-fixed .content-wrapper > section.content {
    padding-top: 8px !important;
  }
}

@media (max-width: 767.98px) {
  body.layout-navbar-fixed .content-wrapper,
  body.layout-navbar-fixed .right-side {
    padding-top: 54px !important;
  }
}

/* Home application grid spacing - 20260714_homegap1 */
@media (min-width: 768px) {
  body.layout-navbar-fixed .content-wrapper > .content-header.animated.fadeInDown {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }

  body.layout-navbar-fixed .content-wrapper > .content-header.animated.fadeInDown .card.card-info.card-outline {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  body.layout-navbar-fixed .content-wrapper > .content-header.animated.fadeInDown .card-body {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

@media (max-width: 767.98px) {
  body.layout-navbar-fixed .content-wrapper > .content-header.animated.fadeInDown {
    padding-top: 8px !important;
  }
}

/* Home dashboard no fake top gap - 20260714_homegap2 */
@media (min-width: 768px) {
  body.layout-navbar-fixed .content-wrapper.lentera-home-dashboard,
  body .content-wrapper.lentera-home-dashboard {
    padding-top: 0 !important;
  }

  body .content-wrapper.lentera-home-dashboard > .content-header,
  body.layout-navbar-fixed .content-wrapper.lentera-home-dashboard > .content-header,
  body.layout-navbar-fixed .content-wrapper.lentera-home-dashboard > .content-header.animated.fadeInDown {
    padding: 14px 18px 8px !important;
    margin: 0 !important;
  }

  body .content-wrapper.lentera-home-dashboard > .content-header .container-fluid,
  body .content-wrapper.lentera-home-dashboard > .content-header .row,
  body .content-wrapper.lentera-home-dashboard > .content-header [class*="col-"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body .content-wrapper.lentera-home-dashboard .card.card-info.card-outline {
    margin-top: 0 !important;
  }

  body .content-wrapper.lentera-home-dashboard .card.card-info.card-outline > center h1 {
    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
  }
}

@media (max-width: 767.98px) {
  body.layout-navbar-fixed .content-wrapper.lentera-home-dashboard,
  body .content-wrapper.lentera-home-dashboard {
    padding-top: 0 !important;
  }

  body .content-wrapper.lentera-home-dashboard > .content-header,
  body.layout-navbar-fixed .content-wrapper.lentera-home-dashboard > .content-header.animated.fadeInDown {
    padding: 10px 10px 8px !important;
  }
}

/* Compact admin spacing - 20260715_compact1 */
@media (min-width: 768px) {
  body.layout-navbar-fixed .main-sidebar,
  body.layout-navbar-fixed .left-side {
    padding-top: 0 !important;
  }

  body.layout-navbar-fixed .main-sidebar .brand-link {
    min-height: 56px !important;
    height: 56px !important;
    padding: 10px 16px !important;
    margin: 0 !important;
  }

  body.layout-navbar-fixed .main-sidebar .sidebar {
    padding: 10px 14px 18px !important;
  }

  body.layout-navbar-fixed .main-sidebar .user-panel {
    margin: 10px 0 12px !important;
    padding: 12px !important;
    min-height: 0 !important;
  }

  body.layout-navbar-fixed .main-sidebar .user-panel img {
    width: 54px !important;
    height: 54px !important;
  }

  body.layout-navbar-fixed .main-sidebar .nav-header,
  body.layout-navbar-fixed .main-sidebar li.header,
  body.layout-navbar-fixed .main-sidebar .sidebar-menu .header {
    padding: 10px 14px 6px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  body.layout-navbar-fixed .main-sidebar .nav-sidebar .nav-link,
  body.layout-navbar-fixed .main-sidebar .sidebar-menu > li > a {
    min-height: 38px !important;
    padding: 8px 12px !important;
    margin: 0 0 4px !important;
    line-height: 1.25 !important;
  }

  body.layout-navbar-fixed .main-sidebar .nav-treeview .nav-link,
  body.layout-navbar-fixed .main-sidebar .treeview-menu > li > a {
    min-height: 34px !important;
    padding: 7px 12px 7px 42px !important;
    margin: 0 0 3px !important;
  }

  body.layout-navbar-fixed .content-wrapper,
  body.layout-navbar-fixed .right-side {
    padding-top: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper > .content-header,
  body.layout-navbar-fixed .content-wrapper > section.content-header,
  body.layout-navbar-fixed .content-header {
    padding: 16px 20px 8px !important;
    margin: 0 !important;
  }

  body.layout-navbar-fixed .content-header h1,
  body.layout-navbar-fixed .content-header h2,
  body.layout-navbar-fixed .content-header .page-title {
    font-size: 25px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    font-weight: 500 !important;
  }

  body.layout-navbar-fixed .content-header .breadcrumb,
  body.layout-navbar-fixed .content-header .breadcrumb.float-sm-right {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper > .content,
  body.layout-navbar-fixed .content-wrapper > section.content {
    padding: 8px 20px 22px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card,
  body.layout-navbar-fixed .content-wrapper .box {
    margin-bottom: 14px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card-header,
  body.layout-navbar-fixed .content-wrapper .box-header {
    padding: 12px 18px !important;
    min-height: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper .card-body,
  body.layout-navbar-fixed .content-wrapper .box-body {
    padding: 14px 18px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card-header + .card-body,
  body.layout-navbar-fixed .content-wrapper .box-header + .box-body {
    padding-top: 14px !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper > .row,
  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper .row {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_filter,
  body.layout-navbar-fixed .content-wrapper .dataTables_length {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_filter label,
  body.layout-navbar-fixed .content-wrapper .dataTables_length label {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_filter input,
  body.layout-navbar-fixed .content-wrapper .dataTables_length select {
    height: 38px !important;
    margin: 0 !important;
  }

  body .content-wrapper.lentera-home-dashboard,
  body.layout-navbar-fixed .content-wrapper.lentera-home-dashboard {
    padding-top: 0 !important;
  }
}

/* Tighter shell spacing for regular admin pages - 20260715_compact2 */
@media (min-width: 768px) {
  body.layout-navbar-fixed .main-header.navbar {
    min-height: 56px !important;
    height: 56px !important;
    padding: 8px 14px !important;
  }

  body.layout-navbar-fixed .main-header .nav-link {
    height: 40px !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    line-height: 20px !important;
  }

  body.layout-navbar-fixed .main-header .btn-group,
  body.layout-navbar-fixed .main-header .navbar-nav {
    align-items: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.layout-navbar-fixed .main-header .btn-group .btn {
    min-height: 40px !important;
    height: 40px !important;
    padding: 9px 14px !important;
    line-height: 20px !important;
  }

  body.layout-navbar-fixed .content-wrapper,
  body.layout-navbar-fixed .right-side {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper > .content-header,
  body.layout-navbar-fixed .content-wrapper > section.content-header,
  body.layout-navbar-fixed .content-header {
    padding: 10px 20px 6px !important;
  }

  body.layout-navbar-fixed .content-header .row,
  body.layout-navbar-fixed .content-header .container-fluid,
  body.layout-navbar-fixed .content-header [class*="col-"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.layout-navbar-fixed .content-header .mt-2 {
    margin-top: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper > .content,
  body.layout-navbar-fixed .content-wrapper > section.content {
    padding-top: 4px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card-header,
  body.layout-navbar-fixed .content-wrapper .box-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card-body,
  body.layout-navbar-fixed .content-wrapper .box-body {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card-body.table-responsive,
  body.layout-navbar-fixed .content-wrapper .box-body.table-responsive {
    padding: 12px !important;
  }

  body.layout-navbar-fixed .main-sidebar .sidebar {
    padding-top: 8px !important;
  }

  body.layout-navbar-fixed .main-sidebar .user-panel.mt-3 {
    margin-top: 6px !important;
  }

  body.layout-navbar-fixed .main-sidebar .user-panel.pb-3 {
    padding-bottom: 10px !important;
  }

  body.layout-navbar-fixed .main-sidebar .user-panel.mb-3 {
    margin-bottom: 8px !important;
  }

  body.layout-navbar-fixed .main-sidebar .user-panel .info {
    padding-left: 10px !important;
  }

  body.layout-navbar-fixed .main-sidebar .user-panel .info .d-block {
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }

  body.layout-navbar-fixed .main-sidebar center {
    display: block !important;
    margin: 6px 0 10px !important;
  }

  body.layout-navbar-fixed .main-sidebar center .btn-group {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
  }

  body.layout-navbar-fixed .main-sidebar center .btn,
  body.layout-navbar-fixed .main-sidebar center .badge {
    flex: 1 1 0 !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    line-height: 20px !important;
  }

  body.layout-navbar-fixed .main-sidebar nav.mt-2 {
    margin-top: 6px !important;
  }
}

/* Dense table/card content - 20260715_compact3 */
@media (min-width: 768px) {
  body.layout-navbar-fixed .content-wrapper .card.card-info.card-outline,
  body.layout-navbar-fixed .content-wrapper .box.box-info {
    overflow: hidden !important;
  }

  body.layout-navbar-fixed .content-wrapper .card.card-info.card-outline > .card-header,
  body.layout-navbar-fixed .content-wrapper .box.box-info > .box-header {
    padding: 10px 14px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card.card-info.card-outline > .card-body,
  body.layout-navbar-fixed .content-wrapper .box.box-info > .box-body {
    padding: 10px 14px !important;
  }

  body.layout-navbar-fixed .content-wrapper .card-body.table-responsive,
  body.layout-navbar-fixed .content-wrapper .box-body.table-responsive {
    padding: 10px 14px !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper > .row,
  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper .row:first-child,
  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper .row:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-height: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper > .row:last-child {
    margin-bottom: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper > .row > [class*="col-"],
  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper .row:first-child > [class*="col-"],
  body.layout-navbar-fixed .content-wrapper .dataTables_wrapper .row:nth-child(2) > [class*="col-"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_filter {
    width: 100% !important;
    text-align: right !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_filter label {
    min-height: 0 !important;
    line-height: 1.2 !important;
  }

  body.layout-navbar-fixed .content-wrapper .dataTables_filter input {
    width: 220px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
  }

  body.layout-navbar-fixed .content-wrapper table.table,
  body.layout-navbar-fixed .content-wrapper table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-collapse: collapse !important;
  }

  body.layout-navbar-fixed .content-wrapper .table th,
  body.layout-navbar-fixed .content-wrapper .table td,
  body.layout-navbar-fixed .content-wrapper table.dataTable thead th,
  body.layout-navbar-fixed .content-wrapper table.dataTable tbody td {
    padding: 8px 8px !important;
    line-height: 1.25 !important;
  }

  body.layout-navbar-fixed .content-wrapper table.dataTable th:last-child,
  body.layout-navbar-fixed .content-wrapper table.dataTable td:last-child,
  body.layout-navbar-fixed .content-wrapper .table th:last-child,
  body.layout-navbar-fixed .content-wrapper .table td:last-child {
    width: 165px !important;
    min-width: 165px !important;
    white-space: nowrap !important;
  }

  body.layout-navbar-fixed .content-wrapper .table .btn,
  body.layout-navbar-fixed .content-wrapper table.dataTable .btn,
  body.layout-navbar-fixed .content-wrapper .table .btn-xs,
  body.layout-navbar-fixed .content-wrapper table.dataTable .btn-xs {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 5px 9px !important;
    margin: 1px 2px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.layout-navbar-fixed .content-wrapper .table .badge,
  body.layout-navbar-fixed .content-wrapper table.dataTable .badge {
    padding: 4px 9px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
}