/* Presentation Mode is scoped completely under .presentation-mode.
   Normal application screens keep their existing behavior. */

.presentation-mode,
.presentation-mode body {
  font-size: 110%;
  scrollbar-width: none;
}

.presentation-mode::-webkit-scrollbar,
.presentation-mode body::-webkit-scrollbar,
.presentation-mode *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.presentation-mode *,
.presentation-mode *::before,
.presentation-mode *::after {
  animation-duration: .001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: .001ms !important;
}

.presentation-mode .layout-wrapper,
.presentation-mode .layout-container,
.presentation-mode .layout-page,
.presentation-mode .content-wrapper {
  min-height: 100vh;
}

.presentation-mode .layout-navbar {
  min-height: 3rem;
  height: 3rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  box-shadow: 0 .35rem 1.2rem rgba(24, 39, 75, .08);
}

.presentation-mode .layout-navbar.navbar-detached {
  margin: .55rem .9rem 0;
  border-radius: .85rem;
}

.presentation-mode .navbar-nav-right,
.presentation-mode .layout-navbar .navbar-nav,
.presentation-mode .layout-navbar .nav-item {
  min-height: 2.5rem;
}

.presentation-mode .avatar {
  transform: scale(.92);
}

.presentation-mode .layout-menu {
  box-shadow: .4rem 0 1.5rem rgba(24, 39, 75, .08);
}

.presentation-mode .menu-inner {
  padding-top: .55rem !important;
  padding-bottom: .55rem !important;
}

.presentation-mode .menu-item {
  margin: .08rem .55rem;
}

.presentation-mode .menu-link {
  min-height: 2.5rem;
  padding-top: .42rem;
  padding-bottom: .42rem;
  border-radius: .65rem;
  font-size: 1.04rem;
}

.presentation-mode .menu-icon,
.presentation-mode .menu-link i {
  font-size: 1.18rem !important;
}

.presentation-mode .menu-item.active > .menu-link,
.presentation-mode .menu-item.open > .menu-link {
  background: linear-gradient(135deg, rgba(11, 78, 122, .12), rgba(107, 179, 74, .14)) !important;
  color: #0b4e7a !important;
  box-shadow: inset 0 0 0 1px rgba(11, 78, 122, .10);
}

.presentation-mode .content-wrapper {
  overflow: visible !important;
}

.presentation-mode .container,
.presentation-mode .container-sm,
.presentation-mode .container-md,
.presentation-mode .container-lg,
.presentation-mode .container-xl,
.presentation-mode .container-xxl,
.presentation-mode .container-fluid {
  max-width: 100% !important;
  padding: .9rem 1rem !important;
}

.presentation-mode .container-p-y {
  padding-top: .9rem !important;
  padding-bottom: .9rem !important;
}

.presentation-mode .row {
  --bs-gutter-x: 1.15rem;
  --bs-gutter-y: 1.15rem;
}

.presentation-mode .card {
  border-radius: 1rem;
  box-shadow: 0 1rem 2.4rem rgba(24, 39, 75, .14);
  border-color: rgba(11, 78, 122, .08);
}

.presentation-mode .card:hover,
.presentation-mode .card .card-hover:hover,
.presentation-mode .card[class*="hover"]:hover {
  transform: none !important;
  box-shadow: 0 1rem 2.4rem rgba(24, 39, 75, .14) !important;
}

.presentation-mode .card-body,
.presentation-mode .card-header,
.presentation-mode .card-footer {
  padding: 1.1rem 1.2rem;
}

.presentation-mode h1,
.presentation-mode h2,
.presentation-mode h3,
.presentation-mode h4,
.presentation-mode h5,
.presentation-mode h6 {
  letter-spacing: 0;
}

.presentation-mode .btn {
  border-radius: .7rem;
}

.presentation-mode .form-label,
.presentation-mode label {
  font-size: 1.03rem;
  font-weight: 600;
}

.presentation-mode .form-control,
.presentation-mode .form-select,
.presentation-mode .input-group-text,
.presentation-mode .dx-texteditor-input {
  min-height: 2.65rem;
  padding-top: .58rem;
  padding-bottom: .58rem;
  font-size: 1.03rem;
}

.presentation-mode .dx-texteditor,
.presentation-mode .dx-dropdowneditor {
  min-height: 2.65rem;
}

.presentation-mode .dx-datagrid,
.presentation-mode .dx-treelist {
  border-radius: .85rem;
  overflow: hidden !important;
  box-shadow: 0 .7rem 1.8rem rgba(24, 39, 75, .10);
}

.presentation-mode .dx-datagrid .dx-datagrid-headers,
.presentation-mode .dx-treelist .dx-treelist-headers {
  font-size: 1.05rem;
  font-weight: 700;
  background: linear-gradient(180deg, rgba(11, 78, 122, .08), rgba(107, 179, 74, .05));
}

.presentation-mode .dx-datagrid-rowsview .dx-row > td,
.presentation-mode .dx-treelist-rowsview .dx-row > td {
  padding-top: .72rem;
  padding-bottom: .72rem;
  vertical-align: middle;
}

.presentation-mode .dx-datagrid-pager,
.presentation-mode .dx-pager,
.presentation-mode .dx-scrollbar-horizontal,
.presentation-mode .dx-scrollbar-vertical,
.presentation-mode .dx-scrollable-scrollbar {
  display: none !important;
}

.presentation-mode .dx-scrollable-container,
.presentation-mode .dx-scrollable-content,
.presentation-mode .dx-datagrid-rowsview,
.presentation-mode .dx-datagrid-headers,
.presentation-mode .dx-datagrid-total-footer {
  overflow: hidden !important;
}

.presentation-mode .dx-datagrid .dx-datagrid-content,
.presentation-mode .dx-datagrid .dx-datagrid-table {
  max-width: 100%;
}

.presentation-mode .dx-overlay-wrapper .dx-popup-normal {
  border-radius: 1rem;
  box-shadow: 0 1.3rem 3.2rem rgba(24, 39, 75, .22);
}

.presentation-mode .dx-popup-title {
  padding: 1rem 1.25rem;
  font-size: 1.12rem;
  font-weight: 700;
}

.presentation-mode .dx-popup-content {
  padding: 1.15rem 1.25rem;
  overflow: hidden !important;
}

.presentation-mode .dx-overlay-content {
  max-width: min(92vw, 1280px) !important;
  max-height: 88vh !important;
}

.presentation-mode .apexcharts-canvas,
.presentation-mode canvas,
.presentation-mode svg {
  max-width: 100%;
}

.presentation-mode .presentation-mode-toggle {
  color: #0b4e7a;
}

.presentation-mode .presentation-mode-toggle .presentation-mode-icon {
  color: #6bb34a;
}

.presentation-mode .presentation-mode-toggle.is-active {
  background: linear-gradient(135deg, rgba(11, 78, 122, .10), rgba(107, 179, 74, .14));
  color: #0b4e7a;
  font-weight: 700;
}

.presentation-mode .presentation-mode-toggle.is-active .presentation-mode-state {
  color: #1f6f3f;
}