/* Com.partilhe · estilos do app */
:root{
  --ink:#1B1220; --ink-2:#584A60; --ink-3:#857592;
  --ground:#EDE6EC; --surface:#FBF9FA; --surface-2:#F3EDF2; --surface-3:#EAE1EA;
  --line:#DFD4DF; --line-soft:#EBE2EA;
  --roxo:#5B2E6E; --roxo-deep:#3B1B49; --roxo-soft:#F1E7F4;
  --ambar:#B06E13; --ambar-bright:#E29A34; --ambar-soft:#FAF0DE;
  --verde:#2F6B52; --verde-soft:#E6F1EB;
  --vermelho:#A63A35; --vermelho-soft:#FAE9E7;
  --on-roxo:#fff;
  --shadow:0 1px 2px rgba(27,18,32,.05), 0 10px 30px rgba(27,18,32,.08);
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --ui:"Karla","Helvetica Neue",Arial,sans-serif;
  --mono:"DM Mono","SFMono-Regular",Consolas,monospace;
  --tabbar-h:64px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --ink:#F0E7F3; --ink-2:#BCADC5; --ink-3:#8E7E98;
    --ground:#100A15; --surface:#1A1221; --surface-2:#231929; --surface-3:#2C2034;
    --line:#33253D; --line-soft:#291D31;
    --roxo:#C89BDB; --roxo-deep:#2A1236; --roxo-soft:#2B1B35;
    --ambar:#E8A33F; --ambar-bright:#F3BC63; --ambar-soft:#2E2113;
    --verde:#74C29A; --verde-soft:#13251C;
    --vermelho:#E59289; --vermelho-soft:#2C1614;
    --on-roxo:#1B1220;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);
    color-scheme:dark;
  }
}

*{box-sizing:border-box}
html,body{margin:0;background:var(--ground)}
body{color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}
input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ambar-bright);outline-offset:2px;border-radius:3px}
[hidden]{display:none !important}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important}}

/* ---------- moldura ---------- */
.app{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--surface);position:relative;
  box-shadow:0 0 0 1px var(--line-soft)}
.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;
  padding:calc(10px + env(safe-area-inset-top)) 16px 10px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-soft)}
main{padding:6px 16px calc(var(--tabbar-h) + 28px + env(safe-area-inset-bottom))}

/* ---------- marca ---------- */
.wm{display:inline-flex;align-items:baseline;gap:.14em;font-family:var(--display);white-space:nowrap;line-height:1;font-size:22px}
.wm .wm-com{font-weight:400;color:var(--ink-2)}
.wm .wm-part{font-weight:700;color:var(--roxo)}
.wm .xsep{width:.52em;height:.52em;flex:0 0 auto;align-self:center;position:relative;top:.03em;fill:var(--ambar-bright)}
.wm.on-roxo .wm-com{color:rgba(255,255,255,.62)}
.wm.on-roxo .wm-part{color:#fff}

.nuc-sel{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  color:var(--roxo);background:var(--roxo-soft);border-radius:999px;padding:6px 11px;max-width:48%}
.nuc-sel svg{width:12px;height:12px;fill:currentColor;flex:0 0 auto}
.nuc-sel #nuc-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nuc-sel .uf{font-family:var(--mono);font-size:10px;color:var(--ink-3);font-weight:400}
.me{min-width:34px;height:34px;border-radius:999px;background:var(--roxo);color:var(--on-roxo);display:grid;place-items:center;
  font-size:12px;font-weight:700;letter-spacing:.02em;flex:0 0 auto;padding:0 10px}
.nuc-sheet{position:fixed;left:50%;transform:translateX(-50%);width:min(492px,calc(100% - 24px));
  top:calc(58px + env(safe-area-inset-top));background:var(--surface);z-index:25;
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px}
.nuc-sheet button{display:flex;width:100%;text-align:left;gap:10px;align-items:center;padding:11px 12px;border-radius:10px}
.nuc-sheet button:hover{background:var(--surface-2)}
.nuc-sheet .c{font-size:14px;font-weight:700;flex:1}
.nuc-sheet .r{font-size:11.5px;color:var(--ink-3);display:block;font-weight:400;margin-top:2px}
.nuc-sheet .st{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--verde);
  background:var(--verde-soft);padding:3px 6px;border-radius:5px}

