/* =====================================================================
   EKKLESIA AGENDA — DESIGN SYSTEM "ENCONTRO"
   Tokens globais. Documentação: docs/DESIGN_SYSTEM_ENCONTRO.md
   Trocar um token aqui atualiza todas as telas que o usam.
   ===================================================================== */
:root{
  /* Paleta oficial */
  --creme:#F8F4ED;--azul:#1E3A5F;--terracota:#C97F63;--salvia:#8BA896;--dourado:#C9A96B;--grafite:#2E2E2E;
  /* Auxiliares oficiais */
  --branco-quente:#FCFAF7;--cinza-editorial:#E6E0D7;--cinza-texto:#626B69;--azul-info:#DCE7F5;
  --verde-sucesso:#8DBB9D;--ambar:#D7B26D;--vermelho-suave:#D97B72;
  /* Derivados para TEXTO (as cores oficiais suaves não têm contraste para letras pequenas) */
  --azul-hover:#152D49;--terracota-texto:#9E5639;--salvia-texto:#4A6656;--dourado-claro:#E2C98F;
  /* Estados (manual §04): confirmado · aguardando · atenção · cancelado · rascunho */
  --ok:#236447;--ok-bg:#E6F2E9;--pend:#315B8D;--pend-bg:#E7EDF5;--wr:#8C5A1C;--wr-bg:#FCF1DC;--er:#A33C44;--er-bg:#F9E7E7;--draft:#2E2E2E;--draft-bg:#F0EFEB;--info-bg:var(--pend-bg);
  /* Menu lateral (referência aprovada: azul profundo) */
  --side-bg:#1E3A5F;--side-tx:#E9EEF4;--side-mu:#A9B7C8;--side-hi:rgba(255,255,255,.11);
  /* Papéis (usados pelos componentes) */
  --bg:var(--creme);--sf:var(--branco-quente);--tx:var(--grafite);--mu:var(--cinza-texto);
  --bd:var(--cinza-editorial);--bd-forte:#D6CCBE;--ac:var(--azul);--on:#FCFAF7;--hi:var(--terracota);
  /* Tipografia */
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:40px;--lh-display:48px;   /* título editorial (login, boletim) */
  --fs-h1:32px;--lh-h1:40px;             /* título de página (Playfair 28–34) */
  --fs-h2:19px;--lh-h2:26px;             /* título de seção (Inter 650) */
  --fs-h3:15px;--lh-h3:22px;             /* título de card (Inter 650) */
  --fs-body:14px;--lh-body:22px;         /* corpo */
  --fs-sm:13px;                          /* texto secundário */
  --fs-cap:12px;                         /* legenda e rótulo de campo */
  --fs-status:11px;                      /* etiqueta de status (sempre em CAIXA ALTA) */
  /* Espaço (base 4) */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
  /* Raios, sombras, tamanhos */
  --r-sm:6px;--r:8px;--r-lg:14px;--r-pill:999px;
  --sh:0 1px 2px rgba(46,46,46,.04),0 8px 24px -16px rgba(30,58,95,.22);
  --sh-lg:0 16px 48px -20px rgba(30,58,95,.35);
  --tap:44px;--side:232px;--ctl:40px;
  color-scheme:light;padding-top:env(safe-area-inset-top,0px)}

/* ---------- base ---------- */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:var(--fs-body)/var(--lh-body) var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{font:inherit;color:inherit;cursor:pointer}
a{color:var(--ac)}
:is(button,select,a,input,textarea,summary):focus-visible{outline:2px solid var(--ac);outline-offset:2px}
h1{font:600 var(--fs-h1)/var(--lh-h1) var(--serif);color:var(--ac);margin:var(--s2) 0 0;letter-spacing:-.3px}
h2{font:650 var(--fs-h2)/var(--lh-h2) var(--sans);color:var(--ac);margin:0 0 var(--s3);letter-spacing:-.1px}
h3{font:650 var(--fs-h3)/var(--lh-h3) var(--sans)}
.mu{color:var(--mu)}.sm{font-size:var(--fs-cap)}
.eyebrow{font:600 11px/16px var(--sans);letter-spacing:1.8px;text-transform:uppercase;color:var(--terracota-texto)}
.lead{font-size:15px;margin:var(--s1) 0 0}
.lnk{border:0;background:none;padding:0;color:var(--ac);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--ac) 35%,transparent)}

/* ---------- estrutura ---------- */
.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}
aside{background:var(--side-bg);color:var(--side-tx);padding:var(--s5) var(--s3);position:sticky;top:0;height:100vh;overflow:auto}
.lg{display:flex;gap:10px;align-items:center;padding:0 var(--s2) var(--s4)}
.lg b,.lgx b,.lgm b{display:block;font:600 21px/22px var(--serif);color:var(--ac)}
.wm{font:600 20px/21px var(--serif);color:var(--ac);letter-spacing:-.2px}
aside .wm{color:#FCFAF7}
.lg small,.lgx small{display:block;font:600 9.5px/14px var(--sans);letter-spacing:3px;color:var(--terracota-texto);margin-top:2px}
.church{display:flex;gap:var(--s2);align-items:center;margin:0 var(--s1) var(--s2);padding:var(--s2) var(--s3);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);font-size:var(--fs-sm);font-weight:600;line-height:18px}
.church small{display:block;color:var(--side-mu);font-size:11px;line-height:14px;font-weight:400}
.church i{width:8px;height:8px;border-radius:50%;background:var(--salvia);flex:none}
aside h4{font:600 10.5px/16px var(--sans);letter-spacing:1.6px;color:var(--side-mu);margin:var(--s5) var(--s3) var(--s1);text-transform:uppercase}
.nv{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:0 var(--s3);min-height:38px;border-radius:var(--r);text-align:left;color:var(--tx);position:relative}
aside .nv{color:var(--side-tx)}
aside .nv:hover:not([disabled]){background:rgba(255,255,255,.07)}
aside .nv.on{background:var(--side-hi);color:#fff}
aside .nv.on::before{background:var(--dourado)}
aside .nv[disabled]{color:var(--side-mu);opacity:.7}
aside .nv em{border-color:rgba(255,255,255,.25);color:var(--side-mu)}
aside :focus-visible{outline-color:var(--dourado-claro)}
.nv:hover:not([disabled]){background:var(--bg)}
.nv.on{background:color-mix(in srgb,var(--azul) 7%,var(--sf));color:var(--ac);font-weight:600}
.nv.on::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--hi)}
.nl{min-width:0}
.nv[disabled]{color:var(--mu);opacity:.75;cursor:default}
.nv i{display:inline-grid;font-style:normal;flex:none;color:inherit}
.nv svg{width:18px;height:18px}
.nv em{font-style:normal;font-size:10px;margin-left:auto;border:1px solid var(--bd);border-radius:4px;padding:0 4px;color:var(--mu)}
.ct{margin-left:auto;background:var(--terracota-texto);color:#fff;border-radius:var(--r-pill);font-size:11px;line-height:18px;min-width:20px;text-align:center;padding:0 6px;font-weight:600}
main{padding:0 var(--s6) var(--s7);max-width:1320px;width:100%;min-width:0}
.top{display:flex;gap:var(--s3);align-items:center;justify-content:space-between;padding:var(--s3) 0;margin-bottom:var(--s3);border-bottom:1px solid var(--bd);flex-wrap:wrap}
.demo{font-size:11px;letter-spacing:.3px;color:var(--wr);background:var(--wr-bg);border-radius:var(--r-pill);padding:2px 10px;font-weight:500}
.tools{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.dsel{display:flex;gap:6px;align-items:center}.dsel select{min-height:34px;font-size:var(--fs-sm)}
.ib{display:inline-grid;place-items:center;width:var(--ctl);height:var(--ctl);border-radius:var(--r-pill);border:1px solid var(--bd);background:var(--sf);position:relative;color:var(--ac)}
.ib:hover{border-color:var(--bd-forte)}
.ib b{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--terracota-texto);color:#fff;font-size:10.5px;line-height:18px;text-align:center;padding:0 4px}
.who{display:flex;gap:var(--s2);align-items:center;font-size:var(--fs-sm);line-height:17px}
.who small{display:block;color:var(--mu);font-size:11.5px}
.avt{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--azul);color:var(--on);font:600 12.5px/1 var(--sans);letter-spacing:.5px;flex:none}
.app.pubm .ib{display:none}
.mbar{display:none}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--ctl);border:1px solid var(--bd-forte);background:var(--sf);color:var(--ac);border-radius:var(--r);padding:0 var(--s4);font-weight:600;font-size:var(--fs-sm);line-height:18px;text-decoration:none;white-space:nowrap}
.btn:hover{border-color:color-mix(in srgb,var(--azul) 40%,var(--bd));background:color-mix(in srgb,var(--azul) 4%,var(--sf))}
.btn.p{background:var(--ac);border-color:var(--ac);color:var(--on)}.btn.p:hover{background:var(--azul-hover);border-color:var(--azul-hover)}
.btn.t{border-color:transparent;background:none;padding:0 var(--s2)}.btn.t:hover{background:color-mix(in srgb,var(--azul) 6%,transparent)}
.btn.d{color:var(--er);border-color:color-mix(in srgb,var(--er) 45%,var(--bd));background:var(--sf)}.btn.d:hover{background:var(--er-bg)}
.btn.s{min-height:32px;padding:0 var(--s3);font-size:12px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn[aria-busy=true]{pointer-events:none;opacity:.8}
.btn[aria-busy=true]::after{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gira .7s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.wide{width:100%}

/* ---------- campos ---------- */
select,input,textarea{font:inherit;color:var(--tx);background:var(--sf);border:1px solid var(--bd-forte);border-radius:var(--r-sm);padding:0 var(--s3);min-height:var(--ctl)}
textarea{padding:var(--s2) var(--s3)}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--azul)}
input[type=color]{padding:2px}
:is(input,select,textarea):hover{border-color:#CFC3B3}
:is(input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--azul) 45%,transparent);outline-offset:0;border-color:var(--ac)}
[aria-invalid=true]{border-color:var(--er)!important;background:color-mix(in srgb,var(--er-bg) 50%,var(--sf))}
.ferr{color:var(--er);font-size:var(--fs-cap);margin:var(--s1) 0 0;min-height:0}
.ferr:empty{display:none}

/* ---------- superfícies ---------- */
.card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh);padding:var(--s5)}
.grid2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:var(--s5);margin-top:var(--s5);align-items:start}
.stack{display:grid;gap:var(--s5);align-content:start;min-width:0}
.hero{display:flex;gap:var(--s4);align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-top:var(--s4)}
.hero h1{margin-top:var(--s1)}
/* resumo: um único cartão dividido (sem cartões gigantes com um número só) */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5)}
.tile{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;background:var(--sf);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh);padding:var(--s3) var(--s4) var(--s3) 26px;min-width:0;position:relative}
.tile::before{content:"";position:absolute;left:12px;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--tc,var(--azul))}
.tile:hover{border-color:var(--bd-forte)}
.tile b{font:600 30px/36px var(--serif);color:var(--ac);font-variant-numeric:lining-nums}
.tile.hot b{color:var(--er)}
.tile span{color:var(--mu);font-size:var(--fs-sm);line-height:18px}

/* ---------- etiquetas ----------
   Ministério = quadrado com cor + ícone + nome · Origem = SEDE (azul sólido) / CONGREGAÇÃO (contorno)
   Status = pílula clara com ponto · Obrigatoriedade = dourado · Visibilidade = tracejado */
