/* =============================================================================
   CÍMBALOS — Design system (mobile-first)
   Fontes: Sora (títulos / marca) + Inter (texto / interface)
   ============================================================================= */
@font-face{font-family:"Sora";font-weight:600;font-display:swap;src:url(../fonts/sora-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Sora";font-weight:700;font-display:swap;src:url(../fonts/sora-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Sora";font-weight:800;font-display:swap;src:url(../fonts/sora-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-display:swap;src:url(../fonts/inter-latin-700-normal.woff2) format("woff2")}

:root{
  --indigo-900:#1A0F47; --indigo-800:#2B1B6B; --indigo-700:#3A2690;
  --violeta-600:#5B3FD1; --violeta-500:#7258E6; --violeta-100:#ECE8FB; --violeta-50:#F5F3FE;
  --ouro-600:#C98A06; --ouro-500:#E9A916; --ouro-300:#F7CE5B; --ouro-100:#FDF3D6;
  --tinta:#1C1733; --suave:#6B6585; --linha:#E6E3F0; --fundo:#F7F5FB; --superficie:#FFFFFF;
  --sucesso:#15803D; --sucesso-bg:#E7F6EC; --perigo:#C62828; --perigo-bg:#FDECEC; --alerta:#B45309; --alerta-bg:#FEF3E2; --info-bg:#EAF1FE; --info:#1D4ED8;
  --raio:14px; --raio-sm:10px; --sombra:0 1px 2px rgba(28,23,51,.06),0 4px 16px rgba(28,23,51,.06); --sombra-lg:0 12px 40px rgba(28,23,51,.16);
  --fonte:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --fonte-titulo:"Sora","Inter",system-ui,sans-serif;
  --topo:60px; --lateral:264px; --nav-inferior:64px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--fonte);font-size:15px;line-height:1.5;color:var(--tinta);background:var(--fundo);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--violeta-600);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--fonte-titulo);line-height:1.2;margin:0 0 .5em;color:var(--tinta);letter-spacing:-.01em}
h1{font-size:1.5rem} h2{font-size:1.2rem} h3{font-size:1.05rem}
p{margin:0 0 1em}
.ico{flex-shrink:0;vertical-align:middle}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.muted{color:var(--suave)} .small{font-size:.85rem} .center{text-align:center} .right{text-align:right} .nowrap{white-space:nowrap}
.mt{margin-top:16px}.mb{margin-bottom:16px}.mt0{margin-top:0}.mb0{margin-bottom:0}
.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .between{justify-content:space-between} .grow{flex:1}
.hide-mobile{display:none}

/* ---------------- Botões ---------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--raio-sm);border:1px solid transparent;
  background:var(--violeta-600);color:#fff;font:600 .95rem var(--fonte);cursor:pointer;text-decoration:none!important;transition:.15s;white-space:nowrap}
.btn:hover{background:var(--indigo-700)}
.btn:focus-visible,.campo input:focus-visible{outline:3px solid var(--ouro-300);outline-offset:2px}
.btn-sec{background:var(--superficie);color:var(--tinta);border-color:var(--linha)} .btn-sec:hover{background:var(--violeta-50)}
.btn-ouro{background:var(--ouro-500);color:var(--indigo-900)} .btn-ouro:hover{background:var(--ouro-300)}
.btn-perigo{background:var(--perigo)} .btn-perigo:hover{background:#9f1d1d}
.btn-sucesso{background:var(--sucesso)} .btn-sucesso:hover{background:#0f6b31}
.btn-link{background:none;color:var(--violeta-600);padding:8px;min-height:36px} .btn-link:hover{background:var(--violeta-50)}
.btn-sm{min-height:34px;padding:6px 12px;font-size:.85rem}
.btn-icone{width:40px;min-height:40px;padding:0;background:transparent;color:var(--suave);border-color:transparent} .btn-icone:hover{background:var(--violeta-50);color:var(--violeta-600)}
.btn-bloco{width:100%}
.btn[disabled]{opacity:.55;pointer-events:none}

/* ---------------- Formulários ---------------- */
.form-grid{display:grid;gap:14px;grid-template-columns:1fr}
.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo>label,.rotulo{font-weight:600;font-size:.88rem;color:var(--tinta)}
.campo .req{color:var(--perigo)}
input:not([type]),input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=url],input[type=search],input[type=color],select,textarea{
  width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--linha);border-radius:var(--raio-sm);background:#fff;font:400 16px var(--fonte);color:var(--tinta);transition:.15s}
