/* =============================================================
   Relatório semanal — tela cheia (rodada 2, parte R-T) · 15/10/2026
   Prefixo .rel- e tokens --rel-* (nunca .kal- nem .pn-; o único empréstimo é .pn-link e
   .btn-back-dashboard, que já existem no index.html). Linguagem do Painel e do e-mail:
   filete navy em cima de cada bloco, rótulo pequeno em maiúsculas, número grande, cores
   por SITUAÇÃO — verde = feito/ganhou · terracota = atrasada/perdeu · azul-cinza = remarcada
   · coral/verde-água = CRÍTICA/FOLGA (as do Gantt). Sem sombra; nada de cor nova.
   ============================================================= */
.rel{
  --rel-navy:#002F49;--rel-soft:#284A68;--rel-mut:#5B6673;--rel-zero:#8E99A5;--rel-rule:#D2DAE1;--rel-hair:#E8EDF1;
  --rel-tint:#F6F8FA;--rel-hover:#F4F7F9;--rel-go:#3E6B47;--rel-go-soft:#B7CBBC;--rel-over:#A8442C;--rel-afz:#7F9BB8;
  --rel-rev:#B07A2A;--rel-teal:#005E82;--rel-crit:#E1553D;--rel-crit-t:#B8432D;--rel-folga:#2C9C92;--rel-folga-t:#1F7A72;
  --rel-lcols:minmax(0,1.9fr) 104px minmax(0,1fr) 170px 14px;
  width:100%;max-width:1280px;margin:0 auto;padding:4px 0 60px;color:var(--rel-navy);font-family:'Manrope',system-ui,-apple-system,sans-serif;
  font-size:14px;line-height:1.45;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;
}
.rel *{box-sizing:border-box;}
.rel button{font-family:inherit;color:inherit;}
.rel [title]:not(button):not(select):not(label){cursor:help;}
.rel-so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- topo ---------- */
.rel-topo{margin-bottom:14px;}
.rel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:4px;}
.rel-head-esq{min-width:0;}
.rel .rel-h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:40px;line-height:1.05;letter-spacing:-.01em;margin:0 0 8px;color:var(--rel-navy);}
.rel-semana{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rel-seta{width:30px;height:30px;border-radius:50%;border:1px solid var(--rel-rule);background:#fff;font-size:18px;line-height:1;color:var(--rel-navy);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px;transition:border-color .15s,background-color .15s;}
.rel-seta:hover:not(:disabled){border-color:var(--rel-navy);background:var(--rel-hover);}
.rel-seta:disabled{opacity:.35;cursor:default;}
.rel-sel{display:inline-flex;align-items:baseline;gap:6px;}
.rel-sel-pre{font-size:15px;font-weight:600;color:var(--rel-navy);}
.rel-sel select{width:auto;min-width:150px;-webkit-appearance:none;appearance:none;border:1px solid var(--rel-rule);border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23002F49' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;
  padding:5px 30px 5px 10px;font:600 15px 'Manrope',system-ui,sans-serif;color:var(--rel-navy);cursor:pointer;max-width:100%;transition:border-color .15s,box-shadow .15s;}
.rel-sel select:hover{border-color:var(--rel-navy);}
.rel-sel select:focus{outline:none;border-color:var(--rel-navy);box-shadow:0 0 0 3px rgba(0,47,73,.12);}
.rel-lede{margin:8px 0 0;font-size:13px;color:var(--rel-mut);line-height:1.5;}
.rel-atualizando{color:var(--rel-teal);}
.rel-link{font-weight:600;font-size:inherit;}
.rel-tag{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border:1px solid var(--rel-rule);border-radius:999px;color:var(--rel-mut);line-height:1.4;vertical-align:1px;}
.rel-tag.curso{color:var(--rel-teal);border-color:var(--rel-teal);}
.rel-acoes{display:flex;gap:10px;flex-wrap:wrap;}
.rel-bt{border:1px solid var(--rel-navy);background:#fff;color:var(--rel-navy);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;
  white-space:nowrap;transition:background-color .15s,color .15s;}
.rel-bt:hover{background:var(--rel-navy);color:#fff;}
.rel-bt.ocupado{cursor:progress;opacity:.75;}
.rel-aviso{margin:12px 0 0;padding:8px 12px;font-size:13px;background:#FBF6EC;border-left:3px solid var(--rel-rev);color:var(--rel-soft);}
.rel-aviso.erro{border-left-color:var(--rel-over);}

/* ---------- estados ---------- */
.rel-estado{padding:46px 0;font-size:14px;color:var(--rel-mut);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rel-estado.erro{color:var(--rel-navy);}
.rel-estado.erro b{font-weight:600;}
.rel-pulso{width:8px;height:8px;border-radius:50%;background:var(--rel-teal);animation:rel-pulso 1s ease-in-out infinite alternate;flex-shrink:0;}
@keyframes rel-pulso{from{opacity:.25;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){.rel-pulso{animation:none;}}
.rel-corpo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:start;margin-top:8px;transition:opacity .2s;}
.rel-corpo.recarregando{opacity:.55;}
.rel-main{min-width:0;}
.rel-nada{font-size:13.5px;color:var(--rel-mut);margin:4px 0 2px;}

/* ---------- seções ---------- */
.rel-sec{margin-top:30px;}
.rel-h2{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rel-navy);padding-top:11px;margin:0 0 12px;
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rel-mut);font-family:'Manrope',system-ui,sans-serif;line-height:1.3;}
.rel-h2-dir{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--rel-mut);}
.rel-figs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 34px;margin-bottom:14px;}
.rel-fig{display:flex;flex-direction:column;min-width:0;}
.rel-fnum{font-weight:600;font-size:28px;line-height:1;letter-spacing:-.02em;color:var(--rel-navy);font-variant-numeric:tabular-nums;}
.rel-flab{font-size:13.5px;font-weight:600;margin-top:5px;color:var(--rel-navy);}
.rel-fsub{font-size:12px;color:var(--rel-mut);margin-top:1px;}
.rel-fig.zero .rel-fnum{color:var(--rel-zero);}
.rel-fig.heroi .rel-fnum{font-size:46px;}
.rel-fig.ok:not(.zero) .rel-fnum,.rel-fig.ganhou .rel-fnum{color:var(--rel-go);}
.rel-fig.atr:not(.zero) .rel-fnum,.rel-fig.perdeu .rel-fnum{color:var(--rel-over);}
.rel-sub-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rel-mut);margin:16px 0 0;padding:0 6px 5px;border-bottom:1px solid var(--rel-rule);}
.rel-sub-n{font-weight:500;letter-spacing:0;text-transform:none;font-size:11.5px;}
.rel-ir-obra{border:0;background:none;padding:0;font-size:13px;font-weight:600;color:var(--rel-teal);cursor:pointer;white-space:nowrap;
  background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .2s;}