/* ---------- tipos ---------- */
.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 9px}
.eyebrow:first-child{margin-top:12px}
h1.app-h{font-family:var(--display);font-weight:600;font-size:30px;line-height:1.1;margin:2px 0 6px;text-wrap:balance;letter-spacing:-.01em}
.lede{color:var(--ink-2);font-size:14px;margin:0 0 4px}
.verse{font-family:var(--display);font-style:italic;font-size:17px;line-height:1.42;color:var(--ink-2)}
.ref{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ambar);text-transform:uppercase}
.mini-label{font-size:10.5px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.nota{font-size:12px;color:var(--ink-3);line-height:1.45;margin:8px 0 0}
.vazio{text-align:center;font-size:13px;color:var(--ink-3);padding:22px 10px;line-height:1.5}
.carregando{text-align:center;font-size:12.5px;color:var(--ink-3);padding:18px 10px}

/* ---------- blocos ---------- */
.card{background:var(--surface-2);border-radius:14px;padding:14px}
.card+.card{margin-top:10px}
.card.lista{padding:4px 14px}
.hero{background:#3B1B49;color:#fff;border-radius:18px;padding:17px 17px 15px;position:relative;overflow:hidden;margin-top:12px}
.hero .glow{position:absolute;width:200px;height:200px;right:-70px;top:-90px;border-radius:50%;
  background:radial-gradient(circle,rgba(226,154,52,.42),transparent 68%);pointer-events:none}
.hero .now{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#E29A34}
.hero h2{font-family:var(--display);font-weight:600;font-size:25px;line-height:1.14;margin:7px 0 8px;color:#fff}
.hero p{margin:0;font-size:13.5px;color:rgba(255,255,255,.78);line-height:1.45}
.hero .duo{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:10px}
.hero .duo .who{font-size:13px;color:#fff;font-weight:600}
.hero .duo .where{font-size:12px;color:rgba(255,255,255,.62)}
.hero .av{background:#E29A34;color:#1B1220}
.nextout{margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.16)}
.nextout .lab{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#E29A34;display:block}
.nextout .val{font-size:13px;color:#fff;display:block;margin-top:4px;line-height:1.4}

.lit{margin-top:10px;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface)}
.lit-top{display:flex;align-items:center;gap:8px}
.lit-dot{width:11px;height:11px;border-radius:50%;background:var(--lit-cor,var(--verde));flex:0 0 auto}
.lit-tempo{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.lit-h{font-family:var(--display);font-size:21px;font-weight:600;line-height:1.2;margin:8px 0 4px;text-wrap:balance}
.lit-p{font-size:13.5px;line-height:1.5;color:var(--ink-2);margin:0}
.lit-btn{margin-top:11px;font-size:13px;font-weight:700;color:var(--roxo);border:1px solid var(--roxo);border-radius:999px;padding:8px 15px}
.lit-btn:hover{background:var(--roxo-soft)}

.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.tile{background:var(--surface-2);border-radius:12px;padding:11px 10px}
.tile .n{font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:block;color:var(--roxo)}
.tile .l{font-size:11px;color:var(--ink-3);line-height:1.25;display:block;margin-top:3px}

.feed-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.feed-item:last-child{border-bottom:none}
.feed-item .mark{flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:var(--ambar-soft);display:grid;place-items:center;margin-top:2px}
.feed-item .mark svg{width:14px;height:14px;fill:var(--ambar)}
.feed-item .when{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.03em}
.feed-item .txt{font-size:13.5px;line-height:1.42;margin:2px 0 0}
.feed-item .txt strong{color:var(--roxo);font-weight:700}

.amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.amt{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 12px;text-align:left}
.amt .v{font-family:var(--mono);font-size:15px;font-weight:500;display:block;font-variant-numeric:tabular-nums}
.amt .d{font-size:11.5px;color:var(--ink-3);display:block;margin-top:2px;line-height:1.25}
.amt[aria-pressed="true"]{border-color:var(--roxo);background:var(--roxo-soft)}
.amt[aria-pressed="true"] .v{color:var(--roxo)}
.outro-valor{display:flex;align-items:center;gap:8px;margin-top:8px}
.outro-valor span{font-family:var(--mono);font-size:14px;color:var(--ink-3)}
.outro-valor input{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 11px;font-family:var(--mono);font-size:15px}

.btn{display:block;width:100%;text-align:center;background:var(--roxo);color:var(--on-roxo);font-weight:700;
  font-size:14.5px;padding:13px;border-radius:12px;margin-top:10px;transition:filter .15s}
.btn:hover{filter:brightness(1.1)}
.btn[disabled]{opacity:.55;cursor:default;filter:none}
.btn-ghost{display:block;width:100%;text-align:center;border:1px solid var(--line);font-weight:600;font-size:13.5px;
  padding:11px;border-radius:12px;margin-top:8px;color:var(--ink-2)}
.btn-ghost:hover{border-color:var(--roxo);color:var(--roxo)}
.btn-ghost[disabled]{opacity:.55;cursor:default}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.btns button{flex:1 1 auto;font-size:12.5px;font-weight:700;padding:9px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}
.btns .sim{background:var(--verde);border-color:var(--verde);color:#fff}
.btns .nao{color:var(--vermelho);border-color:color-mix(in srgb,var(--vermelho) 45%,transparent)}
.danger{color:var(--vermelho)!important;border-color:color-mix(in srgb,var(--vermelho) 40%,transparent)!important}

.pix{background:var(--roxo-soft);border:1px dashed color-mix(in srgb,var(--roxo) 35%,transparent);border-radius:12px;padding:12px;margin-top:10px}
.pix .tit{font-size:14px;font-weight:700;margin:4px 0 0}
.pix .k{font-family:var(--mono);font-size:12.5px;word-break:break-all;color:var(--roxo);margin:4px 0 0}
.pix .note{font-size:12px;color:var(--ink-2);margin:9px 0 0;line-height:1.45}

.upload{display:block;width:100%;text-align:center;border:1.5px dashed var(--line);border-radius:12px;padding:16px 12px;margin-top:10px;cursor:pointer}
.upload:hover{border-color:var(--roxo);background:var(--roxo-soft)}
.upload .t{font-size:14px;font-weight:700;color:var(--roxo);display:block}
.upload .s{font-size:12px;color:var(--ink-3);display:block;margin-top:4px;line-height:1.4}
.lido{margin-top:10px;border:1px solid var(--verde);background:var(--verde-soft);border-radius:12px;padding:12px}
.lido.aviso{border-color:var(--ambar);background:var(--ambar-soft)}
.lido .arq{font-size:11px;color:var(--ink-3);font-family:var(--mono);word-break:break-all;display:block}
.lido .msg{font-size:12.5px;line-height:1.45;color:var(--ink-2);margin:6px 0 0}
.campo{display:block;margin-top:9px}
.campo span{display:block;font-size:11.5px;font-weight:700;color:var(--ink-2);margin-bottom:4px}
.campo input,.campo textarea,.campo select{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:10px;
  padding:10px 11px;font-size:14px}
.campo textarea{min-height:70px;resize:vertical;line-height:1.45}
.campo .mono{font-family:var(--mono);font-size:12.5px}
.progresso{height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden;margin-top:10px}
.progresso i{display:block;height:100%;width:0;background:var(--roxo);transition:width .2s}

.doacao{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-soft)}
.doacao:last-child{border-bottom:none}
.doacao .val{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;flex:0 0 auto;min-width:72px}
.doacao .meta{flex:1;min-width:0;font-size:12px;color:var(--ink-3);line-height:1.35}
.doacao .meta b{display:block;font-size:13px;color:var(--ink);font-weight:600;margin-bottom:2px}
.pill{font-size:10px;font-weight:700;letter-spacing:.03em;padding:3px 7px;border-radius:5px;white-space:nowrap;flex:0 0 auto;text-transform:uppercase}
.pill.ok{background:var(--verde-soft);color:var(--verde)}
.pill.wait{background:var(--ambar-soft);color:var(--ambar)}
.pill.no{background:var(--vermelho-soft);color:var(--vermelho)}
.resumo{background:var(--roxo-soft);border-radius:12px;padding:13px;margin-top:10px}
.resumo .n{font-family:var(--display);font-size:24px;font-weight:600;color:var(--roxo);line-height:1.1}
.resumo .l{font-size:12.5px;color:var(--ink-2);margin-top:4px;line-height:1.4}

table.acc{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}
table.acc td{padding:7px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}
table.acc td:last-child{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:10px}
table.acc tr.total td{border-bottom:none;font-weight:700;color:var(--roxo);padding-top:9px}

/* ---------- mural ---------- */
.filtros{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin-top:10px;scrollbar-width:none}
.filtros::-webkit-scrollbar{display:none}
.filtros button{flex:0 0 auto;font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:var(--ink-2);white-space:nowrap}
.filtros button[aria-pressed="true"]{background:var(--roxo);border-color:var(--roxo);color:var(--on-roxo)}
.post{padding:15px 0;border-bottom:1px solid var(--line-soft)}
.post:last-child{border-bottom:none}
.post-head{display:flex;align-items:center;gap:9px}
.av{width:32px;height:32px;border-radius:50%;background:var(--roxo);color:var(--on-roxo);display:grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 auto}
.av svg{width:15px;height:15px;fill:currentColor}
.post-head .nm{font-size:13.5px;font-weight:700;line-height:1.25}
.post-head .sub{font-size:11.5px;color:var(--ink-3);line-height:1.25}
.local{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ambar);text-transform:uppercase;display:block;margin-top:2px}
.badge-h{font-family:var(--mono);font-size:10px;letter-spacing:.04em;background:var(--surface-3);color:var(--ink-2);padding:3px 6px;border-radius:5px;margin-left:auto;flex:0 0 auto;white-space:nowrap}
.post p{font-size:14px;line-height:1.5;margin:10px 0 0;white-space:pre-line}
.post img{display:block;width:100%;margin-top:10px;border-radius:12px;max-height:340px;object-fit:cover;background:var(--surface-3)}
.react{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}
.react button{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink-2);display:inline-flex;gap:5px;align-items:center}
.react button[aria-pressed="true"]{border-color:var(--ambar);background:var(--ambar-soft);color:var(--ambar)}
.react .cnt{font-family:var(--mono);font-variant-numeric:tabular-nums}
.react .share{margin-left:auto;border-color:transparent;color:var(--roxo)}
.react .share svg{width:14px;height:14px;fill:currentColor}
.mais{display:block;margin:10px auto 0;font-size:13px;font-weight:700;color:var(--roxo);padding:10px 16px}

/* ---------- oração ---------- */
.oracao{font-family:var(--display);font-size:18px;line-height:1.45;color:var(--ink);margin:0}
.oracao span{display:block}
.hours{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}
.hours span{font-family:var(--mono);font-size:11px;background:var(--surface);border:1px solid var(--line);padding:4px 8px;border-radius:6px;color:var(--ink-2)}
.anon-row{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:10px 12px;margin:10px 0}
.anon-row .tx{flex:1;font-size:13px;line-height:1.4;color:var(--ink-2)}
.anon-row .tx b{color:var(--ink);font-weight:700}
.escala{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}
.slot{border:1px solid var(--line);border-radius:10px;padding:8px 9px;background:var(--surface);text-align:left;width:100%}
.slot.vago{border-color:color-mix(in srgb,var(--vermelho) 45%,transparent);background:var(--vermelho-soft)}
.slot.agora{border-color:var(--verde);background:var(--verde-soft)}
.slot.meu{border-color:var(--roxo);background:var(--roxo-soft)}
.slot .h{font-family:var(--mono);font-size:12px;font-weight:500;display:block}
.slot .w{font-size:11.5px;color:var(--ink-2);margin-top:2px;line-height:1.3;display:block}
.slot .w svg{width:10px;height:10px;fill:var(--ambar);vertical-align:-1px;margin-right:3px}
.slot .take{font-size:11.5px;font-weight:700;color:var(--vermelho);margin-top:2px;display:block}
.slot.agora .h{color:var(--verde)}
.slot.meu .h{color:var(--roxo)}
.int{padding:12px 0;border-bottom:1px solid var(--line-soft)}
.int:last-child{border-bottom:none}
.int p{margin:0;font-size:14px;line-height:1.45;white-space:pre-line}
.int .by{font-size:11.5px;color:var(--ink-3);margin-top:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.int .rez{font-size:12px;font-weight:700;color:var(--roxo);display:inline-flex;align-items:center;gap:5px;margin-top:8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.int .rez[aria-pressed="true"]{background:var(--roxo-soft);border-color:var(--roxo)}
.int .rez .cnt{font-family:var(--mono);font-variant-numeric:tabular-nums}
.tag{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;border-radius:5px}
.tag.rev{color:var(--ambar);background:var(--ambar-soft)}
.tag.no{color:var(--vermelho);background:var(--vermelho-soft)}
.tag.ok{color:var(--verde);background:var(--verde-soft)}

/* ---------- comunidade ---------- */
.saida{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.saida:last-child{border-bottom:none}
.saida .dt{flex:0 0 auto;width:46px;text-align:center;background:var(--roxo-soft);border-radius:10px;padding:6px 0}
.saida .dt .d{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--roxo);display:block;line-height:1}
.saida .dt .m{font-family:var(--mono);font-size:9px;color:var(--ink-3);display:block;margin-top:2px;text-transform:uppercase}
.saida .t{font-size:13.5px;font-weight:700;line-height:1.3;display:block}
.saida .s{font-size:12px;color:var(--ink-3);margin-top:3px;line-height:1.35;display:block}
.saida .x{margin-left:auto;font-size:12px;font-weight:700;color:var(--vermelho);padding:6px}
.link-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft);width:100%;text-align:left}
.link-row:last-child{border-bottom:none}
.link-row .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:var(--roxo-soft)}
.link-row .ic svg{width:19px;height:19px;fill:var(--roxo)}
.link-row .t{font-size:14px;font-weight:700;display:block}
.link-row .s{font-size:12px;color:var(--ink-3);margin-top:2px;line-height:1.35;display:block}
.link-row .go{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--roxo);flex:0 0 auto}
.ok-msg{margin-top:9px;font-size:13px;color:var(--verde);background:var(--verde-soft);border-radius:10px;padding:10px;line-height:1.45}
.cta{border:1px dashed color-mix(in srgb,var(--roxo) 40%,transparent);background:var(--roxo-soft);border-radius:14px;padding:14px;margin-top:12px}
.cta .t{font-size:14px;font-weight:700;margin:0 0 4px}
.cta p{font-size:13px;line-height:1.5;color:var(--ink-2);margin:0}
.rules{list-style:none;padding:0;margin:6px 0 0}
.rules li{position:relative;padding-left:18px;font-size:13px;line-height:1.45;color:var(--ink-2);margin-top:7px}
.rules li::before{content:"";position:absolute;left:2px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--ambar-bright)}
.rules li.no::before{background:var(--vermelho)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.chips button{font-size:12.5px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--ink-2);background:var(--surface)}
.chips button[aria-pressed="true"]{border-color:var(--roxo);background:var(--roxo-soft);color:var(--roxo)}
.req{display:flex;gap:10px;align-items:flex-start;padding:8px 0}
.req .n{width:22px;height:22px;border-radius:50%;background:var(--ambar-soft);color:var(--ambar);display:grid;place-items:center;font-family:var(--mono);font-size:11px;flex:0 0 auto}
.req .t{font-size:13.5px;line-height:1.45}
.priv{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ink-3);line-height:1.45;margin-top:8px}
.priv svg{width:14px;height:14px;fill:var(--ink-3);flex:0 0 auto;margin-top:2px}

/* ---------- equipe ---------- */
.item{padding:12px 0;border-bottom:1px solid var(--line-soft)}
.item:last-child{border-bottom:none}
.item .top{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.item .v{font-family:var(--mono);font-size:15px;font-weight:500}
.item .quem{font-size:13.5px;font-weight:700}
.item .meta{font-size:12px;color:var(--ink-3);line-height:1.4;margin-top:3px;word-break:break-word}
.item .obs{font-size:12.5px;color:var(--ink-2);margin-top:4px;line-height:1.4}
.item .lnk{font-size:12.5px;font-weight:700;color:var(--roxo);margin-top:6px;display:inline-block}

/* ---------- alternância ---------- */
.row-sw{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.row-sw:last-child{border-bottom:none}
.row-sw .tx{flex:1;min-width:0}
.row-sw .t{font-size:14px;font-weight:700;line-height:1.3}
.row-sw .d{font-size:12px;color:var(--ink-3);margin-top:3px;line-height:1.4}
.sw-t{flex:0 0 auto;width:44px;height:26px;border-radius:999px;background:var(--surface-3);position:relative;transition:background .18s;margin-top:2px}
.sw-t::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
.sw-t[aria-checked="true"]{background:var(--verde)}
.sw-t[aria-checked="true"]::after{transform:translateX(18px)}

/* ---------- barra de abas ---------- */
.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;z-index:20;display:flex;
  border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--ink-3);border-radius:10px;min-height:48px}
.tabbar button svg{width:22px;height:22px;fill:currentColor}
.tabbar button .lb{font-size:10px;font-weight:700;letter-spacing:.01em}
.tabbar button[aria-selected="true"]{color:var(--roxo)}

.toast{position:fixed;left:50%;transform:translate(-50%,8px);width:min(488px,calc(100% - 28px));
  bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));background:var(--ink);color:var(--surface);border-radius:12px;
  padding:12px 14px;font-size:13px;line-height:1.4;box-shadow:var(--shadow);opacity:0;transition:opacity .22s,transform .22s;pointer-events:none;z-index:40}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- folha (perfil, login, formulários) ---------- */