input[type=color]{padding:4px;height:46px}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--violeta-500);box-shadow:0 0 0 3px var(--violeta-100)}
.campo.erro input,.campo.erro select{border-color:var(--perigo)}
.campo .ajuda{font-size:.8rem;color:var(--suave)}
.campo .msg-erro{font-size:.8rem;color:var(--perigo)}
.check{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;font-weight:500}
.check input{width:20px;height:20px;accent-color:var(--violeta-600)}
.input-icone{position:relative} .input-icone .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--suave)} .input-icone input{padding-left:40px}
.senha-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.acoes-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:20px}
.upload-preview{display:flex;align-items:center;gap:14px}
.upload-preview img{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid var(--linha);background:#fff}
fieldset{border:0;padding:0;margin:0 0 22px} legend{font:700 1rem var(--fonte-titulo);margin-bottom:12px;color:var(--indigo-800)}

/* ---------------- Cartões / blocos ---------------- */
.card{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);padding:18px;box-shadow:var(--sombra)}
.card+.card{margin-top:16px}
.card-titulo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.card-titulo h2,.card-titulo h3{margin:0}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.stat{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px}
.stat .rot{font-size:.8rem;color:var(--suave);font-weight:500}
.stat .num{font:700 1.4rem var(--fonte-titulo);margin-top:4px;color:var(--indigo-800)}
.stat.pos .num{color:var(--sucesso)} .stat.neg .num{color:var(--perigo)}
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--violeta-100);color:var(--indigo-700);white-space:nowrap}
.badge.ok{background:var(--sucesso-bg);color:var(--sucesso)} .badge.erro{background:var(--perigo-bg);color:var(--perigo)} .badge.alerta{background:var(--alerta-bg);color:var(--alerta)} .badge.cinza{background:#EFEDF4;color:var(--suave)} .badge.ouro{background:var(--ouro-100);color:var(--ouro-600)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--linha);background:#fff;font-size:.85rem}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--violeta-100);color:var(--indigo-700);display:inline-flex;align-items:center;justify-content:center;font:700 .9rem var(--fonte-titulo);overflow:hidden;flex-shrink:0}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.lg{width:88px;height:88px;font-size:1.6rem}
.vazio{text-align:center;padding:48px 16px;color:var(--suave)} .vazio .ico{color:var(--violeta-500);margin:0 auto 12px} .vazio h2{color:var(--tinta)}

/* ---------------- Alertas ---------------- */
.alerta{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--raio-sm);margin-bottom:14px;font-size:.92rem;background:var(--info-bg);color:var(--info)}
.alerta.sucesso{background:var(--sucesso-bg);color:var(--sucesso)} .alerta.erro{background:var(--perigo-bg);color:var(--perigo)} .alerta.aviso{background:var(--alerta-bg);color:var(--alerta)}
.badge.alerta{display:inline-flex;padding:3px 10px;margin:0;font-size:.75rem;border-radius:999px;gap:4px;align-items:center;background:var(--alerta-bg);color:var(--alerta)}
.toasts{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-inferior) + 12px);z-index:90;display:flex;flex-direction:column;gap:8px}
.toast{background:var(--tinta);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--sombra-lg);display:flex;gap:10px;align-items:center;animation:sobe .25s}
.toast.sucesso{background:var(--sucesso)} .toast.erro{background:var(--perigo)}
@keyframes sobe{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}