.rel-ir-obra:hover{background-size:100% 1px;}
.rel-mais{border:0;background:none;padding:4px 0;font-size:12.5px;color:var(--rel-mut);cursor:pointer;text-decoration:underline;text-decoration-color:var(--rel-rule);text-underline-offset:3px;}
.rel-mais:hover{color:var(--rel-navy);text-decoration-color:var(--rel-navy);}
.c-seta{color:var(--rel-zero);font-size:16px;line-height:1;transition:transform .2s,color .15s;display:inline-block;}
.aberta > .c-seta,.rel-obra-lin.aberta .c-seta,.rel-go.aberta .c-seta,tr.aberta .c-seta{transform:rotate(90deg);color:var(--rel-navy);}

/* ---------- 1. lançamento: uma linha por obra (a linha é o gráfico) ---------- */
.rel-lanc-cab{display:grid;grid-template-columns:var(--rel-lcols);gap:14px;padding:0 6px 6px;border-bottom:1px solid var(--rel-rule);font-size:11.5px;color:var(--rel-mut);font-weight:600;}
.rel-lanc-cab span:nth-child(4){text-align:center;}
.rel-obra-lin{display:grid;grid-template-columns:var(--rel-lcols);gap:14px;align-items:center;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rel-hair);
  padding:11px 6px;cursor:pointer;font-size:14px;transition:background-color .15s;}
