/*
  Repaginacao visual isolada da area Super Admin.
  Nao altera logica, eventos, APIs, payloads, backend, permissoes ou funcionalidades.
*/

:root {
  --asap-ink: #0f172a;
  --asap-muted: #64748b;
  --asap-line: #dbe7e6;
  --asap-line-strong: #c8d8d6;
  --asap-soft: #f7fbfa;
  --asap-accent: #0f766e;
  --asap-accent-hover: #115e59;
  --asap-blue: #2563eb;
  --asap-shadow: 0 18px 46px rgba(15, 23, 42, .08);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) {
  min-height: 100vh;
  padding: 28px !important;
  background: linear-gradient(180deg, #f8fcfb 0%, #f3f8f7 100%);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > div:first-child {
  margin-bottom: 22px !important;
  padding: 0 2px;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h1 {
  color: var(--asap-ink) !important;
  font-size: 1.72rem !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h1 + p {
  color: var(--asap-muted) !important;
  font-size: .94rem !important;
  font-weight: 600;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > div.border-b.border-gray-200.mb-8 {
  margin-bottom: 18px !important;
  padding: 8px;
  overflow-x: auto;
  border: 1px solid var(--asap-line) !important;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
  -webkit-overflow-scrolling: touch;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > div.border-b.border-gray-200.mb-8 > nav {
  min-width: max-content;
  gap: 6px !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) nav button {
  min-height: 38px;
  padding: 9px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #64748b !important;
  font-size: .82rem !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap;
  letter-spacing: 0 !important;
  transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) nav button.border-blue-500 {
  border-color: rgba(15, 118, 110, .24) !important;
  background: #e6f5f2 !important;
  color: var(--asap-accent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) nav button:hover {
  border-color: var(--asap-line) !important;
  background: #f8fcfb !important;
  color: var(--asap-ink) !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > .bg-white.rounded-lg.shadow,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > .space-y-6 > .bg-white.rounded-lg.shadow {
  overflow: hidden;
  border: 1px solid var(--asap-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: var(--asap-shadow) !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > .bg-white.rounded-lg.shadow.p-6,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > .space-y-6 > .bg-white.rounded-lg.shadow.p-6 {
  padding: 22px !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .bg-white.rounded-lg.shadow > div:first-child.px-6,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .bg-white.rounded-lg.shadow > div:first-child.p-6 {
  border-bottom-color: var(--asap-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h2,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h3,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h4 {
  color: var(--asap-ink) !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h2 {
  font-size: 1.1rem !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h3 {
  font-size: 1rem !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) p {
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .text-gray-600,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .text-gray-500 {
  color: var(--asap-muted) !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) label {
  color: #334155 !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input:not([type="checkbox"]),
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) select,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) textarea {
  min-height: 42px;
  border: 1px solid var(--asap-line-strong) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: var(--asap-ink) !important;
  font-size: .9rem !important;
  box-shadow: none !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input:not([type="checkbox"]):focus,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) select:focus,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) textarea:focus {
  border-color: var(--asap-accent) !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12) !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input[type="file"] {
  min-height: 44px;
  padding: 8px 10px !important;
  background: #fbfefd !important;
  cursor: pointer;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input[type="file"]::file-selector-button {
  margin-right: 12px;
  padding: 7px 11px;
  border: 0;
  border-radius: 9px;
  background: #e6f5f2;
  color: var(--asap-accent);
  font-weight: 850;
  cursor: pointer;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button {
  min-height: 34px;
  border-radius: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button:hover {
  transform: translateY(-1px);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button.bg-blue-600,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button.bg-green-600 {
  border: 1px solid rgba(15, 118, 110, .18) !important;
  background: var(--asap-accent) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(15, 118, 110, .16);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button.bg-orange-600 {
  border: 1px solid #fed7aa !important;
  background: #ea580c !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(234, 88, 12, .14);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button.bg-red-600 {
  border: 1px solid #fecaca !important;
  background: #dc2626 !important;
  color: #ffffff !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button.bg-gray-100 {
  border: 1px solid var(--asap-line) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .divide-y.divide-gray-200 > div {
  border-color: var(--asap-line) !important;
  transition: background .16s ease;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .divide-y.divide-gray-200 > div:hover {
  background: var(--asap-soft) !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) span.rounded-full,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) div.rounded-full {
  border-radius: 999px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) span.bg-green-100,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) div.bg-green-100 {
  border: 1px solid #bbf7d0;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) span.bg-red-100,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) div.bg-red-100 {
  border: 1px solid #fecaca;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) span.bg-yellow-100,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) div.bg-yellow-100 {
  border: 1px solid #fde68a;
  background: #fffbeb !important;
  color: #a16207 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) span.bg-blue-100,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) div.bg-blue-100 {
  border: 1px solid #bfdbfe;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) span.bg-purple-100,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) div.bg-purple-100 {
  border: 1px solid #ddd6fe;
  background: #f5f3ff !important;
  color: #6d28d9 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) table {
  min-width: 980px;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) th {
  padding: 12px 16px !important;
  color: #475569 !important;
  font-size: .7rem !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  background: #f8fcfb !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) td {
  padding: 13px 16px !important;
  color: var(--asap-ink) !important;
  font-size: .84rem !important;
  line-height: 1.35 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .overflow-x-auto {
  -webkit-overflow-scrolling: touch;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) img[alt*="atual"],
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) img[alt="Preview"] {
  padding: 6px;
  border-color: var(--asap-line) !important;
  border-radius: 13px !important;
  background: #fbfefd;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) img[alt="WAHA Logo"],
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) img[alt="Evolution API Logo"] {
  object-fit: contain;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .grid.grid-cols-1.md\:grid-cols-2.gap-6 > div.cursor-pointer {
  min-height: 168px !important;
  padding: 18px !important;
  border: 1px solid var(--asap-line) !important;
  border-radius: 16px !important;
  background: #fbfefd !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .grid.grid-cols-1.md\:grid-cols-2.gap-6 > div.cursor-pointer:hover {
  border-color: var(--asap-line-strong) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 {
  z-index: 10070 !important;
  padding: 16px;
  background: rgba(2, 8, 23, .58) !important;
  backdrop-filter: blur(4px);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white.max-w-md,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white.rounded-lg {
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: 520px !important;
  max-height: min(92vh, 860px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--asap-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 64px rgba(15, 23, 42, .20) !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white.rounded-lg.p-6 {
  padding: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div:first-child {
  min-height: 60px;
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--asap-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%);
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 h3 {
  min-width: 0;
  color: var(--asap-ink) !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > form,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div.p-6 {
  min-height: 0;
  overflow: auto;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > form {
  padding: 18px !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div.p-6 {
  padding: 18px !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div:last-child.border-t,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 form > div:last-child.flex {
  position: sticky;
  bottom: 0;
  padding: 14px 18px !important;
  border-top: 1px solid var(--asap-line) !important;
  background: #ffffff;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 input:not([type="checkbox"]),
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 select,
body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 textarea {
  min-height: 42px;
  border: 1px solid var(--asap-line-strong) !important;
  border-radius: 11px !important;
}

body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 button {
  min-height: 38px;
  border-radius: 11px !important;
  font-weight: 850 !important;
}

@media (max-width: 768px) {
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) {
    padding: 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h1 {
    font-size: 1.24rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h1 + p {
    font-size: .82rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > div.border-b.border-gray-200.mb-8 {
    margin-bottom: 14px !important;
    padding: 6px;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > div.border-b.border-gray-200.mb-8 > nav {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 6px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) nav button {
    min-height: 36px;
    padding: 8px 10px !important;
    font-size: .74rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > .bg-white.rounded-lg.shadow.p-6,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > .space-y-6 > .bg-white.rounded-lg.shadow.p-6 {
    padding: 14px !important;
    border-radius: 15px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .bg-white.rounded-lg.shadow > div:first-child.px-6,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .bg-white.rounded-lg.shadow > div:first-child.p-6 {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px !important;
    align-items: stretch !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input:not([type="checkbox"]),
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) select,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input[type="file"] {
    font-size: .78rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.items-center.justify-between,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.justify-between.items-start {
    align-items: stretch !important;
    flex-direction: column;
    gap: 12px;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.items-center.gap-2,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.items-center.gap-3,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.items-center.gap-4,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.items-center.space-x-4 {
    align-items: flex-start !important;
    flex-wrap: wrap;
    gap: 10px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.gap-3,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.justify-end.gap-2,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.items-center.gap-2.ml-4 {
    width: 100%;
    margin-left: 0 !important;
    flex-wrap: wrap;
    gap: 8px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.gap-3 > button,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .flex.items-center.gap-2.ml-4 > button {
    flex: 1 1 140px;
    justify-content: center;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) table {
    min-width: 920px;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .overflow-x-auto {
    max-width: 100%;
    overflow-x: auto !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .divide-y.divide-gray-200 > div.p-6 {
    padding: 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) .grid.grid-cols-2.md\:grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 {
    align-items: stretch !important;
    padding: 6px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white.max-w-md,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white.rounded-lg {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div:first-child {
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 56px;
    padding: 12px 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > form,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div.p-6 {
    padding: 14px !important;
    -webkit-overflow-scrolling: touch;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div:last-child.border-t,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 form > div:last-child.flex {
    flex-wrap: wrap;
    gap: 8px !important;
    padding: 12px 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 > .bg-white > div:last-child.border-t button,
  body:has(nav.sidebar-navigation a[href="/super-admin"].bg-white) .fixed.inset-0.z-50 form > div:last-child.flex button {
    flex: 1 1 120px;
    min-width: 0;
  }
}