/* Lentera global visual polish - 20260715_global1
   Final override shared by all AdminLTE based Lentera apps. */

:root {
  --lgp-bg: #eef3f8;
  --lgp-surface: #ffffff;
  --lgp-soft: #f8fafc;
  --lgp-border: #d9e3ef;
  --lgp-text: #0f172a;
  --lgp-muted: #64748b;
  --lgp-primary: #16a7c4;
  --lgp-blue: #2563eb;
  --lgp-radius: 14px;
  --lgp-shadow: 0 12px 30px rgba(15, 23, 42, .07);
}

html,
body {
  color: var(--lgp-text) !important;
  background: var(--lgp-bg) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body,
button,
input,
select,
textarea,
.main-sidebar,
.content-wrapper,
.right-side {
  font-family: "Source Sans Pro", Arial, sans-serif !important;
}

a {
  text-decoration: none !important;
}

/* Header */
body .main-header.navbar,
body header.main-header {
  background: #fff !important;
  border-bottom: 1px solid var(--lgp-border) !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .04) !important;
}

body.layout-navbar-fixed .main-header.navbar {
  min-height: 56px !important;
  height: 56px !important;
  padding: 7px 14px !important;
}

body .main-header .nav-link,
body .main-header .sidebar-toggle,
body header.main-header .sidebar-toggle {
  color: var(--lgp-text) !important;
  min-width: 42px !important;
  min-height: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  font-size: 19px !important;
  padding: 0 !important;
}