.rel-obra-lin:hover{background:var(--rel-hover);}
.rel-obra-lin.aberta{background:var(--rel-tint);border-bottom-color:transparent;}
.rel-obra-lin .c-nome{min-width:0;}
.rel-obra-lin .c-nome b{font-size:15px;font-weight:600;display:block;overflow-wrap:anywhere;}
.rel-obra-lin .c-nome .sub{display:block;font-size:12.5px;color:var(--rel-mut);margin-top:2px;line-height:1.4;}
.rel-obra-lin .c-nome .sub.alerta{color:var(--rel-rev);}
.rel-obra-lin .c-nome .sub2{color:var(--rel-soft);}
.rel-obra-lin.erro .c-nome .sub{color:var(--rel-over);}
.c-data{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.c-dias{display:flex;align-items:center;gap:8px;min-width:0;}
.rel-bar-dias{display:block;height:8px;background:var(--rel-afz);border-radius:2px;flex-shrink:0;max-width:calc(100% - 56px);}
.c-dias em{font-style:normal;font-size:12.5px;color:var(--rel-mut);white-space:nowrap;font-variant-numeric:tabular-nums;}
.c-delta{display:flex;align-items:center;gap:8px;min-width:0;}
.rel-div{position:relative;flex:1;height:10px;min-width:40px;}
.rel-div::before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--rel-rule);}
.rel-div i{position:absolute;top:1px;height:8px;border-radius:1px;}
.rel-div i.ganhou{right:50%;background:var(--rel-go);}
.rel-div i.perdeu{left:50%;background:var(--rel-over);}
.rel-delta{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}
.c-delta .rel-delta{min-width:52px;text-align:right;font-size:14px;}
.rel-delta.ganhou{color:var(--rel-go);} .rel-delta.perdeu{color:var(--rel-over);} .rel-delta.zero{color:var(--rel-zero);font-weight:600;}
.rel-obra.aval .rel-aval-l{padding-left:14px;border-left:2px solid var(--rel-hair);margin:2px 0 6px 6px;}

/* ---------- o cartão por obra (proposta B) ---------- */
.rel-cartao{background:var(--rel-tint);border-bottom:1px solid var(--rel-hair);padding:4px 16px 18px;margin-bottom:6px;}
.rel-cartao-figs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 30px;padding-top:6px;}
.rel-cartao-figs .rel-fnum{font-size:21px;}
.rel-cartao-figs .rel-ir-obra{margin-left:auto;align-self:center;}
.rel-porque{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:12px;font-size:12.5px;color:var(--rel-soft);}
.rel-porque-t{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rel-mut);}
.rel-pq b{font-variant-numeric:tabular-nums;}
.rel-pq.ganhou b{color:var(--rel-go);} .rel-pq.perdeu b{color:var(--rel-over);} .rel-pq.zero{color:var(--rel-zero);}
.rel-pq-ds{color:var(--rel-mut);}
.rel-blocos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 28px;margin-top:14px;}
.rel-bloco{min-width:0;}
.rel-bloco.largo{grid-column:1 / -1;}
.rel-bloco h3,.rel-colunas h3,.rel-graf-b h3{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rel-mut);border-bottom:1px solid var(--rel-rule);
  padding-bottom:5px;margin:0 0 4px;font-family:'Manrope',system-ui,sans-serif;line-height:1.35;}

/* ---------- listas de tarefas ---------- */
.rel-itens{list-style:none;margin:0;padding:0;}
.rel-it{display:flex;align-items:baseline;gap:4px 8px;flex-wrap:wrap;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #EEF2F5;padding:6px 4px;cursor:pointer;
  font-size:13.5px;line-height:1.35;transition:background-color .15s;}
