/* UMA — Onboarding de primeiro acesso + exclusão de conta
   Camada isolada do bundle React para preservar o build estável atual. */

:root {
  --uma-ob-bg: #070b1c;
  --uma-ob-card: rgba(9, 15, 38, 0.96);
  --uma-ob-violet: #8b7cff;
  --uma-ob-blue: #4b9cff;
  --uma-ob-cyan: #35d4f4;
  --uma-ob-text: #f6f7ff;
  --uma-ob-muted: #a7aec9;
  --uma-ob-danger: #fb7185;
}

.uma-ob-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background:
    radial-gradient(circle at 18% 18%, rgba(109, 83, 255, 0.14), transparent 32%),
    radial-gradient(circle at 82% 82%, rgba(34, 211, 238, 0.10), transparent 32%),
    rgba(2, 5, 15, 0.70);
  -webkit-backdrop-filter: blur(13px) saturate(0.78);
  backdrop-filter: blur(13px) saturate(0.78);
  animation: uma-ob-overlay-in 360ms ease-out both;
}

.uma-ob-card {
  position: relative;
  width: min(690px, calc(100vw - 30px));
  overflow: hidden;
  border: 1px solid rgba(132, 117, 255, 0.42);
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 0%, rgba(123, 93, 255, 0.16), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(35, 203, 238, 0.10), transparent 35%),
    linear-gradient(155deg, rgba(15, 20, 51, 0.98), rgba(6, 11, 29, 0.985));
  box-shadow:
    0 36px 100px rgba(0,0,0,.55),
    0 0 62px rgba(105, 87, 255, .15),
    inset 0 1px 0 rgba(255,255,255,.055);
  color: var(--uma-ob-text);
  font-family: Inter, Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  animation: uma-ob-card-in 620ms cubic-bezier(.16,1,.3,1) both;
}

.uma-ob-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 10%;
  width: 80%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(75,156,255,.9), rgba(139,124,255,.9), transparent);
  opacity: .9;
}

.uma-ob-card::after {
  content: "";
  position: absolute;
  top: -85px;
  right: -65px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(86, 76, 255, .13);
  filter: blur(34px);
  pointer-events: none;
  animation: uma-ob-float 5.5s ease-in-out infinite alternate;
}

.uma-ob-inner { position: relative; z-index: 2; padding: 34px 36px 31px; }

.uma-ob-close {
  position: absolute;
  top: 17px;
  right: 17px;
  z-index: 4;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.025);
  color: #a9b1cc;
  cursor: pointer;
  transition: .18s ease;
}
.uma-ob-close:hover { color: white; border-color: rgba(139,124,255,.42); background: rgba(139,124,255,.09); }

.uma-ob-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid rgba(85, 187, 255, .24);
  border-radius: 999px;
  background: rgba(50, 148, 255, .055);
  color: #8edcff;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.uma-ob-spark {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7c6cff;
  box-shadow: 0 0 12px #7c6cff, 0 0 26px rgba(58,207,255,.55);
}

