/*
  Repaginacao visual isolada da pagina Configuracoes.
  Nao altera logica, eventos, APIs, payloads, backend, uploads ou integracoes.
*/

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

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 {
  min-height: calc(100vh - 73px);
  background: linear-gradient(180deg, #f8fcfb 0%, #f3f8f7 100%);
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header {
  border-bottom-color: var(--asp-line) !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header h1 {
  color: var(--asp-ink) !important;
  font-size: 1.28rem !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header h1 + p {
  margin-top: 2px;
  color: var(--asp-muted) !important;
  font-weight: 600;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 > .max-w-4xl {
  max-width: 1060px !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .bg-white.rounded-lg.shadow {
  overflow: hidden;
  border: 1px solid var(--asp-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: var(--asp-shadow) !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .bg-white.rounded-lg.shadow.p-6 {
  padding: 22px !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 h2 {
  margin-bottom: 8px !important;
  color: var(--asp-ink) !important;
  font-size: 1.12rem !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 h2 + p {
  max-width: 680px;
  margin-bottom: 20px !important;
  color: var(--asp-muted) !important;
  font-size: .92rem !important;
  line-height: 1.5 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 {
  gap: 14px !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 > .border {
  min-width: 0;
  min-height: 126px;
  display: flex;
  align-items: stretch;
  padding: 16px !important;
  border: 1px solid var(--asp-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="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 > .border:hover {
  border-color: var(--asp-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="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 > .border > div {
  width: 100%;
  gap: 14px !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 .w-10.h-10 {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(15, 118, 110, .14);
  border-radius: 13px !important;
  background: #ecfdf5 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 .bg-orange-100 {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 h3 {
  color: var(--asp-ink) !important;
  font-size: .98rem !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 h3 + p {
  color: var(--asp-muted) !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 span.rounded-full {
  min-height: 26px;
  align-items: center;
  padding: 6px 10px !important;
  border: 1px solid transparent;
  border-radius: 999px !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 span.bg-green-100 {
  border-color: #bbf7d0;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 span.bg-gray-100 {
  border-color: #e2e8f0;
  background: #f8fafc !important;
  color: #475569 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) button {
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 button,
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 button {
  min-height: 34px;
  border-radius: 10px !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 button:hover,
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 button:hover {
  transform: translateY(-1px);
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 button.bg-gray-800,
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 button.bg-gray-800,
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 button.bg-orange-600 {
  border: 1px solid rgba(15, 118, 110, .18) !important;
  background: linear-gradient(135deg, var(--asp-accent), #0f5f75) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(15, 118, 110, .18);
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 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="/configuracoes"].bg-white) button.bg-red-600 {
  border: 1px solid #fecaca !important;
  background: #dc2626 !important;
  color: #ffffff !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) button.bg-green-600,
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) button.bg-blue-600 {
  border: 1px solid rgba(15, 118, 110, .18) !important;
  background: var(--asp-accent) !important;
  color: #ffffff !important;
}

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

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) input:not([type="checkbox"]):focus,
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) select:focus,
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) textarea:focus {
  border-color: var(--asp-accent) !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12) !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) input[type="file"] {
  min-height: 44px;
  padding: 8px 10px !important;
  background: #fbfefd !important;
  cursor: pointer;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) input[type="file"]::file-selector-button {
  margin-right: 12px;
  padding: 7px 11px;
  border: 0;
  border-radius: 9px;
  background: #e6f5f2;
  color: var(--asp-accent);
  font-weight: 850;
  cursor: pointer;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) label {
  color: #334155 !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

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

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 > .bg-white.max-w-md {
  width: min(500px, calc(100vw - 32px)) !important;
  max-width: 500px !important;
  overflow: hidden;
  border: 1px solid var(--asp-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="/configuracoes"].bg-white) .fixed.inset-0.z-50 > .bg-white.max-w-md.p-6 {
  padding: 0 !important;
}

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

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

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 > .bg-white.max-w-md > div:first-child > button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--asp-line) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #64748b !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
}

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

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 form > .flex.gap-3:last-child {
  position: sticky;
  bottom: 0;
  margin: 16px -18px -18px;
  padding: 14px 18px;
  border-top: 1px solid var(--asp-line);
  background: #ffffff;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .space-y-6 > .bg-white.rounded-lg.shadow {
  border: 1px solid var(--asp-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--asp-shadow) !important;
}

body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) img[alt*="atual"],
body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) img[alt="Preview"] {
  padding: 6px;
  border-color: var(--asp-line) !important;
  border-radius: 13px !important;
  background: #fbfefd;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) {
  min-height: calc(100vh - 1px);
  padding: 28px !important;
  background: linear-gradient(180deg, #f8fcfb 0%, #f3f8f7 100%);
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > div:first-child {
  margin-bottom: 22px !important;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h1 {
  color: var(--asp-ink) !important;
  font-size: 1.7rem !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h1 + p {
  color: var(--asp-muted) !important;
  font-size: .94rem !important;
  font-weight: 600;
}

body:has(nav.sidebar-navigation) 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(--asp-line) !important;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
  -webkit-overflow-scrolling: touch;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) nav {
  gap: 6px !important;
  min-width: max-content;
}

body:has(nav.sidebar-navigation) 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;
  font-size: .82rem !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) nav button.border-blue-500 {
  border-color: rgba(15, 118, 110, .22) !important;
  background: #e6f5f2 !important;
  color: var(--asp-accent) !important;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) > .bg-white.rounded-lg.shadow,
body:has(nav.sidebar-navigation) 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(--asp-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: var(--asp-shadow) !important;
}

body:has(nav.sidebar-navigation) 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) 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) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h2,
body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h3 {
  color: var(--asp-ink) !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h2 {
  font-size: 1.08rem !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
}

body:has(nav.sidebar-navigation) 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) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input:not([type="checkbox"]),
body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) select,
body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) textarea {
  min-height: 42px;
  border: 1px solid var(--asp-line-strong) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: var(--asp-ink) !important;
  font-size: .9rem !important;
}

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

body:has(nav.sidebar-navigation) 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) 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(--asp-accent);
  font-weight: 850;
  cursor: pointer;
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button.bg-blue-600,
body:has(nav.sidebar-navigation) 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;
  border-radius: 11px !important;
  background: var(--asp-accent) !important;
  color: #ffffff !important;
  font-weight: 850 !important;
  box-shadow: 0 10px 22px rgba(15, 118, 110, .16);
}

body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) button.bg-red-600 {
  border-radius: 11px !important;
  background: #dc2626 !important;
  font-weight: 850 !important;
}

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

@media (max-width: 768px) {
  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header {
    padding: 12px 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header > div {
    align-items: flex-start !important;
    gap: 12px;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header h1 {
    font-size: 1.05rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header h1 + p {
    font-size: .78rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 {
    padding: 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .bg-white.rounded-lg.shadow.p-6 {
    padding: 14px !important;
    border-radius: 15px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 h2 {
    font-size: 1rem !important;
    line-height: 1.3 !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 h2 + p {
    margin-bottom: 14px !important;
    font-size: .82rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 > .border {
    min-height: 0;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 > .border > div {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 .flex.items-center.space-x-3 {
    min-width: 0;
    gap: 10px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 .flex.items-center.space-x-2 {
    justify-content: space-between;
    gap: 8px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) header + div.p-6 .grid.grid-cols-1.md\:grid-cols-2 .flex.items-center.space-x-2 button {
    min-width: 104px;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) input:not([type="checkbox"]),
  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) select,
  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) input[type="file"] {
    font-size: .78rem !important;
  }

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

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

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

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 h3 {
    font-size: .94rem !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 form {
    min-height: 0;
    overflow: auto;
    padding: 14px;
    -webkit-overflow-scrolling: touch;
  }

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

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .fixed.inset-0.z-50 form > .flex.gap-3:last-child button {
    flex: 1 1 120px;
    min-width: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .space-y-6 > .bg-white.rounded-lg.shadow {
    padding: 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/configuracoes"].bg-white) .space-y-6 .flex.items-center.space-x-4 {
    align-items: flex-start !important;
    flex-wrap: wrap;
    gap: 10px !important;
  }

  body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) {
    padding: 14px !important;
  }

  body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) h1 {
    font-size: 1.24rem !important;
  }

  body:has(nav.sidebar-navigation) 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) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) nav {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 6px !important;
  }

  body:has(nav.sidebar-navigation) 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) 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) 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) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) input:not([type="checkbox"]),
  body:has(nav.sidebar-navigation) div.p-8:has(> div.border-b.border-gray-200.mb-8 > nav) select,
  body:has(nav.sidebar-navigation) 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) 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;
  }
}