.sheet{position:fixed;inset:0;z-index:30;background:rgba(27,18,32,.45);display:flex;align-items:flex-end;justify-content:center}
.sheet .panel{background:var(--surface);width:100%;max-width:520px;max-height:92vh;max-height:92dvh;border-radius:22px 22px 0 0;overflow-y:auto;
  padding:8px 18px calc(26px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.sheet .grab{width:38px;height:4px;border-radius:4px;background:var(--line);margin:4px auto 10px}
.sheet .close{position:sticky;top:0;float:right;font-size:13px;font-weight:700;color:var(--roxo);padding:6px 2px;background:var(--surface)}
.sheet h2{font-family:var(--display);font-size:26px;font-weight:600;line-height:1.15;margin:6px 0 8px;text-wrap:balance}
.sheet p.x{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0 0 10px}
.prof-head{display:flex;gap:12px;align-items:center;margin:6px 0 4px}
.prof-head .big{width:48px;height:48px;border-radius:50%;background:var(--roxo);color:var(--on-roxo);display:grid;place-items:center;font-size:16px;font-weight:700}
.prof-head .nm{font-size:16px;font-weight:700}
.prof-head .em{font-size:12.5px;color:var(--ink-3);margin-top:2px;word-break:break-all}
.confirm{margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink-2);background:var(--vermelho-soft);border-radius:12px;padding:11px}
.codigo{font-family:var(--mono);font-size:24px;letter-spacing:.3em;text-align:center}
.erro{margin-top:8px;font-size:13px;color:var(--vermelho);background:var(--vermelho-soft);border-radius:10px;padding:9px 11px;line-height:1.45}

/* ---------- primeira abertura ---------- */
.onb{position:fixed;inset:0;z-index:35;background:var(--surface);display:flex;flex-direction:column;max-width:520px;margin:0 auto}
.onb-top{display:flex;align-items:center;gap:10px;padding:calc(16px + env(safe-area-inset-top)) 20px 8px;flex:0 0 auto}
.dots{display:flex;gap:5px}
.dots span{width:6px;height:6px;border-radius:50%;background:var(--line)}
.dots span.on{background:var(--roxo);width:18px;border-radius:4px}
.onb-skip{margin-left:auto;font-size:13px;font-weight:700;color:var(--ink-3)}
.onb-body{flex:1 1 auto;overflow-y:auto;padding:10px 22px 16px}
.onb-foot{flex:0 0 auto;padding:12px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:8px}
.onb-foot .btn,.onb-foot .btn-ghost{margin-top:0}
.onb h2{font-family:var(--display);font-size:29px;font-weight:600;line-height:1.12;margin:6px 0 10px;text-wrap:balance}
.onb p.x{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin:0 0 12px}
.onb.dark{background:#3B1B49}
.onb.dark .onb-foot{border-top-color:rgba(255,255,255,.12)}
.onb.dark .dots span{background:rgba(255,255,255,.25)}
.onb.dark .dots span.on{background:#E29A34}
.onb.dark .onb-skip{color:rgba(255,255,255,.6)}
.onb.dark .btn{background:#E29A34;color:#1B1220}
.onb.dark .btn-ghost{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.28)}
.welcome{text-align:center;padding-top:26px;position:relative}
.welcome .glow{position:absolute;width:320px;height:320px;left:50%;top:-150px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(226,154,52,.34),transparent 70%);pointer-events:none}
.welcome .mark{width:74px;height:74px;fill:#E29A34;position:relative}
.welcome .wm{font-size:42px;margin-top:22px;position:relative}
.welcome .tag{font-family:var(--display);font-style:italic;font-size:20px;color:rgba(255,255,255,.8);margin:16px 0 0;position:relative}
.welcome .v{font-family:var(--display);font-style:italic;font-size:16px;line-height:1.5;color:rgba(255,255,255,.64);margin:30px auto 6px;max-width:30ch;position:relative}
.welcome .r{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#E29A34;position:relative}
.opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;border:1.5px solid var(--line);border-radius:14px;padding:13px;margin-bottom:9px;background:var(--surface)}
.opt[aria-pressed="true"]{border-color:var(--roxo);background:var(--roxo-soft)}
.opt .ic{width:36px;height:36px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;flex:0 0 auto}
.opt[aria-pressed="true"] .ic{background:var(--surface)}
.opt .ic svg{width:19px;height:19px;fill:var(--roxo)}
.opt .tx{flex:1;min-width:0}
.opt .t{font-size:14.5px;font-weight:700;line-height:1.3;display:block}
.opt .d{font-size:12.5px;color:var(--ink-3);line-height:1.4;display:block;margin-top:3px}
.opt .ck{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);flex:0 0 auto;display:grid;place-items:center;margin-top:2px}
.opt .ck svg{width:13px;height:13px;fill:#fff;opacity:0}
.opt[aria-pressed="true"] .ck{background:var(--roxo);border-color:var(--roxo)}
.opt[aria-pressed="true"] .ck svg{opacity:1}
.aceite{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--ink-2);padding:8px 0}
.aceite input{margin:2px 0 0;accent-color:var(--roxo);width:18px;height:18px;flex:0 0 auto}
.steps-ins{counter-reset:p;list-style:none;padding:0;margin:8px 0 0}
.steps-ins li{counter-increment:p;position:relative;padding:0 0 13px 34px;font-size:14px;line-height:1.45}
.steps-ins li::before{content:counter(p);position:absolute;left:0;top:0;width:23px;height:23px;border-radius:50%;background:var(--roxo-soft);color:var(--roxo);font-family:var(--mono);font-size:11.5px;display:grid;place-items:center}
.why{background:var(--ambar-soft);border-radius:12px;padding:11px 12px;font-size:12.5px;line-height:1.5;color:var(--ink-2);margin-top:6px}
.seg-mini{display:flex;background:var(--surface-3);border-radius:999px;padding:3px;gap:2px;margin-bottom:10px}
.seg-mini button{flex:1;font-size:13px;font-weight:700;padding:8px;border-radius:999px;color:var(--ink-2)}
.seg-mini button[aria-pressed="true"]{background:var(--surface);color:var(--roxo);box-shadow:0 1px 2px rgba(27,18,32,.12)}