.pl{display:inline-block;font:600 10.5px/18px var(--sans);letter-spacing:.5px;border:1px solid var(--bd-forte);border-radius:var(--r-sm);padding:0 6px;white-space:nowrap;color:var(--mu);background:var(--sf);vertical-align:1px}
.pl.sd{background:var(--azul);color:var(--on);border-color:var(--azul)}
.pl.ok{color:var(--ok);background:var(--ok-bg);border-color:transparent}
.pl.wr{color:var(--wr);background:var(--wr-bg);border-color:transparent}
.pl.er{color:var(--er);background:var(--er-bg);border-color:transparent}
.pl.ac{color:var(--pend);background:var(--pend-bg);border-color:transparent}
.pl.ob{color:#6F5220;background:#F4EBD8;border-color:var(--dourado)}
.pl.vi{border-style:dashed;color:var(--mu)}
.dt{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--c) 24%,var(--sf));color:color-mix(in srgb,var(--c) 62%,#1d1d1d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent);font-style:normal;font-size:11px;flex:none;line-height:1}

/* ---------- listas de eventos ---------- */
.day{display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--bd)}
.day:first-of-type{border-top:0}
.day>b{font:600 13px/20px var(--sans);padding-top:5px}
.day>b small{display:block;font-weight:500;color:var(--terracota-texto);font-size:11px;letter-spacing:.5px}
.day.td>b{color:var(--ac)}
.er2{display:flex;gap:var(--s3);align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:6px var(--s3);border-radius:0 var(--r-sm) var(--r-sm) 0;border-left:3px solid var(--c);margin-bottom:4px;min-width:0}
.er2:hover{background:color-mix(in srgb,var(--c) 6%,var(--sf))}
.er2 .tm{color:var(--mu);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:84px;font-size:var(--fs-sm)}
.er2 .nm{font-weight:600;overflow-wrap:anywhere;min-width:0}
.er2 .nm small{font-weight:400}
.tk{display:grid;grid-template-columns:78px minmax(0,1fr);gap:var(--s3);align-items:start;width:100%;text-align:left;border:0;border-bottom:1px solid var(--bd);background:none;padding:var(--s3) 0}
.tk:last-child{border:0;padding-bottom:0}
.tk .pl{justify-self:start;margin-top:2px}
.tk small{display:block;color:var(--mu)}
.tk:hover b{text-decoration:underline;text-underline-offset:3px}
.bolc{background:linear-gradient(180deg,color-mix(in srgb,var(--creme) 55%,var(--sf)),var(--sf))}
.bolc .bline{display:flex;gap:var(--s3);align-items:flex-start;margin:var(--s3) 0}
.bolc .bline .dt{width:28px;height:28px;font-size:13px}

/* ---------- barra de ferramentas ---------- */
.bar{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin:var(--s4) 0 var(--s2)}.sp{flex:1}
.seg{display:inline-flex;border:1px solid var(--bd-forte);border-radius:var(--r);overflow:hidden;background:var(--sf);padding:3px;gap:2px}
.seg button{border:0;background:none;padding:0 var(--s4);min-height:32px;border-radius:7px;color:var(--mu);font-weight:500}
.seg .on{background:var(--ac);color:var(--on);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s3)}
.cf{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--bd);background:var(--sf);border-radius:var(--r-pill);padding:3px 10px 3px 4px;font-size:12.5px;min-height:30px}
.cf:hover{border-color:var(--bd-forte)}
.cf.on{border-color:color-mix(in srgb,var(--c,var(--ac)) 70%,transparent);background:color-mix(in srgb,var(--c,var(--ac)) 18%,var(--sf));font-weight:600}

/* ---------- calendário ---------- */
.mo{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--bd);border-radius:var(--r-lg);overflow:hidden;background:var(--sf);box-shadow:var(--sh)}
.mo .h{padding:var(--s2) var(--s3);font:600 10.5px/16px var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--mu);border-bottom:1px solid var(--bd);background:color-mix(in srgb,var(--creme) 60%,var(--sf))}
.cl{min-height:124px;padding:6px;border:0;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--sf);text-align:left;border-radius:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;width:100%;min-width:0}
.cl:hover{background:color-mix(in srgb,var(--creme) 55%,var(--sf))}
.cl:nth-child(7n+7){border-right:0}
.cl.o{background:color-mix(in srgb,var(--creme) 70%,var(--sf))}.cl.o .n{color:var(--mu);font-weight:500}
.cl.td .n{background:var(--ac);color:var(--on)}
.cl.sel{box-shadow:inset 0 0 0 2px var(--hi)}
.n{align-self:flex-start;display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 5px;border-radius:var(--r-pill);font:600 12.5px/1 var(--sans);font-variant-numeric:tabular-nums;margin-bottom:2px}
.ev{display:block;width:100%;text-align:left;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 20%,var(--sf));color:var(--tx);border-radius:0 5px 5px 0;padding:2px 6px;margin-bottom:2px;font-size:12px;line-height:16px;overflow:hidden}
.ev b{display:block}.ev .et{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;hyphens:auto}
.ev b{font-weight:600;font-variant-numeric:tabular-nums}
.og{font:700 8.5px/12px var(--sans);font-style:normal;letter-spacing:.6px;color:var(--on);background:var(--azul);border-radius:3px;padding:0 3px;margin-right:4px;vertical-align:1px}
.more{font-size:12px;color:var(--ac);font-weight:600;padding:0 4px}
.mdl,.wkl{display:none}
.calx{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s4);align-items:start}
.calf{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r-lg);padding:var(--s4) var(--s3);box-shadow:var(--sh);position:sticky;top:var(--s4)}
.calh{margin:0 var(--s2) var(--s2);font-size:13px}
.calf .chips{flex-direction:column;flex-wrap:nowrap;gap:2px;margin:0}
.calf .cf{border:0;background:none;border-radius:var(--r-sm);padding:4px 8px;width:100%;justify-content:flex-start;min-height:32px;font-size:13px}
.calf .cf:hover{background:var(--bg)}
.calf .cf .dt{width:18px;height:18px;font-size:9px;border-radius:5px}
.calf .cf.on{background:color-mix(in srgb,var(--c,var(--azul)) 14%,var(--sf))}
.calf .cf.all{font-weight:600}.calf .cf.all::before{content:"";width:16px;height:16px;border-radius:4px;border:1.5px solid var(--bd-forte);flex:none}.calf .cf.all.on::before{background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--azul)}
.calm{min-width:0}
.wk{display:grid;grid-template-columns:52px repeat(7,minmax(112px,1fr));border:1px solid var(--bd);border-radius:var(--r-lg);background:var(--sf);overflow:auto;box-shadow:var(--sh)}
.wk .h{padding:var(--s2) 4px;text-align:center;border-bottom:1px solid var(--bd);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mu);position:sticky;top:0;background:color-mix(in srgb,var(--creme) 60%,var(--sf));z-index:1}
.wk .h b{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:var(--r-pill);font-size:13px;color:var(--tx);letter-spacing:0}
.wk .h.td b{background:var(--ac);color:var(--on)}
.hr{height:48px;font-size:11px;color:var(--mu);text-align:right;padding-right:6px;transform:translateY(-8px);font-variant-numeric:tabular-nums}
.col{position:relative;border-left:1px solid var(--bd);background:repeating-linear-gradient(var(--bd) 0 1px,transparent 1px 48px)}
.wb{position:absolute;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 20%,var(--sf));border-radius:0 6px 6px 0;padding:3px 6px;font-size:11.5px;line-height:15px;text-align:left;color:var(--tx);overflow:hidden;overflow-wrap:break-word;hyphens:auto}
.wb b{display:block;font-weight:600}

/* ---------- painel lateral, modais, avisos ---------- */
.list{padding:0;overflow:hidden}.tabs{display:flex;gap:4px;flex-wrap:wrap}
.dr{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--sf);border-left:1px solid var(--bd);box-shadow:var(--sh-lg);z-index:20;display:flex;flex-direction:column}
.dr>div{padding:var(--s5);overflow:auto;flex:1}
.dr header{display:flex;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--bd);align-items:flex-start}
.dr header>div b{font-family:var(--serif);font-size:19px!important;line-height:26px;color:var(--ac)}
.dr footer{padding:var(--s4) var(--s5);border-top:1px solid var(--bd);display:flex;gap:var(--s2);flex-wrap:wrap;background:color-mix(in srgb,var(--creme) 50%,var(--sf))}
.kv{display:grid;grid-template-columns:128px minmax(0,1fr);gap:var(--s2) var(--s4);margin:var(--s4) 0}.kv dt{color:var(--mu)}.kv dd{margin:0;display:flex;gap:4px;flex-wrap:wrap;align-items:center;min-width:0}
.al{border:1px solid color-mix(in srgb,var(--er) 35%,var(--bd));background:var(--er-bg);color:var(--er);border-radius:var(--r);padding:var(--s2) var(--s4);margin:var(--s2) 0;font-size:var(--fs-sm)}
.tl{display:flex;gap:4px;flex-wrap:wrap;margin:var(--s2) 0}.tl span{font-size:12px;padding:0 8px;border-radius:var(--r-pill);border:1px solid var(--bd);color:var(--mu)}.tl .dn{background:var(--ok);color:#fff;border-color:var(--ok)}.tl .cu{border-color:var(--wr);color:var(--wr);font-weight:600}.tl .bad{border-color:var(--er);color:var(--er);font-weight:600}
.modal,.sheet{position:fixed;inset:0;background:rgba(30,58,95,.42);display:grid;place-items:center;z-index:40;padding:var(--s4)}
.modal>div{background:var(--sf);border-radius:var(--r-lg);padding:var(--s5);width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:var(--sh-lg)}
.modal label{display:block;font-size:var(--fs-cap);font-weight:600;color:var(--tx);margin:var(--s3) 0 var(--s1)}
.modal input,.modal select,.modal textarea{width:100%}
.modal h2{font-size:22px;margin:0 0 var(--s2)}
.modal .al b{display:block}
#toast{position:fixed;left:50%;bottom:calc(32px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--azul);color:var(--on);padding:var(--s3) var(--s4);border-radius:var(--r);max-width:92%;display:none;z-index:50;box-shadow:var(--sh-lg)}
.sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s2)}.sw div{display:flex;gap:var(--s2);align-items:center;font-size:var(--fs-sm)}
.alert{border:1px solid var(--er);border-left-width:5px;background:var(--er-bg);border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s4) 0}
.alert h2{color:var(--er);font:700 14px/20px var(--sans);letter-spacing:.4px;margin:0}
.alert.ok{border-color:var(--ok);background:var(--ok-bg)}.alert.ok h2{color:var(--ok)}
.alert.wr{border-color:var(--wr);background:var(--wr-bg)}.alert.wr h2{color:var(--wr)}
.avb{position:relative;height:12px;border-radius:6px;background:color-mix(in srgb,var(--salvia) 35%,var(--sf));overflow:hidden;margin:var(--s2) 0}.avb i{position:absolute;top:0;bottom:0;background:var(--terracota);opacity:.9}
.spg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s4);margin-top:var(--s4)}