.rel-it:hover{background:var(--rel-hover);}
.rel-it:hover .rel-it-t{text-decoration:underline;text-decoration-color:var(--rel-rule);text-underline-offset:3px;}
.rel-it-t{flex:1 1 220px;min-width:0;overflow-wrap:anywhere;}
.rel-it-t b{font-weight:600;}
.rel-it-s{font-size:12px;color:var(--rel-mut);white-space:nowrap;}
.rel-it-d{font-size:12.5px;font-weight:600;white-space:nowrap;min-width:62px;font-variant-numeric:tabular-nums;}
.rel-k{font-size:10.5px;color:var(--rel-mut);border:1px solid var(--rel-rule);border-radius:3px;padding:0 4px;white-space:nowrap;}
.rel-dest{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;white-space:nowrap;background:#EEF2F5;color:var(--rel-mut);}
.rel-dest.entregue{background:#E6EFE8;color:var(--rel-go);}
.rel-dest.remarcado{background:#E1E9F1;color:#4D6A88;}
.rel-dest.saiu{background:none;color:var(--rel-zero);border:1px solid var(--rel-hair);}
/* glifos de tipo de prazo (a bolinha de 7 px do Calendário e da Minha semana) */
.rel-g{display:inline-block;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--rel-rev);flex-shrink:0;position:relative;top:-1px;box-sizing:border-box;}
.rel-g.comb{background:var(--rel-navy);border-color:var(--rel-navy);}
.rel-g.digi{border-color:var(--rel-rev);}
.rel-g.auto{border-color:var(--rel-rev);border-style:dashed;}
.rel-g.prev{border-color:var(--rel-afz);border-style:dashed;}
.rel-g.conc{background:var(--rel-go);border-color:var(--rel-go);}

/* ---------- 2. feito + entregas por semana ---------- */
.rel-feito{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;}
.rel-feito-esq{min-width:0;}
.rel-feito-obras{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 26px;}
.rel-feito-o{min-width:0;}
.rel-feito-o h3{font-size:13.5px;font-weight:500;color:var(--rel-mut);margin:4px 0 0;padding:0 4px;font-family:'Manrope',system-ui,sans-serif;}
.rel-feito-o h3 b{color:var(--rel-navy);font-weight:600;}
.rel-colunas{min-width:0;}
.rel-cols{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;height:150px;align-items:stretch;}
.rel-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;background:none;border:0;padding:0;cursor:pointer;height:100%;min-width:0;}
.rel-col .v{font-size:11.5px;font-weight:600;color:var(--rel-zero);text-align:center;line-height:16px;}
.rel-col .b{display:block;background:var(--rel-go-soft);border-radius:2px 2px 0 0;transition:background-color .15s;}
.rel-col .x{font-size:11px;color:var(--rel-mut);text-align:center;border-top:1px solid var(--rel-rule);line-height:19px;margin-top:0;}
.rel-col:hover .b{background:#93AE9A;}
.rel-col.esta .b{background:var(--rel-go);}
.rel-col.esta .v{color:var(--rel-navy);}
.rel-col.esta .x{color:var(--rel-navy);font-weight:700;}
.rel-col.curso .b{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 3px,transparent 3px 6px);}
/* semana de antes do começo do relatório (15/10/2026, M4): no gráfico para comparar, sem clique
   (o cursor é o "?" de toda dica desta tela: .rel [title]) */
.rel-col.fora:hover .b{background:var(--rel-go-soft);}
.rel-col.fora .x{color:var(--rel-zero);}

/* ---------- 3. placar + gráficos de barra ---------- */
.rel-rola{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.rel-placar{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;}
.rel-placar thead th{font-size:11.5px;font-weight:600;color:var(--rel-mut);text-align:right;padding:0 8px 7px;border-bottom:1px solid var(--rel-navy);vertical-align:bottom;line-height:1.3;}
.rel-placar thead th:first-child{text-align:left;padding-left:0;}
.rel-placar tbody th{text-align:left;font-weight:500;padding:0;border-bottom:1px solid var(--rel-hair);}
.rel-placar td{text-align:right;padding:9px 8px;border-bottom:1px solid var(--rel-hair);font-weight:600;font-variant-numeric:tabular-nums;}
.rel-placar td.zero{color:var(--rel-zero);font-weight:500;}
.rel-placar td.ok:not(.zero){color:var(--rel-go);}
.rel-placar td.forte:not(.zero){font-weight:700;}
.rel-pl-bt{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:9px 4px 9px 0;font-size:14px;text-align:left;cursor:pointer;}
.rel-pl-bt:disabled{cursor:default;}
.rel-pl-bt:not(:disabled):hover span:not(.c-seta){text-decoration:underline;text-decoration-color:var(--rel-rule);text-underline-offset:3px;}
.rel-pl-bt .c-seta{margin-left:2px;font-size:14px;}
tr.rel-pl-itens td{text-align:left;padding:0 0 10px 16px;font-weight:400;}
.rel-graf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 30px;margin-top:20px;}
.rel-graf-b{min-width:0;}
.rel-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--rel-mut);margin:4px 0 6px;}
.rel-leg span{display:inline-flex;align-items:center;gap:5px;}
.rel-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;}
.rel-emp-l{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center;font-size:12.5px;padding:2px 0;}
.rel-emp-l .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rel-soft);}
.rel-emp-l .tr{display:flex;align-items:center;min-width:0;}
.rel-emp-l .tr i{display:block;height:10px;flex-shrink:0;}
.rel-emp-l .tr i + i{margin-left:1px;}
.rel-emp-l .tr em{font-style:normal;font-size:12px;color:var(--rel-mut);margin-left:7px;font-variant-numeric:tabular-nums;}
.rel-leg i.ok,.rel-emp-l i.ok{background:var(--rel-go);}
.rel-leg i.rem,.rel-emp-l i.rem{background:var(--rel-afz);}
.rel-leg i.atr,.rel-emp-l i.atr{background:var(--rel-over);}
.rel-leg i.dig,.rel-emp-l i.dig{background:var(--rel-rev);}
.rel-leg i.zero,.rel-emp-l i.zero{background:#C3CDD6;}

/* ---------- 4. o Gantt pede: a mini-linha do tempo (CRÍTICA / FOLGA N D) ---------- */
.rel-go{margin-top:16px;}
.rel-go-h{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;padding:0 4px 4px;}
.rel-go-h b{font-size:15px;font-weight:600;}
.rel-go-s{font-size:12.5px;color:var(--rel-mut);}
.rel-go-h .rel-ir-obra{margin-left:auto;}
.rel-go-h.bt{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rel-hair);padding:8px 4px;cursor:pointer;transition:background-color .15s;}
.rel-go-h.bt:hover{background:var(--rel-hover);}
.rel-go-h.bt .c-seta{margin-left:auto;align-self:center;}
.rel-go-r{flex-basis:100%;font-size:12.5px;color:var(--rel-soft);}
.rel-go.aval{margin-top:0;}
.rel-go.aval:first-of-type{margin-top:16px;}
.rel-tl{margin-top:2px;}
.rel-tl-cab,.rel-tl-lin{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,44%);gap:0 12px;}
.rel-tl-cab .rel-tl-dias{border-bottom:1px solid var(--rel-rule);}
.rel-tl-dias{display:grid;grid-template-columns:repeat(var(--rel-dias),minmax(0,1fr));min-width:0;}
.rel-tl-dias .dl{grid-row:1;text-align:center;font-size:10.5px;color:var(--rel-mut);line-height:1.2;padding:2px 0 4px;}
.rel-tl-dias .dl b{display:block;font-size:12px;font-weight:600;color:var(--rel-navy);}
.rel-tl-dias .dl.fim,.rel-tl-dias .dl.fim b{color:var(--rel-zero);}
.rel-tl-dias .dl.hoje,.rel-tl-dias .dl.hoje b{color:var(--rel-teal);font-weight:700;}
.rel-tl-dias .dc{grid-row:1;}
.rel-tl-dias .dc.fim{background:#F1F4F7;}
.rel-tl-dias .dc.hoje{background:rgba(0,94,130,.07);box-shadow:inset 1px 0 0 rgba(0,94,130,.35);}
.rel-tl-dias .rb{grid-row:1;align-self:center;height:9px;border-radius:2px;position:relative;z-index:1;min-width:6px;}
.rel-tl-dias .rb.crit{background:var(--rel-crit);}
.rel-tl-dias .rb.folga{background:var(--rel-folga);}
.rel-tl-lin{border-bottom:1px solid #EEF2F5;}
.rel-tl-txt{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 4px;cursor:pointer;font-size:13.5px;line-height:1.35;min-width:0;transition:background-color .15s;}
button.rel-tl-txt:hover{background:var(--rel-hover);}
button.rel-tl-txt:hover .t{text-decoration:underline;text-decoration-color:var(--rel-rule);text-underline-offset:3px;}
.rel-tl-txt .et{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-right:7px;white-space:nowrap;}
.rel-tl-txt .et.crit{color:var(--rel-navy);}
.rel-tl-lin.so{grid-template-columns:minmax(0,1fr);}   /* 16/10/2026: sem a barrinha dos dias */
.rel-tl-txt .et.folga{color:var(--rel-folga-t);}
.rel-tl-txt .t{overflow-wrap:anywhere;}
.rel-tl-txt .s{display:block;font-size:12px;color:var(--rel-mut);margin-top:1px;}
.rel-tl-txt .s .atr{color:var(--rel-over);}
.rel-tl-nota{font-size:12px;color:var(--rel-mut);margin:6px 4px 0;}
.rel-tl .rel-mais{margin-left:4px;}

/* ---------- a pauta da reunião (C) ---------- */
.rel-pauta{position:sticky;top:6px;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin;margin-top:30px;padding-right:2px;}
.rel-pauta-l{list-style:none;margin:0;padding:0;}
.rel-pauta-l > li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:10px 0 9px;border-bottom:1px solid var(--rel-hair);}
.rel-pn{font-size:12px;font-weight:700;color:var(--rel-mut);padding-top:2px;font-variant-numeric:tabular-nums;}
.rel-pc{min-width:0;}
.rel-pt{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.rel-pt b{font-size:13.5px;font-weight:600;line-height:1.35;}
.rel-cont{font-size:11.5px;font-weight:700;color:var(--rel-mut);background:#EEF2F5;border-radius:999px;padding:0 7px;line-height:18px;flex-shrink:0;}
.rel-pc ul{list-style:none;margin:4px 0 0;padding:0;}
.rel-pi{display:block;width:100%;text-align:left;background:none;border:0;padding:3px 4px 3px 0;font-size:12.5px;line-height:1.4;color:var(--rel-soft);cursor:pointer;overflow-wrap:anywhere;}
.rel-pi b{color:var(--rel-navy);font-weight:600;}
.rel-pi .d{color:var(--rel-mut);}
.rel-pi .d::before{content:" · ";}
.rel-pi:hover{color:var(--rel-navy);text-decoration:underline;text-decoration-color:var(--rel-rule);text-underline-offset:3px;}

/* ---------- foco de teclado ---------- */
.rel button:focus-visible,.rel select:focus-visible{outline:2px solid var(--rel-teal);outline-offset:1px;}

/* ---------- telas médias: a pauta desce para o fim ---------- */
@media (max-width:1100px){
  .rel-corpo{grid-template-columns:minmax(0,1fr);gap:0;}
  .rel-pauta{position:static;max-height:none;overflow:visible;}
}
@media (max-width:900px){
  .rel{--rel-lcols:minmax(0,1.5fr) 96px minmax(0,.8fr) 130px 14px;}
  .rel-feito{grid-template-columns:minmax(0,1fr);}
  .rel-graf{grid-template-columns:minmax(0,1fr);}
}
/* ---------- celular ---------- */
@media (max-width:760px){
  .rel{font-size:13.5px;padding-bottom:40px;}
  .rel .rel-h1{font-size:31px;}
  .rel-head{flex-direction:column;align-items:stretch;gap:14px;}
  .rel-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .rel-bt{padding:9px 10px;white-space:normal;}
  .rel-sel-pre{display:none;}
  .rel-semana{flex-wrap:nowrap;}
  .rel-sel{flex:1 1 auto;min-width:0;}
  .rel-sel select{font-size:14px;width:100%;min-width:0;}
  .rel-seta{flex-shrink:0;}
  .rel-semana .rel-tag{flex-shrink:0;}
  .rel-lanc-cab{display:none;}
  .rel-obra-lin{grid-template-columns:auto minmax(0,1fr) auto 12px;grid-template-areas:"nome nome delta seta" "data dias dias .";gap:4px 12px;padding:10px 4px;}
  .rel-obra-lin .c-nome{grid-area:nome;}
  .rel-obra-lin .c-data{grid-area:data;font-size:13px;}
  .rel-obra-lin .c-dias{grid-area:dias;}
  .rel-obra-lin .c-delta{grid-area:delta;}
  .rel-obra-lin .c-dias:empty{display:none;}
  .rel-obra-lin .c-seta{grid-area:seta;}
  .rel-div{display:none;}
  .c-delta .rel-delta{min-width:0;}
  .rel-cartao{padding:4px 10px 14px;}
  .rel-cartao-figs{gap:10px 20px;}
  .rel-cartao-figs .rel-ir-obra{margin-left:0;flex-basis:100%;text-align:left;background-position:0 100%;}
  .rel-blocos{grid-template-columns:minmax(0,1fr);}
  .rel-feito-obras{grid-template-columns:minmax(0,1fr);}
  .rel-figs{gap:12px 22px;}
  .rel-fnum{font-size:24px;}
  .rel-fig.heroi .rel-fnum{font-size:38px;}
  .rel-it-s{white-space:normal;}
  .rel-emp-l{grid-template-columns:104px minmax(0,1fr);}
  .rel-tl-cab,.rel-tl-lin{grid-template-columns:minmax(0,1fr);}
  .rel-tl-cab > .rel-tl-txt{display:none;}
  .rel-tl-lin{padding-bottom:6px;}
  .rel-tl-lin .rel-tl-dias{height:12px;}
  .rel-tl-txt{padding:7px 2px 4px;}
  .rel-go-h .rel-ir-obra{margin-left:0;}
  .rel-cols{height:130px;gap:4px;}
}