/* =====================================================================
   Sistema ArqUP — visual
   ===================================================================== */
:root{
  --cafe:#582e1c; --caramelo:#975a3a; --terracota:#d3633e; --oliva:#6d6e4e;
  --areia:#F0E7D5; --fundo:#FAF8F5; --linha:#ECE7DF; --linha2:#E2DBD0;
  --suave:rgba(88,46,28,.62); --fraco:rgba(88,46,28,.42);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--fundo);font-family:'Lato',-apple-system,'Segoe UI',sans-serif;color:var(--cafe);
  font-size:15px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:400}
a{color:var(--caramelo)}
.serif{font-family:'Lora',Georgia,serif}
i{font-style:italic}

/* --------------------------------------------------------- moldura */
.app{display:flex;min-height:100vh}
.side{width:216px;flex:0 0 216px;background:var(--cafe);padding:24px 14px;display:flex;flex-direction:column}
.marca{padding:2px 10px 24px}
.marca span{font-family:'Lora',Georgia,serif;color:var(--areia);font-size:17px;line-height:1.2;display:block}
.marca small{display:block;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(240,231,213,.5);margin-top:5px}
.side nav a{display:flex;align-items:center;gap:11px;color:rgba(240,231,213,.7);text-decoration:none;
  font-size:14px;padding:10px 12px;border-radius:10px;margin-bottom:2px;line-height:1.25}
.side nav a svg{width:17px;height:17px;flex:0 0 17px;opacity:.8}
.side nav a.on svg{opacity:1}
.side nav a:hover{color:var(--areia)}
.side nav a.on{background:rgba(240,231,213,.13);color:var(--areia)}
.rodape-side{margin-top:auto;padding:14px 12px 0;font-size:12px;color:rgba(240,231,213,.5);line-height:1.6}
.rodape-side a{color:var(--terracota);text-decoration:none}
.main{flex:1;min-width:0;padding:32px 36px 70px}

/* --------------------------------------------------------- cabeçalho */
.cabecalho{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.cabecalho h1{font-family:'Lora',Georgia,serif;font-size:30px;line-height:1.2}
.cabecalho h1 i{color:var(--terracota)}
.sub{color:var(--suave);font-size:14px;margin:7px 0 0;line-height:1.6}
.cod{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--caramelo);margin-bottom:6px}
.acoes-topo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.titulo-secao{font-family:'Lora',Georgia,serif;font-size:20px;margin:28px 0 14px}
.vermelho{color:var(--terracota);font-weight:700}
.destaque{color:var(--terracota)}

/* --------------------------------------------------------- botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--terracota);
  color:#fff;border:none;cursor:pointer;font-family:'Lato',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;padding:13px 22px;border-radius:999px;text-decoration:none}
.botao:hover{filter:brightness(.95)}
.botao.vazado{background:transparent;color:var(--cafe);border:1px solid var(--linha2)}
.botao.largo{width:100%;margin-top:4px}
.mini{background:transparent;border:1px solid var(--linha2);color:var(--suave);border-radius:999px;
  padding:8px 15px;font-size:11.5px;letter-spacing:.05em;cursor:pointer;font-family:'Lato',sans-serif}
.mini:hover{border-color:var(--caramelo);color:var(--cafe)}
.mini.destaque-bt{background:var(--terracota);border-color:var(--terracota);color:#fff;font-weight:700}
.link-mini{display:block;text-align:center;margin-top:11px;font-size:12.5px;color:var(--caramelo);text-decoration:none}
.apagar{background:none;border:none;color:var(--fraco);font-size:11.5px;cursor:pointer;font-family:'Lato',sans-serif}
.apagar:hover{color:var(--terracota)}

/* --------------------------------------------------------- cartões */
.cartao{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:20px 22px;margin-bottom:18px}
.cartao > h3{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--caramelo);margin-bottom:15px}
.cartao > h3 small{text-transform:none;letter-spacing:0;color:var(--fraco);font-size:11px;margin-left:6px}
.grade2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grade-projeto{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}
@media(max-width:980px){.grade2,.grade-projeto{grid-template-columns:1fr}}

.numerao{font-family:'Lora',Georgia,serif;font-size:34px;line-height:1.1}
.numerao small{font-size:13px;font-family:'Lato',sans-serif;color:var(--suave);margin-left:8px}
.rodape-cartao{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px;padding-top:14px;
  border-top:1px solid var(--linha);font-size:12.5px;color:var(--suave)}
.rodape-cartao b{color:var(--cafe);font-family:'Lora',Georgia,serif;font-size:15px}
.vazio{border:1px dashed var(--linha2);border-radius:11px;padding:14px;text-align:center;
  font-size:12.5px;color:var(--fraco)}

/* --------------------------------------------------------- ponto */
.blocos{margin:16px 0 14px;border-top:1px solid var(--linha)}
.bloco{display:flex;justify-content:space-between;align-items:center;padding:10px 0;
  border-bottom:1px solid var(--linha);font-size:13.5px}
.bloco span{font-family:'Lora',Georgia,serif}
.bloco b{color:var(--suave);font-weight:400;font-size:12.5px}
.bloco.ativo span{color:var(--terracota)}
.bloco.ativo span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--terracota);margin-right:8px}
.dia-bloco{padding:16px 20px}
.dia-cab{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--linha)}
.dia-cab b{font-family:'Lora',Georgia,serif;font-size:16px}
.dia-cab span{font-size:12px;color:var(--fraco)}
.dia-cab em{margin-left:auto;font-style:normal;font-family:'Lora',Georgia,serif;font-size:16px;color:var(--terracota)}
.linha-bloco{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--linha);
  flex-wrap:wrap}
.linha-bloco:last-child{border-bottom:none}
.linha-bloco .hora{font-family:'Lora',Georgia,serif;font-size:14.5px;min-width:120px}
.inline{display:inline;margin:0}
.linha-bloco select{border:1px solid var(--linha);background:#FCFAF7;border-radius:9px;padding:7px 10px;
  font-family:'Lato',sans-serif;font-size:12.5px;color:var(--suave);max-width:240px}

/* --------------------------------------------------------- etiquetas */
.etiqueta{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  padding:4px 11px;border-radius:999px;white-space:nowrap}
.e-ok{background:rgba(109,110,78,.16);color:var(--oliva)}
.e-voce{background:rgba(211,99,62,.14);color:var(--terracota)}
.e-cli{background:rgba(151,90,58,.15);color:var(--caramelo)}
.e-atr{background:var(--terracota);color:#fff}
.e-pend{background:rgba(88,46,28,.08);color:var(--fraco)}

/* --------------------------------------------------------- listas */
.placar{display:flex;gap:22px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--linha)}
.placar div{text-align:left}
.placar b{display:block;font-family:'Lora',Georgia,serif;font-size:24px}
.placar small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fraco)}
.lista-seca{list-style:none;margin:0;padding:0}
.lista-seca li{padding:11px 0;border-bottom:1px solid var(--linha);display:flex;align-items:center;
  gap:10px;flex-wrap:wrap;font-size:14px}
.lista-seca li:last-child{border-bottom:none}
.lista-seca a{font-family:'Lora',Georgia,serif;font-size:15.5px;text-decoration:none;color:var(--cafe)}
.lista-seca small{color:var(--suave);font-size:12px;width:100%}

.linha-projeto{display:grid;grid-template-columns:1fr 250px 170px;gap:20px;align-items:center;
  background:#fff;border:1px solid var(--linha);border-radius:16px;padding:16px 20px;margin-bottom:11px;
  text-decoration:none;color:inherit}
.linha-projeto:hover{border-color:var(--caramelo)}
@media(max-width:900px){.linha-projeto{grid-template-columns:1fr;gap:11px}}
.linha-projeto .nome{font-family:'Lora',Georgia,serif;font-size:17px;margin-bottom:3px}
.linha-projeto .cli{font-size:13px;color:var(--suave)}
.linha-projeto small{font-size:12.5px;color:var(--suave)}
.linha-projeto .dir{text-align:right}
@media(max-width:900px){.linha-projeto .dir{text-align:left}}
.linha-projeto .data{font-family:'Lora',Georgia,serif;font-size:16px;margin-top:7px}
.linha-projeto .rot{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fraco);margin-top:2px}
.regua{display:flex;gap:3px;margin-bottom:7px}
.regua i{height:5px;flex:1;border-radius:99px;background:#E8E2D8}
.regua i.f{background:var(--oliva)}
.regua i.a{background:var(--terracota)}

/* --------------------------------------------------------- linha do tempo */
.tempo{position:relative;padding-left:28px}
.tempo:before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--linha)}
.etapa{position:relative;padding-bottom:22px}
.etapa:last-child{padding-bottom:0}
.etapa:before{content:'';position:absolute;left:-26px;top:4px;width:13px;height:13px;border-radius:50%;
  background:#fff;border:2px solid var(--linha2)}
.etapa.concluida:before{background:var(--oliva);border-color:var(--oliva)}
.etapa.andamento:before{background:var(--terracota);border-color:var(--terracota);
  box-shadow:0 0 0 5px rgba(211,99,62,.15)}
.etapa.cliente:before{background:var(--caramelo);border-color:var(--caramelo)}
.etapa-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.etapa-topo h4{font-family:'Lora',Georgia,serif;font-size:16.5px}
.etapa-meta{font-size:13px;color:var(--suave);margin-top:5px;line-height:1.6}
.etapa-meta b{color:var(--cafe);font-weight:700}
.nota{margin-top:8px;font-size:12.5px;background:rgba(211,99,62,.07);border-left:3px solid var(--terracota);
  padding:9px 12px;border-radius:0 8px 8px 0;line-height:1.5}
.etapa-acoes{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}

.historico{list-style:none;margin:0;padding:0}
.historico li{padding:9px 0;border-bottom:1px solid var(--linha);font-size:13.5px;line-height:1.55;color:var(--suave)}
.historico li:last-child{border-bottom:none}
.historico b{color:var(--cafe);font-family:'Lora',Georgia,serif;font-size:13px;margin-right:6px}
.historico small{color:var(--fraco)}

/* --------------------------------------------------------- formulários */
.formulario label,.cartao label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--fraco);margin-bottom:14px}
.formulario label small,.cartao label small{text-transform:none;letter-spacing:0}
input,select,textarea{width:100%;border:1px solid var(--linha2);background:#fff;border-radius:10px;
  padding:11px 13px;font-family:'Lato',sans-serif;font-size:14.5px;color:var(--cafe);margin-top:6px}