/* ---------- Central de Solicitações (tabela) ---------- */
.tb{--cols:minmax(0,2.6fr) 120px 112px minmax(0,2fr) 136px;border:1px solid var(--bd);border-radius:var(--r-lg);background:var(--sf);box-shadow:var(--sh);overflow:hidden}
.rw{display:grid;grid-template-columns:var(--cols);column-gap:var(--s4);align-items:center;min-height:72px;padding:var(--s2) var(--s5);border-top:1px solid var(--bd);cursor:pointer}
.rw:hover{background:color-mix(in srgb,var(--creme) 55%,var(--sf))}
.rw.hd{min-height:42px;font:600 10.5px/16px var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--mu);cursor:default;background:color-mix(in srgb,var(--creme) 60%,var(--sf));border-top:0}
.rw.hd:hover{background:color-mix(in srgb,var(--creme) 60%,var(--sf))}
.rw [role=cell]{min-width:0}.rw [role=cell] small{display:block;color:var(--mu);font-size:12px;line-height:17px}.rw [role=cell] b{font-weight:600;font-variant-numeric:tabular-nums}
.c1{display:flex;gap:var(--s3);align-items:center}.c1 b{overflow-wrap:anywhere}.c5{display:flex;justify-content:flex-end}
.lbl{display:none!important}.cfl{color:var(--er)!important;font-weight:500}
.sit{display:inline-flex;gap:6px;align-items:center;font:600 var(--fs-status)/22px var(--sans);letter-spacing:.5px;border-radius:var(--r-pill);padding:0 10px 0 8px;background:var(--bg);color:var(--mu);white-space:nowrap;max-width:100%}
.sit::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 22%,transparent);flex:none}
.sit>span[aria-hidden]{display:none}
.sit.ok{color:var(--ok);background:var(--ok-bg)}.sit.wr{color:var(--wr);background:var(--wr-bg)}.sit.er{color:var(--er);background:var(--er-bg)}.sit.ac{color:var(--pend);background:var(--pend-bg)}.sit.draft{color:var(--draft);background:var(--draft-bg)}
.c4 small{margin-top:2px}
.tb2{display:flex;gap:var(--s1);border-bottom:1px solid var(--bd);margin:var(--s4) 0}
.tb2 button{border:0;background:none;padding:var(--s2) var(--s4);min-height:var(--tap);border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--mu);font-weight:500}
.tb2 .on{color:var(--ac);border-color:var(--hi);font-weight:600}
.flt{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s2)}.flt input,.flt select{min-width:0}
.dr h3{font:600 10.5px/16px var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--terracota-texto);margin:var(--s5) 0 0}.dr .kv{margin:var(--s2) 0}

/* ---------- formulário em etapas ---------- */
.fr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.fr2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.steps{display:flex;gap:4px;margin:var(--s2) 0}.steps i{flex:1;height:4px;border-radius:4px;background:var(--bd)}.steps i.on{background:var(--hi)}

/* ---------- Boletim Semanal (editorial) ---------- */
.bed{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s5);align-items:start;margin-top:var(--s5)}
.bctl{position:sticky;top:var(--s4)}
.bctl h2{font-size:18px}
.bctl .flt label{display:grid;gap:var(--s1);width:100%;font-weight:600;color:var(--tx)}
.bctl select{width:100%}
.bctl .bar{flex-direction:column;align-items:stretch;margin-top:var(--s3)}
.bctl .bar .btn{width:100%}
.bctl p{overflow-wrap:anywhere}
.bol{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);max-width:900px}
.bh{padding:var(--s6) var(--s5) var(--s5);text-align:center;color:#FCFAF7;background:radial-gradient(120% 90% at 85% 0%,rgba(201,169,107,.22),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(201,127,99,.20),transparent 60%),var(--azul)}
.bh .mu{color:#C9D3DF}.bh h1{color:#FCFAF7}.bh .k{color:var(--dourado-claro)!important}
.bh svg{display:block;margin:0 auto var(--s3)}
.bh .k{font:600 11px/16px var(--sans);letter-spacing:4px}
.bh h1{font:600 var(--fs-display)/var(--lh-display) var(--serif);margin:var(--s2) 0 var(--s1)}
.bh::after{content:"";display:block;width:72px;height:2px;background:var(--dourado);margin:var(--s4) auto 0}
.bs{padding:var(--s5) var(--s6);border-bottom:1px solid var(--bd)}
.bs h3{font:600 11px/16px var(--sans);letter-spacing:2.6px;color:var(--terracota-texto);margin:0 0 var(--s4);display:flex;align-items:center;gap:var(--s3)}
.bs h3::after{content:"";flex:1;height:1px;background:var(--bd)}
.fe{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s5);align-items:start}
.fe img{width:100%;height:auto;object-fit:contain;display:block;border-radius:var(--r);border:1px solid var(--bd);background:var(--bg)}
.fe a:has(img){display:block;border-radius:var(--r)}
.fe h2{font:600 30px/38px var(--serif);margin:var(--s3) 0 var(--s2)}
.bpv .btn.s[data-a=bhid]{min-height:24px;border:0;background:none;padding:0 0 0 15px;margin:-2px 0 6px;font-weight:500;color:var(--mu);text-decoration:underline;text-underline-offset:3px}.bpv .btn.s[data-a=bhid]:hover{color:var(--er)}
.kv .sit,.alert .sit{white-space:normal;line-height:16px;padding-top:3px;padding-bottom:3px}
.av{border-left:3px solid var(--bd-forte);padding:var(--s1) var(--s4);margin-bottom:var(--s3)}.av.i{border-color:var(--ambar)}.av.u{border-color:var(--er);background:var(--er-bg)}

/* ---------- login ---------- */
.app.lo{display:block}.app.lo aside,.app.lo .top{display:none}.app.lo main{padding:0;max-width:none}
.login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh}
.lid{position:relative;overflow:hidden;background:#F1EADF;padding:var(--s6) var(--s7);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s6);border-right:1px solid var(--bd)}
.lgx,.lgm{display:flex;gap:12px;align-items:center}
.lphr{font:500 44px/54px var(--serif);color:var(--ac);margin:var(--s3) 0 var(--s4);letter-spacing:-.5px}
.lphr em{font-style:italic;color:var(--terracota-texto)}
.lart{width:100%;max-width:440px;height:auto}
.lfm{display:grid;place-items:center;padding:var(--s6) var(--s5)}
.lcard{width:min(400px,100%)}
.lcard h1{font-size:34px;line-height:42px;margin:0}
.lcard label{display:block;font-size:var(--fs-cap);font-weight:600;margin:var(--s4) 0 6px}
.lcard input{width:100%;min-height:46px;font-size:15px}
.lgm{display:none;margin-bottom:var(--s5)}
.pwl{display:flex;justify-content:space-between;align-items:baseline}.pwl .lnk{font-size:var(--fs-cap)}
.pww{position:relative}.pww input{padding-right:48px}
.pwt{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:38px;border:0;background:none;color:var(--mu);border-radius:var(--r-sm);display:grid;place-items:center}
.pwt[aria-pressed=true]{color:var(--ac)}
.lcard .btn.p{min-height:48px;font-size:15px;margin-top:var(--s5)}
.or{display:flex;align-items:center;gap:var(--s3);color:var(--mu);font-size:var(--fs-cap);margin:var(--s5) 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--bd)}

/* ---------- guia visual ---------- */
.tok{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}
.tok div{border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;background:var(--sf);font-size:12px}
.tok i{display:block;height:56px;background:var(--c)}
.tok span{display:block;padding:var(--s2) var(--s3)}

/* ---------- responsivo ---------- */
@media(min-width:768px) and (max-width:1279px){:root{--side:76px}aside{padding:var(--s4) var(--s2)}.lg{justify-content:center;padding:0 0 var(--s4)}.lg>div,.church,aside h4,.nv em{display:none}aside .nv{justify-content:center;padding:0;min-height:44px;margin-bottom:2px}.nl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}aside .nv .ct{position:absolute;top:2px;right:6px;margin:0;min-width:16px;font-size:10px;line-height:16px;padding:0 4px}.calx{grid-template-columns:168px minmax(0,1fr)}}
@media(max-width:1100px){.bed{grid-template-columns:1fr}.bctl{position:static;order:-1}.bctl .bar{flex-direction:row;flex-wrap:wrap}.bctl .bar .btn{width:auto}}
@media(max-width:900px){.grid2{grid-template-columns:minmax(0,1fr)}.calx{grid-template-columns:minmax(0,1fr)}.calf{position:static;padding:0;border:0;background:none;box-shadow:none}.calh{display:none}.calf .chips{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.calf .cf{width:auto;flex:none;border:1px solid var(--bd);background:var(--sf);border-radius:var(--r-pill)}.login{grid-template-columns:1fr}.lid{display:none}.lgm{display:flex}}
@media(max-width:767px){
  :root{--fs-h1:28px;--lh-h1:34px;--fs-display:32px;--lh-display:38px}
  .app{grid-template-columns:minmax(0,1fr)}
  aside{display:none}
  .mbar{display:flex;position:fixed;inset:auto 0 0 0;z-index:15;background:var(--sf);border-top:1px solid var(--bd);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px -18px rgba(30,58,95,.35)}
  .mb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:0;background:none;color:var(--mu);font-size:11px;font-weight:500;border-radius:var(--r);position:relative}
  .mb.on{color:var(--ac);font-weight:700}
  .mb.on::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--hi)}
  .mb .ct{position:absolute;top:4px;left:calc(50% + 6px);margin:0}
  .app.lo .mbar{display:none}
  main{padding:0 var(--s4) 104px}
  .top{gap:var(--s2);padding:var(--s2) 0}.demo{order:2;width:100%;text-align:center;font-size:10.5px}.tools{width:100%;flex-wrap:nowrap;gap:var(--s2)}.dsel{flex:1;min-width:0;font-size:0}.dsel select{width:100%;font-size:var(--fs-sm)}.who>div,.who .btn .sm{display:none}.who .btn{padding:0 6px}
  .hero{align-items:stretch}.hero .bar{width:100%}.hero .bar .btn{flex:1}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
  .card{padding:var(--s4)}
  .day{grid-template-columns:1fr;gap:var(--s1)}.day>b{padding-top:0}
  .er2 .tm{min-width:0;font-size:12px}.er2{flex-direction:column;gap:0}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1*var(--s4)) var(--s3);padding:0 var(--s4) 4px;scrollbar-width:none}.cf{flex:none}
  .cl{min-height:56px;padding:4px 2px;align-items:center}.n{align-self:center;min-width:28px;height:28px}
  .cl .ev{display:inline-block;width:7px;height:7px;padding:0;margin:0 1px;border:0;border-radius:50%;background:var(--c);font-size:0;line-height:0}.cl .ev>*{display:none}
  .cl .more{font-size:10px;padding:0;line-height:12px}
  .mo .h{padding:6px 0;text-align:center;letter-spacing:.5px}
  .mdl{display:block;margin-top:var(--s4)}.dr.dk{display:none}
  .wk{display:none}.wkl{display:block}
  .dr{top:auto;height:85vh;border-left:0;border-top:1px solid var(--bd);border-radius:var(--r-lg) var(--r-lg) 0 0}
  .kv{grid-template-columns:104px minmax(0,1fr)}
  .rw.hd{display:none}.tb{border:0;background:none;box-shadow:none;overflow:visible}
  .rw{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a a" "b b" "d d" "c e";row-gap:var(--s2);padding:var(--s4);background:var(--sf);border:1px solid var(--bd);border-radius:var(--r-lg);margin-bottom:var(--s3);box-shadow:var(--sh)}
  .c1{grid-area:a}.c2{grid-area:b}.c4{grid-area:d}.c3{grid-area:c;align-self:center}.c5{grid-area:e}
  .rw .c2 small,.rw .c3 small{display:inline;margin-left:4px}.lbl{display:inline!important;margin-right:4px}
  .tb2{overflow-x:auto;scrollbar-width:none}.tb2 button{white-space:nowrap;padding:var(--s2) var(--s3)}
  .fr,.fr2,.fe{grid-template-columns:1fr}
  .bs{padding:var(--s4)}.bh{padding:var(--s5) var(--s4) var(--s4)}.fe h2{font-size:26px;line-height:32px}
  .modal{align-items:end;padding:0}.modal>div{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh;padding:var(--s5) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom,0px))}
  .sheet{align-items:end;padding:0}
  #toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .lfm{place-items:start center;padding:var(--s6) var(--s5)}
}
.sheet>div{background:var(--sf);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;padding:var(--s4) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom,0px));box-shadow:var(--sh-lg)}
.sheet .nv{min-height:var(--tap);font-size:15px}
.sheet h2{font-size:20px;margin:var(--s1) var(--s3) var(--s2)}
@media(prefers-reduced-motion:no-preference){.btn,.tile,.rw,.er2,.cl,.nv,.cf{transition:background .12s,border-color .12s,color .12s}}
@media print{aside,.top,.mbar,.bctl{display:none}.app{display:block}.bol{box-shadow:none;border:0}}

