@import url('./sidebar-unified.css?v=20260905v70');

:root {
  --admin-sidebar-width: 264px !important;
  --sidebar-w: var(--admin-sidebar-width) !important;
  --sidebar-width: var(--admin-sidebar-width) !important;
  --sw: var(--admin-sidebar-width) !important;
}

html[data-admin-shell="3"],
html[data-admin-shell="3"] body {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: clip !important;
}

body[data-admin-shell="3"] .admin-shell-app {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 100dvh !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-admin-shell="3"] .admin-shell-main {
  position: relative !important;
  width: calc(100% - var(--admin-sidebar-width)) !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 100dvh !important;
  flex: 0 0 auto !important;
  margin: 0 var(--admin-sidebar-width) 0 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body[data-admin-shell="3"] .admin-shell-main > :is(.header, .hdr),
body[data-admin-shell="3"] .admin-shell-content,
body[data-admin-shell="3"] .admin-shell-main > #mainContent,
body[data-admin-shell="3"] .admin-shell-main > .content {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

body[data-admin-shell="3"] .admin-shell-content,
body[data-admin-shell="3"] .admin-shell-main > #mainContent,
body[data-admin-shell="3"] .admin-shell-main > .content {
  margin: 0 !important;
  padding: clamp(18px, 2.2vw, 34px) !important;
}

body[data-admin-shell="3"] .admin-shell-main-direct {
  padding: clamp(18px, 2.2vw, 34px) !important;
}

body[data-admin-shell="3"] :is(
  .table-card,
  .table-wrap,
  .tc,
  .dash-shell,
  .page-shell,
  .stat-grid,
  .sg,
  .pg-hdr
) {
  min-width: 0 !important;
  max-width: none !important;
}

body[data-admin-shell="3"][data-admin-page="cms_testimonials_phase13.html"] #mainContent,
body[data-admin-shell="3"][data-admin-page="cms_faq_phase13.html"] #mainContent,
body[data-admin-shell="3"][data-admin-page="payments.html"] #mainContent {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

@media (max-width: 980px) {
  body[data-admin-shell="3"] .admin-shell-main {
    width: 100% !important;
    margin-right: 0 !important;
  }
}