textarea{line-height:1.6;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(211,99,62,.25);border-color:var(--caramelo)}
.campos2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:700px){.campos2{grid-template-columns:1fr}}
.copiar{font-size:12.5px;background:#FCFAF7;cursor:text}

.erro{background:rgba(211,99,62,.1);border-left:3px solid var(--terracota);border-radius:0 10px 10px 0;
  padding:12px 15px;font-size:14px;margin:0 0 16px}
.alerta{background:rgba(151,90,58,.1);border-left:3px solid var(--caramelo);border-radius:0 10px 10px 0;
  padding:12px 15px;font-size:14px;line-height:1.6}
code{background:#F3EEE6;padding:2px 6px;border-radius:5px;font-size:13px}

/* --------------------------------------------------------- telas soltas */
body.centro{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.cartao-solo{background:#fff;border:1px solid var(--linha);border-radius:20px;padding:34px 36px;
  max-width:460px;width:100%}
.cartao-solo h1{font-family:'Lora',Georgia,serif;font-size:26px;margin-bottom:8px}
.cartao-solo h1 i{color:var(--terracota)}
.cartao-solo p{font-size:14.5px;line-height:1.7;color:var(--suave)}
.cartao-solo form{margin-top:20px}
.cartao-solo .botao{width:100%;margin-top:6px}

/* =====================================================================
   PAINEL COMPLETO
   ===================================================================== */
.capa{background:linear-gradient(102deg,#6d6e4e,#975a3a 48%,#d3633e);height:76px;margin:-32px -36px 0}
.cab{margin-top:-28px;position:relative;z-index:2;margin-bottom:24px}
.cab .simb{width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid var(--linha2);
  display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;font-size:21px;
  color:var(--caramelo);box-shadow:0 4px 14px rgba(88,46,28,.08)}
.cab h1{font-family:'Lora',Georgia,serif;font-size:31px;margin-top:15px;line-height:1.15}
.cab h1 i{color:var(--terracota)}
.cab .dia{color:var(--suave);font-size:14px;margin-top:7px}
.cab .dia b{color:var(--cafe);font-weight:700}

.cartao > h3 .cont{float:right;font-size:11px;color:var(--fraco);letter-spacing:.03em;text-transform:none;font-weight:400}

.setores{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
@media(max-width:1080px){.setores{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.setores{grid-template-columns:1fr}}
.setor{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:17px 19px;
  text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}
.setor:hover{border-color:var(--caramelo)}
.setor:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}
.setor.s1:before{background:var(--terracota)} .setor.s2:before{background:var(--caramelo)}
.setor.s3:before{background:var(--oliva)}     .setor.s4:before{background:#8a7a63}
.setor .et{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--fraco);margin-bottom:10px}
.setor .vl{font-family:'Lora',Georgia,serif;font-size:25px;line-height:1.05}
.setor .vl small{font-size:12.5px;font-family:'Lato',sans-serif;color:var(--suave)}
.setor .ob{font-size:12.5px;color:var(--suave);margin-top:7px;line-height:1.45}
.setor .ob b{color:var(--cafe);font-weight:700}

/* foco de hoje */
.cartao.foco{border-left:3px solid var(--terracota)}
.fitem{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--linha)}
.fitem:last-child{border-bottom:none;padding-bottom:0}
.fitem .hr{font-family:'Lora',Georgia,serif;font-size:13px;color:var(--caramelo);flex:0 0 60px;padding-top:3px}
.fitem .tx{font-size:14.5px;line-height:1.45;min-width:0}
.fitem .tx a{color:var(--cafe);text-decoration:none;border-bottom:1px solid var(--linha2)}
.fitem .tx a:hover{border-color:var(--caramelo)}
.fitem .tx small{display:block;color:var(--suave);font-size:12.5px;margin-top:4px;line-height:1.5}
.pin{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;margin-left:7px;vertical-align:2px}
.p-atr{background:var(--terracota);color:#fff}
.p-cli{background:rgba(151,90,58,.16);color:var(--caramelo)}
.p-voce{background:rgba(211,99,62,.14);color:var(--terracota)}

/* rotina */
.chk-form{margin:0}
.chk{display:flex;align-items:center;gap:11px;padding:8px 0;width:100%;background:none;border:none;
  cursor:pointer;text-align:left;font-family:'Lato',sans-serif;font-size:14.5px;color:var(--cafe)}
.chk .bx{width:17px;height:17px;border:1.5px solid var(--linha2);border-radius:5px;flex:0 0 17px;position:relative}
.chk.on .bx{background:var(--oliva);border-color:var(--oliva)}
.chk.on .bx:after{content:'';position:absolute;left:5px;top:1.5px;width:4px;height:9px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
.chk.on .tt{color:var(--fraco);text-decoration:line-through}
.serie{margin-top:14px;padding-top:13px;border-top:1px solid var(--linha);font-size:12.5px;
  color:var(--suave);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.serie b{color:var(--oliva);font-weight:700}
.editar{margin-left:auto;font-size:11.5px;color:var(--caramelo);text-decoration:none;
  border-bottom:1px solid var(--linha2);cursor:pointer}
.cai{display:none;margin-top:14px;padding-top:13px;border-top:1px dashed var(--linha2)}
.cai.abre{display:block}
.linha-add{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.linha-add input{margin-top:0;flex:1;min-width:110px;font-size:13px;padding:9px 11px}
.linha-rm{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--suave);margin:0}
.linha-rm span{flex:1}

/* tempo */
.tempo-grade{display:grid;grid-template-columns:270px 1fr;gap:30px}
@media(max-width:900px){.tempo-grade{grid-template-columns:1fr;gap:22px}}
.semana-caixa{position:relative}
.semana{display:flex;gap:10px;align-items:flex-end;height:118px}
.d7{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.d7 .bar{width:100%;max-width:38px;border-radius:6px 6px 0 0;background:var(--terracota)}
.d7.zero .bar{height:4px!important;background:#EDE8E0;border-radius:99px}
.d7 .lb{font-size:11px;color:var(--fraco);margin-top:9px;letter-spacing:.06em;text-transform:uppercase}
.d7 .vl{font-size:11.5px;color:var(--suave);margin-top:2px}
.d7.hj .lb{color:var(--terracota);font-weight:700}
.linha-media{position:absolute;left:0;right:0;border-top:1px dashed var(--linha2);z-index:1}
.linha-media span{position:absolute;right:0;top:-9px;background:#fff;padding:0 6px;font-size:11px;color:var(--fraco)}
.frase{margin-top:18px;padding-top:15px;border-top:1px solid var(--linha);font-size:13.5px;
  line-height:1.65;color:var(--suave)}
.frase b{color:var(--cafe);font-weight:700}

/* projetos + links */
.grade-b{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}
@media(max-width:1000px){.grade-b{grid-template-columns:1fr}}
.links{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.lk{display:block;text-decoration:none;color:var(--cafe);font-size:13.5px;padding:11px 13px;
  border:1px solid var(--linha);border-radius:11px;background:#FCFAF7}
.lk:hover{border-color:var(--caramelo);background:#fff}

/* =====================================================================
   AGENDA — calendário do mês
   ===================================================================== */
.side nav .grupo{font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(240,231,213,.4);padding:0 12px 8px}
.side nav .sep{height:1px;background:rgba(240,231,213,.14);margin:15px 10px}

.mescab{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.mescab .seta{width:34px;height:34px;border-radius:50%;border:1px solid var(--linha2);background:#fff;
  display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--cafe);font-size:16px}
.mescab .seta:hover{border-color:var(--caramelo)}
.mesnome{font-family:'Lora',Georgia,serif;font-size:20px;min-width:170px}
.mesresumo{margin-left:auto;font-size:12.5px;color:var(--suave);text-align:right;line-height:1.6}
.mesresumo b{color:var(--cafe)}

.leg{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--suave);margin-bottom:16px}
.leg span{display:flex;align-items:center;gap:6px}
.leg i{width:14px;height:8px;border-radius:3px;display:block}
.i-ent{background:var(--cafe)} .i-voce{background:var(--terracota)}
.i-prev{background:#E6DFD3} .i-cli{background:var(--caramelo)}
.i-atr{background:#a94a2b} .i-ok{background:var(--oliva)}

/* minmax(0,1fr): sem isso um evento de texto longo estica a coluna e empurra sex/sáb para fora */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal .cel{min-width:0}
.cal .ev{overflow-wrap:anywhere;white-space:normal}
.cal .dh{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--fraco);
  text-align:center;padding-bottom:3px}
.cal .cel{background:#fff;border:1px solid var(--linha);border-radius:10px;min-height:92px;padding:7px}
.cal .cel.fora{background:transparent;border:none;min-height:0}
.cal .cel.fds{background:#FCFAF7}
.cal .cel.feriado{background:#FBF6F1}
.cal .cel.hoje{border-color:var(--terracota);box-shadow:0 0 0 2px rgba(211,99,62,.12)}
.cal .cel .n{font-family:'Lora',Georgia,serif;font-size:13.5px;color:var(--suave);margin-bottom:5px}
.cal .cel.hoje .n{color:var(--terracota);font-weight:700}
.ev{display:block;font-size:10.5px;line-height:1.3;border-radius:5px;padding:3px 6px;margin-bottom:3px;
  border-left:2px solid;color:var(--cafe);text-decoration:none}
.ev:hover{filter:brightness(.96)}
.ev.ent{background:rgba(88,46,28,.1);border-color:var(--cafe);font-weight:700}
.ev.voce{background:rgba(211,99,62,.11);border-color:var(--terracota)}
.ev.prev{background:#F4F1EA;border-color:#CFC7BA}
.ev.cli{background:rgba(151,90,58,.12);border-color:var(--caramelo)}
.ev.atr{background:var(--terracota);border-color:#a94a2b;color:#fff;font-weight:700}
.ev.ok{background:rgba(109,110,78,.14);border-color:var(--oliva)}
.ev.fer{background:transparent;border:none;color:var(--fraco);font-style:italic;padding-left:0}
@media(max-width:760px){.cal .cel{min-height:62px;padding:5px}.ev{font-size:9px}}

.linha-ev{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:13.5px}
.linha-ev:last-child{border-bottom:none}
.linha-ev .dt{font-family:'Lora',Georgia,serif;font-size:14px;flex:0 0 52px;color:var(--caramelo)}
.linha-ev .tx{flex:1;text-decoration:none;color:var(--cafe)}
.linha-ev .tx:hover{border-bottom:1px solid var(--linha2)}
.bolha{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:var(--linha2)}
.bolha.ent{background:var(--cafe)} .bolha.voce{background:var(--terracota)}
.bolha.cli{background:var(--caramelo)} .bolha.atr{background:#a94a2b} .bolha.ok{background:var(--oliva)}

.tl-proj{padding:12px 0;border-bottom:1px solid var(--linha)}
.tl-proj:last-child{border-bottom:none}
.tl-cab{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.tl-cab a{font-family:'Lora',Georgia,serif;font-size:15.5px;text-decoration:none;color:var(--cafe)}
.tl-cab span{margin-left:auto;font-size:11.5px;color:var(--fraco)}
.tl-pe{font-size:12.5px;color:var(--suave);margin-top:7px}
.tl-pe b{color:var(--cafe)}

/* =====================================================================
   REVISÃO DA SEMANA
   ===================================================================== */
.colunas{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}
@media(max-width:1050px){.colunas{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.colunas{grid-template-columns:1fr}}
.col-h{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:11px;
  display:flex;gap:8px;align-items:center;color:var(--suave)}
.col-h em{font-style:normal;background:rgba(88,46,28,.09);border-radius:999px;padding:2px 8px;font-size:11px}
.item{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:13px 15px;margin-bottom:10px}
.item.urg{border-color:var(--terracota)}
.item .q{font-size:14px;line-height:1.4;margin-bottom:6px}
.item .q a{color:var(--cafe);text-decoration:none;border-bottom:1px solid var(--linha2)}
.item .qd{font-size:12.5px;color:var(--suave);line-height:1.55}
.item .qd b{color:var(--cafe)}

.aviso-caixa{border:1px dashed var(--linha2);border-radius:16px;padding:17px 20px;font-size:13.5px;
  line-height:1.7;color:var(--suave);margin-bottom:18px}
.aviso-caixa b{color:var(--cafe)}

/* =====================================================================
   MEU ESCRITÓRIO
   ===================================================================== */
.linha-fase{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--linha);
  margin:0;flex-wrap:wrap}
.linha-fase:last-of-type{border-bottom:none}
.linha-fase.nova{border-top:1px dashed var(--linha2);border-bottom:none;padding-top:12px;margin-top:4px}
.linha-fase input{margin-top:0;font-size:13.5px;padding:9px 11px}
.linha-fase .cresce{flex:1;min-width:170px}
.linha-fase .mini-num{width:66px;text-align:center}
.cab-fase{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--fraco);
  padding-top:9px}

/* =====================================================================
   ABAS · RESUMO
   ===================================================================== */
.abas{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.abas .aba{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  background:transparent;border:1px solid var(--linha2);color:var(--suave);padding:10px 18px;
  border-radius:999px;cursor:pointer;text-decoration:none}
.abas .aba.on{background:var(--cafe);border-color:var(--cafe);color:var(--areia)}
.resumo{display:flex;gap:24px;flex-wrap:wrap;background:#fff;border:1px solid var(--linha);
  border-radius:16px;padding:16px 22px;margin-bottom:18px}
.resumo div{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fraco)}
.resumo b{display:block;font-family:'Lora',Georgia,serif;font-size:21px;color:var(--cafe);
  letter-spacing:0;text-transform:none;margin-top:5px}
.resumo .ok b{color:var(--oliva)} .resumo .al b{color:var(--terracota)}
.chk-linha{display:flex!important;align-items:center;font-size:13.5px!important;text-transform:none!important;
  letter-spacing:0!important;color:var(--suave)!important}

/* =====================================================================
   QUADROS (comercial e régua)
   ===================================================================== */
.quadro{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:16px;margin-bottom:18px}
.col-k{flex:0 0 252px;background:#F5F1EA;border:1px solid var(--linha);border-radius:16px;padding:13px 12px}
.col-k.novo{border-style:dashed;background:transparent}
.col-k .ch{padding:2px 6px 12px}
.col-k .tt3{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  display:flex;align-items:center;gap:7px;color:var(--caramelo)}
.col-k .tt3 .qt{margin-left:auto;background:rgba(88,46,28,.09);border-radius:999px;padding:2px 9px;
  font-size:11px;font-weight:400}
.col-k .sm{font-family:'Lora',Georgia,serif;font-size:15.5px;margin-top:6px}
.col-k .sm small{font-family:'Lato',sans-serif;font-size:10.5px;color:var(--fraco);display:block;
  margin-top:1px;letter-spacing:.04em}
.k-contato .tt3{color:#7a6a53} .k-follow .tt3{color:var(--terracota)}
.k-fechada .tt3{color:var(--oliva)} .k-perdida .tt3{color:var(--fraco)}
.col-k .msg{font-size:11.5px;color:var(--suave);line-height:1.5;background:#fff;border:1px solid var(--linha);
  border-radius:9px;padding:9px 11px;font-style:italic;margin:0 2px 8px}
.col-k .pmeta{font-size:10.5px;color:var(--fraco);padding:0 4px 11px}
.lista{display:flex;flex-direction:column;gap:9px;min-height:40px}
.cd{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:12px 13px}
.cd .nm3{font-family:'Lora',Georgia,serif;font-size:15px;line-height:1.25}
.cd .tp{font-size:11.5px;color:var(--suave);margin-top:3px}
.cd .vl2{font-family:'Lora',Georgia,serif;font-size:15px;margin-top:8px}
.cd .vl2 small{font-family:'Lato',sans-serif;font-size:10.5px;color:var(--fraco);margin-left:4px}
.cd .pe2{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;
  border-top:1px solid var(--linha);font-size:11.5px;color:var(--suave)}
.cd .pe2 .pn{width:6px;height:6px;border-radius:50%;background:var(--linha2);flex:0 0 6px}
.cd.quente .pe2{color:var(--terracota);font-weight:700}
.cd.quente .pe2 .pn{background:var(--terracota)}
.cd.frio{opacity:.72}
.cd .og{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fraco);margin-top:7px}
.zapmini{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--oliva);
  text-decoration:none}
.zapmini:hover{text-decoration:underline}
.perdas div{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--linha);font-size:13.5px}
.perdas div:last-child{border-bottom:none}
.perdas b{margin-left:auto;font-family:'Lora',Georgia,serif;font-size:15px}
.perdas i{width:8px;height:8px;border-radius:50%;background:var(--terracota);flex:0 0 8px}

/* =====================================================================
   FINANCEIRO
   ===================================================================== */
.lucro{display:grid;gap:12px}
.lucro .bx2{border:1px solid var(--linha);border-radius:14px;padding:14px 16px}
.lucro .bx2 .et2{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--fraco);margin-bottom:8px}
.lucro .bx2 .vv2{font-family:'Lora',Georgia,serif;font-size:23px}
.lucro .bx2 small{display:block;font-size:12px;color:var(--suave);margin-top:6px;line-height:1.5}
.mesbar{display:flex;align-items:flex-end;gap:6px;height:132px;position:relative}
.mesbar .mb{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
  text-decoration:none;color:inherit}
.mesbar .duplo{display:flex;align-items:flex-end;gap:2px;width:100%;max-width:42px;justify-content:center}
.mesbar .duplo i{display:block;width:50%;max-width:18px;border-radius:4px 4px 0 0}
.mesbar .rc{background:var(--oliva)} .mesbar .cs{background:rgba(211,99,62,.55)}
.mesbar .lb2{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--fraco);margin-top:8px}
.mesbar .mb.atual .lb2{color:var(--terracota);font-weight:700}
.mesbar .v2{font-size:10.5px;color:var(--suave);margin-top:2px}
.cap{position:absolute;left:0;right:0;border-top:1px dashed var(--terracota);z-index:1}
.cap span{position:absolute;right:0;top:-16px;font-size:10.5px;color:var(--terracota);background:#fff;padding:0 5px}
.legf{display:flex;gap:18px;font-size:12px;color:var(--suave);margin-top:14px;flex-wrap:wrap}
.legf span{display:flex;align-items:center;gap:7px}
.legf i{width:14px;height:9px;border-radius:3px;display:block}

/* =====================================================================
   TAREFAS
   ===================================================================== */
.tf{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--linha)}
.tf:last-child{border-bottom:none}
.bx-bt{background:none;border:none;cursor:pointer;padding:0;margin-top:2px}
.bx-bt .bx{display:block;width:18px;height:18px;border:1.5px solid var(--linha2);border-radius:5px;position:relative}
.tf.ok .bx{background:var(--oliva);border-color:var(--oliva)}
.tf.ok .bx:after{content:'';position:absolute;left:5.5px;top:2px;width:4px;height:9px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
.tf .tx{flex:1;min-width:0}
.tf .tt2{font-size:14.5px;line-height:1.4}
.tf.ok .tt2{color:var(--fraco);text-decoration:line-through}
.tf .de{font-size:11.5px;color:var(--suave);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tf .de .pj{color:var(--caramelo)}
.tf .de .fs{background:#F3EEE6;border-radius:99px;padding:2px 9px;font-size:10.5px}
.tf .qd2{font-size:12px;color:var(--suave);white-space:nowrap;padding-top:2px}
.tf .qd2.atr{color:var(--terracota);font-weight:700}
.quadro-t{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
@media(max-width:900px){.quadro-t{grid-template-columns:1fr}}
.col-t{background:#F5F1EA;border:1px solid var(--linha);border-radius:16px;padding:13px 12px}
.col-t .ch{display:flex;align-items:center;gap:8px;padding:2px 6px 12px;font-size:11.5px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--caramelo)}
.col-t .ch .qt{margin-left:auto;background:rgba(88,46,28,.09);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:400}
.ct-afazer .ch{color:#7a6a53} .ct-processo .ch{color:var(--terracota)} .ct-feito .ch{color:var(--oliva)}
.lst{display:flex;flex-direction:column;gap:9px}
.tk{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:12px 13px}
.tk .tt4{font-size:14px;line-height:1.35}
.tk.feita .tt4{color:var(--fraco);text-decoration:line-through}
.tk .de2{font-size:11.5px;color:var(--suave);margin-top:5px}
.tk .de2 .pj{color:var(--caramelo)}
.tk .pl{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--linha)}
.avz{width:24px;height:24px;border-radius:50%;background:#F2ECE3;border:1px solid var(--linha2);flex:0 0 24px;
  display:flex;align-items:center;justify-content:center;font-size:9.5px;font-family:'Lora',Georgia,serif;color:var(--caramelo)}
.tk .pz2{margin-left:auto;font-size:11.5px;color:var(--suave)}
.tk .pz2.atr{color:var(--terracota);font-weight:700}
.mover{margin-top:9px}
.mover select{font-size:11.5px;padding:7px 9px;margin-top:0;color:var(--suave)}
.carga3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
@media(max-width:1000px){.carga3{grid-template-columns:1fr}}
.pe{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:18px 20px}
.pe .cb{display:flex;align-items:center;gap:11px;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--linha)}
.av2{width:38px;height:38px;border-radius:50%;background:#F2ECE3;border:1px solid var(--linha2);flex:0 0 38px;
  display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;font-size:14px;color:var(--caramelo)}
.nm2{font-family:'Lora',Georgia,serif;font-size:16px}
.pp{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fraco);margin-top:2px}
.kp{margin-left:auto;text-align:right}
.kp b{font-family:'Lora',Georgia,serif;font-size:21px;display:block}
.kp small{font-size:10px;color:var(--fraco);letter-spacing:.06em;text-transform:uppercase}
.mn{font-size:13.5px;padding:9px 0;border-bottom:1px solid var(--linha);display:flex;gap:10px;align-items:flex-start}
.mn:last-of-type{border-bottom:none}
.mn .pt{width:6px;height:6px;border-radius:50%;background:var(--linha2);flex:0 0 6px;margin-top:6px}
.mn.atr .pt{background:var(--terracota)}
.mn .in{flex:1}
.mn small{display:block;color:var(--suave);font-size:11.5px;margin-top:2px}
.mn .dd{font-size:11.5px;color:var(--suave);white-space:nowrap}
.mn.atr .dd{color:var(--terracota);font-weight:700}
.alerta-c{margin-top:12px;padding-top:11px;border-top:1px solid var(--linha);font-size:12.5px;
  color:var(--suave);line-height:1.5}
.alerta-c b{color:var(--terracota)}

/* =====================================================================
   EQUIPE
   ===================================================================== */
.pessoas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
@media(max-width:1000px){.pessoas{grid-template-columns:1fr}}
.pes{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:18px 20px;position:relative}
.pes:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--linha2)}
.pes.trab:before{background:var(--terracota)}
.pes.inativo{opacity:.6}
.pes .cbb{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pes .st{font-size:12.5px;display:flex;align-items:center;gap:7px;margin-bottom:13px;color:var(--suave)}
.pes .st .bo{width:7px;height:7px;border-radius:50%;background:#CFC7BA;flex:0 0 7px}
.pes.trab .st{color:var(--terracota)} .pes.trab .st .bo{background:var(--terracota)}
.pes .nums{display:flex;gap:18px;padding-top:12px;border-top:1px solid var(--linha)}
.pes .nums div{font-size:11px;color:var(--suave)}
.pes .nums b{display:block;font-family:'Lora',Georgia,serif;font-size:19px;color:var(--cafe);margin-bottom:2px}
.limite{margin-top:12px;font-size:12px;color:var(--suave);line-height:1.5}
.limite .bar2{height:6px;background:#EDE8E0;border-radius:99px;margin:7px 0 6px;overflow:hidden}
.limite .bar2 i{display:block;height:100%;background:var(--terracota);border-radius:99px}
.limite b{color:var(--cafe)}
.perm td:not(:first-child),.perm th:not(:first-child){text-align:center}
.perm .s{color:var(--oliva);font-weight:700}
.perm .n{color:var(--fraco)}

/* =====================================================================
   CORA
   ===================================================================== */
.cora{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:980px){.cora{grid-template-columns:1fr}}
.coraCab{display:flex;align-items:center;gap:14px}
.coraAv{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#975a3a,#d3633e);
  flex:0 0 46px;display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;
  color:#fff;font-size:20px}
.ta{width:100%;border:1px solid var(--linha2);border-radius:12px;padding:14px;font-family:'Lato',sans-serif;
  font-size:14px;color:var(--cafe);min-height:120px;resize:vertical;background:#FCFAF7;line-height:1.6;margin-top:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chip{font-size:11.5px;border:1px solid var(--linha2);border-radius:999px;padding:8px 14px;cursor:pointer;
  color:var(--suave);background:#fff;display:inline-flex;align-items:center;gap:6px;
  text-transform:none;letter-spacing:0;margin:0}
.chip.on{background:var(--cafe);border-color:var(--cafe);color:var(--areia)}
.chip input{width:auto;margin:0}
.sug{background:#FCFAF7;border:1px solid var(--linha);border-left:3px solid var(--oliva);
  border-radius:0 12px 12px 0;padding:16px 18px;margin-bottom:12px}
.sug .qq2{font-size:14.5px;line-height:1.7}
.sug .rd{font-size:11.5px;color:var(--fraco);margin-top:12px;padding-top:10px;border-top:1px solid var(--linha);
  display:flex;gap:14px;flex-wrap:wrap}
.sug .rd a{color:var(--caramelo);cursor:pointer;text-decoration:none;border-bottom:1px solid var(--linha2)}

/* =====================================================================
   FAIXA DE DEMONSTRAÇÃO
   ===================================================================== */
.faixa-demo{background:linear-gradient(100deg,#975a3a,#d3633e);color:#fff;border-radius:14px;
  padding:13px 18px;margin-bottom:22px;font-size:13.5px;line-height:1.6}
.faixa-demo b{font-weight:700}
.faixa-demo a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);
  margin-left:8px;white-space:nowrap}

/* =====================================================================
   ATIVIDADES INTERNAS
   ===================================================================== */
.grupo-ativ{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--caramelo);
  margin:14px 0 4px;padding-top:10px;border-top:1px solid var(--linha)}
.grupo-ativ:first-of-type{border-top:none;padding-top:0;margin-top:4px}

/* =====================================================================
   PROCESSOS
   ===================================================================== */
.linha-passo{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linha);
  margin:0;flex-wrap:wrap}
.linha-passo:last-of-type{border-bottom:none}
.linha-passo.nova{border-top:1px dashed var(--linha2);border-bottom:none;padding-top:12px;margin-top:4px}
.linha-passo input{margin-top:0;font-size:13.5px;padding:9px 11px}
.linha-passo .cresce{flex:1;min-width:190px}
.linha-passo .med{width:140px;font-size:12.5px}
.linha-passo .mini-num{width:52px;text-align:center}
.linha-passo span.cresce,.linha-passo span.med{font-size:13.5px;color:var(--suave)}
.linha-passo a.med{font-size:12.5px;color:var(--caramelo)}
.cab-passo{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--fraco);
  padding-bottom:8px;border-bottom:1px solid var(--linha2)}

/* =====================================================================
   PORTAL — lista de links
   ===================================================================== */
.portal-linha{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:start}
@media(max-width:820px){.portal-linha{grid-template-columns:1fr}}
.portal-acoes{display:flex;flex-direction:column;gap:9px}
.portal-acoes .botao{width:100%;justify-content:center}
.recado-previa{background:#FCFAF7;border:1px solid var(--linha);border-left:3px solid var(--oliva);
  border-radius:0 12px 12px 0;padding:13px 16px;margin-top:14px;font-size:13.5px;line-height:1.65;color:var(--suave)}
.recado-previa b{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--oliva);margin-bottom:7px}

/* editor de fase */
details.editor{margin-top:10px}
details.editor summary{cursor:pointer;font-size:11.5px;color:var(--caramelo);list-style:none}
details.editor summary::-webkit-details-marker{display:none}
details.editor summary:before{content:'✎ '}
details.editor .caixa{margin-top:11px;background:#FCFAF7;border:1px solid var(--linha);
  border-radius:12px;padding:14px 16px}
details.editor label{font-size:10.5px;margin-bottom:10px}
details.editor input,details.editor select{font-size:13.5px;padding:9px 11px}
.campos3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}
@media(max-width:760px){.campos3{grid-template-columns:1fr}}

/* horas por passo de processo */
.horas-passo{width:70px;text-align:right;font-family:'Lora',Georgia,serif;font-size:14px;color:var(--oliva)}
.horas-passo.zero{color:var(--fraco);font-family:'Lato',sans-serif;font-size:12.5px}
.passo-link{font-size:12px;padding:0 0 8px 60px;border-bottom:1px solid var(--linha)}
.passo-link a{color:var(--caramelo)}
.linha-fase .med,.linha-passo .med{width:150px;font-size:12.5px}
.linha-bloco select{max-width:200px}

/* =====================================================================
   PRIMEIRO USO · TOM CALMO
   ===================================================================== */
.trilha{display:flex;gap:6px;margin-bottom:22px}
.trilha i{height:5px;flex:1;border-radius:99px;background:#E8E2D8}
.trilha i.ok{background:var(--oliva)}
.trilha i.ag{background:var(--terracota)}

.duas-opcoes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:900px){.duas-opcoes{grid-template-columns:1fr}}
.opcao{border:1px solid var(--linha);border-radius:14px;padding:18px 20px}
.opcao.destaque{border-color:#EBD3C4;background:#FDF6F1}
.opcao h4{font-size:17px;margin-bottom:8px}
.opcao .botao,.opcao .mini{margin-top:12px}
.lista-fases{list-style:none;margin:12px 0 0;padding:0}
.lista-fases li{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:13.5px}
.lista-fases li:last-child{border-bottom:none}
.lista-fases span{margin-left:auto;color:var(--fraco);font-size:12px}

.convite{background:#FDF6F1;border:1px solid #EBD3C4;border-radius:14px;padding:15px 18px;
  margin-bottom:18px;font-size:13.5px;line-height:1.65;color:var(--suave)}
.convite b{color:var(--cafe)}
.convite a{color:var(--terracota);font-weight:700;text-decoration:none;white-space:nowrap;margin-left:6px}

.resolvido{background:rgba(109,110,78,.09);border-left:3px solid var(--oliva);border-radius:0 12px 12px 0;
  padding:16px 18px}
.resolvido b{display:block;font-family:'Lora',Georgia,serif;font-size:18px;color:var(--oliva);margin-bottom:6px}
.resolvido span{font-size:13.5px;color:var(--suave);line-height:1.65}

.fim-de-dia{border-left:3px solid var(--oliva);background:#FBFCF9}
.fim-de-dia > h3{color:var(--oliva)}

/* =====================================================================
   LINHA DO TEMPO (gantt) E CARGA
   ===================================================================== */
.tabs-p{display:flex;gap:6px;background:#F2EDE5;border-radius:999px;padding:4px}
.tabs-p a{color:var(--suave);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:9px 17px;border-radius:999px;text-decoration:none}
.tabs-p a.on{background:#fff;color:var(--cafe);box-shadow:0 1px 3px rgba(88,46,28,.09)}

.gantt{min-width:820px}
.g-linha{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center;padding:5px 0}
.g-cab{padding-bottom:10px}
.g-rot{font-size:13.5px;line-height:1.3;overflow:hidden}
.g-rot a{color:var(--cafe);text-decoration:none;font-family:'Lora',Georgia,serif;font-size:14.5px}
.g-rot small{display:block;color:var(--fraco);font-size:11.5px;margin-top:2px}
.g-trilho{position:relative;height:34px;background:#FCFAF7;border:1px solid var(--linha);border-radius:8px}
.g-cab .g-trilho{background:transparent;border:none;height:20px}
.g-col{position:absolute;top:0;font-size:10px;color:var(--fraco);white-space:nowrap}
.g-col span{position:relative;left:-50%}
.g-grade{position:absolute;top:0;bottom:0;width:1px;background:var(--linha)}
.g-hoje{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--terracota);opacity:.5;z-index:3}
.g-barra{position:absolute;top:6px;height:21px;border-radius:5px;display:flex;align-items:center;
  padding:0 7px;font-size:10.5px;color:#fff;overflow:hidden;white-space:nowrap;z-index:2}
.g-barra span{overflow:hidden;text-overflow:ellipsis}
.g-barra.ok{background:var(--oliva)}
.g-barra.ag{background:var(--terracota)}
.g-barra.cli{background:var(--caramelo)}
.g-barra.fu{background:#E6DFD3;color:var(--suave)}
.g-barra.obra{background:repeating-linear-gradient(90deg,#cfd0bd,#cfd0bd 8px,#eceade 8px,#eceade 11px);color:#5c5f49}
.g-marco{position:absolute;top:11px;width:11px;height:11px;background:var(--cafe);transform:rotate(45deg);
  margin-left:-5px;z-index:4}
.i-obra{background:repeating-linear-gradient(90deg,#cfd0bd,#cfd0bd 5px,#eceade 5px,#eceade 8px)}

.carga-barras{display:flex;align-items:flex-end;height:172px;position:relative;gap:4px}
.carga-barras .cb{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.carga-barras .cb .bar{width:100%;max-width:40px;background:var(--oliva);opacity:.8;border-radius:5px 5px 0 0}
.carga-barras .cb.cheio .bar{background:var(--terracota);opacity:1}
.carga-barras .cb .lb{font-size:10px;color:var(--fraco);margin-top:8px;letter-spacing:.04em}
.carga-barras .cb .vl{font-size:10.5px;color:var(--suave);margin-top:2px}

/* seletor semana/mês dentro do título e legenda do marco */
.cartao > h3 .cont a{color:var(--fraco);text-decoration:none;border-bottom:1px solid transparent}
.cartao > h3 .cont a.sel{color:var(--terracota);font-weight:700;border-bottom-color:var(--terracota)}
.cartao > h3 .cont a:hover{color:var(--caramelo)}
.i-marco{background:var(--cafe);transform:rotate(45deg);width:9px!important;height:9px!important;border-radius:2px}

/* mensagem técnica de erro (diagnóstico) */
.erro-tec{background:#FCF4F0;border:1px solid #EBD3C4;border-radius:10px;padding:14px;
  font-family:ui-monospace,Consolas,monospace;font-size:12.5px;line-height:1.6;color:#8a3b1e;
  white-space:pre-wrap;word-break:break-word;overflow-x:auto;margin:0 0 16px}

/* =====================================================================
   v2 — barra clara, post-its, tabela de etapas, quadros e janelas
   ===================================================================== */
.app{background:var(--fundo)}
.side{background:#fff;border:1px solid var(--linha2);border-radius:18px;
  margin:14px 0 14px 14px;padding:20px 12px;width:228px;flex:0 0 228px;
  height:calc(100vh - 28px);position:sticky;top:14px}
.side nav{overflow-y:auto;margin:0 -4px;padding:0 4px}
.marca{padding:2px 10px 20px}
.marca span{color:var(--cafe)}
.marca small{color:var(--fraco)}
.side nav a{color:var(--cafe);opacity:.74;font-size:13.5px;padding:9px 11px}
.side nav a svg{opacity:.65}
.side nav a:hover{color:var(--cafe);opacity:1;background:rgba(88,46,28,.05)}
/* a cor do texto precisa vir junto do fundo claro, senão fica bege sobre bege */
.side nav a.on{background:var(--areia);color:var(--cafe);opacity:1;font-weight:700}
.side nav a.on svg{opacity:1;color:var(--terracota)}
.side nav .grupo{color:var(--fraco)}
.side nav .sep{background:var(--linha);margin:13px 10px}
.rodape-side{color:var(--suave);border-top:1px solid var(--linha);margin-top:auto;padding:14px 11px 0}
.rodape-side a{color:var(--terracota)}
.main{padding-bottom:100px}

/* ---------------------------------------------------- botão flutuante */
.fab{position:fixed;right:26px;bottom:26px;z-index:55;display:flex;align-items:center;gap:11px;
  background:var(--terracota);color:#fff;border:none;border-radius:999px;
  padding:13px 20px 13px 17px;cursor:pointer;font-family:'Lato',sans-serif;
  font-size:13.5px;font-weight:700;letter-spacing:.03em;
  box-shadow:0 10px 26px rgba(211,99,62,.36), 0 2px 6px rgba(88,46,28,.18)}
.fab:hover{filter:brightness(.96)}
.fab svg{width:20px;height:20px;flex:0 0 20px}
.fab .cont{background:rgba(255,255,255,.26);border-radius:999px;padding:3px 9px;font-size:11.5px}
@media(max-width:700px){.fab{padding:15px;border-radius:50%;right:18px;bottom:18px}
  .fab .tx,.fab .cont{display:none}}

/* ---------------------------------------------------- janelas */
.mask{position:fixed;inset:0;background:rgba(88,46,28,.42);z-index:60;
  display:none;align-items:flex-start;justify-content:center;padding:24px 18px;overflow-y:auto}
.mask.abre{display:flex}
.jan{background:#fff;border-radius:20px;width:100%;max-width:680px;padding:28px 32px 24px;
  box-shadow:0 20px 50px rgba(88,46,28,.28);margin:auto}
.jan h2{font-size:24px;margin-bottom:4px}
.jan h2 i{color:var(--terracota)}
.jan .fecha{float:right;background:none;border:none;font-size:22px;color:var(--fraco);
  cursor:pointer;line-height:1;padding:0 2px;font-family:'Lato',sans-serif}
.jan .fecha:hover{color:var(--cafe)}
.jan .rodape-jan{margin-top:20px;padding-top:16px;border-top:1px solid var(--linha);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.jan .rodape-jan .obs{font-size:12.5px;color:var(--fraco);flex:1;line-height:1.5}
.passo{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--linha)}
.passo:last-of-type{border-bottom:none}
.passo .n{flex:0 0 30px;height:30px;border-radius:50%;border:1.5px solid var(--linha2);
  display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;
  font-size:14px;color:var(--suave);position:relative;margin-top:2px}
.passo.ok .n{background:var(--oliva);border-color:var(--oliva);color:transparent}
.passo.ok .n:after{content:'';position:absolute;left:10px;top:7px;width:5px;height:11px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
.passo .tt{font-family:'Lora',Georgia,serif;font-size:16.5px;margin-bottom:4px}
.passo.ok .tt{color:var(--suave)}
.passo .dd{font-size:13.5px;color:var(--suave);line-height:1.6}
.passo .dd a{color:var(--caramelo);text-decoration:none;border-bottom:1px solid var(--linha2)}

/* ---------------------------------------------------- painel: post-its */
.cab2{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:end;
  margin-top:-28px;position:relative;z-index:2;margin-bottom:26px}
@media(max-width:1150px){.cab2{grid-template-columns:1fr;gap:26px;align-items:start}
  .cab2 h1{margin-top:13px}}
.cab2 .simb{width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid var(--linha2);
  display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;
  font-size:21px;color:var(--caramelo);box-shadow:0 4px 14px rgba(88,46,28,.08)}
.cab2 h1{font-family:'Lora',Georgia,serif;font-size:31px;margin-top:15px;line-height:1.15}
.cab2 h1 i{color:var(--terracota)}
.cab2 .dia{color:var(--suave);font-size:14px;margin-top:7px;line-height:1.7}

.postits{display:flex;gap:22px;align-items:flex-end;padding-top:10px}
@media(max-width:620px){.postits{flex-wrap:wrap;gap:26px 18px}}
.postit{position:relative;background:linear-gradient(163deg,#F8F1E0 0%,#F1E5CC 100%);
  border-radius:2px;padding:22px 24px 20px;
  box-shadow:0 10px 22px rgba(88,46,28,.14), 0 2px 4px rgba(88,46,28,.09)}
.postit:before{content:'';position:absolute;top:-10px;left:50%;width:78px;height:21px;
  transform:translateX(-50%) rotate(-1.6deg);background:rgba(211,99,62,.16);
  border-left:1px dashed rgba(255,255,255,.55);border-right:1px dashed rgba(255,255,255,.55)}
.postit:after{content:'';position:absolute;right:0;bottom:0;width:26px;height:26px;
  background:linear-gradient(135deg,transparent 50%,rgba(88,46,28,.10) 50%)}
.postit .et{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--caramelo)}
.jornada{transform:rotate(-1.5deg);width:248px;flex:0 0 248px;margin-bottom:8px}
.jornada .nm{font-family:'Lora',Georgia,serif;font-size:33px;line-height:1.1;margin-top:9px}
.jornada .nm small{font-size:13px;font-family:'Lato',sans-serif;color:var(--suave);margin-left:6px}
.jornada .ob{font-size:12.5px;color:var(--suave);margin-top:6px;line-height:1.55}
.jornada .ob b{color:var(--cafe)}
.jornada .ob a{color:var(--caramelo);text-decoration:none;border-bottom:1px solid rgba(151,90,58,.3)}
.jornada .bt{margin-top:15px}
.jornada .bt .botao{padding:11px 22px;font-size:11px;box-shadow:0 3px 8px rgba(211,99,62,.28)}
.jornada .agora{font-size:12.5px;color:var(--terracota);margin-top:7px}
.emmaos{transform:rotate(1.3deg);width:262px;flex:0 0 262px;margin-bottom:8px}
.emmaos .lks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}
.emmaos .lk{background:rgba(255,255,255,.66);border-color:rgba(151,90,58,.2);
  padding:9px 8px;font-size:12.5px;text-align:center;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.emmaos .rod{margin-top:14px;padding-top:11px;border-top:1px solid rgba(151,90,58,.18);
  font-size:12px;color:var(--suave);display:flex;align-items:center}
.emmaos .rod .editar{margin-left:auto}
@media(max-width:620px){.jornada{transform:rotate(-1deg)}.emmaos{transform:rotate(1deg)}}

.vsel{display:flex;gap:4px;background:#F2EDE4;border-radius:999px;padding:3px}
.vsel a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
  color:var(--suave);padding:7px 14px;border-radius:999px;text-decoration:none}
.vsel a.on{background:#fff;color:var(--cafe);box-shadow:0 1px 3px rgba(88,46,28,.09)}
.sec-cab{display:flex;align-items:baseline;gap:14px;margin:30px 0 14px;flex-wrap:wrap}
.sec-cab h2{font-family:'Lora',Georgia,serif;font-size:20px}
.sec-cab .dir{margin-left:auto;display:flex;gap:8px;align-items:center}
.sec-cab .dir a.link{font-size:12.5px;color:var(--caramelo);text-decoration:none}

/* ---------------------------------------------------- projeto */
.proj-cab{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;margin-bottom:16px}
@media(max-width:900px){.proj-cab{grid-template-columns:1fr;gap:20px}}
.proj-cab h1{font-family:'Lora',Georgia,serif;font-size:31px;line-height:1.15;margin-top:4px}
.proj-cab .cli{color:var(--suave);font-size:14.5px;margin-top:6px}
.proj-bts{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.bt-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--linha2);
  border-radius:999px;padding:10px 17px;font-size:13px;color:var(--cafe);text-decoration:none;
  cursor:pointer;font-family:'Lato',sans-serif}
.bt-chip:hover{border-color:var(--caramelo)}
.bt-chip svg{width:16px;height:16px;flex:0 0 16px;color:var(--caramelo)}
.bt-chip b{font-family:'Lora',Georgia,serif;font-weight:400;font-size:15px}
.bt-chip.horas{background:var(--areia);border-color:rgba(151,90,58,.3)}
.entrega-c{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:17px 22px;
  text-align:right;min-width:214px}
@media(max-width:900px){.entrega-c{text-align:left}}
.entrega-c .et{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--fraco)}
.entrega-c .dt{font-family:'Lora',Georgia,serif;font-size:27px;line-height:1.1;margin-top:7px}
.entrega-c .ob{font-size:12px;color:var(--suave);margin-top:6px;line-height:1.5}
.portal-faixa{display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:#fff;
  border:1px solid var(--linha);border-left:3px solid var(--oliva);border-radius:0 14px 14px 0;
  padding:13px 18px;margin-bottom:18px}
.portal-faixa .et{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--fraco);white-space:nowrap}
.portal-faixa input{margin-top:0;flex:1;min-width:210px;font-size:13px;padding:9px 12px;background:#FCFAF7}
.progresso{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:14px 20px;margin-bottom:20px}
.progresso .lin{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.progresso .et{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco)}
.progresso .pc{margin-left:auto;font-family:'Lora',Georgia,serif;font-size:15px}
.progresso .pc small{font-family:'Lato',sans-serif;font-size:12px;color:var(--suave);margin-left:5px}
.barra-p{height:7px;background:#EFE9DF;border-radius:99px;margin-top:11px;overflow:hidden}
.barra-p i{display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--oliva),var(--caramelo))}

/* ---------------------------------------------------- tabela de etapas */
.rolo-tab{overflow-x:auto;background:#fff;border:1px solid var(--linha);border-radius:16px}
.tab{width:100%;border-collapse:collapse;min-width:1120px}
.tab th{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco);text-align:left;
  padding:13px 12px;background:#FCFAF7;border-bottom:1px solid var(--linha2);font-weight:400;white-space:nowrap}
.tab td{padding:9px 12px;border-bottom:1px solid var(--linha);font-size:14px;vertical-align:middle}
.tab tbody tr:last-child td{border-bottom:none}
.c-mover{width:26px} .c-gp{width:152px} .c-dt{width:130px} .c-st{width:126px}
.c-resp{width:112px} .c-hrs{width:92px} .c-sub{width:72px} .c-x{width:32px}
tr.l-et:hover td{background:#FDFCFA}
tr.l-et.aberta td{background:#FCFAF7}
tr.l-et.desligada td{opacity:.45}
.alca-arrasta{color:var(--linha2);font-size:13px}
.nm-et{font-family:'Lora',Georgia,serif;font-size:15.5px;line-height:1.3}
.nm-et .regra{display:block;font-family:'Lato',sans-serif;font-size:11.5px;color:var(--suave);
  margin-top:4px;line-height:1.45}
.nm-et .regra b{color:var(--caramelo);font-weight:400}
.gp{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 11px;border-radius:999px;white-space:nowrap;
  background:rgba(151,90,58,.14);color:var(--caramelo)}
.tab input[type=date],.tab select,.tab input.resp{margin-top:0;padding:8px 10px;font-size:13px;
  border:1px solid var(--linha);background:#FCFAF7;border-radius:9px;width:100%;
  font-family:'Lato',sans-serif;color:var(--cafe)}
.tab input[type=date]:hover,.tab select:hover,.tab input.resp:hover{border-color:var(--linha2);background:#fff}
.tab select.st-and{color:var(--terracota);font-weight:700}
.tab select.st-ok{color:var(--oliva);font-weight:700}
.hrs-in{margin-top:0;width:72px;padding:7px 9px;font-size:13.5px;text-align:right;
  border:1px solid transparent;background:transparent;border-radius:8px;
  font-family:'Lora',Georgia,serif;color:var(--cafe)}
.hrs-in:hover{border-color:var(--linha2);background:#FCFAF7}
.hrs-in:focus{border-color:var(--caramelo);background:#fff;outline:none}
.hrs-in.zero{color:var(--fraco)}
.hrs-et{font-family:'Lora',Georgia,serif;font-size:14.5px;text-align:right;display:block;padding-right:9px}
.hrs-et.zero{color:var(--fraco)}
.bt-sub{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--linha2);
  border-radius:9px;padding:7px 11px;font-size:12.5px;color:var(--cafe);cursor:pointer;
  font-family:'Lato',sans-serif;text-decoration:none}
.bt-sub:hover{border-color:var(--caramelo)}
.bt-sub .n{font-family:'Lora',Georgia,serif;font-size:13px}
tr.l-et.aberta .bt-sub{background:var(--areia);border-color:rgba(151,90,58,.3)}
.bt-x{background:none;border:none;color:var(--linha2);font-size:15px;cursor:pointer;padding:2px 5px}
.bt-x:hover{color:var(--terracota)}
.liga{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;
  color:var(--suave);white-space:nowrap;margin-top:5px}
.liga .sw{width:32px;height:18px;border-radius:99px;background:#E3DCD1;position:relative;flex:0 0 32px}
.liga .sw:after{content:'';position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;
  background:#fff;box-shadow:0 1px 2px rgba(88,46,28,.2)}
.liga.on .sw{background:var(--oliva)}
.liga.on .sw:after{left:16px}
tr.l-sub{background:#FDFBF8}
tr.l-sub .nm{padding-left:20px;display:flex;align-items:flex-start;gap:11px;line-height:1.45;font-size:13.5px}
tr.l-sub.feito .nm .tx{color:var(--fraco);text-decoration:line-through}
tr.l-sub .nm small{display:block;color:var(--suave);font-size:12px;margin-top:2px;text-decoration:none}
tr.l-sub .bx{width:16px;height:16px;border:1.5px solid var(--linha2);border-radius:5px;
  display:inline-block;position:relative;cursor:pointer;flex:0 0 16px;margin-top:2px;background:none;padding:0}
tr.l-sub.feito .bx{background:var(--oliva);border-color:var(--oliva)}
tr.l-sub.feito .bx:after{content:'';position:absolute;left:4.5px;top:1px;width:4px;height:9px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
tr.l-sub.rodando td{background:rgba(211,99,62,.07)}
.dt-f{margin-top:0;padding:7px 9px;font-size:12.5px;width:100%;border:1px solid transparent;
  background:transparent;border-radius:8px;font-family:'Lato',sans-serif;color:var(--suave)}
.dt-f:hover{border-color:var(--linha2);background:#FCFAF7}
.cron{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--linha2);
  border-radius:999px;padding:5px 11px;font-size:11.5px;color:var(--cafe);cursor:pointer;
  font-family:'Lato',sans-serif;white-space:nowrap}
.cron:hover{border-color:var(--caramelo)}
.cron .pt{width:0;height:0;border-left:7px solid var(--oliva);
  border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.cron.on{background:var(--terracota);border-color:var(--terracota);color:#fff;font-weight:700}
.cron.on .pt{border:none;width:7px;height:8px;background:#fff;border-radius:1px}
.bt-ag{display:inline-flex;align-items:center;gap:5px;background:rgba(151,90,58,.1);
  border:1px solid rgba(151,90,58,.25);border-radius:999px;padding:5px 10px;font-size:11px;
  color:var(--caramelo);text-decoration:none;white-space:nowrap;margin-left:5px}
.bt-ag:hover{background:rgba(151,90,58,.16)}

/* ---------------------------------------------------- recados da equipe */
.mural .msg{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--linha)}
.mural .msg:last-of-type{border-bottom:none}
.mural .msg .av{width:34px;height:34px;border-radius:50%;background:var(--areia);flex:0 0 34px;
  display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;
  font-size:13px;color:var(--caramelo)}
.mural .msg .ct{flex:1;min-width:0}
.mural .msg .qm{font-size:12.5px;color:var(--suave);margin-bottom:4px}
.mural .msg .qm b{color:var(--cafe);font-family:'Lora',Georgia,serif;font-weight:400;font-size:14px;margin-right:7px}
.mural .msg .tx{font-size:14px;line-height:1.55}
.mural .msg.minha .av{background:rgba(211,99,62,.13);color:var(--terracota)}

/* ---------------------------------------------------- quadros arrastáveis */
.quadro3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
@media(max-width:980px){.quadro3{grid-template-columns:1fr}}
.col-k.alvo{background:#EFE7D9;border-color:var(--caramelo);border-style:dashed}
.card{background:#fff;border:1px solid var(--linha);border-radius:13px;padding:13px 15px;
  margin-bottom:10px;cursor:grab;position:relative;display:block;text-decoration:none;color:inherit}
.card:hover{border-color:var(--caramelo)}
.card.arrastando{opacity:.4;cursor:grabbing}
.card .tt{font-family:'Lora',Georgia,serif;font-size:15px;line-height:1.35;margin-bottom:8px}
.card .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--suave)}
.card .pj{background:rgba(151,90,58,.12);color:var(--caramelo);border-radius:999px;
  padding:3px 9px;font-size:11px;white-space:nowrap}
.card .qm{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.card .qm .av{width:21px;height:21px;border-radius:50%;background:var(--areia);color:var(--caramelo);
  display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;font-size:11px}
.card .dt{margin-left:auto;font-size:11.5px;color:var(--fraco);white-space:nowrap}
.card .dt.hoje{color:var(--terracota);font-weight:700}
.card .dt.atrasada{color:#fff;background:var(--terracota);border-radius:999px;padding:2px 8px}
.card .de{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--suave);
  background:rgba(88,46,28,.05);border-radius:999px;padding:3px 8px;white-space:nowrap}
.card .de svg{width:11px;height:11px;flex:0 0 11px;opacity:.7}
.card.reuniao{border-left:3px solid #8a7a63}
.card.reuniao .de{background:rgba(138,122,99,.16);color:#6f6151}
.col-k.feito .card .tt{color:var(--suave);text-decoration:line-through}
.zap{display:inline-flex;align-items:center;gap:6px;background:rgba(109,110,78,.13);
  color:#55663f;border:none;border-radius:999px;padding:6px 12px;font-size:11.5px;cursor:pointer;
  text-decoration:none;font-family:'Lato',sans-serif;white-space:nowrap;line-height:1}
.zap:hover{background:rgba(109,110,78,.2)}
.zap svg{width:14px;height:14px;flex:0 0 14px}

/* ---------------------------------------------------- carga por pessoa */
.grade-carga{display:grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:16px;
  align-items:start;margin-bottom:18px}
@media(max-width:520px){.grade-carga{grid-template-columns:1fr}}
.pessoa{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:18px 20px}
.pessoa .topo{display:flex;align-items:flex-start;gap:12px}
.pessoa .av{width:40px;height:40px;border-radius:50%;background:var(--areia);color:var(--caramelo);
  display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;
  font-size:13px;flex:0 0 40px}
.pessoa .nm{font-family:'Lora',Georgia,serif;font-size:17px;line-height:1.2}
.pessoa .nm small{display:block;font-family:'Lato',sans-serif;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--fraco);margin-top:4px}
.pessoa .ab{margin-left:auto;text-align:right}
.pessoa .ab b{font-family:'Lora',Georgia,serif;font-size:23px;display:block;line-height:1}
.pessoa .ab small{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco);
  display:block;margin-top:4px}
.pessoa .lista{margin-top:16px;border-top:1px solid var(--linha);padding-top:4px}
.pessoa .tf{display:flex;align-items:flex-start;gap:9px;padding:9px 0;
  border-bottom:1px solid var(--linha);font-size:13.5px;line-height:1.4;flex-wrap:wrap}
.pessoa .tf:last-child{border-bottom:none}
.pessoa .tf .pt{width:7px;height:7px;border-radius:50%;background:var(--linha2);flex:0 0 7px;margin-top:6px}
.pessoa .tf.atr .pt{background:var(--terracota)}
.pessoa .tf .tx{flex:1;min-width:0}
.pessoa .tf .tx small{display:block;color:var(--suave);font-size:12px;margin-top:2px}
.pessoa .tf .dt{font-size:12.5px;color:var(--fraco);white-space:nowrap}
.pessoa .tf.atr .dt{color:var(--terracota);font-weight:700}
.pessoa .rod{margin-top:14px;padding-top:13px;border-top:1px solid var(--linha);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--suave)}
.pessoa .rod .verm{color:var(--terracota);font-weight:700}
.pessoa .bt-horas{margin-left:auto;background:var(--areia);border:1px solid rgba(151,90,58,.3);
  border-radius:999px;padding:8px 15px;font-size:12px;color:var(--cafe);cursor:pointer;
  font-family:'Lato',sans-serif;white-space:nowrap;text-decoration:none}
.pessoa .horas-p{margin-top:14px;padding-top:14px;border-top:1px dashed var(--linha2)}
.pessoa .hp-nums{display:flex;gap:34px;flex-wrap:wrap}
.pessoa .hp-nums div{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fraco)}
.pessoa .hp-nums b{display:block;font-family:'Lora',Georgia,serif;font-size:22px;color:var(--cafe);
  letter-spacing:0;text-transform:none;margin-top:5px}

/* ---------------------------------------------------- planner da semana */
.planner{display:grid;grid-template-columns:repeat(7,1fr);gap:11px;align-items:start}
@media(max-width:1100px){.planner{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.planner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.planner{grid-template-columns:1fr}}
.dia-c{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:13px 12px;min-height:190px}
.dia-c.hoje{border-color:var(--terracota);box-shadow:0 0 0 2px rgba(211,99,62,.12)}
.dia-c.fds{background:#FCFAF7}
.dia-c .dh{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco);
  display:flex;align-items:baseline;gap:6px;padding-bottom:9px;border-bottom:1px solid var(--linha)}
.dia-c .dh b{font-family:'Lora',Georgia,serif;font-size:15px;color:var(--cafe);letter-spacing:0}
.dia-c.hoje .dh,.dia-c.hoje .dh b{color:var(--terracota)}
.it{font-size:12.5px;line-height:1.4;padding:8px 0;border-bottom:1px solid var(--linha);
  display:flex;gap:8px;align-items:flex-start}
.it:last-of-type{border-bottom:none}
.it .pt{width:7px;height:7px;border-radius:50%;flex:0 0 7px;margin-top:5px;background:var(--c,var(--linha2))}
.it .tx{flex:1;min-width:0}
.it.feito .tx{color:var(--fraco);text-decoration:line-through}
.it .x{opacity:0;background:none;border:none;color:var(--fraco);font-size:14px;cursor:pointer;padding:0 2px}
.it:hover .x{opacity:1}
.it .x:hover{color:var(--terracota)}
.it .ic-ag{width:11px;height:11px;flex:0 0 11px;opacity:.55;vertical-align:-1px;margin-right:4px}
.planner.est-sub .it .pt{display:none}
.planner.est-sub .it .tx{border-bottom:2.5px solid var(--c,var(--linha2));padding-bottom:2px;
  display:inline-block}
.legenda-fr{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.fr-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--linha);
  border-radius:999px;padding:7px 13px;font-size:12px;color:var(--cafe)}
.fr-chip i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:0 0 9px}
.mais{width:100%;background:none;border:1px dashed var(--linha2);border-radius:9px;padding:7px;
  font-size:11.5px;color:var(--fraco);cursor:pointer;font-family:'Lato',sans-serif;margin-top:9px}
.mais:hover{border-color:var(--caramelo);color:var(--caramelo)}
.novo-it{margin-top:9px}
.novo-it input[type=text]{margin-top:0;font-size:12.5px;padding:7px 9px}
.novo-it .frs{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}
.novo-it .frs label{margin:0;padding:0}
.novo-it .frs span{width:17px;height:17px;border-radius:50%;background:var(--c);cursor:pointer;
  border:2px solid transparent;display:block}
.novo-it .frs input{display:none}
.novo-it .frs input:checked + span{border-color:var(--cafe)}

/* ---------------------------------------------------- funil arrastável */
.funil{display:flex;gap:13px;align-items:flex-start;overflow-x:auto;padding-bottom:16px}
.fcol{flex:0 0 258px;background:#F5F1EA;border:1px solid var(--linha);border-radius:16px;
  padding:14px 12px;min-height:180px}
.fcol.alvo{background:#EFE7D9;border-color:var(--caramelo);border-style:dashed}
.fcol.fechada{background:rgba(109,110,78,.11)}
.fcol.perdida{background:#F4EFEA}
.fcol .ch{display:flex;align-items:baseline;gap:8px;padding:2px 5px 12px}
.fcol .tt3{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--caramelo);line-height:1.3}
.fcol.fechada .tt3{color:var(--oliva)}
.fcol .qt{margin-left:auto;font-family:'Lora',Georgia,serif;font-size:14px;color:var(--suave)}
.fcol .soma{font-size:11.5px;color:var(--suave);padding:0 5px 12px;margin-top:-6px}
.fcol .soma b{font-family:'Lora',Georgia,serif;color:var(--cafe);font-weight:400;font-size:13.5px}
.neg{background:#fff;border:1px solid var(--linha);border-radius:13px;padding:12px 14px;
  margin-bottom:9px;cursor:grab;display:block;text-decoration:none;color:inherit}
.neg:hover{border-color:var(--caramelo)}
.neg.arrastando{opacity:.4;cursor:grabbing}
.neg .nm{font-family:'Lora',Georgia,serif;font-size:15px;line-height:1.3}
.neg .ds{font-size:12px;color:var(--suave);margin-top:3px;line-height:1.4}
.neg .vl{font-family:'Lora',Georgia,serif;font-size:15.5px;margin-top:9px}
.neg .vl small{font-family:'Lato',sans-serif;font-size:10.5px;color:var(--fraco);
  letter-spacing:.06em;text-transform:uppercase;margin-left:5px}
.neg .pe{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;
  padding-top:9px;border-top:1px solid var(--linha)}
.neg .og{font-size:10.5px;background:rgba(151,90,58,.12);color:var(--caramelo);
  border-radius:999px;padding:3px 9px;white-space:nowrap}
.neg .qd{font-size:11.5px;color:var(--fraco);margin-left:auto;white-space:nowrap}
.neg .qd.quente{color:var(--terracota);font-weight:700}
.neg .zap{font-size:11px;padding:5px 10px}
.neg .zap svg{width:13px;height:13px;flex:0 0 13px}

/* ---------------------------------------------------- financeiro */
.jabas{display:flex;gap:6px;background:#F2EDE4;border-radius:999px;padding:4px;margin-bottom:18px;flex-wrap:wrap}
.jabas a{font-size:11.5px;letter-spacing:.05em;font-weight:700;color:var(--suave);
  padding:8px 15px;border-radius:999px;text-decoration:none}
.jabas a.on{background:#fff;color:var(--cafe);box-shadow:0 1px 3px rgba(88,46,28,.09)}
.tj{width:100%;border-collapse:collapse}
.tj th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fraco);text-align:left;
  padding:8px 6px;border-bottom:1px solid var(--linha2);font-weight:400}
.tj th.n,.tj td.n{text-align:right;width:118px}
.tj th.m,.tj td.m{text-align:right;width:104px}
.tj th.x,.tj td.x{width:30px;padding-left:0;padding-right:2px}
.tj td{padding:4px 6px;border-bottom:1px solid var(--linha);font-size:13.5px}
.tj tr:last-child td{border-bottom:none}
.tj input{margin-top:0;border:1px solid transparent;background:transparent;padding:7px 9px;
  font-size:13.5px;border-radius:8px;width:100%}
.tj input:hover{border-color:var(--linha2);background:#FCFAF7}
.tj input:focus{border-color:var(--caramelo);background:#fff;outline:none}
.tj input.v{text-align:right;font-family:'Lora',Georgia,serif}
.tj td.calc{text-align:right;font-family:'Lora',Georgia,serif;color:var(--caramelo);font-size:13.5px}
.tj tr.tot td{border-top:1.5px solid var(--linha2);border-bottom:none;padding-top:11px;
  font-family:'Lora',Georgia,serif;font-size:15px}
.tj tr.tot td.calc{color:var(--cafe);font-size:16px}
.tj td.x button{background:none;border:none;color:var(--linha2);font-size:15px;cursor:pointer;padding:2px 5px}
.tj td.x button:hover{color:var(--terracota)}
.total-c{display:flex;align-items:baseline;gap:12px;background:var(--areia);border-radius:13px;
  padding:14px 19px;margin-top:12px}
.total-c .rot{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--caramelo)}
.total-c .vl{margin-left:auto;font-family:'Lora',Georgia,serif;font-size:24px}
.total-c.forte{background:var(--cafe)}
.total-c.forte .rot{color:rgba(240,231,213,.75)}
.total-c.forte .vl{color:var(--areia)}
.lin-c{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--linha)}
.lin-c label{margin:0;flex:1;font-size:13.5px;text-transform:none;letter-spacing:0;color:var(--cafe)}
.lin-c label small{color:var(--fraco);display:block;margin-top:2px;text-transform:none}
.lin-c input{margin-top:0;width:118px;text-align:right;font-family:'Lora',Georgia,serif;
  font-size:14.5px;padding:8px 11px}
.lin-c .un{font-size:12px;color:var(--fraco);width:30px}
.explica{font-size:12.5px;color:var(--suave);line-height:1.65;margin-top:14px;
  border-left:2px solid var(--linha2);padding-left:13px}
.explica b{color:var(--cafe)}
.res-linha{display:flex;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--linha);font-size:14px}
.res-linha:last-of-type{border-bottom:none}
.res-linha .v{margin-left:auto;font-family:'Lora',Georgia,serif;font-size:16px}
.aviso-kit{background:rgba(151,90,58,.1);border-left:3px solid var(--caramelo);
  border-radius:0 10px 10px 0;padding:11px 15px;font-size:12.5px;line-height:1.6;margin-top:14px}

/* ---------------------------------------------------- configurações: cores */
.paletas{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}
.pal{border:1.5px solid var(--linha);border-radius:14px;padding:14px 15px;background:#fff;
  cursor:pointer;display:block;text-decoration:none;color:inherit}
.pal:hover{border-color:var(--caramelo)}
.pal.on{border-color:var(--cafe);box-shadow:0 0 0 2px rgba(88,46,28,.1)}
.pal .nm{font-family:'Lora',Georgia,serif;font-size:15px;margin-bottom:10px;
  display:flex;align-items:center;gap:8px}
.pal .tiras{display:flex;gap:5px;height:34px}
.pal .tiras i{flex:1;border-radius:7px}
.livres{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:6px}
.cor-c{border:1px solid var(--linha);border-radius:13px;padding:13px 15px}
.cor-c .pp{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fraco)}
.cor-c .qq{font-size:12.5px;color:var(--suave);line-height:1.5;margin:5px 0 11px}
.cor-c .esc{display:flex;align-items:center;gap:10px}
.cor-c input[type=color]{width:44px;height:38px;padding:2px;border:1px solid var(--linha2);
  border-radius:9px;background:#fff;cursor:pointer;margin-top:0}
.cor-c input[type=text]{margin-top:0;font-family:'Lora',Georgia,serif;font-size:13.5px;
  text-transform:uppercase;padding:9px 11px}
.previa{background:var(--fundo);border:1px solid var(--linha2);border-radius:14px;padding:18px;margin-top:18px}
.previa .tt{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--fraco);margin-bottom:13px}
.previa .pv{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.previa .cartao{margin:0;padding:14px 16px;flex:1;min-width:180px}

/* ---------------------------------------------------- equipe */
.so-dona{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--linha);
  border-left:3px solid var(--caramelo);border-radius:0 14px 14px 0;padding:14px 18px;margin-bottom:20px}
.so-dona svg{width:19px;height:19px;flex:0 0 19px;color:var(--caramelo);margin-top:1px}
.so-dona .tx{font-size:13.5px;line-height:1.6;color:var(--suave)}
.so-dona .tx b{color:var(--cafe)}
.tv{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linha);border-radius:16px}
.tv th{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--fraco);
  padding:13px 12px;background:#FCFAF7;border-bottom:1px solid var(--linha2);font-weight:400;text-align:center}
.tv th:first-child{text-align:left}
.tv td{padding:11px 12px;border-bottom:1px solid var(--linha);font-size:13.5px;text-align:center}
.tv td:first-child{text-align:left;font-family:'Lora',Georgia,serif;font-size:14.5px}
.tv tr:last-child td{border-bottom:none}
.tv .sim{color:var(--oliva);font-size:15px}
.tv .nao{color:var(--linha2);font-size:15px}

/* ---------------------------------------------------- portal: regra do prazo */
.prazo-regra{display:inline-block;margin-top:8px;background:#F2EFE7;border-radius:8px;
  padding:7px 12px;font-size:12.5px;color:#5c6b4e;line-height:1.5}

/* arrastar: quadro de tarefas e funil do comercial */
.col-t.alvo,.col-k.alvo{background:#EFE7D9;border-color:var(--caramelo);border-style:dashed}
.tk[draggable],.cd[draggable]{cursor:grab}
.tk.arrastando,.cd.arrastando{opacity:.4;cursor:grabbing}

/* aviso de leitura das cores escolhidas */
.aviso-cor{border-radius:0 12px 12px 0;padding:12px 16px;font-size:13px;line-height:1.6;
  margin-top:16px;border-left:3px solid}
.aviso-cor.bom{background:rgba(109,110,78,.11);border-color:var(--oliva);color:#4d5437}
.aviso-cor.ruim{background:rgba(211,99,62,.1);border-color:var(--terracota);color:#8d3f22}

/* dados do contrato: abrem pelo botão do cabeçalho do projeto */
#dadosProj{display:none}
#dadosProj.abre{display:block}