/* =====================================================================
   DIREÇÃO DE ARTE ENCONTRO — v2
   Referência principal: imagem aprovada. Princípios desta camada:
   · o creme é a página; superfície clara ("papel") só onde há dados densos
   · Playfair dá voz aos títulos e números; Inter conduz a operação
   · hierarquia por tipografia, espaço e fios finos, não por caixas e caixa alta
   · azul profundo ancora (menu, boletim, ação); dourado só em detalhes intencionais
   ===================================================================== */
:root{
  --fs-h1:44px;--lh-h1:52px;
  --page-x:48px;
  --hair:1px solid var(--bd);
  --paper-sh:0 1px 0 rgba(46,46,46,.03),0 22px 44px -34px rgba(30,58,95,.32);
  --gold-ink:#8A6A2E;
}
main{padding:0 var(--page-x) 72px;max-width:1360px}
h1{font-weight:500;letter-spacing:-.6px}

/* topo discreto: sem caixa, sem pílula */
.top{border-bottom:0;margin:0;padding:var(--s4) 0 0}
.demo{background:none;color:var(--mu);padding:0;font-size:12px;letter-spacing:0;display:inline-flex;align-items:center;gap:8px}
.demo::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dourado)}
.dsel{color:var(--mu)}.dsel select{border-color:transparent;background:transparent;font-weight:600;color:var(--ac);padding-right:4px}
.dsel select:hover{border-color:var(--bd)}
.ib{background:transparent;border-color:var(--bd)}

/* cabeçalho editorial de página */
.ph{display:flex;gap:var(--s5);align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:var(--s6) 0 var(--s5)}
.ph .kick{font:600 11.5px/16px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--terracota-texto)}
.ph h1{margin:10px 0 0}
.ph p{margin:10px 0 0;color:var(--mu);font-size:16px;line-height:24px;max-width:62ch}
.ph .rule{display:block;width:44px;height:2px;background:var(--dourado);margin-top:22px}
.ph .acts{display:flex;gap:var(--s2);flex-wrap:wrap}
/* título de seção (voz editorial) */
.sh{display:flex;align-items:baseline;gap:var(--s3);padding-bottom:var(--s3);border-bottom:var(--hair);margin-bottom:var(--s2);flex-wrap:wrap}
.sh h2{font:500 24px/30px var(--serif);color:var(--ac);margin:0;letter-spacing:-.2px}
.sh .meta{color:var(--mu);font-size:13px}
.sh .go{margin-left:auto}
/* papel: a única superfície elevada */
.paper{background:var(--sf);border:var(--hair);border-radius:var(--r-lg);box-shadow:var(--paper-sh)}

/* botões refinados */
.btn{font-size:14px;min-height:42px;padding:0 18px;border-radius:var(--r)}
.btn:not(.p):not(.d):not(.t):not(.gold){background:transparent;border-color:color-mix(in srgb,var(--azul) 55%,transparent);color:var(--ac)}
.btn:not(.p):not(.d):not(.t):not(.gold):hover{background:color-mix(in srgb,var(--azul) 6%,transparent)}
.btn.s{min-height:34px;padding:0 14px;font-size:13px}
.btn.p{box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 16px -10px rgba(30,58,95,.7)}
.lnk2{border:0;background:none;padding:4px 0;color:var(--ac);font-weight:600;font-size:13.5px;display:inline-flex;gap:6px;align-items:center}
.lnk2::after{content:"→";transition:transform .15s}.lnk2:hover::after{transform:translateX(3px)}
.btn.gold{background:transparent;border:1px solid var(--dourado);color:#FCFAF7}
.btn.gold:hover{background:rgba(201,169,107,.14)}
.ibtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:var(--hair);background:var(--sf);color:var(--ac);font-size:18px;line-height:1}
.ibtn:hover{border-color:var(--bd-forte)}

/* etiquetas de situação: frase, ícone circular (como na referência) */
.sit{font:600 12.5px/26px var(--sans);letter-spacing:0;text-transform:none;padding:0 12px 0 6px;gap:7px}
.sit::before{width:16px;height:16px;box-shadow:none;background:currentColor var(--ic) center/10px no-repeat}
.sit.ok{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.2 5.2l1.8 1.8 3.8-4' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sit.ac{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 2.4V5l1.8 1.1' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.sit.wr{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 2.3v3.2' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='5' cy='7.5' r='.9' fill='white'/%3E%3C/svg%3E")}
.sit.er{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 3l4 4M7 3L3 7' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.sit.draft{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.5 7.5l.4-1.6 3.6-3.6 1.2 1.2-3.6 3.6z' fill='white'/%3E%3C/svg%3E")}
/* etiquetas de tarefa e de ministério */
.tag{display:inline-flex;align-items:center;gap:6px;font:600 12px/22px var(--sans);border-radius:var(--r-pill);padding:0 10px;background:var(--draft-bg);color:var(--draft)}
.tag.er{background:var(--er-bg);color:var(--er)}.tag.ac{background:var(--pend-bg);color:var(--pend)}.tag.wr{background:var(--wr-bg);color:var(--wr)}.tag.tc{background:color-mix(in srgb,var(--terracota) 16%,var(--sf));color:var(--terracota-texto)}
.mch{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;line-height:22px;padding:0 10px 0 8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c) 17%,var(--sf));color:var(--grafite);white-space:nowrap}
.mch i{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}

/* lista de eventos compartilhada */
.er2{border-left:0;padding:10px 12px;border-radius:var(--r);gap:var(--s4);margin:0}
.er2:hover{background:color-mix(in srgb,var(--creme) 70%,var(--sf))}
.er2 .tm{min-width:52px;font:600 14px/20px var(--sans);color:var(--grafite);font-variant-numeric:tabular-nums}
.er2 .tm small{display:block;font-weight:400;color:var(--mu);font-size:12.5px}
.er2 .nm b{font-weight:600;font-size:15px;line-height:21px}
.er2 .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:5px;color:var(--mu);font-size:13px}

