:root{--bg:#f4f5f8;--card:#fff;--txt:#1b1f2a;--mut:#6b7385;--bord:#e1e4ec;--pri:#C9973A;--pri-t:#040D1A;--side:#fff;--hover:#eef0f8;--err:#c62828;--ok:#1b8a4b}
:root[data-tema=escuro]{--bg:#0f1117;--card:#181b24;--txt:#e8eaf2;--mut:#8b93a7;--bord:#2a2f3d;--pri:#C9973A;--pri-t:#040D1A;--side:#141720;--hover:#1f2331;--err:#ff6b6b;--ok:#4cd68a}
*{box-sizing:border-box}
body{margin:0;font:15px/1.5 system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--txt)}
button,input,select,textarea{font:inherit;color:inherit}
h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:0 0 12px}
.mut{color:var(--mut)}
.btn{background:var(--pri);color:var(--pri-t);border:0;border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:600}
.btn.sec{background:transparent;color:var(--txt);border:1px solid var(--bord)}
.btn.perigo{background:transparent;color:var(--err);border:1px solid var(--err)}
.btn.peq{padding:5px 10px;font-size:13px}
.btn:hover{filter:brightness(1.08)}
input,select,textarea,.sel-btn{width:100%;padding:9px 11px;border:1px solid var(--bord);border-radius:8px;background:var(--card);display:block}
input:focus,select:focus,textarea:focus,.sel-btn:focus-visible{outline:2px solid var(--pri);outline-offset:-1px}
label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px}
.erro{color:var(--err);font-size:14px;min-height:20px;margin-top:10px}

