/* Shared visual foundation for the isolated Next UI. No legacy selectors are changed. */
@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter/InterVariable-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) {
  --next-font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  --tblr-font-sans-serif: var(--next-font-family);
  --tblr-body-font-family: var(--next-font-family);
  --next-bg: #f6f7fb;
  --next-surface: #ffffff;
  --next-subtle: #f8f8fc;
  --next-text: #172033;
  --next-muted: #64718a;
  --next-muted-strong: #52617a;
  --next-border: #e1e5ef;
  --next-primary: #5b50e8;
  --next-primary-hover: #4d42d8;
  --next-primary-soft: #eeecfe;
  --next-sidebar: #ffffff;
  --next-sidebar-soft: #f8f6ff;
  color: var(--next-text);
  background: var(--next-bg);
  font-family: var(--next-font-family);
  font-size: 14px;
}

/* Tabler defines a separate system font for controls. Keep every visible UI surface on the local Inter face. */
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) button,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) input,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) select,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) textarea,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .btn,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .form-control,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .form-select,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .dropdown-menu,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .dropdown-item,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .modal,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .offcanvas,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .badge,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .pagination {
  font-family: var(--next-font-family) !important;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-app {
  /* Match the Employee Master reference sidebar on every Next UI screen. */
  grid-template-columns: 244px minmax(0, 1fr) !important;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-app.sidebar-collapsed {
  grid-template-columns: 68px minmax(0, 1fr) !important;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-sidebar,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-mobile-sidebar {
  color: var(--next-muted) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f4ff 55%, #efeafd 100%) !important;
  border-right-color: var(--next-border) !important;
  box-shadow: 10px 0 30px -30px rgba(19, 26, 44, .42);
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-brand {
  min-height: 82px;
  gap: 11px;
  padding: 14px 18px;
  color: var(--next-text);
  border-color: #e4dff4;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-brand strong { color: var(--next-text); font-size: 20px; }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-brand .tabler-nav-copy > div { color: var(--next-muted); }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-brand-mark { background: linear-gradient(145deg, #6758ef 0%, #5547df 100%); border-radius: 8px; box-shadow: 0 10px 22px rgba(91, 80, 232, .24); }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-sidebar .tabler-primary-nav {
  gap: 0;
  padding: 6px 12px;
  scrollbar-color: #b7b1c9 transparent;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-nav-heading,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-nav-link {
  min-height: 38px;
  margin-bottom: 1px;
  padding: 7px 9px;
  gap: 10px;
  color: var(--next-muted);
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 9px;
  transition: color .14s, background-color .14s;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-nav-heading:hover,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-nav-heading:focus-visible,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-nav-link:hover {
  color: var(--next-text);
  background: var(--next-subtle);
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-nav-heading:hover .ti,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-nav-link:hover .ti { color: var(--next-text) !important; }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-subnav {
  gap: 0;
  margin: 0;
  padding: 2px 0 5px 44px;
  background: transparent;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-subnav[hidden] {
  display: none !important;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-subnav a {
  margin-bottom: 1px;
  padding: 7px 9px;
  color: var(--next-muted);
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 9px;
  transition: color .14s, background-color .14s, box-shadow .14s;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-subnav a:hover {
  color: var(--next-text);
  background: var(--next-subtle);
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-subnav a.active,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-subnav a[aria-current="page"] {
  color: #fff;
  background: var(--next-primary);
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .sidebar-toggle {
  color: var(--next-primary) !important;
  border-color: #ded8f7 !important;
}

/* Shared sidebar account block: visual-only link to the existing profile page. */
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-sidebar-user {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  margin: 12px;
  padding: 12px;
  color: var(--next-text);
  text-decoration: none;
  background: var(--next-subtle);
  border: 1px solid var(--next-border);
  border-radius: 14px;
  transition: border-color .15s, box-shadow .15s, background-color .15s, transform .15s;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-sidebar-footer.tabler-sidebar-user {
  position: static;
  flex: 0 0 auto;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-sidebar-user strong,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-sidebar-user small { display: block; }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-sidebar-user small { margin-top: 2px; color: var(--next-muted); font-size: 12px; }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-sidebar-user:hover,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-sidebar-user:focus-visible {
  color: var(--next-text);
  background: var(--next-surface);
  border-color: var(--next-primary);
  box-shadow: 0 0 0 3px rgba(91, 80, 232, .12);
  transform: translateY(-1px);
  outline: none;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-app.sidebar-collapsed .tabler-sidebar-user { justify-content: center; padding-inline: 0; }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-app.sidebar-collapsed .tabler-sidebar-user .tabler-nav-copy { display: none; }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-workspace,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui) .tabler-master-content {
  background: var(--next-bg);
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-topbar {
  min-height: 82px;
  padding-inline: 38px;
  color: var(--next-text);
  background: var(--next-surface);
  border-color: var(--next-border);
}

/* Attendance is the sizing reference for the shared top-bar search. */
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) :is(.premium-top-search, .reports-top-search) {
  box-sizing: border-box;
  width: 320px !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 8px 11px !important;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) :is(.premium-top-search, .reports-top-search) input {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px 16px 24px;
}

/* Shared full-width rhythm for pages rendered inside the reusable dashboard shell. */
body.next-dashboard-ui :is(.payroll-page, .records-page, .payroll-panel, .payroll-header, .records-header) {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.next-dashboard-ui :is(.payroll-header, .records-header) {
  padding-inline: 0;
}

body.next-dashboard-ui :is(
  .kpi-grid,
  .attendance-tabs,
  .payroll-workflow-nav,
  .payroll-output-tabs,
  .payroll-period-card,
  .report-section,
  .request-dashboard,
  .records-page > .records-card,
  .onboarding-stat-grid,
  .next-table-pagination,
  .payroll-output-pagination
) {
  margin-left: 0;
  margin-right: 0;
}

body.next-dashboard-ui :is(.request-dashboard) {
  padding-left: 0;
  padding-right: 0;
}

body.next-dashboard-ui .payroll-panel > :is(.payroll-period-card, .payroll-workflow-nav, .report-section),
body.next-dashboard-ui .records-page > .records-card {
  width: 100%;
  max-width: 100%;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) h1,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) h2,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) h3 { color: var(--next-text); letter-spacing: 0; }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .btn-primary,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .primary-button {
  background: var(--next-primary) !important;
  border-color: var(--next-primary) !important;
  box-shadow: 0 8px 18px #5b50e833;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .btn-primary:hover,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .primary-button:hover { background: var(--next-primary-hover) !important; border-color: var(--next-primary-hover) !important; }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .form-control,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .form-select,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) input,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) select,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) textarea { border-color: var(--next-border); }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .form-control:focus,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .form-select:focus,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) input:focus,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) select:focus,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) textarea:focus { border-color: #8b81f2; box-shadow: 0 0 0 3px #8b81f21f; }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .next-ui-theme-toggle,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .reports-theme-toggle,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .premium-theme-toggle {
  width: 38px;
  height: 38px;
  margin-left: auto;
  padding: 0;
  color: #496581;
  background: var(--next-surface);
  border: 1px solid var(--next-border);
  border-radius: 10px;
  box-shadow: 0 4px 12px #26344a12;
}

body.next-dashboard-ui[data-shell-tools="page-search-theme"] .tabler-topbar .next-global-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 320px;
  min-width: 0;
  height: 38px;
  margin-left: auto;
  padding: 0 11px;
  color: var(--next-muted);
  background: var(--next-subtle);
  border: 1px solid var(--next-border);
  border-radius: 8px;
}
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-global-search:focus-within { border-color: var(--next-primary); box-shadow: 0 0 0 3px #5b50e81f; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-global-search input { width: 100%; min-width: 0; min-height: 0; padding: 0; color: var(--next-text); background: transparent; border: 0; outline: 0; box-shadow: none; font-size: 13px; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-global-search input:focus { border: 0; box-shadow: none; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-search-results { position: absolute; z-index: 50; top: calc(100% + 6px); left: 0; right: 0; max-height: min(420px,65vh); overflow: auto; padding: 6px; color: var(--next-text); background: var(--next-surface); border: 1px solid var(--next-border); border-radius: 9px; box-shadow: 0 16px 32px -18px #131a2c66; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-search-results[hidden] { display: none; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-search-results a,
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-search-empty { display: block; padding: 9px 11px; color: var(--next-text); text-decoration: none; border-radius: 6px; font-size: 13px; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-search-results a:hover,
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .next-search-results a:focus-visible { color: var(--next-primary); background: var(--next-primary-soft); }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .tabler-topbar .next-ui-theme-toggle { flex: 0 0 38px; margin-left: 0; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"] .tabler-topbar .tabler-user-menu { margin-left: 0; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"].dark .next-global-search { background: #121829; }
body.next-dashboard-ui[data-shell-tools="page-search-theme"].dark .next-global-search input::placeholder { color: var(--next-muted); }
@media(max-width: 760px) { body.next-dashboard-ui[data-shell-tools="page-search-theme"] .tabler-topbar .next-global-search { width: min(240px,34vw); } }
@media(max-width: 620px) { body.next-dashboard-ui[data-shell-tools="page-search-theme"] .tabler-topbar { gap: 8px; padding-inline: 12px; } body.next-dashboard-ui[data-shell-tools="page-search-theme"] .tabler-topbar > div:first-of-type { display: none; } body.next-dashboard-ui[data-shell-tools="page-search-theme"] .tabler-topbar .next-global-search { flex: 1 1 auto; width: auto; } }

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark {
  --next-bg: #0e1322;
  --next-surface: #161d31;
  --next-subtle: #1b2340;
  --next-text: #eef1f8;
  --next-muted: #a7b1c8;
  --next-muted-strong: #c1c9da;
  --next-border: #24304d;
  --next-primary-soft: #25205a;
  --next-sidebar: #121829;
  --next-sidebar-soft: #161d31;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-master-sidebar,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-mobile-sidebar {
  background: #121829 !important;
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-sidebar-user:hover,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-sidebar-user:focus-visible {
  background: var(--next-subtle);
}

:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-master-workspace,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-topbar,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-master-content { color: var(--next-text); background: var(--next-bg); border-color: var(--next-border); }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-master-sidebar,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-mobile-sidebar { border-color: var(--next-border); }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-brand,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-brand strong { color: var(--next-text); border-color: var(--next-border); }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .tabler-subnav { background: var(--next-sidebar-soft); }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .card,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .tabler-master-register,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .report-section { color: var(--next-text); background: var(--next-surface); border-color: var(--next-border); }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .tabler-master-table th,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .records-table thead { background: #1f2947; }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .tabler-master-table th,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .records-table th { color: #aab5cc; }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .tabler-master-table td,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-reports-ui).dark .records-table td { color: #dbe1ee; border-color: var(--next-border); }
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .next-ui-theme-toggle,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .reports-theme-toggle,
:is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui).dark .premium-theme-toggle { color: #d8d4ff; background: var(--next-surface); border-color: var(--next-border); }

@media (max-width: 1024px) {
  :is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-app { grid-template-columns: 244px minmax(0, 1fr) !important; }
  :is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-content { padding: 16px 16px 24px; }
  :is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-subnav { padding-left: 62px; }
}

@media (max-width: 768px) {
  :is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-content { padding: 12px; }
}

/* Keep the shell's mobile breakpoint structurally single-column after the sidebar is hidden. */
@media (max-width: 980px) {
  :is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-app,
  :is(body.next-dashboard-ui, body.next-master-premium-ui, body.next-premium-ui, body.next-reports-ui) .tabler-master-app.sidebar-collapsed {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}