/* ===== Início da secretaria ===== */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--hair);border-bottom:var(--hair);margin:0 0 var(--s6)}
.kpi{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:0;background:none;padding:22px 24px 20px;border-left:var(--hair)}
.kpi:first-child{border-left:0;padding-left:0}
.kpi::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--tc,var(--azul));margin-bottom:8px}
.kpi b{font:500 46px/1 var(--serif);color:var(--ac);font-variant-numeric:lining-nums}
.kpi.hot b{color:var(--er)}
.kpi span{color:var(--mu);font-size:14px;line-height:20px}
.kpi:hover span{color:var(--ac)}
.kpi:focus-visible{outline-offset:-2px}
.dash{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;align-items:start}
.agenda{padding:var(--s5) var(--s5) var(--s3)}
.agd{display:grid;grid-template-columns:70px minmax(0,1fr);gap:var(--s3);padding:14px 0;border-top:var(--hair)}
.agd:first-of-type{border-top:0}
.agd .dl{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.agd .dl small{font:600 11px/14px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.agd .dl span{font:500 30px/36px var(--serif);color:var(--ac)}
.agd.td .dl span{color:var(--terracota-texto)}
.agd.td .dl em{font:italic 500 13px/16px var(--serif);color:var(--terracota-texto)}
.agd.empty{padding:8px 0}.agd.empty .dl span{font-size:20px;line-height:24px;color:var(--mu)}.agd.empty .nev{color:var(--mu);font:italic 400 14px/24px var(--serif)}
.side{display:grid;gap:var(--s6);align-content:start}
.tasks .tk{display:block;width:100%;text-align:left;border:0;border-bottom:var(--hair);background:none;padding:16px 0}
.tasks .tk:last-child{border-bottom:0}
.tasks .tk b{display:block;font-size:15px;line-height:21px;margin-top:8px;color:var(--grafite)}
.tasks .tk small{display:block;color:var(--mu);font-size:13px;margin-top:3px}
.tasks .tk:hover b{color:var(--ac);text-decoration:none}
.bteaser{position:relative;overflow:hidden;background:var(--azul);color:#FCFAF7;border-radius:var(--r-lg);padding:28px 28px 24px}
.bteaser .wmk{position:absolute;right:-26px;bottom:-34px;opacity:.13;pointer-events:none}
.bteaser .k{font:600 11px/16px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dourado-claro)}
.bteaser h3{font:500 27px/33px var(--serif);margin:10px 0 14px;color:#FCFAF7}
.bteaser .st{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#D7DEE7}
.bteaser .st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dourado)}
.bteaser .ft{margin:18px 0 22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.bteaser .ft small{display:block;color:#AEBACB;font-size:12.5px}
.bteaser .ft strong{display:block;font:italic 500 20px/26px var(--serif);margin:4px 0 2px;color:#FCFAF7}

/* ===== Calendário ===== */
.ctl{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin:0 0 var(--s4)}
.ctl .seg{margin-left:auto}
.seg{border-color:var(--bd);background:var(--sf);border-radius:var(--r-pill);padding:3px}
.seg button{border-radius:var(--r-pill);min-height:34px;padding:0 18px;font-size:13.5px}
.mfb{display:none}
.wkv{grid-template-columns:minmax(0,1fr)!important}.wkv .calf{display:none}.ctl:has(+.calx.wkv) .mfb{display:inline-flex}
.wb[data-ov]{box-shadow:-3px 0 0 var(--sf),0 6px 14px -10px rgba(30,58,95,.5)}
.calx{grid-template-columns:208px minmax(0,1fr);gap:32px}
.calf{background:none;border:0;box-shadow:none;padding:4px 0 0}
.calh{font:500 19px/24px var(--serif)!important;color:var(--ac);margin:0 0 12px!important;padding-bottom:10px;border-bottom:var(--hair)}
.calf .cf{gap:10px;padding:5px 6px;font-size:13.5px;color:var(--grafite)}
.calf .cf .dt{display:none}
.calf .cf::before{content:"";width:16px;height:16px;border-radius:4px;border:1.5px solid var(--c,var(--bd-forte));background:color-mix(in srgb,var(--c,#fff) 12%,var(--sf));flex:none}
.calf .cf.on,.calf .cf.all.on{background:none}
.calf .cf.on::before{background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.calf .cf.all::before{--c:var(--azul)}
.calf .cf.all.on::before{background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--azul)}
.calf .og2{margin-top:24px}.calf .og2 select{width:100%;margin-top:4px}
.mo{border-color:var(--bd);box-shadow:var(--paper-sh)}
.mo .h{background:var(--sf);font-size:11px;letter-spacing:.14em;padding:12px 12px 10px}
.cl{min-height:128px;padding:8px 7px;background:var(--sf)}
.cl:nth-child(7n+6),.cl:nth-child(7n+7){background:color-mix(in srgb,var(--creme) 45%,var(--sf))}
.cl.o,.cl.o:nth-child(7n+6),.cl.o:nth-child(7n+7){background:color-mix(in srgb,var(--creme) 80%,var(--sf))}
.cl.o .n{color:#9AA09E}
.n{font:500 13px/1 var(--sans);min-width:28px;height:28px;margin-bottom:4px}
.ev{border-left-width:3px;border-radius:0 6px 6px 0;padding:4px 7px;margin-bottom:3px;font-size:12px;line-height:15px}
.ev b{font-weight:700;font-size:11px;color:color-mix(in srgb,var(--c) 55%,#1d1d1d)}
.more{font-size:12px;padding:2px 4px}
.wk{grid-template-columns:56px repeat(7,minmax(112px,1fr));border-color:var(--bd);box-shadow:var(--paper-sh)}
.wk .h{background:var(--sf);padding:10px 4px 12px;font-size:11px;letter-spacing:.14em}
.wk .h b{display:grid;margin:4px auto 0;width:36px;height:36px;font:500 20px/1 var(--serif);letter-spacing:0}
.wk .h.td b{background:var(--azul);color:#FCFAF7}
.hr{height:56px}.hr:first-child{transform:none;padding-top:2px}
.col{background:repeating-linear-gradient(var(--bd) 0 1px,transparent 1px 56px)}
.col:nth-child(n){}
.wb{border-left-width:3px;border-radius:0 7px 7px 0;padding:5px 7px;font-size:12px;line-height:15px;box-shadow:0 0 0 1px var(--sf)}
.wb b{font-weight:600;color:var(--grafite)}
.wb .wt{display:block;font-weight:700;font-size:11px;color:color-mix(in srgb,var(--c) 55%,#1d1d1d);margin-bottom:1px;font-variant-numeric:tabular-nums}
.wb .wp{display:block;color:var(--mu);font-size:11px;margin-top:2px}
.wb:hover,.wb:focus-visible{z-index:3;box-shadow:0 8px 20px -8px rgba(30,58,95,.45)}
.mdl{padding:var(--s5)}
.mdl .mh{display:flex;align-items:baseline;gap:10px;padding-bottom:12px;border-bottom:var(--hair);margin-bottom:6px}
.mdl .mh h2{font:500 24px/30px var(--serif);margin:0}
.mdl .mh span{color:var(--mu);font-size:13px}

/* ===== Central de Solicitações ===== */
.tb2{border-bottom:var(--hair);gap:var(--s5);margin:0 0 var(--s4)}
.tb2 button{padding:10px 0;font-size:15px;color:var(--mu);border-bottom-width:2px}
.tb2 .on{color:var(--ac);border-color:var(--dourado)}
.cnt{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;margin-left:8px;border-radius:10px;background:var(--azul);color:#FCFAF7;font-size:11.5px;font-weight:600;vertical-align:1px}
.tl-s{display:none}
.rqbar{display:flex;align-items:center;gap:var(--s3);margin:0 0 var(--s3)}
.rqbar .n{font:500 18px/24px var(--serif);color:var(--ac);min-width:0;height:auto;display:inline;padding:0;margin:0}
.rqbar select{border-color:transparent;background:transparent;color:var(--ac);font-weight:600;font-size:13.5px}
.rqbar select:hover{border-color:var(--bd)}
.tb{--cols:minmax(0,2.5fr) 128px 116px minmax(0,2fr) 120px;border-color:var(--bd);box-shadow:var(--paper-sh)}
.rw{min-height:84px;padding:14px 24px;column-gap:20px}
.rw.hd{background:var(--sf);min-height:46px;font-size:11px;letter-spacing:.14em}
.rw.hd:hover{background:var(--sf)}
.rw:hover{background:color-mix(in srgb,var(--creme) 60%,var(--sf))}
.c1 .dt{width:36px;height:36px;border-radius:10px;font-size:14px}
.c1 b{font-size:15px;line-height:21px}
.rw [role=cell] small{font-size:12.5px;line-height:18px;margin-top:2px}
.rw .c2 b,.rw .c3 b{font-size:14px}
.c4 .sit{margin-bottom:4px}
.cfl{display:flex!important;gap:5px;align-items:center}
.c5 .btn{min-width:96px}

/* ===== responsivo da v2 ===== */
@media(min-width:768px) and (max-width:1279px){:root{--page-x:32px}.dash{grid-template-columns:minmax(0,1fr);gap:var(--s6)}.side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.calx{grid-template-columns:180px minmax(0,1fr);gap:20px}.tb{--cols:minmax(0,2.2fr) 112px 104px minmax(0,1.8fr) 108px}.rw{padding:12px 16px;column-gap:14px}}
@media(max-width:900px){.side{grid-template-columns:minmax(0,1fr)}.calx{grid-template-columns:minmax(0,1fr);gap:0}}
.sheet .calf .chips{grid-template-columns:1fr!important;max-height:62vh;overflow:auto}.sheet .calf .cf{border:0!important;background:none!important;border-radius:var(--r);min-height:44px;font-size:15px}.sheet .calf .cf:hover{background:var(--bg)!important}
@media(max-width:767px){
  :root{--fs-h1:32px;--lh-h1:38px;--page-x:20px}
  main{padding:0 var(--page-x) 108px}
  .top{padding-top:10px}.demo{order:2;justify-content:center}
  .ph{padding:var(--s5) 0 var(--s4);gap:var(--s4)}.ph p{font-size:15px}.ph .rule{margin-top:16px}.ph .acts{width:100%}.ph .acts .btn{flex:1}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--s5)}
  .kpi{padding:16px 16px 16px}.kpi:nth-child(odd){border-left:0;padding-left:0}.kpi:nth-child(n+3){border-top:var(--hair)}
  .kpi b{font-size:38px}
  .dash{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .agenda{padding:var(--s4) var(--s4) var(--s2)}.agd{grid-template-columns:52px minmax(0,1fr);gap:var(--s2)}.agd .dl span{font-size:26px}
  .er2{flex-direction:row;gap:var(--s3);padding:10px 4px}.er2 .tm{min-width:46px;font-size:13px}
  .sh h2{font-size:22px}
  .ctl .seg{margin-left:0;order:-1;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .mfb{display:inline-flex}.calf{display:none}
  .cl{min-height:54px;padding:6px 2px;background:var(--sf)!important}
  .cl.sel{box-shadow:none}.cl.sel .n{background:color-mix(in srgb,var(--dourado) 30%,var(--sf));color:var(--ac)}.cl.td.sel .n{background:var(--azul);color:#FCFAF7;box-shadow:0 0 0 3px color-mix(in srgb,var(--dourado) 55%,transparent)}
  .cl .more{display:none}
  .mdl{margin-top:var(--s5);padding:var(--s4);scroll-margin-top:12px}
  .tb2{display:grid;grid-template-columns:repeat(3,auto);gap:0;justify-content:space-between;overflow:visible}
  .tb2 button{font-size:14px;padding:10px 4px;white-space:nowrap}
  .tl-l{display:none}.tl-s{display:inline}
  .rqbar .n{font-size:16px}
  .tb{border:0;background:none;box-shadow:none}
  .rw{padding:16px;border:var(--hair);border-radius:var(--r-lg);background:var(--sf);box-shadow:var(--paper-sh);row-gap:10px}
  .c1 .dt{width:32px;height:32px}
  .c5 .btn{min-width:0}
}

/* ===== ajustes da revisão ===== */
.wb.ln{padding:4px 6px}.wb.ln b{font-size:11.5px;line-height:14px}
@media(min-width:768px){.sheet{place-items:center;padding:var(--s4)}.sheet>div{max-width:460px;border-radius:var(--r-lg)}}
.sq{margin:36px var(--s3) 8px;font:italic 500 15px/21px var(--serif);color:#C9D3DF}
.sq span{display:block;width:28px;height:2px;background:var(--dourado);margin-bottom:12px}
@media(min-width:768px) and (max-width:1279px){.sq{display:none}}

/* =====================================================================
   ENCONTRO v3 — FIDELIDADE À IMAGEM APROVADA
   Prioridade: (1) imagem de referência, (2) manual, (3) tokens, (4) protótipo.
   Esta camada vem por último e redefine casca, início, calendário e Central.
   ===================================================================== */
:root{
  --pg:#FAF7F1;            /* área de conteúdo (mais clara que o creme, como no mockup) */
  --side-bg:#1B3352;       /* menu: azul profundo levemente mais escuro, como no mockup */
  --ink:#1F2B3B;           /* títulos: azul-grafite */
  --card:#FFFDF9;          /* cartões */
  --ln:#ECE6DC;            /* fios */
  --soft:#F1ECE4;          /* controles neutros (Hoje, setas, segmentado) */
  --sh1:0 1px 2px rgba(31,43,59,.04),0 6px 18px -10px rgba(31,43,59,.16);
  /* status (componente "Status" do mockup): pílula clara + círculo cheio com ícone branco */
  --st-ok:#4E9A68;--st-ok-bg:#DFEFE3;--st-ac:#6E90C4;--st-ac-bg:#E1E9F5;--st-wr:#D3A245;--st-wr-bg:#F8EBCD;--st-er:#CF6461;--st-er-bg:#F7DEDC;--st-dr:#8C8A84;--st-dr-bg:#ECE9E3;
}
body{background:var(--pg)}
.app{grid-template-columns:232px minmax(0,1fr)}

/* ---------- menu lateral (como no mockup) ---------- */
aside{background:var(--side-bg);padding:22px 14px;display:flex;flex-direction:column}
aside .lg{padding:4px 10px 22px;gap:12px}
aside .wm{font:500 21px/22px var(--serif);color:#F4EEE3;letter-spacing:0}
aside .church,aside .sq{display:none}
.chn{margin:-14px 10px 18px 60px;font:400 12px/16px var(--sans);color:#93A3B8}
aside h4{height:1px;margin:10px 12px;background:rgba(255,255,255,.08);font-size:0;color:transparent;overflow:hidden}
aside h4:first-of-type{display:none}
aside .nv{min-height:44px;margin-bottom:2px;padding:0 14px;border-radius:10px;gap:14px;font:400 14.5px/20px var(--sans);color:#DCE3EC}
aside .nv i svg{width:19px;height:19px;stroke-width:1.5}
aside .nv:hover:not([disabled]){background:rgba(255,255,255,.05)}
aside .nv.on{background:#2A4566;color:#fff;font-weight:500}
aside .nv.on::before{display:none}
aside .nv[disabled]{display:none}
aside .nv .ct{background:#C97F63;color:#fff}
.demo2{margin-top:auto;padding:16px 12px 4px;font:400 11.5px/16px var(--sans);color:#8FA0B5}

/* ---------- barra superior (busca + ícones + avatar) ---------- */
main{padding:0 40px 56px;max-width:1240px}
.top{border-bottom:0;margin:0 -40px 8px;padding:14px 40px;background:var(--card);box-shadow:0 1px 0 var(--ln)}
.top .demo{display:none}
.srch{display:flex;align-items:center;gap:10px;flex:1;max-width:420px;height:40px;padding:0 14px;border-radius:10px;background:var(--soft);color:#8A8780}
.srch input{border:0;background:none;min-height:0;padding:0;flex:1;font-size:13.5px;color:var(--tx)}
.srch input:focus-visible{outline:none}.srch:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--azul) 35%,transparent)}
.tools{gap:6px}
.dsel{font-size:12px;color:var(--mu);margin-right:8px}.dsel span{white-space:nowrap}.dsel select{min-height:32px;border-color:var(--ln);background:var(--card);font-size:12.5px}
.ib{border:0;background:none;width:40px;height:40px;color:#3B4656}.ib:hover{background:var(--soft)}
.who>div,.who .btn .sm{display:none}
.avt{width:40px;height:40px;font-size:12px}
.avt.pho{background-size:cover;background-position:center;color:transparent;box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--ln)}

/* ---------- títulos de página (mockup: Playfair + subtítulo cinza) ---------- */
.hd2{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 22px}
.hd2 h1{font:600 32px/40px var(--serif);color:var(--ink);letter-spacing:-.2px;margin:0}
.hd2 p{margin:4px 0 0;color:#6E6A63;font-size:14.5px}
.btn{border-radius:7px}
.btn.p{background:var(--azul);border-color:var(--azul);min-height:42px;padding:0 18px;gap:8px;font-weight:600}
.btn.p svg{width:16px;height:16px}
.btn.o{border:1px solid var(--azul);color:var(--azul);background:transparent}.btn.o:hover{background:color-mix(in srgb,var(--azul) 6%,transparent)}

/* ---------- indicadores (mockup: cartões claros com faixa colorida) ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stat{display:grid;grid-template-columns:4px 1fr;column-gap:14px;align-items:center;text-align:left;background:var(--card);border:0;border-radius:14px;box-shadow:var(--sh1);padding:18px 18px 16px;min-width:0}
.stat::before{content:"";grid-row:1/3;align-self:stretch;width:4px;border-radius:4px;background:var(--tc)}
.stat b{font:600 30px/34px var(--serif);color:var(--ink);font-variant-numeric:lining-nums}
.stat span{font-size:12.5px;line-height:17px;color:#6E6A63}
.stat:hover{box-shadow:0 1px 2px rgba(31,43,59,.05),0 10px 24px -12px rgba(31,43,59,.25)}

/* ---------- grade do início ---------- */
.dgrid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:22px;margin-top:28px;align-items:start}
.dside{display:grid;gap:22px;min-width:0}
.pane{background:var(--card);border-radius:14px;box-shadow:var(--sh1);padding:20px 22px 10px;min-width:0}
.ptl{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.ptl h2{font:600 17px/24px var(--sans);color:var(--ink);margin:0}
.ptl .lnk2,.ptl .cnt2{margin-left:auto}
.cnt2{font-size:12px;color:var(--mu)}
.lnk2{border:0;background:none;padding:0;color:var(--azul);font-weight:600;font-size:13px}
.lnk2:hover{text-decoration:underline;text-underline-offset:3px}

/* Próximos eventos: miniatura + título + data + etiqueta + origem */
.ue{display:grid;grid-template-columns:76px minmax(0,1fr) auto 92px;gap:18px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:12px 0;border-top:1px solid var(--ln);border-radius:0}
.ptl+.ue{border-top:0}
.ue:hover .ui b{text-decoration:underline;text-underline-offset:3px}
.th{display:block;width:76px;height:62px;border-radius:7px;background-size:cover;background-position:center;background-color:var(--c)}
.ui{display:flex;flex-direction:column;min-width:0;line-height:20px}
.ui b{font:600 15px/21px var(--sans);color:var(--ink);overflow-wrap:anywhere}
.ui span{font-size:13.5px;color:#5F5B55}
.mtag{justify-self:start;display:inline-flex;align-items:center;height:30px;padding:0 14px 0 12px;border-radius:7px;font-size:13px;color:#2E3440;background:color-mix(in srgb,var(--c) 30%,#fff);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--c) 85%,#000 0%);white-space:nowrap}
.uo{font-size:13px;color:#6E6A63;text-align:right}

/* Precisa da sua atenção */
.att{display:block;width:100%;text-align:left;border:0;background:none;border-top:1px solid var(--ln);padding:12px 0;border-radius:0}
.ptl+.att{border-top:0}
.att .sit{margin-bottom:6px}
.att b{display:block;font:600 14px/20px var(--sans);color:var(--ink);overflow-wrap:anywhere}
.att small{display:block;color:#6E6A63;font-size:12.5px;line-height:18px}
.att:hover b{text-decoration:underline;text-underline-offset:3px}

/* Boletim (mockup: capa escura com título em Playfair) */
.bolc2{background:var(--card);border-radius:14px;box-shadow:var(--sh1);overflow:hidden}
.bimg{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:150px;padding:18px 22px;background-size:cover;background-position:center;color:#FCFAF7}
.bimg .k{font:500 15px/18px var(--serif);letter-spacing:5px;text-transform:uppercase;opacity:.92}
.bimg .t{font:600 34px/36px var(--serif);letter-spacing:2px;text-transform:uppercase}
.bimg .s{font:500 10.5px/16px var(--sans);letter-spacing:2.4px;text-transform:uppercase;opacity:.85;margin-top:6px}
.bb{padding:16px 22px 20px}
.bb p{margin:10px 0 14px;display:flex;flex-direction:column}.bb p small{color:#6E6A63;font-size:12px}.bb p b{font:600 15px/21px var(--sans);color:var(--ink)}.bb p span{font-size:13px;color:#5F5B55}

/* ---------- status (mockup) ---------- */
.sit{gap:7px;font:500 12.5px/24px var(--sans);letter-spacing:0;text-transform:none;color:#2F3338;padding:0 12px 0 5px;border-radius:999px}
.sit::before{display:none}
.sit .si{flex:none}
.sit.ok{background:var(--st-ok-bg);color:#2F3338}.sit.ok .si circle{fill:var(--st-ok)}
.sit.ac{background:var(--st-ac-bg);color:#2F3338}.sit.ac .si circle{fill:var(--st-ac)}
.sit.wr{background:var(--st-wr-bg);color:#2F3338}.sit.wr .si circle{fill:var(--st-wr)}
.sit.er{background:var(--st-er-bg);color:#2F3338}.sit.er .si circle{fill:var(--st-er)}
.sit.draft{background:var(--st-dr-bg);color:#2F3338}.sit.draft .si circle{fill:var(--st-dr)}

/* ---------- calendário (mockup: painel único, filtros à esquerda) ---------- */
.calp{display:grid;grid-template-columns:196px minmax(0,1fr);grid-template-areas:"f t" "f m";background:var(--card);border-radius:16px;box-shadow:var(--sh1);overflow:hidden}
.calp>.calx{display:contents}
.calp .calf{grid-area:f;position:static;background:#F7F3EC;border:0;border-right:1px solid var(--ln);border-radius:0;box-shadow:none;padding:26px 18px}
.calp .calh{font:600 13.5px/20px var(--sans);color:var(--ink);margin:0 4px 14px;padding-bottom:12px;border-bottom:1px solid var(--ln)}
.calp .calf .chips{gap:4px}
.calp .calf .cf{min-height:32px;padding:3px 4px;border-radius:6px;font-size:13px;color:#4A4741;font-weight:400;gap:10px;background:none}
.calp .calf .cf:hover{background:rgba(31,43,59,.04)}
.calp .calf .cf .dt{width:16px!important;height:16px!important;border-radius:4px;font-size:0!important;background:color-mix(in srgb,var(--c) 26%,#fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 80%,#000 0%);color:transparent}
.calp .calf .cf.on{background:none;font-weight:500;color:var(--ink)}
.calp .calf .cf.on .dt{background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.calp .calf .cf.all{font-weight:500;color:var(--ink)}
.calp .calf .cf.all::before{width:16px;height:16px;border-radius:4px;border:1.5px solid #B9B3A8}
.calp .calf .cf.all.on::before{border-color:var(--azul)}
.calp .og2{margin-top:22px}
.calp .ctl{grid-area:t;display:flex;align-items:center;gap:10px;margin:0;padding:20px 22px 14px;flex-wrap:wrap}
.calp .ctl>*{order:5}
.calp .ctl [data-id="0"]{order:1}.calp .ctl [data-id="-1"]{order:2}.calp .ctl [data-id="1"]{order:3}.calp .ctl .mt{order:4}.calp .ctl .sp{order:6;flex:1}.calp .ctl .mfb{order:7}.calp .ctl .seg{order:8}
.calp .ctl .btn[data-id="0"]{background:var(--soft);border:0;min-height:38px;padding:0 16px;font-weight:600;color:var(--ink);border-radius:8px}
.calp .ctl .ibtn{background:var(--soft);border:0;width:34px;height:38px;border-radius:0;color:var(--ink);font-size:18px}
.calp .ctl [data-id="-1"]{border-radius:8px 0 0 8px;margin-right:-10px}.calp .ctl [data-id="1"]{border-radius:0 8px 8px 0}
.calp .ctl .mt{font:700 20px/26px var(--sans);color:var(--ink);margin:0 0 0 8px;letter-spacing:-.2px}
.calp .ctl .mfb{display:none}
.calp .seg{background:var(--soft);border:0;border-radius:9px;padding:3px}
.calp .seg button{min-height:34px;padding:0 20px;border-radius:7px;color:#3B4656;font-weight:500}
.calp .seg .on{background:var(--azul);color:#fff}
.calp .calm{grid-area:m;padding:0 22px 22px;min-width:0}
.calp .mo{border:1px solid var(--ln);border-radius:10px;box-shadow:none;background:var(--card)}
.calp .mo .h{text-align:center;background:none;font:600 12.5px/18px var(--sans);letter-spacing:0;text-transform:none;color:#3B4656;padding:12px 0;border-bottom:1px solid var(--ln)}
.calp .cl{min-height:118px;padding:8px 6px;border-color:var(--ln);background:var(--card)}
.calp .cl:hover{background:#FBF8F2}
.calp .cl.o{background:var(--card)}.calp .cl.o .n{color:#B9B3A8}
.calp .n{align-self:center;font:500 13px/1 var(--sans);color:#3B4656;min-width:28px;height:28px;margin-bottom:6px}
.calp .cl.td .n{background:var(--azul);color:#fff}
.calp .cl.sel{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--azul) 55%,transparent)}
.calp .ev{display:flex;flex-direction:column;gap:0;border:0;border-left:3px solid color-mix(in srgb,var(--c) 92%,#000 8%);background:color-mix(in srgb,var(--c) 30%,#fff);border-radius:6px;padding:5px 8px;margin-bottom:4px;font-size:12px;line-height:16px;color:#26303C;box-shadow:0 1px 1px rgba(31,43,59,.04)}
.calp .ev .et{order:-1;font-weight:600;-webkit-line-clamp:2}
.calp .ev b{font-weight:400;color:#3E4855}
.calp .ev .og{order:-2;align-self:flex-start;margin:0 0 2px}
.calp .more{color:var(--azul)}
.calp .wk{border:1px solid var(--ln);border-radius:10px;box-shadow:none;background:var(--card)}
.calp .wk .h{background:var(--card);color:#3B4656;text-transform:none;letter-spacing:0;font-weight:600;font-size:12.5px}
.calp .col{background:repeating-linear-gradient(var(--ln) 0 1px,transparent 1px 56px)}
.calp .wb{border-left:3px solid color-mix(in srgb,var(--c) 92%,#000 8%);background:color-mix(in srgb,var(--c) 30%,#fff);border-radius:6px;color:#26303C;box-shadow:0 1px 1px rgba(31,43,59,.05)}
.calp .wb b{order:-1}
.calp .wkv .calf{display:block}

/* ---------- Central de Solicitações (mesma linguagem) ---------- */
.tb2{border:0;background:var(--soft);display:inline-flex;gap:2px;padding:3px;border-radius:9px;margin:0 0 18px}
.tb2 button{min-height:36px;border:0;margin:0;padding:0 18px;border-radius:7px;color:#3B4656;font-weight:500}
.tb2 .on{background:var(--azul);color:#fff;border:0}
.tb2 .on .cnt{background:#fff;color:var(--azul)}
.tb{border:0;border-radius:14px;box-shadow:var(--sh1);background:var(--card)}
.rw{border-top:1px solid var(--ln);min-height:84px;padding:12px 22px}
.rw.hd{background:none;min-height:46px;font:600 12.5px/18px var(--sans);letter-spacing:0;text-transform:none;color:#3B4656}
.rw:hover{background:#FBF8F2}
.c1 .th{width:56px;height:46px;border-radius:6px;flex:none}
.c1 b{font:600 14.5px/20px var(--sans);color:var(--ink)}
.c5 .btn{border:1px solid var(--azul);color:var(--azul);background:transparent;min-height:34px;padding:0 14px;font-weight:600}
.c5 .btn:hover{background:color-mix(in srgb,var(--azul) 6%,transparent)}
.rqbar .n{font:500 14px/20px var(--sans);color:#5F5B55}

/* ---------- responsivo ---------- */
@media(min-width:768px) and (max-width:1279px){.chn{display:none}.app{grid-template-columns:76px minmax(0,1fr)}aside{padding:18px 10px}aside .nv{justify-content:center;padding:0}.demo2{display:none}.ue{grid-template-columns:64px minmax(0,1fr) auto}.uo{display:none}.th{width:64px;height:54px}}
@media(max-width:1100px){.dgrid{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.calp{display:block;background:none;box-shadow:none;border-radius:0;overflow:visible}.calp>.calx{display:block}.calp .calf{display:none}.calp .ctl{padding:0 0 12px}.calp .ctl .mfb{display:inline-flex;background:var(--card);border:1px solid var(--ln)}.calp .calm{padding:0}.calp .ctl .mt{width:100%;order:0;margin:0 0 4px;font:600 24px/30px var(--serif)}}
@media(max-width:767px){
  .app{grid-template-columns:minmax(0,1fr)}aside{display:none}
  .calp .ctl{gap:8px}.calp .ctl .seg{width:100%;order:9}.calp .ctl .seg button{flex:1;padding:0 8px}.calp .ctl .mfb{order:7}
  main{padding:0 16px 104px}.top{margin:0 -16px 4px;padding:10px 16px}.srch{display:none}.dsel{flex:1;margin:0}.dsel span{display:none}.dsel select{width:100%}
  .hd2{margin:18px 0 16px}.hd2 h1{font-size:28px;line-height:34px}.hd2 .btn.p{width:100%}
  .stats{gap:10px}.stat{padding:14px 14px 12px;column-gap:10px}.stat b{font-size:26px;line-height:30px}
  .pane{padding:16px 16px 6px}
  .ue{grid-template-columns:64px minmax(0,1fr);gap:12px;row-gap:6px}.th{width:64px;height:56px;grid-row:1/3}.mtag{grid-column:2;height:26px;font-size:12px;padding:0 10px}.uo{display:none}
  .bimg .t{font-size:28px}
  .calp .ev{padding:0}
  .calp .cl{min-height:56px;padding:4px 2px}.calp .n{margin-bottom:2px}
  .calp .cl .ev{display:inline-block;width:7px;height:7px;border:0;border-radius:50%;background:var(--c);margin:0 1px;box-shadow:none}
  .tb2{display:flex;width:100%}.tb2 button{flex:1;padding:0 8px}
  .rw{padding:14px 16px;border:0;border-radius:14px;box-shadow:var(--sh1);background:var(--card);margin-bottom:12px}
  .tb{background:none;box-shadow:none}
}

/* ajustes de fidelidade */
.calp .calf .calh{font:600 13.5px/20px var(--sans)!important;color:var(--ink);letter-spacing:0}
.calp .calf .cf{text-align:left;justify-content:flex-start}
.calp .ctl .btn.s[data-id="0"][data-a]{background:var(--soft);border:0;min-height:38px;padding:0 16px;font-weight:600;color:var(--ink);border-radius:8px}
.who{align-items:center}.who .avt{flex:none;width:40px!important;height:40px!important}
aside .nv[data-id="sem"]{display:none}
.calp.wkv{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "m"}.calp.wkv .calf{display:none!important}.calp.wkv .ctl .mfb{display:inline-flex;order:7;background:var(--card);border:1px solid var(--ln)}
.calp .wb.ln b{hyphens:manual;overflow-wrap:break-word;font-size:11.5px}

/* =====================================================================
   DEMONSTRAÇÃO INTERATIVA + INDICADOR "ACONTECENDO AGORA"
   ===================================================================== */
/* faixa de demonstração (sempre visível) */
.demobar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 16px;background:#2A2723;color:#EDE6DA;font:400 12.5px/18px var(--sans)}
.demobar b{font-weight:600;color:#fff}
.demobar .dd{width:8px;height:8px;border-radius:50%;background:var(--dourado);flex:none}
.dbt{border:1px solid rgba(255,255,255,.22);background:transparent;color:#F4EEE3;border-radius:7px;min-height:28px;padding:0 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dbt:hover{background:rgba(255,255,255,.08)}
.clki{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;position:relative}.clki::after{content:"";position:absolute;left:4.2px;top:1.5px;width:1.5px;height:4px;background:currentColor;box-shadow:1.5px 3px 0 -0px currentColor}
aside{top:36px;height:calc(100vh - 36px)}
/* indicador ACONTECENDO AGORA: vermelho só para "em andamento" */
.nowb{display:inline-flex;align-items:center;gap:6px;font:600 10px/18px var(--sans);letter-spacing:.9px;text-transform:uppercase;color:#A61E2B;background:#FBEAEA;border-radius:999px;padding:0 8px 0 7px;margin-left:6px;vertical-align:2px;white-space:nowrap}
.nowb i{width:7px;height:7px;border-radius:50%;background:#D42A38;flex:none;animation:ekk-pulso 2.2s ease-out infinite}
.nowb.c{margin:0 0 3px;font-size:9px;line-height:16px;padding:0 6px}
.ui .nowb{margin:3px 0 1px;align-self:flex-start}
.live{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font:700 9.5px/18px var(--sans);letter-spacing:1px;text-transform:uppercase;color:#fff;background:#A61E2B;border-radius:4px;padding:0 6px;vertical-align:2px}
.live::before{content:"";border-left:6px solid #fff;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
@keyframes ekk-pulso{0%{box-shadow:0 0 0 0 rgba(212,42,56,.45)}70%{box-shadow:0 0 0 6px rgba(212,42,56,0)}100%{box-shadow:0 0 0 0 rgba(212,42,56,0)}}
@media(prefers-reduced-motion:reduce){.nowb i,.nowc::before{animation:none}}
.calp .ev .nowc,.nowc{order:-3;display:flex;align-items:center;gap:4px;font:700 9px/13px var(--sans);font-style:normal;letter-spacing:.8px;text-transform:uppercase;color:#A61E2B;margin-bottom:1px}
.nowc::before{content:"";width:6px;height:6px;border-radius:50%;background:#D42A38;animation:ekk-pulso 2.2s ease-out infinite}
.calp .ev.now{box-shadow:0 0 0 1.5px rgba(212,42,56,.55),0 1px 1px rgba(31,43,59,.04)}
.wb .nowb{display:flex;width:max-content;max-width:100%}
/* folhas: notificações e simulação */
.ntfs>div{max-height:80vh;overflow:auto}
.ntf{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--ln);background:none;padding:12px 6px}
.ntf b{display:block;margin-top:6px;font:600 14px/20px var(--sans);color:var(--ink)}.ntf small{display:block;color:#6E6A63;font-size:12.5px}
.ntf:hover b{text-decoration:underline;text-underline-offset:3px}
.ib b{top:2px;right:2px}
.simtag{display:inline-block;margin:0 6px;font:600 10.5px/20px var(--sans);letter-spacing:.8px;text-transform:uppercase;color:#7F5A17;background:#FCF1DC;border:1px dashed #D3A245;border-radius:6px;padding:0 8px}
.sl{display:grid;gap:6px;margin:0 6px;font-size:12.5px;font-weight:600;color:var(--ink)}.sl select,.sl input{width:100%}
/* administrador e usuários */
.urow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--ln)}
.ptl+.urow{border-top:0}
.rw.ur{--cols:minmax(0,1.4fr) 150px 170px minmax(0,2fr) 120px}
.rw.ur .c1{gap:12px}
/* ministérios públicos */
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.mcard{background:var(--card);border-radius:14px;box-shadow:var(--sh1);overflow:hidden}
.mimg{height:150px;background-size:cover;background-position:center}
.mbody{padding:16px 18px 18px}
.mnx{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:12px 0 0}
.mnx small{color:#6E6A63;font-size:12px}.mnx b{font:600 15px/21px var(--sans);color:var(--ink)}.mnx span:last-child{font-size:13px;color:#5F5B55}
.mnx .nowb{margin:4px 0}
/* agenda pública */
.pubh{margin:24px 0 0;border-radius:16px;min-height:260px;display:flex;align-items:flex-end;padding:32px 36px;background-size:cover;background-position:center;color:#FCFAF7}
.pubh .k{font:500 12px/16px var(--sans);letter-spacing:3px;text-transform:uppercase;color:var(--dourado-claro)}
.pubh h1{font:600 40px/46px var(--serif);color:#FCFAF7;margin:6px 0 4px}
.pubh p{margin:0;color:#E6E0D7;font-size:15px}
.pubh .btn:not(.p){background:rgba(252,250,247,.12);border:1px solid rgba(252,250,247,.5);color:#FCFAF7}
.pubh .btn.p{background:#FCFAF7;color:var(--azul);border-color:#FCFAF7}
@media(max-width:767px){
  .demobar{padding:4px 10px;gap:6px;font-size:11.5px}.demobar .dtx,.demobar .lgtx{display:none}.demobar b{text-transform:capitalize}.dbt{padding:0 8px;font-size:11px}
  .pubh{padding:22px 18px;min-height:220px}.pubh h1{font-size:30px;line-height:36px}.pubh .bar .btn{flex:1 1 100%}
  .rw.ur{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:none}
}
@media(min-width:768px){.dr{top:36px}}

/* ===== ENCONTRO · ícones dos ministérios (biblioteca única, traço 1,5 arredondado, duotone discreto) ===== */
.mi{display:block;flex:none}
.mi .du{fill:currentColor;fill-opacity:.17;stroke:none}
.mic{--s:28px;display:inline-grid;place-items:center;width:var(--s);height:var(--s);border-radius:calc(var(--s)*.3);flex:none;font-style:normal;
  background:color-mix(in srgb,var(--c) 15%,#fff);color:color-mix(in srgb,var(--c) 80%,#1b2330);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,transparent)}
.mic .mi{width:64%;height:64%}
.mic.s{--s:20px;border-radius:6px}.mic.s .mi{width:72%;height:72%}
.mic.xs{--s:16px;background:none;box-shadow:none;border-radius:4px}.mic.xs .mi{width:100%;height:100%}
.mic.l{--s:44px;border-radius:12px}
.mic.xl{--s:64px;border-radius:18px}.mic.xl .mi{width:58%;height:58%}
.mic.th{position:absolute;left:5px;bottom:5px;--s:24px;border-radius:7px;background:rgba(255,255,255,.94);box-shadow:0 1px 3px rgba(18,30,48,.25)}
.th{position:relative}
/* quadradinho de identificação antigo agora carrega o ícone */
.dt .mi{width:68%;height:68%}
.dt{color:color-mix(in srgb,var(--c) 80%,#1b2330)}
.calp .calf .cf .dt .mi{display:none}
.cf .mic.s{margin-right:7px}
.cf{display:flex;align-items:center}
.cf>.dt:empty{display:none}
/* selos */
.mch i.mic{width:16px;height:16px;background:none;border-radius:4px}
.mch{padding-left:6px}
.mtag .mic.xs{margin-right:6px}
.pl .mic.xs{display:inline-grid;vertical-align:-3px;margin-right:5px;--s:15px}
/* calendário */
.ev .mic.xs{--s:13px;margin-right:3px;vertical-align:-2px;display:inline-grid}
.wb .wt .mic.xs{--s:12px;display:inline-grid;vertical-align:-2px;margin-right:4px}
.er2 .nm .mic.xs{display:inline-grid;vertical-align:-3px;margin-right:6px}
/* formulário de evento */
.msel{display:flex;align-items:center;gap:10px}.msel select{flex:1;min-width:0}.msel .mic{--s:40px;border-radius:11px}
/* ===== seletor no cadastro do ministério ===== */
.mnm>div{max-width:720px}
.icbtn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--bd);border-radius:12px;background:var(--sf);cursor:pointer;font:inherit;color:inherit;min-height:64px}
.icbtn:hover{border-color:color-mix(in srgb,var(--c) 55%,var(--bd))}
.icbtn:focus-visible{outline:2px solid #1E3A5F;outline-offset:2px}
.icbt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.icbt b{font-weight:600}.icbt small{color:var(--mu);font-size:12.5px}
.icbg{font-size:13px;font-weight:600;color:#1E3A5F;padding:6px 12px;border-radius:999px;background:#EEF2F7;white-space:nowrap}
.icsg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 2px}
.icchip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 7px;border-radius:999px;border:1px solid var(--bd);background:var(--sf);font:inherit;font-size:13px;color:inherit;cursor:pointer}
.icchip small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#8A6D2F;margin-left:2px}
.icchip.on{border-color:color-mix(in srgb,var(--c) 70%,#000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 70%,#000);background:color-mix(in srgb,var(--c) 8%,#fff)}
.icpn{margin-top:12px;border:1px solid var(--bd);border-radius:14px;background:#FBFAF7;padding:14px}
.icpvw{display:flex;align-items:center;gap:14px}
.icpt{display:flex;flex-direction:column;min-width:0}.icpt small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}.icpt b{font:500 20px/26px var(--serif)}
.icdemo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px;padding:10px;border-radius:10px;background:#fff;border:1px dashed var(--bd)}
.icev{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px 0 6px;border-radius:5px;font-size:12px;background:color-mix(in srgb,var(--c) 18%,#fff);box-shadow:inset 3px 0 0 var(--c)}
.icev .mic.xs{--s:13px}
.icsr{margin:10px 0 8px}.icsr input{width:100%}
.ictabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.ict{flex:none;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--bd);background:#fff;font:inherit;font-size:12.5px;color:inherit;cursor:pointer;white-space:nowrap}
.ict.on{background:#1E3A5F;border-color:#1E3A5F;color:#fff}
.icg{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;max-height:300px;overflow:auto;margin-top:6px;padding:2px}
.icgh{grid-column:1/-1;margin:10px 2px 2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:600}
.icgh:first-child{margin-top:2px}
.ici{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:10px;border:1px solid transparent;background:#fff;font:inherit;font-size:11.5px;line-height:14px;color:inherit;cursor:pointer;text-align:center}
.ici:hover{border-color:var(--bd)}
.ici .mic{--s:38px;border-radius:11px}
.ici.pv{border-color:#1E3A5F;box-shadow:inset 0 0 0 1px #1E3A5F}
.ici.sel::after{content:'atual';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#8A6D2F;margin-top:-3px}
.ici:focus-visible,.ict:focus-visible,.icchip:focus-visible{outline:2px solid #1E3A5F;outline-offset:2px}
.icft{margin-top:10px}
@media(max-width:767px){
  .icg{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:260px}
  .icbg{display:none}
  .icdemo>.mic:last-child{display:none}
  .ev .mic.xs{display:none}
}

/* ===== ENCONTRO · assistente de cadastro de ministérios (Etapa 1 · fatia 1) ===== */
.mwz>div{width:min(800px,100%);padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden}
.mwz form{padding:4px 28px 8px;overflow:auto;flex:1;min-height:0}
.wzh{display:flex;align-items:flex-end;gap:16px;padding:24px 28px 12px;border-bottom:1px solid var(--bd)}
.wzh>div{flex:1;min-width:0}.wzh small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.wzh h2{margin:2px 0 0;font:500 26px/32px var(--serif);overflow-wrap:anywhere}
.wzc{font-size:13px;color:var(--mu);white-space:nowrap}.wzc b{font-weight:500;color:var(--tx)}
.wzs{list-style:none;display:flex;gap:2px;margin:0;padding:12px 20px 0;overflow-x:auto;scrollbar-width:none}
.wzs li{flex:1 0 auto}
.wzh,.wzs,.wzbar,.wzf{flex:none}
.wzs button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 8px 10px;border:0;background:none;font:inherit;font-size:12.5px;color:var(--mu);cursor:pointer;border-radius:8px;white-space:nowrap}
.wzs button b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11.5px;font-weight:600;background:#EFE9DD;color:#5B5346;flex:none}
.wzs button.dn b{background:#E3ECE5;color:#3F6B4D}
.wzs button span{display:none}.wzs button.on span{display:inline}
.wzs button.on{color:var(--tx);font-weight:600}.wzs button.on b{background:#1E3A5F;color:#fff}
.wzs button:hover{background:#F4EFE6}
.wzs button:focus-visible{outline:2px solid #1E3A5F;outline-offset:-2px}
.wzbar{height:3px;margin:0 28px;background:#EFE9DD;border-radius:3px;overflow:hidden}.wzbar i{display:block;height:100%;background:linear-gradient(90deg,#1E3A5F,#C9A96B);transition:width .25s}
.wzf{padding:14px 28px 18px;border-top:1px solid var(--bd);margin:0;background:var(--sf)}
.wzi{margin:14px 0 4px;color:var(--mu);font-size:14px}
.wzh3{margin:22px 0 4px;font:600 13px/18px var(--sans,inherit);letter-spacing:.06em;text-transform:uppercase;color:#5B5346}
.req{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#A4553A;margin-left:6px;font-weight:600}
.mwz textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--bd);border-radius:10px;background:#fff;resize:vertical}
/* escolhas */
.rds{border:0;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.rds legend,.days legend{font-size:13px;font-weight:600;margin-bottom:6px;padding:0}
.rd{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff;margin:0}
.rd input{width:auto;margin-top:3px}.rd span{display:flex;flex-direction:column}.rd small{color:var(--mu);font-size:12px;font-weight:400}
.rd.on{border-color:#1E3A5F;box-shadow:inset 0 0 0 1px #1E3A5F;background:#F6F8FB}
.days{border:0;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.ck{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--bd);border-radius:999px;background:#fff;font-size:13.5px;cursor:pointer;margin:0}
.ck input{width:auto;margin:0}
.cks{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
/* equipe */
.team{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.trow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--bd);border-radius:12px;background:#FBFAF7}
.trow label{margin-top:0}
.tdel{height:40px}
/* cor */
.pal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.pal .sw{width:34px;height:34px;border-radius:50%;border:0;background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.pal .sw.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #1E3A5F}
.pal .sw:focus-visible{outline:2px solid #1E3A5F;outline-offset:3px}
.swc{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin:0 0 0 6px}.swc input{width:44px;height:34px;padding:2px}
p.er{color:var(--er)}
.imgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.imgph{border:1px dashed var(--bd);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;background:#FBFAF7}
.imgph span{font-weight:600;font-size:13.5px}.imgph small{color:var(--mu);font-size:12px;line-height:16px}
/* permissões */
.pmx{border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-top:10px}
.pr{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(0,1fr));align-items:center;border-top:1px solid var(--bd);min-height:46px}
.pr:first-child{border-top:0}.pr>span{padding:8px 12px;font-size:13.5px}.pr>span:not(:first-child){text-align:center}
.pr input{width:20px;height:20px}
.ph{background:#F4EFE6}.ph>span{font-size:12px;font-weight:600;color:#5B5346}
/* prévia da página */
.mpvc{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid var(--bd);background:#fff;padding:0 20px 18px}
.mpvh{display:flex;gap:16px;align-items:center;margin:0 -20px 12px;padding:22px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,#fff),color-mix(in srgb,var(--c) 8%,#FBFAF7))}
.mpvh small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 70%,#1b2330)}
.mpvh h3{margin:2px 0;font:500 26px/30px var(--serif)}.mpvh p{margin:0;color:#3d4450}
.mpvc h4{margin:16px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#5B5346}
.mpe{padding:8px 0;border-top:1px solid var(--bd);font-size:14px}
.mpvn{margin:14px 0 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8A6D2F}
/* resumo */
.smhead{display:flex;gap:16px;align-items:center;margin:16px 0 8px;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--c) 10%,#fff)}
.smhead h3{margin:0;font:500 24px/30px var(--serif)}.smhead p{margin:2px 0 0}
.sms{border-top:1px solid var(--bd);padding:10px 0}
.sms header{display:flex;align-items:center;justify-content:space-between}.sms h3{margin:0;font-size:15px}
.sms .kv{margin:6px 0 0}
.swd{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--c);vertical-align:-2px;margin-right:6px}
.al.er{border-left:3px solid var(--er);background:#FBEDEA;padding:10px 14px;border-radius:8px;margin:14px 0}
.al.er ul{margin:6px 0 0;padding-left:18px}
.lnk{border:0;background:none;padding:0;color:#1E3A5F;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
/* lista */
.mdraft{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;padding:12px 16px;border-radius:12px;background:#FBF4E6;border:1px solid #EAD9B5}
.mdraft>span{flex:1;min-width:220px;display:flex;gap:8px;align-items:center}
@media(max-width:767px){
  .mwz>div{max-height:94vh}
  .wzh{padding:18px 16px 10px}.wzh h2{font-size:22px;line-height:28px}.wzc{display:none}
  .wzs{padding:10px 10px 0}.wzs li{flex:0 0 auto}
  .wzbar{margin:0 16px}.mwz form{padding:4px 16px 8px}.wzf{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}
  .wzf{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wzf .sp{display:none}.wzf .btn{min-height:46px;margin:0}
  .wzf [data-a=mprev]{order:-2}.wzf .btn.p{order:-1}.wzf.one .btn.p{grid-column:1/-1}
  .trow{grid-template-columns:1fr 1fr}.trow>div:first-child,.trow>div:nth-child(2){grid-column:1/-1}.tdel{grid-column:1/-1}
  .imgs{grid-template-columns:1fr}
  .pr{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr))}.pr>span{padding:8px 6px;font-size:12.5px}.ph>span{font-size:10.5px}
  .mtb .c2{display:none}
}

/* ---------- monitores (≥1280px): barra superior em toda a largura e conteúdo centralizado ---------- */
@media(min-width:1280px){
  :root{--content:1240px}
  main{max-width:none}
  main>#v{max-width:var(--content);margin-inline:auto}
  .top{padding-inline:max(40px,calc((100% - var(--content)) / 2))}
  .app.lo main>#v{max-width:none}
}
@media(min-width:1600px){:root{--content:1400px}.calp{grid-template-columns:236px minmax(0,1fr)}}
@media(min-width:2000px){:root{--content:1600px}}
@media(min-width:2400px){:root{--content:1760px}}

/* ---------- login real (js/auth.js): camada por cima do app ---------- */
#auth.authl{position:fixed;inset:0;z-index:200;overflow:auto;background:var(--bg,#F8F4ED)}
#auth[hidden]{display:none}
html.auth-aberto{overflow:hidden}
#auth .login{min-height:100%}
#auth .agoogle{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;background:var(--card);border:1px solid var(--ln)}
#auth .agoogle:hover{background:var(--soft)}
#auth .adem{text-align:center;border-top:1px solid var(--bd);padding-top:12px;margin-top:24px}
#auth .ferr:empty{display:none}
#auth .lcard label{display:block}