.uma-ob-heading { margin: 20px 0 8px; font-size: clamp(28px, 5vw, 42px); line-height: 1.06; letter-spacing: -.035em; font-weight: 780; }
.uma-ob-heading em { font-style: normal; background: linear-gradient(90deg, #a898ff, #55bfff, #43e2e9); -webkit-background-clip: text; background-clip: text; color: transparent; }
.uma-ob-lead { margin: 0; max-width: 580px; color: #d6daf0; font-size: 17px; line-height: 1.55; }
.uma-ob-copy { margin: 12px 0 0; max-width: 590px; color: var(--uma-ob-muted); font-size: 14px; line-height: 1.65; }

.uma-ob-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 25px; }
.uma-ob-path {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 94px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(130,140,195,.17);
  background: rgba(255,255,255,.025);
}
.uma-ob-path-icon {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(109, 99, 255, .30);
  background: rgba(109, 99, 255, .09);
  color: #a99cff;
  box-shadow: 0 0 18px rgba(103, 88, 217, .10);
}
.uma-ob-path:nth-child(2) .uma-ob-path-icon { color: #5bd8ef; border-color: rgba(34,211,238,.28); background: rgba(34,211,238,.07); }
.uma-ob-path strong { display:block; margin:1px 0 4px; font-size: 13px; color:#f1f3ff; }
.uma-ob-path span { display:block; color:#939bb8; font-size: 12px; line-height:1.45; }

.uma-ob-actions { display:flex; align-items:center; gap:10px; margin-top: 24px; }
.uma-ob-btn {
  min-height: 46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:13px;
  padding:0 18px;
  border:1px solid rgba(144,155,205,.22);
  background:rgba(255,255,255,.025);
  color:#edf0ff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.uma-ob-btn:hover { transform: translateY(-1px); border-color:rgba(126,112,255,.52); background:rgba(126,112,255,.08); }
.uma-ob-btn-primary {
  border-color:rgba(82,145,255,.58);
  background:linear-gradient(110deg,#6e53ef,#397dff 64%,#33b8eb);
  box-shadow:0 10px 34px rgba(64,103,255,.22),0 0 28px rgba(104,86,255,.16);
  color:white;
}
.uma-ob-btn-primary:hover { border-color:rgba(140,200,255,.8); background:linear-gradient(110deg,#785cf6,#4388ff 64%,#39c2ef); box-shadow:0 14px 38px rgba(64,103,255,.29); }
.uma-ob-foot { margin-top:16px; padding-top:14px; border-top:1px solid rgba(129,142,192,.11); color:#777f9e; font-size:11px; line-height:1.5; }

/* Exclusão de conta — botão flutuante visualmente acoplado ao botão React sem alterar a árvore do React. */
.uma-account-delete-btn {
  position: fixed;
  z-index: 2147481000;
  display: none;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border-radius: 9px;
  border: 1px solid rgba(244, 63, 94, .34);
  background: rgba(244, 63, 94, .065);
  color: #fda4af;
  font: 600 12px/1 Inter, Manrope, system-ui, sans-serif;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(0,0,0,.16);
  transition: .16s ease;
}
.uma-account-delete-btn:hover { border-color: rgba(251,113,133,.62); background: rgba(244,63,94,.12); color:#fecdd3; transform: translateY(-1px); }

.uma-delete-card { width:min(560px,calc(100vw - 30px)); border-color:rgba(251,113,133,.38); }
.uma-delete-card::before { background:linear-gradient(90deg,transparent,rgba(251,113,133,.85),rgba(167,139,250,.65),transparent); }
.uma-delete-title { margin:15px 0 8px; font-size:28px; line-height:1.12; font-weight:760; letter-spacing:-.025em; }
.uma-delete-warning { margin:0; color:#cbd0e4; font-size:14px; line-height:1.6; }
.uma-delete-list { margin:18px 0 0; padding:14px 16px; border:1px solid rgba(251,113,133,.18); border-radius:14px; background:rgba(244,63,94,.045); color:#aeb5cf; font-size:12px; line-height:1.65; }
.uma-delete-label { display:block; margin:18px 0 7px; color:#c9cee2; font-size:12px; font-weight:650; }
.uma-delete-input { width:100%; height:44px; box-sizing:border-box; border-radius:11px; border:1px solid rgba(251,113,133,.27); background:#070c1d; color:white; padding:0 13px; outline:none; font:600 13px Inter,system-ui,sans-serif; letter-spacing:.04em; }
.uma-delete-input:focus { border-color:rgba(251,113,133,.65); box-shadow:0 0 0 3px rgba(244,63,94,.08); }
.uma-delete-error { display:none; margin-top:11px; padding:10px 12px; border-radius:10px; border:1px solid rgba(251,113,133,.25); background:rgba(244,63,94,.07); color:#fecdd3; font-size:12px; line-height:1.5; }
.uma-delete-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:18px; }
.uma-delete-danger { background:linear-gradient(100deg,#c92e4f,#ef4b63); border-color:rgba(255,130,145,.55); box-shadow:0 10px 30px rgba(213,40,74,.18); }
.uma-delete-danger[disabled] { opacity:.42; cursor:not-allowed; transform:none; box-shadow:none; }

@keyframes uma-ob-overlay-in { from { opacity:0; } to { opacity:1; } }
@keyframes uma-ob-card-in { 0% { opacity:0; transform:translateY(24px) scale(.955); filter:blur(4px); } 60% { filter:blur(0); } 100% { opacity:1; transform:translateY(0) scale(1); } }
@keyframes uma-ob-float { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-20px,18px,0) scale(1.08); } }

@media (max-width: 640px) {
  .uma-ob-overlay { padding:14px; align-items:center; }
  .uma-ob-inner { padding:29px 20px 23px; }
  .uma-ob-heading { font-size:30px; padding-right:24px; }
  .uma-ob-lead { font-size:15px; }
  .uma-ob-paths { grid-template-columns:1fr; }
  .uma-ob-actions { flex-direction:column-reverse; align-items:stretch; }
  .uma-ob-btn { width:100%; }
  .uma-delete-actions { flex-direction:column-reverse; }
  .uma-account-delete-btn { height:34px; font-size:11px; }
}

@media (prefers-reduced-motion: reduce) {
  .uma-ob-overlay, .uma-ob-card, .uma-ob-card::after { animation:none !important; }
  .uma-ob-btn, .uma-account-delete-btn { transition:none !important; }
}

/* ── Ajustes de conta e sessão — 17/08/2026 ───────────────────── */
.uma-free-plan-badge {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid rgba(52,211,153,.25);
  background: rgba(16,185,129,.07);
  color: #a7f3d0;
  padding: 5px 10px;
  font: 700 10px/1 Inter, Manrope, system-ui, sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.uma-free-plan-badge:hover {
  border-color: rgba(52,211,153,.42);
  background: rgba(16,185,129,.11);
  color: #d1fae5;
}
.uma-free-plan-badge svg { flex: 0 0 auto; }

section.uma-session-flat {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 10px 0 4px !important;
  transform: none !important;
}
section.uma-session-flat:hover { transform: none !important; }
section.uma-session-flat > [class*="pointer-events-none"][class*="absolute"] {
  display: none !important;
}
section.uma-session-flat > div[class*="relative"][class*="mb-5"] {
  margin-bottom: 16px !important;
}
section.uma-session-flat .uma-session-logout-btn {
  border-color: rgba(148,163,184,.26) !important;
  background: rgba(148,163,184,.045) !important;
  color: #cbd5e1 !important;
  box-shadow: none !important;
}
section.uma-session-flat .uma-session-logout-btn:hover {
  border-color: rgba(167,139,250,.42) !important;
  background: rgba(139,92,246,.08) !important;
  color: #ede9fe !important;
}

.uma-account-delete-btn {
  border-color: rgba(244,63,94,.46);
  background: rgba(244,63,94,.045);
  color: #fda4af;
  box-shadow: none;
}
.uma-account-delete-btn:hover {
  border-color: rgba(251,113,133,.72);
  background: rgba(244,63,94,.105);
  color: #fecdd3;
}

@media (max-width: 640px) {
  section.uma-session-flat { padding-top: 6px !important; }
}


/* ── HOTFIX v2 — arquivo versionado 18/08/2026 ───────────────── */
section.uma-session-flat {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}
section.uma-session-flat::before,
section.uma-session-flat::after {
  display: none !important;
}
section.uma-session-flat .uma-session-logout-btn {
  border: 1px solid rgba(148,163,184,.28) !important;
  background: rgba(148,163,184,.035) !important;
  color: #cbd5e1 !important;
  box-shadow: none !important;
}
section.uma-session-flat .uma-session-logout-btn:hover {
  border-color: rgba(167,139,250,.42) !important;
  background: rgba(139,92,246,.07) !important;
  color: #ede9fe !important;
}
.uma-account-delete-btn {
  min-width: 158px;
  border: 1px solid rgba(244,63,94,.55) !important;
  background: rgba(127,29,29,.10) !important;
  color: #fda4af !important;
  box-shadow: none !important;
}
.uma-account-delete-btn:hover {
  border-color: rgba(251,113,133,.78) !important;
  background: rgba(190,24,93,.13) !important;
  color: #ffe4e6 !important;
}
.uma-free-plan-badge {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}


/* UMA — assinatura visual interna aprovada 19/08/2026 */
body:has(.uma-app-main)::before{content:"";position:fixed;top:0;left:0;right:0;height:2px;z-index:99999;pointer-events:none;background:linear-gradient(90deg,#2d75ff 0%,#35d8ff 52%,#715dff 100%);box-shadow:0 0 14px rgba(53,216,255,.24)}

/* UMA — correção mobile Configurações / Excluir conta — 20/08/2026 */
@media (max-width: 640px) {
  /* O botão de exclusão é posicionado fora do fluxo. Reserva espaço real no
     final da página para que ele fique totalmente visível, inclusive em PWA/iOS. */
  section.uma-session-flat {
    margin-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }
}