/* ---------------- Tabelas (viram cartões no celular) ---------------- */
.tabela-wrap{width:100%}
table.tabela{width:100%;border-collapse:collapse}
.tabela th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);text-align:left;padding:10px 12px;border-bottom:1px solid var(--linha);font-weight:600}
.tabela td{padding:12px;border-bottom:1px solid var(--linha);vertical-align:middle}
.tabela tr:hover td{background:var(--violeta-50)}
.tabela .acoes{white-space:nowrap;text-align:right}
.tabela tfoot td{font-weight:700;background:var(--fundo)}
@media (max-width:759px){
  table.resp thead{display:none}
  table.resp,table.resp tbody,table.resp tr,table.resp td{display:block;width:100%}
  table.resp tr{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);margin-bottom:10px;padding:8px 4px}
  table.resp td{border:0;padding:6px 12px;display:flex;justify-content:space-between;gap:12px;text-align:right}
  table.resp td::before{content:attr(data-l);font-weight:600;color:var(--suave);font-size:.8rem;text-align:left}
  table.resp td.principal{font-weight:600;font-size:1rem;text-align:left;justify-content:flex-start}
  table.resp td.principal::before{display:none}
  table.resp td.acoes{justify-content:flex-end;border-top:1px solid var(--linha);margin-top:4px;padding-top:8px}
  table.resp td.acoes::before{display:none}
  table.resp tr:hover td{background:none}
  table.resp tfoot tr{background:var(--fundo)}
}
.paginacao{display:flex;gap:6px;justify-content:center;margin-top:16px}
.paginacao a{min-width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--linha);background:#fff;color:var(--tinta)}
.paginacao a.ativo{background:var(--violeta-600);border-color:var(--violeta-600);color:#fff}

/* ---------------- Barra de filtros / abas ---------------- */
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:flex-end}
.filtros .campo{flex:1 1 160px}
.abas{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--linha);margin-bottom:18px;scrollbar-width:none}
.abas a{padding:10px 14px;white-space:nowrap;color:var(--suave);font-weight:600;border-bottom:3px solid transparent;text-decoration:none}
.abas a.ativo{color:var(--violeta-600);border-color:var(--violeta-600)}