/* login */
.login{min-height:100vh;display:grid;place-items:center;padding:16px}
.login .box{width:100%;max-width:380px;background:#040D1A;color:#fff;border:1px solid #040D1A;border-radius:14px;padding:32px}
.login .box label{color:#fff}
.login .box .mut{color:rgba(255,255,255,.7)}
.login .box .centro{text-align:center;margin:18px 0 4px}
.login .box .erro{color:#ff9b9b}
.marca-login{display:block;height:92px;width:auto;margin:0 auto 14px}
.titulo-login{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:25px;line-height:1.2;text-align:center}
.versao-login{font-family:system-ui,Segoe UI,sans-serif;font-size:11px;font-weight:400;letter-spacing:.06em;text-align:center;color:rgba(255,255,255,.7);margin-top:8px}
.logo{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:26px;letter-spacing:0;margin-bottom:2px;color:var(--pri)}.logo b{color:#040D1A}
:root[data-tema=escuro] .logo b{color:var(--txt)}
.marca-un{display:block;width:56px;height:56px;margin-bottom:8px}
.side .marca-un{margin:0 auto 8px}
.versao{font-family:system-ui,Segoe UI,sans-serif;display:block;margin:2px 0 0;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.login .btn{width:100%;margin-top:16px}

/* shell */
.shell{display:grid;grid-template-columns:160px 1fr;min-height:100vh}
.side{background:var(--side);border-right:1px solid var(--bord);padding:20px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}
.side .logo{padding:0 10px 16px;text-align:center}
.side a{display:flex;align-items:center;gap:8px;padding:5px 8px;font-size:14px;line-height:1.3;border-radius:8px;color:var(--txt);text-decoration:none}
.side a .ico-menu{flex:none;color:var(--pri)}
.side a .ico-menu.neutro{color:inherit}
.side a.ativo .ico-menu{color:var(--pri-t)}
.side a:hover{background:var(--hover)}
.side a.ativo{background:var(--pri);color:var(--pri-t);font-weight:600}
.linha-menu{height:1px;background:var(--bord);margin:8px 4px;flex:none}
.grupo-base{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:2px}
.grupo-base .linha-menu{margin-top:0}
.grupo-base + .identidade{margin-top:18px}
.main{display:flex;flex-direction:column;min-width:0}
/* identificação do usuário: base do menu lateral */
.identidade{margin:auto -12px -20px;background:#0A192F;color:#fff;padding:12px 12px 14px}
.identidade .quem{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;line-height:1.3;margin-bottom:10px;font-size:14px}
.identidade .quem strong{font-weight:600;overflow-wrap:anywhere}.identidade .quem span{font-weight:400;font-size:12px;color:rgba(255,255,255,.7)}
.acoes-id{display:flex;gap:8px}
.identidade .btn.sec{color:#fff;border-color:rgba(255,255,255,.45)}.identidade .btn.sec:hover{background:rgba(255,255,255,.12);filter:none}
.identidade #sair{flex:1}
.icone-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;padding:0}
.icone-btn::after{content:attr(data-legenda);position:absolute;left:0;bottom:calc(100% + 8px);background:#fff;color:#0A192F;font-size:12px;font-weight:500;white-space:nowrap;padding:5px 9px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .12s;z-index:20}
.icone-btn:hover::after,.icone-btn:focus-visible::after{opacity:1}
.conteudo{padding:clamp(16px,2.2vw,32px);width:100%;min-width:0}
.vazio{margin-top:20px;border:2px dashed var(--bord);border-radius:12px;padding:56px 20px;text-align:center;color:var(--mut)}
.card{background:var(--card);border:1px solid var(--bord);border-radius:12px;padding:20px;margin-top:20px}
.linha{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

/* toggle */
.toggle{position:relative;width:48px;height:26px;background:var(--bord);border-radius:99px;border:0;cursor:pointer;padding:0;flex:none}
.toggle::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.toggle[aria-checked=true]{background:var(--pri)}
.toggle[aria-checked=true]::after{left:25px}

/* tabela */
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--bord);font-size:14px}
th{color:var(--mut);font-weight:600}
td.acoes{text-align:right;white-space:nowrap}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--hover)}
.tag.off{color:var(--err)}.tag.on{color:var(--ok)}
.tabela-wrap{overflow-x:auto}

/* modal */
.fundo{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:16px;z-index:10}
.modal{background:var(--card);border-radius:14px;padding:24px;width:100%;max-width:440px;border:1px solid var(--bord)}
.modal .rodape{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.check{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:500}.check input{width:auto}

.faixa{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 28px;background:#f59e0b;color:#1b1f2a;font-size:14px}
.acoes-faixa{display:flex;gap:16px;flex-wrap:wrap}
.faixa .btn.sec{color:#1b1f2a;border-color:#1b1f2a}.faixa .btn:not(.sec){background:#1b1f2a;color:#fff}
.visualizando .side{top:48px;height:calc(100vh - 48px)}
@media(max-width:760px){
 .shell{grid-template-columns:1fr}
 .identidade{width:calc(100% + 24px);margin:8px -12px -20px}
 .side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--bord)}
 .side .logo,.side .linha-menu{width:100%}
 .grupo-base{margin-top:0;width:100%;flex-direction:row;flex-wrap:wrap;padding-top:8px}
 .conteudo{padding:16px}
}

/* cadastro de empresas */
h3{font-size:15px;margin:20px 0 8px}
.modal.larga{max-width:700px;max-height:92vh;overflow-y:auto}
.grade{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.grade .span2{grid-column:1/-1}
.aviso{margin-top:8px;padding:8px 12px;border-radius:8px;font-size:14px;background:var(--hover);color:var(--txt)}
.aviso.falha{background:rgba(245,158,11,.16);border:1px solid #f59e0b}
.senha-temp{margin:16px 0 10px;padding:14px;text-align:center;font:700 24px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em;background:var(--hover);border-radius:10px;user-select:all}
.faixa-aviso{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 28px;background:rgba(245,158,11,.16);border-bottom:1px solid #f59e0b;font-size:14px}
@media(max-width:760px){.grade{grid-template-columns:1fr}.faixa-aviso{padding:8px 16px}}

/* portal do membro */
.nome-empresa{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:32px;line-height:1.15;letter-spacing:0;margin:2px 0 0}
.acoes-emp{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#trocaEmp{width:auto;max-width:240px}
.btn.alerta{display:inline-flex;align-items:center;gap:8px;background:#c62828;color:#fff}
:root[data-tema=escuro] .btn.alerta{background:#e5484d}
.abas{display:flex;gap:4px;border-bottom:1px solid var(--bord);margin:-6px 0 22px}
.abas a{padding:10px 18px;color:var(--mut);font-weight:600;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.abas a:hover{color:var(--txt)}.abas a.ativa{color:var(--txt);border-bottom-color:var(--pri)}
.abas-linha{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--bord);margin:-6px 0 22px}
.abas-linha .abas{border:0;margin:0}
.tema-toggle{display:flex;align-items:center;gap:10px;padding-top:10px;font-size:13px;font-weight:600;color:var(--mut)}
.nota-onboard{margin:12px 4px 0;font-size:13px}
#msg:empty{display:none}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}
.jornada{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:4px}
.etapa-card{background:var(--hover);border:1px solid var(--bord);border-radius:12px;padding:16px 18px}
.etapa-card .num{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:26px;line-height:1;color:var(--pri);margin-bottom:10px}
.etapa-card strong{display:block;margin-bottom:4px}
@media(max-width:760px){.duas{grid-template-columns:1fr}}

/* modal da empresa: leitura x edição */
fieldset{border:0;padding:0;margin:0;min-width:0}
fieldset:disabled input,fieldset:disabled select,fieldset:disabled .sel-btn,input[readonly]{background:var(--hover);color:var(--txt);-webkit-text-fill-color:var(--txt);opacity:1}
fieldset:disabled input,fieldset:disabled select,fieldset:disabled .sel-btn{cursor:default}
.topo{align-items:center;margin-bottom:6px}
.titulo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.titulo h2{margin:0}
.lista-check{max-height:220px;overflow-y:auto;border:1px solid var(--bord);border-radius:8px;padding:2px 12px}
.lista-check .check{margin-top:10px;margin-bottom:10px;align-items:flex-start}
.lista-emp{list-style:none;margin:0;padding:0;border:1px solid var(--bord);border-radius:8px}
.lista-emp li{padding:9px 12px;border-bottom:1px solid var(--bord)}.lista-emp li:last-child{border-bottom:0}
.link-emp{background:none;border:0;padding:0;color:var(--txt);font-weight:600;text-decoration:underline;text-decoration-color:var(--pri);text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer}
.link-emp:hover{color:var(--pri)}

/* ---------- Plano de ROI e Ações ---------- */
.serif{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:0}
.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:600}
.eyebrow.dourado{color:var(--pri)}
.peq{font-size:13px}
.terra-txt{color:#a6481e}.verde-txt{color:#1f7a4d}.perigo-txt{color:var(--err)}
:root[data-tema=escuro] .terra-txt{color:#f08b62}:root[data-tema=escuro] .verde-txt{color:#4cd68a}
.titulo-plano{font-size:30px;line-height:1.15;margin:4px 0 2px}
.barra-emp{margin-top:0;margin-bottom:-6px;font-size:14px}
.sel-emp{width:auto;max-width:260px;padding:6px 10px}
h1.serif,h2.serif{font-weight:600}
h2.serif{font-size:22px;margin:4px 0 14px}

/* barras */
.barra{height:6px;background:var(--bord);border-radius:99px;overflow:hidden;flex:none;width:100%}
.ini-prog .barra,.ciclo-prog .barra{flex:1;width:auto}
.barra i{display:block;height:100%;border-radius:99px;transition:width .3s}
.barra i.ouro{background:var(--pri)}.barra i.verde{background:#2f8f5b}.barra i.terra{background:#b5481f}.barra i.navy{background:#0A192F}
:root[data-tema=escuro] .barra i.navy{background:#e8eaf2}
.ciclo-prog{display:flex;align-items:center;gap:14px;margin-top:14px}

/* selos, etiquetas e badges */
.selos{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.selo,.pill,.badge{display:inline-block;padding:3px 11px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}
.selo.verde,.badge.verde{background:#dff1e7;color:#1f6b45}.selo.cinza,.badge.cinza{background:var(--hover);color:var(--mut)}
.badge.azul,.pill.azul{background:#e4ecf8;color:#2b4a7a}.badge.laranja,.pill.laranja{background:#fbe5d8;color:#a6481e}
.pill.escuro{background:#0A192F;color:#fff}.pill.areia{background:#efe5cf;color:#6d5320}
:root[data-tema=escuro] .selo.verde,:root[data-tema=escuro] .badge.verde{background:rgba(76,214,138,.16);color:#7ee0aa}
:root[data-tema=escuro] .badge.azul,:root[data-tema=escuro] .pill.azul{background:rgba(124,160,230,.18);color:#a9c2f0}
:root[data-tema=escuro] .badge.laranja,:root[data-tema=escuro] .pill.laranja{background:rgba(240,139,98,.18);color:#f3a98a}
:root[data-tema=escuro] .pill.escuro{background:#e8eaf2;color:#0A192F}:root[data-tema=escuro] .pill.areia{background:rgba(201,151,58,.2);color:#e3c58a}

/* grades de cartões */
.grade-cards{display:grid;gap:20px;margin-top:20px}
.grade-cards > .card{margin-top:0}
.grade-cards.trio{grid-template-columns:1fr 1fr 1.1fr}
.grade-cards.tres{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.grade-cards.quatro{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px}
.grade-cards.dois{grid-template-columns:1fr 1fr}
.grade4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.grade-cards.trio,.grade-cards.dois{grid-template-columns:1fr 1fr}.grade-cards.quatro{grid-template-columns:1fr 1fr}.grade4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.grade-cards.trio,.grade-cards.dois,.grade-cards.tres,.grade-cards.quatro,.grade4{grid-template-columns:1fr}}
.kv td{border-bottom:1px solid var(--bord);padding:8px 6px;vertical-align:top}.kv tr:last-child td{border-bottom:0}.kv td:first-child{width:38%}
.bloco-txt{padding:8px 0;border-bottom:1px solid var(--bord)}.bloco-txt:last-child{border-bottom:0}
.card.escuro{background:#0A192F;border-color:#0A192F;color:#fff}
.meta-texto{font-size:24px;line-height:1.35;margin:10px 0 0;font-weight:600}
.num-card{background:var(--hover);border:1px solid var(--bord);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.num-card .valor{font-size:20px}.num-card .valor .meta{color:var(--pri);font-size:15px;font-weight:600}
.num-card .grande,.grande{font-size:30px;line-height:1}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{background:var(--hover);padding:5px 12px;border-radius:99px;font-size:13px;font-weight:600}

/* mapa do plano */
.mapa-topo{align-items:flex-end}.link-ver{color:var(--txt);font-weight:600;text-decoration:underline;text-decoration-color:var(--pri);text-underline-offset:3px;margin-right:8px}
.mapa{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start;margin-top:8px}
.mapa-col{min-width:0}
.obj-card{background:var(--hover);border:1px solid var(--bord);border-radius:14px;padding:16px 18px;cursor:pointer;display:flex;flex-direction:column;gap:6px}
.obj-card.escuro{background:#0A192F;border-color:#0A192F;color:#fff}
.obj-card.escuro .barra{background:rgba(255,255,255,.2)}
.obj-num{font-size:30px;color:var(--pri);line-height:1}.obj-titulo{font-size:17px}.obj-sub{opacity:.75;margin-bottom:6px}
.obj-acoes{margin:8px 0 0}
.ini-lista{margin:12px 0 0 14px;padding-left:14px;border-left:2px solid var(--pri);display:flex;flex-direction:column;gap:12px}
.ini-card{background:var(--card);border:1px solid var(--bord);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:5px}
.ini-prog{display:flex;align-items:center;gap:10px;margin-top:4px}
.ini-acoes summary{cursor:pointer;color:var(--mut);font-size:13px;margin-top:4px}
.acao-linha{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px;margin:0;font-weight:400}
.acao-linha input{width:auto}.acao-linha .peq{margin-left:auto}.acao-linha .feita{text-decoration:line-through;opacity:.6}
.mini-acoes{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.link-mini{background:none;border:0;padding:2px 0;color:var(--mut);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link-mini:hover{color:var(--txt)}.link-mini.perigo-txt:hover{color:var(--err)}
.espera-linha{padding:10px 0;border-bottom:1px solid var(--bord)}.espera-linha:last-child{border-bottom:0}
.hist-linha{display:flex;gap:16px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--bord)}.hist-linha:last-child{border-bottom:0}
.hist-data{font-size:20px;min-width:56px;color:var(--txt)}.hist-txt{flex:1;min-width:0}

/* ações */
.acoes-topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-left:auto;justify-content:flex-end}
.exec{width:260px;max-width:100%;display:flex;flex-direction:column;gap:4px;margin-top:14px}
.segmento{display:inline-flex;border:1px solid var(--bord);border-radius:8px;overflow:hidden}
.segmento button{background:var(--card);border:0;padding:8px 16px;cursor:pointer;font-weight:600}
.segmento button.ativo{background:#0A192F;color:#fff}
.eventos{margin-top:20px}.eventos-vazio{margin-top:20px}
.evento-card{display:flex;gap:16px;align-items:center;background:#fbf3df;border:1px solid #ecd9a8;border-radius:14px;padding:14px 18px}
:root[data-tema=escuro] .evento-card{background:rgba(201,151,58,.14);border-color:rgba(201,151,58,.4)}
.evento-dia{font-size:26px;color:#8a4b17;line-height:1;min-width:64px}:root[data-tema=escuro] .evento-dia{color:var(--pri)}
.evento-txt{flex:1;min-width:0}
.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:start;margin-top:20px}
.coluna{background:var(--card);border:1px solid var(--bord);border-radius:14px;padding:14px 16px;min-height:120px;transition:box-shadow .15s,border-color .15s}
.coluna.alvo{border-color:var(--pri);box-shadow:0 0 0 2px rgba(201,151,58,.35)}
.coluna-topo{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid var(--bord)}
.coluna-topo.a_fazer{border-bottom-color:#b79a5e}.coluna-topo.em_andamento{border-bottom-color:#41607f}.coluna-topo.concluida{border-bottom-color:#2f8f5b}
.contador{background:var(--hover);border-radius:99px;min-width:26px;text-align:center;padding:1px 8px;font-size:12px;font-weight:600}
.acao-card{background:var(--card);border:1px solid var(--bord);border-radius:12px;padding:12px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px;cursor:grab}
.acao-card.editavel:hover{border-color:var(--pri)}.acao-card.arrastando{opacity:.45}.acao-card.feita{opacity:.7}
.acao-card.feita .acao-titulo{color:var(--mut)}
.pills{display:flex;gap:6px;flex-wrap:wrap}.acao-titulo{font-weight:600}
.acao-rodape{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--bord);padding-top:8px;margin-top:2px}
.vazio-col{padding:12px 0;text-align:center}
.checklist{padding:8px 20px 20px}
.check-grupo{margin-top:14px}
.check-linha{display:grid;grid-template-columns:minmax(200px,2fr) auto minmax(120px,1.4fr) minmax(120px,1fr) auto;gap:10px 16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bord)}
.check-linha label{display:flex;align-items:center;gap:10px;margin:0;font-weight:600;font-size:14px}.check-linha input{width:auto}
.check-linha.feita label span{text-decoration:line-through;opacity:.6}
@media(max-width:900px){.check-linha{grid-template-columns:1fr auto}.check-linha .pills,.check-linha .peq{grid-column:1/-1}}
textarea{resize:vertical;min-height:64px;line-height:1.45}

/* alertas (sino), filtro por iniciativa e calendário da Agenda */
.sino{position:absolute;top:162px;right:-17px;z-index:30}
.sino-btn{box-shadow:0 2px 8px rgba(0,0,0,.18)}
.sino-btn{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--bord);background:var(--card);color:var(--mut);cursor:pointer;display:grid;place-items:center;padding:0}
.sino-btn:hover{color:var(--txt)}.sino-btn.tem{color:var(--pri);border-color:var(--pri)}
.sino-num{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#d93636;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--side)}
.pop-alertas{position:fixed;left:184px;top:154px;width:350px;max-height:72vh;overflow:auto;background:var(--card);border:1px solid var(--bord);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.28);z-index:60}
.pop-topo{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;border-bottom:1px solid var(--bord)}
.pop-alertas ul{list-style:none;margin:0;padding:6px}.pop-alertas li button{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;color:var(--txt)}
.pop-alertas li button:hover{background:var(--hover)}.pop-txt{display:flex;flex-direction:column;min-width:0}
.ponto{flex:none;width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--pri)}.ponto.atrasada{background:#d93636}.ponto.evento{background:#3d6bb3}
.pop-vazio{padding:22px 16px;text-align:center}.pop-rodape{display:block;padding:12px 16px;border-top:1px solid var(--bord);font-weight:600;color:var(--txt);text-decoration:underline;text-decoration-color:var(--pri);text-underline-offset:3px}
@media(max-width:760px){.pop-alertas{left:8px;right:8px;width:auto;top:70px}.sino{top:12px;right:10px}}
.visualizando .pop-alertas{margin-top:48px}
.filtro-ini{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--hover);border:1px solid var(--bord);border-radius:12px;padding:10px 16px;margin-top:16px}
.pill.cinza{background:var(--hover);color:var(--mut)}
.ini-card.clicavel{cursor:pointer;transition:border-color .15s}.ini-card.clicavel:hover{border-color:var(--pri)}
.nav-mes{display:flex;align-items:center;gap:12px;justify-content:space-between}.nav-mes strong{white-space:nowrap}
.legenda-ag{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.legenda-ag .chip-ag{display:inline-block;width:auto;cursor:default}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--bord);border:1px solid var(--bord);border-radius:12px;overflow:hidden;margin-top:20px}
.cal .cab{background:var(--hover);padding:8px;font-size:12px;font-weight:600;color:var(--mut);text-align:center}
.cal .dia{background:var(--card);min-height:108px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cal .dia.fora{background:var(--bg);opacity:.55}
.dia .num{font-size:12px;font-weight:600;color:var(--mut);width:22px;height:22px;display:grid;place-items:center}
.dia.hoje .num{background:var(--pri);color:var(--pri-t);border-radius:99px}
.chip-ag{display:block;width:100%;text-align:left;border:0;border-radius:6px;padding:2px 6px;font:inherit;font-size:11.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.chip-ag.evento{background:#fbf3df;color:#6d5320}.chip-ag.prazo{background:#e4ecf8;color:#2b4a7a}.chip-ag.prazo.atrasada{background:#fbe5d8;color:#a6481e}.chip-ag.feita{opacity:.55;text-decoration:line-through}
:root[data-tema=escuro] .chip-ag.evento{background:rgba(201,151,58,.22);color:#e3c58a}:root[data-tema=escuro] .chip-ag.prazo{background:rgba(124,160,230,.2);color:#a9c2f0}:root[data-tema=escuro] .chip-ag.prazo.atrasada{background:rgba(240,139,98,.2);color:#f3a98a}
.mais-ag{background:none;border:0;color:var(--mut);font-size:11.5px;cursor:pointer;text-align:left;padding:0 6px}
.dia-lista{display:flex;flex-direction:column;gap:6px;margin-top:12px}.dia-lista .chip-ag{white-space:normal;padding:6px 8px;font-size:13px}
@media(max-width:760px){.cal .dia{min-height:70px;padding:3px}.chip-ag{font-size:10px;padding:1px 3px}}

/* Agenda: botão do dia no mês e grade de horas (Dia/Semana) */
button.num{background:none;border:0;padding:0;font-family:inherit;cursor:pointer}button.num:hover{background:var(--hover);border-radius:99px}
.dia.hoje button.num:hover{background:var(--pri)}
.tg{margin-top:20px;background:var(--card);border:1px solid var(--bord);border-radius:12px;overflow-y:auto;overflow-x:hidden;max-height:680px}
.tg-topo{position:sticky;top:0;z-index:5;background:var(--card)}
.tg-linha{display:grid;grid-template-columns:56px repeat(var(--n),minmax(0,1fr))}
.tg-linha > *{min-width:0}
.tg-cab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;border-left:1px solid var(--bord);border-bottom:1px solid var(--bord);font-size:12px;font-weight:600;color:var(--mut)}
.tg-cab.hoje{color:var(--pri)}
.tg-num{background:none;border:0;font-family:inherit;font-size:20px;font-weight:600;color:var(--txt);width:38px;height:38px;border-radius:50%;cursor:pointer}
.tg-num:hover{background:var(--hover)}.tg-cab.hoje .tg-num{background:var(--pri);color:var(--pri-t)}
.tg-canto{border-bottom:1px solid var(--bord)}
.tg-rotulo{font-size:11px;color:var(--mut);display:flex;align-items:center;justify-content:center}
.tg-todo{border-left:1px solid var(--bord);border-bottom:1px solid var(--bord);padding:4px;display:flex;flex-direction:column;gap:3px;min-height:30px}
.tg-corpo{position:relative}
.tg-hora{position:relative}.tg-hora span{position:absolute;top:-8px;right:8px;font-size:11px;color:var(--mut)}
.tg-col{position:relative;height:1152px;border-left:1px solid var(--bord);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,var(--bord) 47px,var(--bord) 48px)}
.tg-col.criavel{cursor:cell}
.bloco-ev{position:absolute;z-index:2;text-align:left;border:0;border-left:3px solid var(--pri);border-radius:6px;background:#fbf3df;color:#6d5320;font-family:inherit;font-size:12px;line-height:1.3;padding:2px 6px;overflow:hidden;cursor:pointer}
.bloco-ev b{font-weight:700}
:root[data-tema=escuro] .bloco-ev{background:rgba(201,151,58,.28);color:#f0d9a8}
.agora{position:absolute;left:0;right:0;height:2px;background:#d93636;z-index:3;pointer-events:none}
.agora::before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#d93636}
@media(max-width:760px){.tg-linha{grid-template-columns:40px repeat(var(--n),minmax(0,1fr))}.tg-hora span{right:4px;font-size:10px}.bloco-ev{font-size:10px;padding:1px 3px}}

/* hub "Membros" da equipe */
.escolha-membro{margin-top:18px;max-width:380px}.escolha-membro .sel-emp{max-width:none;width:100%;padding:10px 12px}

/* produto contratado em destaque (azul claro) e linha de contexto do hub */
.tag.produto{background:#c4daf7;color:#17376a;font-weight:700}
:root[data-tema=escuro] .tag.produto{background:rgba(124,160,230,.34);color:#c4d6f7}
.topo-membro{font-size:14px;color:var(--mut);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topo-membro strong{color:var(--txt)}
.topo-membro .sel-emp{width:auto;min-width:200px;max-width:300px;margin-right:14px}
.link-membro{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--txt);cursor:pointer;text-decoration:underline;text-decoration-color:var(--pri);text-decoration-thickness:2px;text-underline-offset:3px}
.link-membro:hover{color:var(--pri)}
.chip-ag.aniv{background:#fde4ee;color:#8a2a52}
:root[data-tema=escuro] .chip-ag.aniv{background:rgba(236,130,170,.22);color:#f3a9c6}

/* ---------- Conexões ---------- */
.check-inline{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:500}.check-inline input{width:auto;margin:0}
.conexoes-topo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}
@media(max-width:900px){.conexoes-topo{grid-template-columns:1fr}}
.enc{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--bord)}
.enc:last-child{border-bottom:0}
.enc-data{width:52px;text-align:center;flex:none}
.enc-data b{display:block;font-size:26px;line-height:1}
.enc-data span{font-size:11px;letter-spacing:.08em;color:var(--mut)}
.enc-txt{flex:1;min-width:0}
.enc-acao{display:flex;gap:10px;align-items:center;flex:none}
.perfil-bloco{margin-top:14px}
.perfil-rot{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
.chips-filtro{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.chip-filtro{border:1px solid var(--bord);background:transparent;color:var(--txt);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
.chip-filtro.ativo{background:var(--pri);border-color:var(--pri);color:var(--pri-t);font-weight:600}
.kanban4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1000px){.kanban4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kanban4{grid-template-columns:1fr}}
.coluna-topo.novo{border-top:3px solid #9aa3b5}.coluna-topo.conversa{border-top:3px solid #4a78c9}
.coluna-topo.proposta{border-top:3px solid var(--pri)}.coluna-topo.fechado{border-top:3px solid var(--ok)}
.pill.o-mesa{background:#C4DAF7;color:#0A192F}.pill.o-board{background:#ecd9ad;color:#5a4210}
.pill.o-indicacao_recebida{background:#cfe9da;color:#14573a}.pill.o-indicacao_feita{background:#f3d3c4;color:#7a3416}
:root[data-tema=escuro] .pill.o-mesa{background:rgba(124,160,230,.22);color:#a9c2f0}
:root[data-tema=escuro] .pill.o-board{background:rgba(201,151,58,.22);color:#e3c58a}
:root[data-tema=escuro] .pill.o-indicacao_recebida{background:rgba(76,214,138,.18);color:#7ee0aa}
:root[data-tema=escuro] .pill.o-indicacao_feita{background:rgba(240,139,98,.2);color:#f3a98a}
.selo.laranja{background:#fbe3d6;color:#8a3a14}
:root[data-tema=escuro] .selo.laranja{background:rgba(240,139,98,.18);color:#f3a98a}
.acao-card .pills{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}
.perfil-bloco{background:var(--bg);border:1px solid var(--bord);border-radius:12px;padding:12px 14px;margin-top:12px}
.perfil-bloco .perfil-rot{margin-bottom:4px}

/* ---------- Números e Check-in ---------- */
.selo.areia{background:#f3e6c8;color:#6b4e10}:root[data-tema=escuro] .selo.areia{background:rgba(201,151,58,.22);color:#e3c58a}
.num-grande{margin-bottom:0}
.num-valor{font-size:40px;line-height:1.1;margin:14px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--bord)}
.num-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.num-meta div{display:flex;flex-direction:column;gap:2px;font-size:14px}
.grade-cards.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.grade-cards.tres{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grade-cards.tres{grid-template-columns:1fr}}
.curva{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-top:20px;align-items:end}
.curva-mes{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--mut)}
.curva-barras{display:flex;align-items:flex-end;gap:3px;height:150px}
.curva-barras i{width:14px;border-radius:3px 3px 0 0;display:block}.curva-barras i.meta{background:#e5dcc6}.curva-barras i.real{background:var(--txt)}
.checkin-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
@media(max-width:900px){.checkin-grade{grid-template-columns:1fr}}
.tab-checkin{width:100%;border-collapse:collapse}.tab-checkin th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:8px 10px;background:var(--bg)}
.tab-checkin td{padding:10px;border-bottom:1px solid var(--bord);vertical-align:middle}.tab-checkin input{margin:0;max-width:150px}
.grupo-opc{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--bord)}.grupo-opc:last-child{border-bottom:0}
.aviso-card{background:rgba(201,151,58,.1);border-color:rgba(201,151,58,.35)}
.card > .abas{margin-top:16px;margin-bottom:0}
.card .erro:not(:empty){margin:10px 0}

/* ---------- Minha área ---------- */
.topo-inicio{margin-bottom:14px}.pilula-mes{border:1px solid var(--bord);background:var(--card);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}
.faixa-inicio{display:flex;align-items:center;gap:12px;background:#fbeadd;border:1px solid #f0cfb5;color:#7a3416;border-radius:12px;padding:10px 16px;margin-bottom:18px}
.faixa-inicio a{margin-left:auto;color:#7a3416;font-weight:600;text-decoration:underline;white-space:nowrap}
:root[data-tema=escuro] .faixa-inicio{background:rgba(240,139,98,.14);border-color:rgba(240,139,98,.35);color:#f3a98a}:root[data-tema=escuro] .faixa-inicio a{color:#f3a98a}
.ponto{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c4622d;flex:none;margin-right:6px}
.ponto.verde{background:var(--ok)}.ponto.ouro{background:var(--pri)}.ponto.terra{background:#c4622d}.ponto.cinza{background:#9aa3b5}
.inicio-grade{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:20px;align-items:stretch;margin-bottom:20px}
.inicio-grade.b{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.inicio-grade .card{margin-bottom:0;height:100%}
@media(max-width:900px){.inicio-grade,.inicio-grade.b{grid-template-columns:1fr}}
.link-ouro{color:#8a6414;font-weight:600;text-decoration:underline;font-size:13px}:root[data-tema=escuro] .link-ouro{color:var(--pri)}
.curva.mini{margin-top:6px;gap:6px}.curva.mini .curva-barras i{width:10px}.curva.mini .curva-mes{font-size:11px}
.legenda-mini{display:flex;gap:16px;font-size:12px;color:var(--mut);margin-top:10px}.legenda-mini i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.legenda-mini i.meta{background:#e5dcc6}.legenda-mini i.real{background:var(--txt)}
.compromisso{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--bord)}.compromisso:last-child{border-bottom:0}
.cp-data{font-size:22px;min-width:64px}.cp-data small{font-size:16px;opacity:.6}
.ini-linha{margin-top:14px}.ini-linha .barra{margin-top:6px}
.mini-num{margin-top:12px}.mini-card{background:var(--bg);border:1px solid var(--bord);border-radius:12px;padding:12px 14px}.mini-card b{display:block;font-size:22px;margin:4px 0 2px}
a.btn{text-decoration:none;display:inline-block}
.col-real{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}
.col-real em{font-style:normal;font-size:11px;font-weight:600;color:var(--txt);white-space:nowrap;margin-bottom:2px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:0}
.curva-barras{padding-top:0}.curva-mes{cursor:default}

/* ---------- Seletores (selects.js) ---------- */
.sel-oculto{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:0!important}
.sel-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;color:var(--txt)}
.sel-btn svg{flex:none;color:var(--mut);transition:transform .15s}
.sel-btn .sel-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-btn:hover:not(:disabled){border-color:var(--pri)}
.sel-btn[aria-expanded=true]{border-color:var(--pri)}.sel-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.sel-btn:disabled{cursor:default;background:var(--hover)}
.sel-lista{position:fixed;z-index:1000;background:var(--card);border:1px solid var(--bord);border-radius:10px;box-shadow:0 10px 28px rgba(4,13,26,.18);padding:4px;overflow-y:auto}
.sel-op{padding:8px 12px;border-radius:7px;cursor:pointer;white-space:nowrap;font-size:14px}
.sel-op.ativo{background:var(--hover)}
.sel-op.sel{font-weight:600;color:#8a6414;background:rgba(201,151,58,.16)}
:root[data-tema=escuro] .sel-op.sel{color:var(--pri)}
.sel-op.off{opacity:.45;cursor:default}

/* ---------- Faixa do nome da empresa e "Editar dados" ---------- */
.faixa-empresa{background:#0A2A5E;border-color:#0A2A5E}
.faixa-empresa .nome-empresa{color:#fff}
:root[data-tema=escuro] .faixa-empresa{background:#12305f;border-color:#12305f}
.nota-onboard{align-items:center}
.link-editar{background:none;border:0;padding:2px 0;font:inherit;font-size:13px;font-weight:600;color:var(--txt);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.link-editar:hover{color:#8a6414;text-decoration:underline}
.link-editar.alerta{color:#c62828}
.link-editar svg{width:15px;height:15px}
.faixa-empresa .btn.sec{background:#fff;color:#1b1f2a;border-color:#fff}
.faixa-empresa .btn.sec:hover{background:#eef0f8}

/* ---------- Bloco de tempo ---------- */
.sub-abas{margin:0 0 16px}
.legenda-bt{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:14px}.legenda-bt i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px}
.bt-wrap{padding:16px 12px 12px;overflow-x:auto}
.bt-grade{min-width:900px}.bt-grade.dia{min-width:0}
.bt-linha-cab,.bt-corpo{display:grid;grid-template-columns:52px repeat(var(--n,7),minmax(0,1fr));gap:6px}
.bt-cab{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px 10px;font-size:14px}
.bt-horas{position:relative}.bt-hora{position:absolute;transform:translateY(-50%);font-size:12px;color:var(--mut)}
.bt-col{position:relative;border-radius:8px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,var(--bord) 43px,var(--bord) 44px)}
.bt-col.fim{background-color:var(--bg)}
.bt-bloco{position:absolute;left:0;right:0;border-radius:7px;padding:3px 7px;overflow:hidden;font-size:12px;line-height:1.25;box-sizing:border-box;touch-action:none;user-select:none}
.bt-bloco b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-bloco span{display:block;opacity:.95;font-weight:600;font-size:11px}
.bt-bloco.edit{cursor:grab}.bt-bloco.edit:hover{filter:brightness(1.07)}.bt-bloco.arrastando{opacity:.8;z-index:5;cursor:grabbing;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.bt-bloco.un{z-index:2}
.bt-resize{position:absolute;left:0;right:0;bottom:0;height:7px;cursor:ns-resize}
.bt-hlinha{display:grid;grid-template-columns:minmax(120px,190px) 1fr 56px;gap:14px;align-items:center;margin-top:12px}.bt-hlinha b{text-align:right}.bt-hlinha .barra i{display:block;height:100%;border-radius:99px}
.bt-prox{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--bord)}.bt-prox:last-child{border-bottom:0}
.dias-check{display:flex;flex-wrap:wrap;gap:4px 14px}
.dica-bt{text-align:right;margin:10px 4px -6px}
.bt-cab.hoje .bt-dia-link{color:#8a6414}
.bt-dia-link{background:none;border:0;padding:0;font:inherit;font-weight:700;cursor:pointer}.bt-dia-link:hover{text-decoration:underline}
.bt-mes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bt-mes-cab{text-align:center;font-size:12px;color:var(--mut);padding-bottom:4px}
.bt-cel{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:104px;padding:8px;border:1px solid var(--bord);border-radius:10px;background:var(--card);text-align:left;cursor:pointer;font:inherit;color:var(--txt)}
.bt-cel:hover{border-color:var(--pri)}.bt-cel.fora{opacity:.45}.bt-cel.hoje{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}
.bt-num{font-weight:700;font-size:13px}
.bt-faixa{position:relative;display:block;height:10px;border-radius:99px;background:var(--bord);overflow:hidden}.bt-faixa i{position:absolute;top:0;bottom:0}
.chip-un{display:block;font-size:11px;background:rgba(141,110,34,.16);color:#6d531a;border-radius:6px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-tema=escuro] .chip-un{background:rgba(201,151,58,.22);color:#e3c58a}
.btn-mago{display:inline-flex;align-items:center;gap:8px}