body .main-header .btn-group,
body .main-header .navbar-nav,
body header.main-header .navbar-custom-menu > .nav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body .main-header .btn,
body header.main-header .navbar-custom-menu a,
body header.main-header .navbar-custom-menu span {
  border-radius: 12px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 13px !important;
  line-height: 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Sidebar */
body .main-sidebar,
body .left-side {
  background: #ffffff !important;
  color: var(--lgp-text) !important;
  border-right: 1px solid var(--lgp-border) !important;
  box-shadow: 8px 0 24px rgba(15, 23, 42, .05) !important;
}

body .main-sidebar .brand-link,
body header.main-header > .logo {
  background: #ffffff !important;
  color: var(--lgp-text) !important;
  border-bottom: 1px solid var(--lgp-border) !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 9px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: hidden !important;
  text-shadow: none !important;
}

body .main-sidebar .brand-link .brand-text,
body header.main-header > .logo .logo-lg,
body header.main-header > .logo .logo-mini {
  color: var(--lgp-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .main-sidebar .brand-image,
body .main-sidebar img.brand-image,
body .main-sidebar .logo img,
body header.main-header > .logo img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: contain !important;
  margin: 0 !important;
}

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

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

body .main-sidebar .user-panel .image {
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

body .main-sidebar .user-panel img {
  width: 52px !important;
  height: 52px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  margin: 0 !important;
}

body .main-sidebar .user-panel .info {
  padding: 0 !important;
  min-width: 0 !important;
}

body .main-sidebar .user-panel .info a,
body .main-sidebar .user-panel .info .d-block {
  color: var(--lgp-text) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  margin: 0 0 4px !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 190px !important;
}

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

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

body .main-sidebar center .btn,
body .main-sidebar center .badge {
  flex: 1 1 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 6px 9px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 600 !important;
}

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

body .main-sidebar .nav-header,
body .main-sidebar li.header,
body .main-sidebar .sidebar-menu .header {
  color: var(--lgp-primary) !important;
  padding: 10px 12px 5px !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  line-height: 1.2 !important;
}

body .main-sidebar .nav-sidebar .nav-link,
body .main-sidebar .sidebar-menu > li > a {
  color: #1f2937 !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  margin: 0 0 4px !important;
  border-radius: 11px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

body .main-sidebar .nav-sidebar .nav-link p,
body .main-sidebar .sidebar-menu > li > a > span,
body .main-sidebar .sidebar-menu > li > a > p {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1.25 !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.menu-open > a {
  background: linear-gradient(135deg, #2563eb, #12a8c9) !important;
  color: #fff !important;
  box-shadow: 0 10px 18px rgba(37, 99, 235, .16) !important;
}

body .main-sidebar .nav-icon,
body .main-sidebar .sidebar-menu i {
  color: var(--lgp-primary) !important;
  width: 22px !important;
  min-width: 22px !important;
  text-align: center !important;
  font-size: 16px !important;
  margin: 0 !important;
}

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

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

body .main-sidebar .nav-treeview .nav-link,
body .main-sidebar .treeview-menu > li > a {
  min-height: 32px !important;
  padding: 6px 10px !important;
  margin: 0 0 3px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  border-radius: 9px !important;
  color: #475569 !important;
}

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

/* Page spacing */
body.layout-navbar-fixed .content-wrapper,
body.layout-navbar-fixed .right-side,
body .content-wrapper,
body .right-side {
  background: var(--lgp-bg) !important;
  padding-top: 0 !important;
}

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

body .content-header .container-fluid,
body .content-header .row,
body .content-header [class*="col-"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-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 {
  color: var(--lgp-text) !important;
  font-size: 25px !important;
  line-height: 1.22 !important;
  font-weight: 500 !important;
  margin: 0 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body .content-header h1 i,
body .content-header h2 i,
body .content-header .page-title i {
  color: var(--lgp-primary) !important;
  font-size: .95em !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

body .content-header small {
  color: var(--lgp-muted) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

body .content-header .breadcrumb {
  margin: 3px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
}

body .content-wrapper > .content,
body .content-wrapper > section.content,
body .right-side > .content,
body .right-side > section.content {
  padding: 6px 18px 22px !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 .row,
body .right-side .row {
  margin-left: -7px !important;
  margin-right: -7px !important;
}

body .content-wrapper .row > [class*="col-"],
body .right-side .row > [class*="col-"] {
  padding-left: 7px !important;
  padding-right: 7px !important;
  margin-bottom: 10px !important;
}

/* Surfaces */
body .card,
body .box,
body .panel,
body .nav-tabs-custom,
body .modal-content {
  background: #fff !important;
  border: 1px solid var(--lgp-border) !important;
  border-radius: var(--lgp-radius) !important;
  box-shadow: var(--lgp-shadow) !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
}

body .card-header,
body .box-header,
body .panel-heading,
body .modal-header {
  background: #f8fafc !important;
  color: var(--lgp-text) !important;
  border-bottom: 1px solid var(--lgp-border) !important;
  padding: 10px 14px !important;
  min-height: 0 !important;
}

body .card-title,
body .box-title,
body .panel-title,
body .card-header h1,
body .card-header h2,
body .card-header h3,
body .box-header h1,
body .box-header h2,
body .box-header h3 {
  color: var(--lgp-text) !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body .card-body,
body .box-body,
body .panel-body,
body .modal-body {
  padding: 12px 14px !important;
  background: #fff !important;
  color: var(--lgp-text) !important;
}

/* Forms */
body label {
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  line-height: 1.25 !important;
}

body .form-group,
body .input-group,
body .form-row {
  margin-bottom: 12px !important;
}

body .form-control,
body select.form-control,
body input.form-control,
body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="number"],
body input[type="date"],
body textarea.form-control,
body .select2-container--default .select2-selection--single {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: var(--lgp-text) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body textarea.form-control {
  height: auto !important;
  min-height: 86px !important;
}

body select.form-control,
body .select2-container--default .select2-selection--single {
  padding-right: 34px !important;
}

body .form-control:focus,
body input:focus,
body select:focus,
body textarea:focus {
  border-color: var(--lgp-primary) !important;
  box-shadow: 0 0 0 3px rgba(22, 167, 196, .12) !important;
}

body .form-control::placeholder,
body input::placeholder,
body textarea::placeholder {
  color: #94a3b8 !important;
}

/* Buttons */
body .btn,
body .dt-button,
body button,
body input[type="submit"],
body input[type="button"] {
  min-height: 36px !important;
  border-radius: 10px !important;
  padding: 7px 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .btn-sm {
  min-height: 32px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
}

body .btn-xs,
body .table .btn-xs,
body table.dataTable .btn-xs {
  min-height: 28px !important;
  height: 28px !important;
  padding: 5px 8px !important;
  font-size: 12px !important;
  border-radius: 8px !important;
}

body .btn i,
body button i {
  margin: 0 !important;
}

body .badge,
body .label {
  border-radius: 999px !important;
  padding: 4px 9px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

/* Tables and DataTables */
body .table-responsive,
body .dataTables_wrapper {
  overflow-x: auto !important;
}

body .dataTables_wrapper {
  margin: 0 !important;
  padding: 0 !important;
  color: #334155 !important;
}

body .dataTables_wrapper > .row,
body .dataTables_wrapper .row:first-child,
body .dataTables_wrapper .row:nth-child(2) {
  align-items: center !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  min-height: 0 !important;
  gap: 0 !important;
}

body .dataTables_wrapper > .row > [class*="col-"] {
  margin-bottom: 0 !important;
}

body .dataTables_filter,
body .dataTables_length,
body .dataTables_info,
body .dataTables_paginate {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
}

body .dataTables_filter label,
body .dataTables_length label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

body .dataTables_filter input,
body .dataTables_length select {
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 9px !important;
  padding: 6px 10px !important;
  margin: 0 !important;
}

body table.table,
body table.dataTable,
body .table-bordered {
  width: 100% !important;
  background: #fff !important;
  border-collapse: collapse !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 0 !important;
  font-size: 14px !important;
}

body .table th,
body .table td,
body table.dataTable thead th,
body table.dataTable tbody td {
  padding: 8px 8px !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
  border-color: #e2e8f0 !important;
}

body .table thead th,
body table.dataTable thead th {
  background: #f8fafc !important;
  color: var(--lgp-text) !important;
  font-weight: 600 !important;
}

body table.dataTable td:last-child,
body .table td:last-child {
  white-space: nowrap !important;
}

body table.dataTable td:last-child .btn,
body .table td:last-child .btn {
  margin: 1px 2px !important;
}

/* Info boxes/cards */
body .info-box,
body .small-box {
  border-radius: 14px !important;
  border: 1px solid var(--lgp-border) !important;
  box-shadow: var(--lgp-shadow) !important;
  overflow: hidden !important;
}

body .info-box-icon,
body .small-box .icon {
  border-radius: 12px !important;
}

/* Top-nav/front pages */
body.layout-top-nav .content-wrapper {
  padding-top: 0 !important;
}

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

/* Mobile */
@media (max-width: 767.98px) {
  html,
  body {
    font-size: 14px !important;
  }

  body .main-header.navbar {
    min-height: 52px !important;
    height: 52px !important;
    padding: 6px 10px !important;
  }

  body .main-header .btn,
  body .main-header .nav-link {
    min-height: 36px !important;
    height: 36px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
  }

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

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

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

  body .card,
  body .box,
  body .panel {
    border-radius: 12px !important;
    margin-bottom: 10px !important;
  }

  body .card-header,
  body .box-header,
  body .panel-heading {
    padding: 9px 11px !important;
  }

  body .card-body,
  body .box-body,
  body .panel-body {
    padding: 10px !important;
  }

  body .form-group {
    margin-bottom: 10px !important;
  }

  body .form-control,
  body select.form-control,
  body input.form-control,
  body input[type="text"],
  body input[type="email"],
  body input[type="password"],
  body input[type="number"],
  body input[type="date"] {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 13px !important;
  }

  body .table th,
  body .table td,
  body table.dataTable thead th,
  body table.dataTable tbody td {
    padding: 7px 7px !important;
    font-size: 13px !important;
  }

  body .dataTables_filter,
  body .dataTables_length {
    text-align: left !important;
    width: 100% !important;
  }

  body .dataTables_filter label,
  body .dataTables_length label {
    width: 100% !important;
  }

  body .dataTables_filter input {
    flex: 1 1 auto !important;
    width: 100% !important;
  }
}

/* Final density pass - 20260715_global2 */
body .wrapper,
body .content-wrapper,
body .right-side {
  min-height: 100vh !important;
}

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

body .content-header,
body .content-wrapper > .content-header,
body .content-wrapper > section.content-header,
body .content-header[class] {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
}

body .content-header + .content,
body .content-header + section.content {
  padding-top: 4px !important;
}

body .content,
body section.content {
  margin-top: 0 !important;
}

body .content .card:first-child,
body .content .box:first-child,
body .content .panel:first-child,
body section.content .card:first-child,
body section.content .box:first-child,
body section.content .panel:first-child {
  margin-top: 0 !important;
}

body .box.box-primary,
body .box.box-info,
body .box.box-success,
body .box.box-danger,
body .card.card-primary,
body .panel.panel-primary {
  border-top-width: 1px !important;
}

body .box-header.with-border,
body .card-header,
body .panel-heading {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body .box-header .box-tools,
body .card-header .card-tools,
body .panel-heading .pull-right {
  margin-left: auto !important;
}

body .box-body > form,
body .card-body > form,
body .panel-body > form {
  margin: 0 !important;
}

body .box-body .form-group,
body .card-body .form-group,
body .panel-body .form-group {
  margin-bottom: 14px !important;
}

body .form-horizontal .form-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body .form-horizontal .control-label {
  padding-top: 8px !important;
  text-align: left !important;
}

body .form-horizontal .form-group.row {
  display: block !important;
}

body .form-horizontal .form-group.row > label[class*="col-"],
body .form-horizontal .form-group.row > div[class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

body .form-horizontal .form-group.row > label[class*="col-"] {
  padding: 0 0 5px !important;
}

body .form-horizontal .form-group.row > div[class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .help-block,
body .text-muted,
body .description-block {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  font-size: 13px !important;
  color: var(--lgp-muted) !important;
}

body .select2-container,
body .select2-container .select2-selection--single,
body .select2-container .select2-selection--multiple {
  width: 100% !important;
  min-height: 40px !important;
  border-radius: 10px !important;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important;
  padding-left: 0 !important;
  color: var(--lgp-text) !important;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px !important;
}

body .input-group .input-group-addon,
body .input-group .input-group-text {
  min-height: 40px !important;
  border-radius: 10px 0 0 10px !important;
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

body .input-group .form-control {
  border-radius: 0 10px 10px 0 !important;
}

body .table-responsive {
  margin-top: 8px !important;
}

body .dataTables_wrapper .dataTables_scroll,
body .dataTables_wrapper table {
  margin-top: 8px !important;
}

body .dataTables_wrapper .dataTables_scroll table {
  margin-top: 0 !important;
}

body .dataTables_wrapper .row + .row {
  margin-top: 6px !important;
}

body .pagination,
body .dataTables_paginate .pagination {
  margin: 8px 0 0 !important;
}

body .pagination > li > a,
body .pagination > li > span,
body .page-link {
  border-radius: 9px !important;
  margin: 0 2px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 6px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .breadcrumb,
body .content-header .breadcrumb {
  box-shadow: none !important;
}

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

body .main-sidebar .treeview-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body .main-sidebar .treeview-menu > li > a:before {
  width: 7px !important;
  height: 7px !important;
  border: 2px solid #94a3b8 !important;
  border-radius: 50% !important;
  content: "" !important;
  flex: 0 0 auto !important;
}

body .main-sidebar .treeview-menu > li.active > a:before,
body .main-sidebar .treeview-menu > li > a:hover:before {
  border-color: var(--lgp-primary) !important;
}

body .main-footer {
  background: #fff !important;
  border-top: 1px solid var(--lgp-border) !important;
  color: #64748b !important;
  padding: 10px 18px !important;
  min-height: 42px !important;
}

body .modal-header,
body .modal-footer {
  padding: 10px 14px !important;
}

body .modal-footer {
  gap: 8px !important;
}

body .alert {
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 13px !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
}

body .callout {
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin: 0 0 12px !important;
}

body img {
  max-width: 100%;
}

@media (min-width: 768px) {
  body.sidebar-mini.sidebar-collapse .main-sidebar:hover {
    width: 250px !important;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link .brand-text,
  body.sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel .info,
  body.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > a > span,
  body.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > a > p,
  body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 767.98px) {
  body .main-sidebar {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

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

  body .box-body .form-group,
  body .card-body .form-group,
  body .panel-body .form-group {
    margin-bottom: 10px !important;
  }

  body .btn,
  body button,
  body input[type="submit"],
  body input[type="button"] {
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  body .main-footer {
    padding: 9px 10px !important;
    font-size: 12px !important;
  }
}

/* Lentera final layout pass - 20260715_global4
   Menyatukan jarak, card, form, info-box, dan dashboard lintas aplikasi. */
:root {
  --lgp-header-h: 56px;
  --lgp-sidebar-w: 280px;
  --lgp-sidebar-mini: 76px;
}

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

body .content-header,
body .content-wrapper > .content-header,
body .content-wrapper > section.content-header {
  padding: 12px 20px 6px !important;
  min-height: 0 !important;
}

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

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

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

body .content-header .breadcrumb {
  margin-top: 2px !important;
  font-size: 13px !important;
}

body .card,
body .box,
body .panel,
body .nav-tabs-custom {
  border-radius: 13px !important;
  margin-bottom: 12px !important;
}

body .card-header,
body .box-header,
body .panel-heading {
  min-height: 42px !important;
  padding: 9px 12px !important;
}

body .card-title,
body .box-title,
body .panel-title,
body .card-header h1,
body .card-header h2,
body .card-header h3,
body .box-header h1,
body .box-header h2,
body .box-header h3 {
  font-size: 16px !important;
  font-weight: 600 !important;
}

body .card-body,
body .box-body,
body .panel-body {
  padding: 10px 12px !important;
}

body .card-body.p-0,
body .box-body.p-0,
body .panel-body.p-0 {
  padding: 10px 12px !important;
}

body .row {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

body .row > [class*="col-"] {
  padding-left: 6px !important;
  padding-right: 6px !important;
  margin-bottom: 10px !important;
}

body label,
body .col-form-label,
body .control-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}

body .form-group,
body .input-group,
body .form-row,
body .box-body .form-group,
body .card-body .form-group,
body .panel-body .form-group,
body .form-horizontal .form-group.row {
  margin-bottom: 10px !important;
}

body .form-control,
body select.form-control,
body input.form-control,
body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="number"],
body input[type="date"],
body textarea.form-control,
body .select2-container--default .select2-selection--single {
  min-height: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

body textarea.form-control {
  min-height: 74px !important;
  height: auto !important;
}

body .table-responsive {
  margin-top: 0 !important;
}

body .table th,
body .table td,
body table.dataTable thead th,
body table.dataTable tbody td {
  padding: 7px 8px !important;
  line-height: 1.25 !important;
}

body .dataTables_wrapper > .row,
body .dataTables_wrapper .row:first-child,
body .dataTables_wrapper .row:nth-child(2) {
  margin-bottom: 6px !important;
}

body .dataTables_filter input,
body .dataTables_length select {
  min-height: 32px !important;
  height: 32px !important;
}

body .btn,
body .dt-button,
body button,
body input[type="submit"],
body input[type="button"] {
  min-height: 34px !important;
  padding: 6px 11px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body .info-box {
  min-height: 74px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body .info-box .info-box-icon,
body .info-box-icon {
  width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
  font-size: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  margin: 0 !important;
}

body .info-box .info-box-content,
body .info-box-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 12px !important;
}

body .info-box .info-box-text,
body .info-box-text {
  color: var(--lgp-text) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 14px !important;
  line-height: 1.22 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

body .info-box .info-box-text b,
body .info-box-text b {
  font-weight: 600 !important;
}

body .info-box .info-box-number,
body .info-box-number {
  color: var(--lgp-text) !important;
  font-size: 23px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

body .lentera-dashboard-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 14px 12px 12px !important;
  text-align: center !important;
}

body .lentera-dashboard-title i {
  color: var(--lgp-primary) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body .lentera-dashboard-title h1 {
  color: var(--lgp-text) !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body .lentera-dashboard-title + hr,
body .card > center + hr {
  margin: 0 !important;
}

body .lentera-app-launcher,
body .kesiswaan-dashboard {
  padding-top: 12px !important;
}

body .lentera-app-launcher .card > .row,
body .lentera-app-launcher .card > .container-fluid > .row,
body .kesiswaan-dashboard .card > .container-fluid > .row {
  align-items: stretch !important;
}

body .lentera-app-launcher .info-box {
  min-height: 82px !important;
}

body .lentera-app-launcher .info-box-icon {
  width: 82px !important;
  min-width: 82px !important;
  height: 82px !important;
  font-size: 34px !important;
}

body .lentera-app-launcher .info-box-text {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

body .lentera-app-launcher font,
body .info-box font {
  color: var(--lgp-text) !important;
  display: block !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  white-space: normal !important;
}

body .kesiswaan-dashboard .card-body .row {
  margin: -4px -5px !important;
}

body .kesiswaan-dashboard .card-body .row > [class*="col-"] {
  padding: 5px !important;
  margin-bottom: 0 !important;
}

body .kesiswaan-dashboard .info-box {
  min-height: 72px !important;
}

body .kesiswaan-dashboard .info-box-icon {
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  font-size: 28px !important;
}

body .fc,
body #calendar {
  font-size: 13px !important;
}

body .fc-toolbar,
body .fc-header-toolbar {
  margin-bottom: 8px !important;
}

body .fc button,
body .fc .fc-button {
  min-height: 30px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
}

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

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

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;
}

@media (min-width: 768px) {
  body.sidebar-mini.sidebar-collapse .main-sidebar,
  html.lentera-sidebar-collapsed body .main-sidebar,
  html.lentera-sidebar-collapsed body .left-side {
    overflow-x: visible !important;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar:hover,
  html.lentera-sidebar-collapsed body .main-sidebar:hover,
  html.lentera-sidebar-collapsed body .left-side:hover {
    width: var(--lgp-sidebar-w) !important;
    max-width: var(--lgp-sidebar-w) !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 .sidebar-menu > li > a > p,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .right,
  html.lentera-sidebar-collapsed body .main-sidebar:hover .pull-right {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

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

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

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

  body .content-header h1,
  body .content-header h2,
  body .content-header .page-title {
    font-size: 21px !important;
  }

  body .card-header,
  body .box-header,
  body .panel-heading {
    min-height: 38px !important;
    padding: 8px 10px !important;
  }

  body .card-title,
  body .box-title,
  body .panel-title {
    font-size: 15px !important;
  }

  body .card-body,
  body .box-body,
  body .panel-body,
  body .card-body.p-0,
  body .box-body.p-0 {
    padding: 9px 10px !important;
  }

  body .lentera-dashboard-title {
    padding: 11px 10px 10px !important;
  }

  body .lentera-dashboard-title h1 {
    font-size: 20px !important;
  }

  body .info-box {
    min-height: 68px !important;
  }

  body .info-box-icon {
    width: 66px !important;
    min-width: 66px !important;
    height: 66px !important;
    font-size: 27px !important;
  }

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

  body .info-box-number {
    font-size: 21px !important;
  }

  body .lentera-app-launcher .info-box-icon {
    width: 68px !important;
    min-width: 68px !important;
    height: 68px !important;
    font-size: 28px !important;
  }

  body .lentera-app-launcher .info-box-text {
    font-size: 14px !important;
  }
}

/* Lentera precision spacing pass - 20260715_global5 */
body .form-horizontal .form-group.row > label[class*="col-"],
body .form-horizontal .form-group.row > div[class*="col-"],
body form .form-group.row > label[class*="col-"],
body form .form-group.row > div[class*="col-"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body .form-horizontal .form-group.row > label[class*="col-"],
body form .form-group.row > label[class*="col-"] {
  padding-bottom: 4px !important;
}

body .form-horizontal .form-group.row > div[class*="col-"],
body form .form-group.row > div[class*="col-"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body .lentera-dashboard-title {
  flex-direction: row !important;
  min-height: 52px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}

body .lentera-dashboard-title i {
  font-size: 25px !important;
}

body .lentera-dashboard-title h1 {
  font-size: 22px !important;
  font-weight: 500 !important;
}

body .lentera-app-launcher .info-box {
  min-height: 74px !important;
}

body .lentera-app-launcher .info-box-icon {
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  font-size: 28px !important;
}

body .lentera-app-launcher .info-box-content {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body .lentera-app-launcher .info-box-text {
  font-size: 15px !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  word-break: normal !important;
}

body .lentera-app-launcher .info-box-text b {
  white-space: normal !important;
}

body .kesiswaan-dashboard .lentera-dashboard-title {
  min-height: 50px !important;
}

body .kesiswaan-dashboard .card-body.p-0 {
  padding: 9px 10px !important;
}

@media (max-width: 767.98px) {
  body .lentera-dashboard-title {
    min-height: 46px !important;
    padding: 8px 10px !important;
  }

  body .lentera-dashboard-title i {
    font-size: 22px !important;
  }

  body .lentera-dashboard-title h1 {
    font-size: 18px !important;
  }
}

/* Info-box legacy AdminLTE fix - 20260715_global6 */
body .info-box,
body .small-box {
  position: relative !important;
}

body .info-box .info-box-icon,
body .info-box-icon {
  float: none !important;
}

body .info-box .info-box-content,
body .info-box-content {
  margin-left: 0 !important;
  width: auto !important;
  max-width: none !important;
}

body .info-box .info-box-text,
body .info-box-text,
body .info-box .info-box-number,
body .info-box-number {
  width: auto !important;
  max-width: 100% !important;
}

/* Lentera wide cleanup pass - 20260715_global7
   Lapisan terakhir untuk mengurangi jarak kosong, clipping, dan card terlalu renggang. */
body {
  --lgp-page-pad-x: 14px;
  --lgp-page-pad-y: 10px;
  --lgp-card-pad: 14px;
}

body .content-wrapper,
body .right-side {
  min-height: calc(100vh - 58px) !important;
}

body .content-header,
body .content-wrapper > .content-header,
body .content-wrapper > section.content-header {
  padding: var(--lgp-page-pad-y) var(--lgp-page-pad-x) 6px !important;
  min-height: 0 !important;
}

body .content-wrapper > .content,
body .content-wrapper > section.content,
body .right-side > .content,
body .right-side > section.content {
  padding: 8px var(--lgp-page-pad-x) 18px !important;
}

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

body .card,
body .box,
body .panel {
  margin-bottom: 12px !important;
}

body .card-header,
body .box-header,
body .panel-heading {
  min-height: 42px !important;
  padding: 10px 14px !important;
}

body .card-body,
body .box-body,
body .panel-body,
body .card-body.p-0,
body .box-body.p-0 {
  padding: var(--lgp-card-pad) !important;
}

body .form-group,
body .box-body .form-group,
body .card-body .form-group,
body .panel-body .form-group,
body .form-horizontal .form-group,
body .form-horizontal .form-group.row {
  margin-bottom: 10px !important;
}

body .form-group label,
body label.control-label {
  margin-bottom: 4px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body .form-control,
body input.form-control,
body select.form-control,
body textarea.form-control {
  min-height: 36px !important;
  height: auto !important;
  padding: 7px 11px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}

body select.form-control {
  height: 36px !important;
}

body .table {
  margin-bottom: 0 !important;
}

body .table th,
body .table td {
  padding: 8px 10px !important;
  vertical-align: middle !important;
}

body .dataTables_wrapper .row,
body .dataTables_wrapper .form-group {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body .dataTables_filter,
body .dataTables_length {
  margin: 0 0 8px !important;
}

body .dataTables_filter label,
body .dataTables_length label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

body .dataTables_filter input,
body .dataTables_length select {
  height: 34px !important;
  border-radius: 8px !important;
}

body .btn,
body button,
body input[type="submit"],
body input[type="button"] {
  border-radius: 9px !important;
  min-height: 34px !important;
  padding: 7px 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body .btn-sm,
body .btn-xs {
  min-height: 28px !important;
  padding: 5px 9px !important;
  font-size: 12px !important;
}

body .info-box {
  align-items: center !important;
  min-height: 70px !important;
  overflow: hidden !important;
}

body .info-box .info-box-icon,
body .info-box-icon {
  flex: 0 0 68px !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
}

body .info-box .info-box-content,
body .info-box-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 8px 12px !important;
}

body .info-box .info-box-text,
body .info-box-text {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.2 !important;
  font-size: 13px !important;
}

body .info-box .info-box-number,
body .info-box-number {
  display: block !important;
  line-height: 1.12 !important;
  font-size: 21px !important;
}

body .lentera-app-launcher,
body .kesiswaan-dashboard {
  padding-top: 8px !important;
}

body .lentera-app-launcher .card,
body .kesiswaan-dashboard .card {
  margin-top: 0 !important;
}

body .lentera-dashboard-title {
  min-height: 46px !important;
  padding: 8px 12px !important;
  gap: 9px !important;
  justify-content: center !important;
}

body .lentera-dashboard-title h1 {
  font-size: 21px !important;
  font-weight: 500 !important;
}

body .lentera-app-launcher .card-body,
body .kesiswaan-dashboard .card-body {
  padding: 12px !important;
}

body .lentera-app-launcher .row,
body .kesiswaan-dashboard .row {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

body .lentera-app-launcher .row > [class*="col-"],
body .kesiswaan-dashboard .row > [class*="col-"] {
  padding-left: 6px !important;
  padding-right: 6px !important;
  margin-bottom: 10px !important;
}

body .lentera-app-launcher .info-box {
  min-height: 72px !important;
}

body .lentera-app-launcher .info-box-icon {
  flex-basis: 66px !important;
  width: 66px !important;
  min-width: 66px !important;
  height: 66px !important;
}

body .fc,
body .fc-view,
body .fc-view-container {
  max-width: 100% !important;
}

body .fc-toolbar {
  margin-bottom: 8px !important;
}

body .fc-toolbar h2 {
  font-size: 16px !important;
  font-weight: 500 !important;
}

body .fc-button,
body .fc-state-default {
  min-height: 28px !important;
  padding: 4px 8px !important;
}

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

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

@media (min-width: 992px) {
  body .content-wrapper,
  body .right-side {
    overflow-x: hidden !important;
  }

  body .content-wrapper > .content,
  body .content-wrapper > section.content,
  body .right-side > .content,
  body .right-side > section.content {
    padding-top: 10px !important;
  }

  body .lentera-app-launcher,
  body .kesiswaan-dashboard {
    padding-top: 10px !important;
  }
}

@media (max-width: 767.98px) {
  body {
    --lgp-page-pad-x: 10px;
    --lgp-page-pad-y: 8px;
    --lgp-card-pad: 10px;
  }

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

  body .card-header,
  body .box-header,
  body .panel-heading {
    padding: 9px 10px !important;
  }

  body .info-box {
    min-height: 62px !important;
  }

  body .info-box .info-box-icon,
  body .info-box-icon {
    flex-basis: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    font-size: 22px !important;
  }

  body .info-box .info-box-content,
  body .info-box-content {
    padding: 6px 9px !important;
  }

  body .info-box .info-box-text,
  body .info-box-text {
    font-size: 12px !important;
  }

  body .info-box .info-box-number,
  body .info-box-number {
    font-size: 19px !important;
  }
}

/* Content animation safety - 20260715_global8 */
body .content-wrapper .animated,
body .right-side .animated,
body .content-wrapper .fadeInLeft,
body .content-wrapper .fadeInRight,
body .content-wrapper .fadeInUp,
body .content-wrapper .fadeInDown,
body .right-side .fadeInLeft,
body .right-side .fadeInRight,
body .right-side .fadeInUp,
body .right-side .fadeInDown {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Akademik/AdminLTE3 sidebar visibility fix - 20260715_global9 */
body.hold-transition.sidebar-mini.layout-fixed .main-sidebar,
body.hold-transition.sidebar-mini.layout-fixed .left-side {
  top: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

body.hold-transition.sidebar-mini.layout-fixed .main-sidebar .brand-link {
  flex: 0 0 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
}

body.hold-transition.sidebar-mini.layout-fixed .main-sidebar .sidebar {
  position: relative !important;
  top: auto !important;
  display: block !important;
  height: calc(100vh - 56px) !important;
  max-height: calc(100vh - 56px) !important;
  margin: 0 !important;
  padding: 8px 12px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  transform: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.hold-transition.sidebar-mini.layout-fixed .main-sidebar .user-panel {
  margin: 8px 0 10px !important;
  padding: 10px !important;
}

body.hold-transition.sidebar-mini.layout-fixed .main-sidebar nav,
body.hold-transition.sidebar-mini.layout-fixed .main-sidebar nav.mt-2,
body.hold-transition.sidebar-mini.layout-fixed .main-sidebar .nav-sidebar,
body.hold-transition.sidebar-mini.layout-fixed .main-sidebar .sidebar-menu {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.hold-transition.sidebar-mini.layout-fixed .main-sidebar .nav-header,
body.hold-transition.sidebar-mini.layout-fixed .main-sidebar li.header,
body.hold-transition.sidebar-mini.layout-fixed .main-sidebar .sidebar-menu .header {
  padding-top: 8px !important;
}

@media (min-width: 768px) {
  body.hold-transition.sidebar-mini.layout-fixed .main-sidebar,
  body.hold-transition.sidebar-mini.layout-fixed .left-side {
    width: var(--lgp-sidebar-w) !important;
    min-width: var(--lgp-sidebar-w) !important;
    max-width: var(--lgp-sidebar-w) !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed .main-header.navbar,
  body.hold-transition.sidebar-mini.layout-fixed .content-wrapper,
  body.hold-transition.sidebar-mini.layout-fixed .right-side,
  body.hold-transition.sidebar-mini.layout-fixed .main-footer {
    margin-left: var(--lgp-sidebar-w) !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .left-side,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .left-side {
    width: var(--lgp-sidebar-mini) !important;
    min-width: var(--lgp-sidebar-mini) !important;
    max-width: var(--lgp-sidebar-mini) !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-header.navbar,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .content-wrapper,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .right-side,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-footer,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-header.navbar,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .content-wrapper,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .right-side,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-footer {
    margin-left: var(--lgp-sidebar-mini) !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:not(:hover) .brand-text,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:not(:hover) .user-panel .info,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:not(:hover) .nav-header,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:not(:hover) .nav-link p,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:not(:hover) .right,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:not(:hover) .brand-text,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:not(:hover) .user-panel .info,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:not(:hover) .nav-header,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:not(:hover) .nav-link p,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:not(:hover) .right {
    display: none !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:hover,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:hover {
    width: var(--lgp-sidebar-w) !important;
    min-width: var(--lgp-sidebar-w) !important;
    max-width: var(--lgp-sidebar-w) !important;
    z-index: 1050 !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:hover .brand-text,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:hover .user-panel .info,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:hover .nav-header,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:hover .nav-link p,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-collapse .main-sidebar:hover .right,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:hover .brand-text,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:hover .user-panel .info,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:hover .nav-header,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:hover .nav-link p,
  html.lentera-sidebar-collapsed body.hold-transition.sidebar-mini.layout-fixed .main-sidebar:hover .right {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 767.98px) {
  body.hold-transition.sidebar-mini.layout-fixed .main-header.navbar,
  body.hold-transition.sidebar-mini.layout-fixed .content-wrapper,
  body.hold-transition.sidebar-mini.layout-fixed .right-side,
  body.hold-transition.sidebar-mini.layout-fixed .main-footer {
    margin-left: 0 !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed .main-sidebar,
  body.hold-transition.sidebar-mini.layout-fixed .left-side {
    width: min(82vw, 280px) !important;
    min-width: min(82vw, 280px) !important;
    max-width: min(82vw, 280px) !important;
    left: calc(-1 * min(82vw, 280px)) !important;
    transition: left .18s ease !important;
    z-index: 1050 !important;
  }

  body.hold-transition.sidebar-mini.layout-fixed.sidebar-open .main-sidebar,
  body.hold-transition.sidebar-mini.layout-fixed.sidebar-open .left-side {
    left: 0 !important;
  }
}