/* ---------------- Layout do painel ---------------- */
.topo{position:sticky;top:0;z-index:40;height:var(--topo);background:var(--superficie);border-bottom:1px solid var(--linha);display:flex;align-items:center;gap:8px;padding:0 10px}
.topo .igreja{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.topo .igreja img,.topo .igreja .avatar{width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--linha)}
.topo .igreja strong{display:block;font:700 .95rem var(--fonte-titulo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topo .igreja span{display:block;font-size:.78rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topo .marca-cimbalos{height:28px}
.sino{position:relative}
.sino .contador{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:9px;background:var(--perigo);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
.lateral{position:fixed;inset:0 auto 0 0;width:min(86vw,var(--lateral));background:var(--indigo-900);color:#fff;z-index:60;transform:translateX(-102%);transition:transform .25s;display:flex;flex-direction:column;overflow-y:auto}
.menu-aberto .lateral{transform:none;box-shadow:var(--sombra-lg)}
.veu{position:fixed;inset:0;background:rgba(10,6,30,.45);z-index:55;display:none}
.menu-aberto .veu{display:block}
.lateral .marca{padding:18px 18px 10px;display:flex;align-items:center;justify-content:space-between}
.lateral .marca img{height:34px}
.lateral .usuario{display:flex;gap:10px;align-items:center;margin:6px 12px 10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none}
.lateral .usuario .avatar{background:var(--ouro-500);color:var(--indigo-900)}
.lateral .usuario small{display:block;color:#C9C2EA;font-size:.78rem}
.lateral nav{padding:4px 10px 20px;flex:1}
.lateral .secao{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#9C93C9;padding:14px 10px 6px;font-weight:700}
.lateral nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#E4E0F7;font-weight:500;text-decoration:none}
.lateral nav a:hover{background:rgba(255,255,255,.08)}
.lateral nav a.ativo{background:var(--violeta-600);color:#fff}
.lateral nav a.ativo .ico{color:var(--ouro-300)}
.lateral .rodape-menu{padding:10px;border-top:1px solid rgba(255,255,255,.1)}
.conteudo{padding:16px 14px calc(var(--nav-inferior) + 28px);max-width:1180px;margin:0 auto}
.cabecalho-pagina{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.cabecalho-pagina h1{margin:0;font-size:1.35rem}
.cabecalho-pagina .sub{color:var(--suave);font-size:.9rem;margin-top:2px}
.nav-inferior{position:fixed;left:0;right:0;bottom:0;height:var(--nav-inferior);background:var(--superficie);border-top:1px solid var(--linha);display:flex;z-index:45;padding-bottom:env(safe-area-inset-bottom)}
.nav-inferior a,.nav-inferior button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.7rem;font-weight:600;color:var(--suave);background:none;border:0;font-family:var(--fonte);text-decoration:none;position:relative}
.nav-inferior .ativo{color:var(--violeta-600)}
.nav-inferior .contador{position:absolute;top:6px;left:calc(50% + 4px);min-width:16px;height:16px;border-radius:8px;background:var(--perigo);color:#fff;font-size:.65rem;display:flex;align-items:center;justify-content:center;padding:0 3px}
.menu-usuario{position:relative}
.dropdown{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra-lg);min-width:220px;padding:6px;display:none;z-index:70}
.dropdown.aberto{display:block}
.dropdown a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;color:var(--tinta);text-decoration:none}
.dropdown a:hover{background:var(--violeta-50)}

/* ---------------- Tela inicial ---------------- */
.boas-vindas{background:linear-gradient(135deg,var(--indigo-800),var(--violeta-600));color:#fff;border-radius:18px;padding:22px;display:flex;gap:16px;align-items:center;position:relative;overflow:hidden}
.boas-vindas::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:26px solid rgba(247,206,91,.18)}
.boas-vindas h1{color:#fff;margin:0 0 4px;font-size:1.3rem}
.boas-vindas p{margin:0;opacity:.9}
.boas-vindas .logo-igreja{width:64px;height:64px;border-radius:16px;background:#fff;object-fit:contain;padding:4px;flex-shrink:0}
.atalhos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.atalho{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--tinta);font-weight:600;font-size:.82rem;text-align:center;text-decoration:none!important}
.atalho .ico-bg{width:44px;height:44px;border-radius:12px;background:var(--violeta-100);color:var(--violeta-600);display:flex;align-items:center;justify-content:center}
.atalho:hover{border-color:var(--violeta-500)}
.lista{list-style:none;margin:0;padding:0}
.lista li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linha)}
.lista li:last-child{border-bottom:0}
.lista .data-box{width:48px;text-align:center;flex-shrink:0;background:var(--violeta-50);border-radius:10px;padding:6px 0}
.lista .data-box b{display:block;font:700 1.15rem var(--fonte-titulo);color:var(--indigo-800);line-height:1}
.lista .data-box small{font-size:.7rem;text-transform:uppercase;color:var(--suave);font-weight:600}
.notif{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--linha);color:var(--tinta);text-decoration:none!important}
.notif.nova{background:var(--violeta-50)}
.notif .ico-bg{width:38px;height:38px;border-radius:10px;background:var(--violeta-100);color:var(--violeta-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.notif small{color:var(--suave)}

/* ---------------- Permissões ---------------- */
.perm-tabela td,.perm-tabela th{text-align:center}
.perm-tabela td:first-child,.perm-tabela th:first-child{text-align:left}
.perm-tabela input{width:22px;height:22px;accent-color:var(--violeta-600)}

/* ---------------- Escala ---------------- */
.grid-2-1{display:grid;gap:16px;align-items:start}
.escala-dia{border:1px solid var(--linha);border-radius:var(--raio);background:#fff;margin-bottom:14px;overflow:hidden}
.escala-dia .cab{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--violeta-50);border-bottom:1px solid var(--linha);flex-wrap:wrap}
.escala-dia .cab>.grow{flex:1 1 180px;min-width:0}
.escala-dia .corpo{padding:12px 14px;display:grid;gap:12px 18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.funcao-bloco .nome-funcao{font-weight:700;font-size:.85rem;color:var(--indigo-700);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}
.slot{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.slot select{flex:1}
.status-ponto{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#CFCBDD}
.status-ponto.aceito{background:var(--sucesso)} .status-ponto.recusado{background:var(--perigo)} .status-ponto.pendente{background:var(--ouro-500)}
.linha-dia{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;padding:10px;border:1px dashed var(--linha);border-radius:12px;margin-bottom:8px;background:#fff}
.linha-dia .desc{grid-column:1/-1}
.sortable-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid var(--linha);border-radius:12px;margin-bottom:8px}
.sortable-item .ordem{width:30px;height:30px;border-radius:8px;background:var(--violeta-100);color:var(--indigo-700);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ---------------- Agenda ---------------- */
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal .dow{font-size:.7rem;text-transform:uppercase;text-align:center;color:var(--suave);font-weight:700;padding:4px 0}
.cal .dia{min-height:54px;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:4px;font-size:.78rem;position:relative;cursor:pointer}
.cal .dia.fora{opacity:.4}
.cal .dia.hoje{border-color:var(--violeta-600);box-shadow:inset 0 0 0 1px var(--violeta-600)}
.cal .dia .n{font-weight:700}
.cal .pontos{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}
.cal .pontos i{width:7px;height:7px;border-radius:50%;display:block}
.cal .ev{display:none}

/* ---------------- Modal ---------------- */
dialog.modal{border:0;border-radius:18px;padding:0;width:min(560px,94vw);max-height:90vh;box-shadow:var(--sombra-lg)}
dialog.modal::backdrop{background:rgba(10,6,30,.5)}
.modal .m-cab{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--linha)}
.modal .m-cab h3{margin:0}
.modal .m-corpo{padding:18px;overflow-y:auto}

/* ---------------- Relatórios ---------------- */
.relatorio{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px;overflow-x:auto}
.relatorio table{width:100%;border-collapse:collapse;font-size:.9rem}
.relatorio th,.relatorio td{padding:8px 10px;border-bottom:1px solid var(--linha);text-align:left}
.relatorio td.v,.relatorio th.v{text-align:right;white-space:nowrap}
.relatorio tr.grupo td{background:var(--violeta-50);font-weight:700;color:var(--indigo-800)}
.relatorio tr.total td{font-weight:800;border-top:2px solid var(--tinta)}
.relatorio .cab-rel{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.relatorio .cab-rel img{height:48px}
.valor-pos{color:var(--sucesso)} .valor-neg{color:var(--perigo)}

/* ---------------- Barra de instalação (PWA) ---------------- */
.instalar{position:fixed;left:10px;right:10px;bottom:calc(var(--nav-inferior) + 10px);z-index:95;background:var(--indigo-900);color:#fff;border-radius:18px;padding:16px;box-shadow:var(--sombra-lg);display:none;gap:14px;align-items:center;animation:sobe .3s}
.instalar.visivel{display:flex}
.instalar img{width:48px;height:48px;border-radius:12px}
.instalar strong{font-family:var(--fonte-titulo)}
.instalar p{margin:2px 0 0;font-size:.85rem;color:#D8D2F3}
.instalar .acoes{display:flex;gap:6px;flex-direction:column}
body.publico .instalar{bottom:14px}

/* ---------------- Telas de autenticação ---------------- */
.auth{min-height:100vh;display:flex;flex-direction:column;background:var(--fundo)}
.auth-lado{display:none}
.auth-form{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 18px;max-width:480px;width:100%;margin:0 auto}
.auth-form .logo{height:44px;margin-bottom:26px}
.auth-form h1{font-size:1.5rem}
.passos{display:flex;gap:6px;margin:6px 0 22px}
.passos span{flex:1;height:6px;border-radius:3px;background:var(--linha)}
.passos span.feito{background:var(--violeta-600)}
.passos span.atual{background:var(--ouro-500)}
.passo-label{font-size:.8rem;font-weight:700;color:var(--violeta-600);text-transform:uppercase;letter-spacing:.06em}
.divisor{display:flex;align-items:center;gap:10px;color:var(--suave);font-size:.85rem;margin:18px 0}
.divisor::before,.divisor::after{content:"";flex:1;height:1px;background:var(--linha)}

/* ---------------- Impressão ---------------- */
@media print{
  .topo,.lateral,.nav-inferior,.nao-imprimir,.instalar,.toasts,.filtros,.abas{display:none!important}
  body{background:#fff} .conteudo{padding:0;max-width:none} .relatorio{border:0;padding:0}
}

/* ============ Tablet / desktop ============ */
@media (min-width:600px){
  .form-grid.c2{grid-template-columns:1fr 1fr}
  .form-grid.c3{grid-template-columns:repeat(3,1fr)}
  .form-grid.c4{grid-template-columns:repeat(4,1fr)}
  .form-grid.c6{grid-template-columns:repeat(6,1fr)}
  .form-grid .s2{grid-column:span 2} .form-grid .s3{grid-column:span 3} .form-grid .s4{grid-column:span 4} .form-grid .full{grid-column:1/-1}
  .form-grid.c2 .s3,.form-grid.c2 .s4,.form-grid.c3 .s4{grid-column:1/-1}
  .stats{grid-template-columns:repeat(4,1fr)}
  .atalhos{grid-template-columns:repeat(4,1fr)}
  .grid-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .toasts{left:auto;right:20px;width:380px}
  .instalar{left:auto;right:20px;width:420px}
  .linha-dia{grid-template-columns:160px 110px 110px 1fr auto}
  .linha-dia .desc{grid-column:auto}
  .cal .dia{min-height:92px}
  .cal .ev{display:block;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px;padding:1px 4px;margin-top:2px;color:#fff}
  .cal .pontos{display:none}
  .hide-mobile{display:initial}
  .conteudo{padding:24px 24px 40px}
}
@media (min-width:1024px){
  body.painel{padding-left:var(--lateral)}
  .lateral{transform:none;width:var(--lateral)}
  .lateral .fechar{display:none}
  .veu,.nav-inferior,.topo .btn-menu{display:none!important}
  .topo{padding:0 24px}
  .topo .marca-cimbalos{display:none}
  .toasts,.instalar{bottom:20px}
  .conteudo{padding:28px 32px 48px}
  .atalhos{grid-template-columns:repeat(6,1fr)}
  .auth{flex-direction:row}
  .auth-lado img{align-self:flex-start}
  .auth-lado{display:flex;flex:1;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,var(--indigo-900),var(--indigo-800) 55%,var(--violeta-600));color:#fff;padding:48px;position:relative;overflow:hidden}
  .auth-lado::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:70px solid rgba(247,206,91,.14);right:-180px;bottom:-160px}
  .auth-lado h2{color:#fff;font-size:2rem;max-width:460px}
  .auth-lado p{color:#D8D2F3;max-width:440px;font-size:1.05rem}
  .auth-lado .verso{font-style:italic;color:var(--ouro-300)}
  .auth-form{flex:0 0 520px;padding:48px}
}

/* ============ v2 ============ */
.lateral nav a.bloq{opacity:.62}
.lateral nav a.bloq .cadeado{margin-left:auto;color:var(--ouro-300)}
.lateral nav a.bloq:hover{opacity:1}
.alerta .grow{flex:1;min-width:0}
.alerta .btn{flex-shrink:0}
.alerta.aviso,.alerta.erro{align-items:center;flex-wrap:wrap}
.badge.info{background:var(--info-bg);color:var(--info)}
.grid-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.kpi-mini{display:flex;gap:6px;flex-wrap:wrap}
.barra{height:8px;border-radius:4px;background:var(--linha);overflow:hidden}
.barra>i{display:block;height:100%;background:var(--violeta-600);border-radius:4px}
.barra.ok>i{background:var(--sucesso)} .barra.alerta>i{background:var(--ouro-500)} .barra.erro>i{background:var(--perigo)}
.tag-conflito{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--perigo);background:var(--perigo-bg);border-radius:6px;padding:2px 6px}
.tag-indisp{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--alerta);background:var(--alerta-bg);border-radius:6px;padding:2px 6px}
.linha-tempo{list-style:none;margin:0;padding:0;position:relative}
.linha-tempo li{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--linha)}
.linha-tempo .hora{font:700 1rem var(--fonte-titulo);color:var(--indigo-800)}
.linha-tempo .hora small{display:block;font:500 .72rem var(--fonte);color:var(--suave)}
.pill-tipo{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--violeta-600)}
.plano-card{position:relative;border:2px solid var(--linha);border-radius:18px;padding:22px;background:#fff;display:flex;flex-direction:column;gap:10px}
.plano-card.destaque{border-color:var(--violeta-600);box-shadow:0 10px 30px rgba(91,63,209,.15)}
.plano-card.atual{border-color:var(--sucesso)}
.plano-card .preco{font:800 2rem var(--fonte-titulo);color:var(--indigo-800)}
.plano-card .preco small{font:500 .9rem var(--fonte);color:var(--suave)}
.plano-card ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.9rem}
.plano-card ul li{display:flex;gap:8px;align-items:flex-start}
.plano-card ul li .ico{color:var(--sucesso);margin-top:2px}
.plano-card .selo{position:absolute;top:-12px;left:22px;background:var(--ouro-500);color:var(--indigo-900);font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:999px}
.seg{display:inline-flex;background:var(--violeta-50);border-radius:12px;padding:4px;gap:4px}
.seg label{padding:8px 14px;border-radius:9px;cursor:pointer;font-weight:600;font-size:.9rem;color:var(--suave)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg input:checked+span{color:var(--indigo-800)}
.seg label:has(input:checked){background:#fff;box-shadow:var(--sombra);color:var(--indigo-800)}
.grafico{width:100%;overflow-x:auto}
.grafico svg{display:block;max-width:100%;height:auto}
.legenda{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--suave);margin-top:8px}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.cartao-membro{width:100%;max-width:420px;aspect-ratio:1.586;border-radius:18px;background:linear-gradient(135deg,var(--indigo-900),var(--indigo-800) 55%,var(--violeta-600));color:#fff;padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--sombra-lg);display:flex;flex-direction:column}
.cartao-membro::after{content:"";position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;border-radius:50%;border:30px solid rgba(247,206,91,.18)}
.cartao-membro .topo-cm{display:flex;align-items:center;gap:10px}
.cartao-membro .topo-cm img{width:38px;height:38px;border-radius:10px;background:#fff;object-fit:contain;padding:2px}
.cartao-membro .corpo-cm{display:flex;gap:14px;align-items:flex-end;margin-top:auto;position:relative;z-index:1}
.cartao-membro .foto-cm{width:74px;height:92px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font:700 1.4rem var(--fonte-titulo);flex-shrink:0}
.cartao-membro .qr-cm{background:#fff;border-radius:10px;padding:5px;width:84px;height:84px;margin-left:auto;flex-shrink:0}
.cartao-membro .qr-cm canvas,.cartao-membro .qr-cm img,.cartao-membro .qr-cm svg{width:100%;height:100%}
.cartao-membro small{color:#D8D2F3;font-size:.72rem;display:block}
.chips-sel{display:flex;flex-wrap:wrap;gap:6px}
.chips-sel label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linha);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:.85rem;background:#fff}
.chips-sel input{accent-color:var(--violeta-600)}
.chips-sel label:has(input:checked){border-color:var(--violeta-600);background:var(--violeta-50);color:var(--indigo-800);font-weight:600}
.feed-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha);color:var(--tinta);text-decoration:none!important}
.feed-item img{width:96px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0}
.feed-item .ico-bg{width:48px;height:48px;border-radius:12px;background:var(--violeta-100);color:var(--violeta-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ao-vivo{display:inline-flex;align-items:center;gap:6px;background:var(--perigo);color:#fff;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700;letter-spacing:.05em}
.ao-vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pisca 1s infinite}
@keyframes pisca{50%{opacity:.2}}
.video-wrap{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.codigo-grande{font:800 2.4rem var(--fonte-titulo);letter-spacing:.2em;color:var(--indigo-800)}
.mapa{height:360px;border-radius:var(--raio);border:1px solid var(--linha);z-index:1}
.prose{line-height:1.7}
.prose h2,.prose h3{margin-top:1.2em}
.prose img{border-radius:12px;margin:12px 0}
.aviso-cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:120;background:var(--indigo-900);color:#fff;border-radius:16px;padding:16px;box-shadow:var(--sombra-lg);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.9rem}
.aviso-cookies a{color:var(--ouro-300)}
body.painel .aviso-cookies{bottom:calc(var(--nav-inferior) + 12px)}
@media (min-width:600px){.aviso-cookies{left:auto;right:20px;max-width:460px}}
@media (min-width:1024px){body.painel .aviso-cookies{bottom:20px}}

/* ---- ajuda: faixa de primeira visita e atalho fixo para o guia da tela ---- */
.aj-dica{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--violeta-50);border:1px solid var(--violeta-500);border-radius:14px;padding:14px 16px;margin-bottom:16px;color:var(--indigo-800)}
.aj-dica p{margin:2px 0 0;font-size:.9rem;color:var(--indigo-700);line-height:1.45}
.aj-dica .grow{min-width:220px}
.aj-dica .aj-fechar{background:none;border:0;cursor:pointer;color:var(--indigo-700);padding:4px;line-height:0;border-radius:8px}
.aj-dica .aj-fechar:hover{background:var(--violeta-100)}
.aj-flutua{position:fixed;right:18px;bottom:18px;z-index:40;display:inline-flex;gap:7px;align-items:center;background:var(--superficie);border:1px solid var(--linha);border-radius:999px;padding:10px 16px;color:var(--indigo-800);font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:var(--sombra-lg)}
.aj-flutua:hover{border-color:var(--violeta-500);background:var(--violeta-50)}
@media (max-width:900px){.aj-flutua{bottom:calc(var(--nav-inferior) + 14px);padding:10px 13px}.aj-flutua span{display:none}}
@media print{.aj-flutua,.aj-dica{display:none!important}}

/* ---- passo a passo do primeiro acesso ---- */
.tour-veu{position:fixed;inset:0;background:rgba(18,12,42,.62);z-index:900;opacity:0;transition:opacity .2s}
.tour-veu.on{opacity:1}
.tour-furo{position:fixed;z-index:901;border-radius:12px;box-shadow:0 0 0 4px var(--ouro,#E8B341),0 0 0 9999px rgba(18,12,42,.62);transition:all .25s ease;pointer-events:none}
.tour-balao{position:fixed;z-index:902;max-width:330px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 50px rgba(18,12,42,.35)}
.tour-balao h3{margin:0 0 6px;font-size:1.05rem}
.tour-balao p{margin:0;font-size:.92rem;line-height:1.6;color:var(--suave)}
.tour-balao .acoes{display:flex;align-items:center;gap:8px;margin-top:16px}
.tour-balao .passos{font-size:.8rem;color:var(--suave);margin-right:auto}
.tour-centro{position:fixed;z-index:902;left:50%;top:50%;transform:translate(-50%,-50%);max-width:380px;width:calc(100% - 32px)}
@media (max-width:620px){
  .tour-balao{max-width:none;width:calc(100% - 24px);left:12px!important;right:12px}
  /* o balão central já é posicionado por left/width aqui; manter o translate
     horizontal jogava ele para fora da tela no celular. */
  .tour-centro{transform:translateY(-50%)}
}