/* ============================================================
   PORTAL DE TRANSPARÊNCIA — CONDOMÍNIO RESIDENCIAL SÃO GABRIEL
   Identidade visual institucional
   ============================================================ */
:root{
  --teal:#4BA4B4;
  --teal-esc:#327C8A;
  --teal-deep:#113C44;
  --branco:#F3F9F8;
  --bg:#EEF4F5;
  --card:#FFFFFF;
  --borda:#D4E6E9;
  --txt:#113C44;
  --txt2:#40727E;
  --muted:#7BA3AC;
  --verde:#1A6B3C;
  --verde-bg:#E9F5ED;
  --vermelho:#A32D2D;
  --vermelho-bg:#FCECEA;
  --ambar:#7A5A00;
  --ambar-bg:#FFF7E0;
  --azul:#1565A8;
  --azul-bg:#E7F1FB;
  --sombra:0 1px 3px rgba(17,60,68,.08),0 4px 14px rgba(17,60,68,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Arial,Helvetica,sans-serif;
  background:var(--bg);color:var(--txt);
  line-height:1.6;-webkit-text-size-adjust:100%;
}
h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif}
a{color:var(--teal-esc)}

/* ---------- CABEÇALHO ---------- */
.topo{background:var(--teal-deep);color:var(--branco);border-bottom:4px solid var(--teal)}
.topo-in{max-width:1080px;margin:0 auto;padding:22px 20px 18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.topo-logo{background:var(--branco);border-radius:10px;padding:8px 12px;flex:0 0 auto}
.topo-logo img{display:block;height:44px;width:auto}
.topo-txt h1{font-size:21px;line-height:1.25;font-weight:normal;color:#fff}
.topo-txt .sub{font-size:12.5px;color:#BFE0E6;margin-top:3px}
.selo{display:inline-block;margin-top:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);
  color:#DCF0F3;font-size:11.5px;letter-spacing:.6px;padding:3px 11px;border-radius:20px;text-transform:uppercase}

/* ---------- NAVEGAÇÃO ---------- */
.nav{background:var(--teal-esc);position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(17,60,68,.18)}
/* Em telas largas a navegação QUEBRA EM LINHAS: nenhum item pode ficar
   escondido fora da área visível. Só abaixo de 900px vira rolagem lateral,
   e nesse caso há indicador de continuação na borda direita. */
.nav-in{max-width:1180px;margin:0 auto;padding:0 12px;display:flex;gap:2px;flex-wrap:wrap}
.nav a{flex:0 0 auto;color:#DCF0F3;text-decoration:none;font-size:12.5px;padding:12px 12px;
  border-bottom:3px solid transparent;white-space:nowrap;font-weight:bold}
.nav a:hover{background:rgba(255,255,255,.10);color:#fff}
.nav a.on{color:#fff;border-bottom-color:var(--branco);background:rgba(255,255,255,.10)}
.nav a.pend{color:#A9CBD3;font-weight:normal}
.nav a.pend::after{content:' ○';font-size:9px;vertical-align:2px}
.nav a.ok::after{content:' ●';font-size:9px;vertical-align:2px;color:#8FD9A8}

/* ---------- LAYOUT ---------- */
.wrap{max-width:1080px;margin:0 auto;padding:26px 20px 60px}
.sec{margin:34px 0 14px}
.sec h2{font-size:19px;color:var(--teal-deep);padding-bottom:8px;border-bottom:2px solid var(--teal)}
.sec p.lead{font-size:13.5px;color:var(--txt2);margin-top:8px}

.card{background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:20px;box-shadow:var(--sombra);margin-bottom:16px}
.card h3{font-size:15.5px;color:var(--teal-deep);margin-bottom:12px}

/* ---------- MÉTRICAS ---------- */
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:16px 0}
.metric{background:var(--card);border:1px solid var(--borda);border-left:4px solid var(--teal);
  border-radius:10px;padding:16px 18px;box-shadow:var(--sombra)}
.metric .lbl{font-size:11.5px;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;font-weight:bold}
.metric .val{font-family:Georgia,serif;font-size:25px;color:var(--teal-deep);margin:7px 0 2px;line-height:1.15}
.metric .obs{font-size:11.5px;color:var(--muted)}
.metric.pos{border-left-color:var(--verde)} .metric.pos .val{color:var(--verde)}
.metric.neg{border-left-color:var(--vermelho)} .metric.neg .val{color:var(--vermelho)}
.metric.alt{border-left-color:var(--ambar)}

/* ---------- BOTÕES DE DOCUMENTO ---------- */
.docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:6px}
.doc{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--borda);
  border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--txt);transition:.15s;box-shadow:var(--sombra)}
.doc:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 6px 18px rgba(17,60,68,.13)}
.doc .ico{font-size:22px;flex:0 0 auto}
.doc .t{font-weight:bold;font-size:13.5px;color:var(--teal-deep);display:block}
.doc .d{font-size:11.5px;color:var(--muted)}
.doc.off{opacity:.62;cursor:not-allowed;background:#F6FAFA;border-style:dashed}
.doc.off:hover{transform:none;border-color:var(--borda);box-shadow:var(--sombra)}
.doc.drive{border-left:4px solid var(--verde)}
.doc.drive .t{color:var(--verde)}

/* ---------- TABELAS ---------- */
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{background:var(--teal);color:#fff;text-align:left;padding:10px 12px;font-size:12px;
  text-transform:uppercase;letter-spacing:.4px}
td{padding:10px 12px;border-bottom:1px solid var(--borda)}
tr:last-child td{border-bottom:none}
tbody tr:nth-child(even){background:#F7FBFB}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tr.tot td{background:var(--teal-deep);color:#fff;font-weight:bold;border:none}
tr.tot td a{color:#BFE0E6}
.tbl-wrap{overflow-x:auto;border:1px solid var(--borda);border-radius:10px;background:var(--card);box-shadow:var(--sombra)}

/* ---------- CAIXAS DE AVISO ---------- */
.box{border-radius:10px;padding:14px 16px;font-size:13px;margin:14px 0;border-left:4px solid}
.box b{display:block;margin-bottom:4px}
.box.info{background:var(--azul-bg);border-color:var(--azul);color:#0F4C7C}
.box.warn{background:var(--ambar-bg);border-color:#C9A227;color:var(--ambar)}
.box.ok{background:var(--verde-bg);border-color:var(--verde);color:#12522D}
.box.pend{background:#F4F8F9;border-color:var(--muted);color:var(--txt2)}

/* ---------- ETIQUETAS ---------- */
.tag{display:inline-block;font-size:10.5px;font-weight:bold;letter-spacing:.5px;padding:2px 8px;
  border-radius:11px;text-transform:uppercase;vertical-align:1px}
.tag.v{background:var(--verde-bg);color:var(--verde)}
.tag.r{background:var(--vermelho-bg);color:var(--vermelho)}
.tag.a{background:var(--ambar-bg);color:var(--ambar)}
.tag.b{background:var(--azul-bg);color:var(--azul)}
.tag.n{background:#EDF3F4;color:var(--txt2)}

/* ---------- LISTA DE DESTAQUES ---------- */
.fatos{list-style:none}
.fatos li{padding:12px 0;border-bottom:1px dashed var(--borda);font-size:13.5px}
.fatos li:last-child{border-bottom:none}
.fatos .tag{margin-right:8px}

/* ---------- GRÁFICOS ---------- */
.chart{position:relative;height:280px}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ---------- GRADE DE UNIDADES ---------- */
.unids{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px;margin-top:12px}
.un{border-radius:7px;padding:8px 3px;text-align:center;font-size:12px;font-weight:bold;border:1px solid}
.un .s{display:block;font-size:8.5px;font-weight:normal;letter-spacing:.2px;margin-top:2px}
.un.pago{background:var(--verde-bg);border-color:#B9DCC6;color:var(--verde)}
.un.enc{background:var(--azul-bg);border-color:#BBD8F0;color:var(--azul)}
.un.isento{background:#EDF3F4;border-color:var(--borda);color:var(--txt2)}
.un.ant{background:var(--ambar-bg);border-color:#EBD9A0;color:var(--ambar)}
.un.inad{background:var(--vermelho-bg);border-color:#EFC2BC;color:var(--vermelho)}

/* ---------- CARTÕES DE MÊS (índice) ---------- */
.meses{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.mcard{background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:0;overflow:hidden;
  box-shadow:var(--sombra);transition:.15s;display:block;text-decoration:none;color:var(--txt)}
.mcard:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(17,60,68,.14);border-color:var(--teal)}
.mcard .cab{background:var(--teal);color:#fff;padding:11px 16px;display:flex;justify-content:space-between;align-items:center}
.mcard.pnd .cab{background:var(--muted)}
.mcard .cab .m{font-family:Georgia,serif;font-size:17px}
.mcard .cab .st{font-size:10px;text-transform:uppercase;letter-spacing:.6px;background:rgba(255,255,255,.22);padding:2px 8px;border-radius:10px}
.mcard .corpo{padding:14px 16px}
.mcard .linha{display:flex;justify-content:space-between;font-size:12.5px;padding:4px 0;border-bottom:1px dotted var(--borda)}
.mcard .linha:last-child{border-bottom:none}
.mcard .linha b{font-variant-numeric:tabular-nums}
.mcard .vazio{font-size:12.5px;color:var(--muted);padding:6px 0}
.mcard .abrir{margin-top:10px;font-size:12px;font-weight:bold;color:var(--teal-esc)}

/* ---------- RODAPÉ ---------- */
.rodape{background:var(--teal-deep);color:#BFE0E6;margin-top:50px;padding:26px 20px;font-size:12.5px}
.rodape-in{max-width:1080px;margin:0 auto}
.rodape b{color:#fff}
.rodape .linha{margin:4px 0}
.rodape a{color:#9FD3DD}
.rodape .fine{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:11.5px;color:#8FB9C2}

/* ---------- NAVEGAÇÃO ENTRE MESES ---------- */
.pager{display:flex;justify-content:space-between;gap:10px;margin-top:30px}
.pager a{flex:1;background:var(--card);border:1px solid var(--borda);border-radius:10px;padding:12px 16px;
  text-decoration:none;font-size:13px;color:var(--teal-deep);box-shadow:var(--sombra)}
.pager a:hover{border-color:var(--teal)}
.pager a.next{text-align:right}
.pager span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}

@media (max-width:760px){
  .charts{grid-template-columns:1fr}
  .topo-txt h1{font-size:18px}
  .metric .val{font-size:22px}
  .wrap{padding:20px 14px 46px}
}
@media print{
  .nav,.pager,.doc.off{display:none}
  body{background:#fff}
  .card,.metric,.tbl-wrap{box-shadow:none}
}

/* ============================================================
   PÁGINA DE PROJETO EXTRAORDINÁRIO (destaque âmbar)
   ============================================================ */
.nav a.star{color:#FFE9A8;font-weight:bold;background:rgba(201,162,39,.20)}
.nav a.star:hover{background:rgba(201,162,39,.34);color:#fff}
.nav a.star.on{color:#fff;border-bottom-color:#E8C15A;background:rgba(201,162,39,.34)}

.faixa-proj{
  background:linear-gradient(135deg,#8A6A12 0%,#C9A227 100%);
  color:#FFFDF5;border-radius:12px;padding:24px 26px;margin:24px 0 18px;
  box-shadow:0 4px 16px rgba(122,90,0,.24);border-left:6px solid #7A5A00;
}
.faixa-proj h2{font-size:24px;font-weight:normal;line-height:1.25;margin:8px 0 6px;color:#fff}
.faixa-proj p{font-size:13.5px;color:rgba(255,253,245,.92)}
.fp-selo{
  display:inline-block;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.34);
  font-size:11px;letter-spacing:.7px;text-transform:uppercase;padding:3px 12px;border-radius:20px;
}

.projeto .sec h2{border-bottom-color:#C9A227}
.projeto .metric{border-left-color:#C9A227}
.projeto .metric.pos{border-left-color:var(--verde)}
.projeto th{background:#8A6A12}
.projeto tr.tot td{background:#5E4A10}

.doc.principal{border-left:4px solid #C9A227;background:var(--ambar-bg)}
.doc.principal .t{color:var(--ambar)}
.doc.principal:hover{border-color:#C9A227}

.mcard.proj .cab{background:linear-gradient(135deg,#8A6A12 0%,#C9A227 100%)}
.mcard.proj{border-color:#E8D9A8}

@media (max-width:760px){ .faixa-proj h2{font-size:20px} }

/* ---------- ACERVO DE PROJETO: destaque e galeria ---------- */
.doc.principal.grande{padding:20px 22px;margin-bottom:6px}
.doc.principal.grande .ico{font-size:32px}
.doc.principal.grande .t{font-size:15.5px}
.doc.principal.grande .d{font-size:12.5px;line-height:1.5}

.card.acv{border-left:4px solid #C9A227}
.card.acv h3{color:#7A5A00}

.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
.gfoto{display:block;text-decoration:none;border:1px solid var(--borda);border-radius:10px;
  overflow:hidden;background:var(--card);transition:.15s}
.gfoto:hover{border-color:#C9A227;transform:translateY(-2px);box-shadow:0 6px 18px rgba(122,90,0,.18)}
.gfoto img{display:block;width:100%;height:120px;object-fit:cover;background:#EDF3F4}
.gfoto span{display:block;padding:8px 10px;font-size:11.5px;color:var(--txt2);line-height:1.35}

@media (max-width:520px){ .galeria{grid-template-columns:repeat(2,1fr)} .gfoto img{height:100px} }

.doc.drive.pasta-sec{margin-top:12px;width:100%}

/* ============================================================
   PÁGINA DE ASSEMBLEIA (destaque teal escuro)
   ============================================================ */
.faixa-age{
  background:linear-gradient(135deg,#113C44 0%,#327C8A 100%);
  color:#F3F9F8;border-radius:12px;padding:24px 26px;margin:24px 0 18px;
  box-shadow:0 4px 16px rgba(17,60,68,.26);border-left:6px solid #4BA4B4;
}
.faixa-age h2{font-size:24px;font-weight:normal;line-height:1.25;margin:8px 0 6px;color:#fff}
.faixa-age p{font-size:13.5px;color:rgba(243,249,248,.92)}

/* ordem das deliberações */
ol.pautas{list-style:none;counter-reset:none}
ol.pautas li{display:flex;gap:16px;background:var(--card);border:1px solid var(--borda);
  border-left:4px solid var(--teal);border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:var(--sombra)}
ol.pautas .pn{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--teal-deep);
  color:#fff;font-family:Georgia,serif;font-size:17px;display:flex;align-items:center;justify-content:center}
ol.pautas .pt{font-weight:bold;font-size:14.5px;color:var(--teal-deep);margin-bottom:5px}
ol.pautas .pd{font-size:13px;color:var(--txt2);line-height:1.55}
ol.pautas .pb{font-size:11.5px;color:var(--muted);margin-top:7px;font-style:italic}

/* caixa de esclarecimentos */
.card.esclarece{border-left:4px solid var(--teal)}
.ff{margin-bottom:14px}
.ff label{display:block;font-size:12px;font-weight:bold;color:var(--txt2);
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.ff input,.ff select,.ff textarea{
  width:100%;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--txt);
  padding:11px 13px;border:1px solid var(--borda);border-radius:9px;background:#FBFDFD;
}
.ff textarea{resize:vertical;line-height:1.55}
.ff input:focus,.ff select:focus,.ff textarea:focus{
  outline:none;border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px rgba(75,164,180,.16)}
.ff-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.btn-env{flex:1 1 220px;font-family:Arial,sans-serif;font-size:14.5px;font-weight:bold;
  padding:14px 18px;border:none;border-radius:10px;cursor:pointer;color:#fff;transition:.15s}
.btn-env.email{background:var(--teal-esc)}
.btn-env.email:hover{background:var(--teal-deep)}
.btn-env.zap{background:#1A7F4B}
.btn-env.zap:hover{background:#125F38}
.btn-env:active{transform:translateY(1px)}
.ff-aviso{font-size:13px;margin-top:10px}
.ff-aviso.erro{color:var(--vermelho);background:var(--vermelho-bg);
  border-left:3px solid var(--vermelho);padding:9px 12px;border-radius:7px}
.ff-nota{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.6}

@media (max-width:520px){ .btn-env{flex:1 1 100%} .faixa-age h2{font-size:20px} }

/* nav da assembleia + aviso na home */
.nav a.age{color:#CFEFF6;font-weight:bold;background:rgba(75,164,180,.22)}
.nav a.age:hover{background:rgba(75,164,180,.36);color:#fff}
.nav a.age.on{color:#fff;border-bottom-color:var(--branco);background:rgba(75,164,180,.36)}

.aviso-age{display:flex;gap:16px;align-items:center;flex-wrap:wrap;text-decoration:none;
  background:linear-gradient(135deg,#113C44 0%,#327C8A 100%);color:#F3F9F8;
  border-radius:12px;padding:18px 22px;margin-top:22px;border-left:6px solid #4BA4B4;
  box-shadow:0 4px 16px rgba(17,60,68,.24);transition:.15s}
.aviso-age:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(17,60,68,.32)}
.aviso-age .ai{font-size:30px;flex:0 0 auto}
.aviso-age .ac{flex:1 1 320px}
.aviso-age .at{display:block;font-family:Georgia,serif;font-size:17px;color:#fff;margin-bottom:4px}
.aviso-age .ad{display:block;font-size:12.5px;color:rgba(243,249,248,.9);line-height:1.55}
.aviso-age .aa{flex:0 0 auto;font-size:13px;font-weight:bold;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);padding:9px 16px;border-radius:22px;color:#fff}

.mcard.age .cab{background:linear-gradient(135deg,#113C44 0%,#327C8A 100%)}
.mcard.age{border-color:#BFE0E6}

/* ---------- GUIA DO CONDÔMINO (acordeão) ---------- */
.guia{display:grid;gap:10px}
.gitem{background:var(--card);border:1px solid var(--borda);border-left:4px solid var(--teal);
  border-radius:11px;box-shadow:var(--sombra);overflow:hidden}
.gitem summary{display:flex;align-items:center;gap:13px;padding:15px 18px;cursor:pointer;list-style:none}
.gitem summary::-webkit-details-marker{display:none}
.gitem summary:hover{background:#F7FBFB}
.gitem .gi{font-size:20px;flex:0 0 auto}
.gitem .gt{flex:1;font-family:Georgia,serif;font-size:15.5px;color:var(--teal-deep)}
.gitem .gx{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;
  font-size:16px;line-height:22px;text-align:center;font-family:Arial,sans-serif}
.gitem[open]{border-left-color:var(--teal-deep)}
.gitem[open] .gx{background:var(--teal-deep)}
.gitem[open] .gx::before{content:'–'}
.gitem[open] .gx{font-size:0}
.gitem[open] .gx::before{font-size:16px}
.gitem .gb{padding:0 18px 18px 51px;border-top:1px solid var(--borda);margin-top:2px;padding-top:14px}
.gitem .gb p{font-size:13.5px;color:var(--txt2);line-height:1.65;margin-bottom:12px}
.gitem .gb ul{list-style:none}
.gitem .gb li{position:relative;padding-left:18px;font-size:13.5px;line-height:1.65;
  margin-bottom:9px;color:var(--txt)}
.gitem .gb li::before{content:'▪';position:absolute;left:0;color:var(--teal)}
.gitem .gb b{color:var(--teal-deep)}
@media (max-width:560px){ .gitem .gb{padding-left:18px} }

/* ============================================================
   ROTEIRO DA ASSEMBLEIA — linha do tempo
   ============================================================ */
.nav a.rot{color:#CFEFF6;font-weight:bold;background:rgba(75,164,180,.14)}
.nav a.rot:hover{background:rgba(75,164,180,.3);color:#fff}
.nav a.rot.on{color:#fff;border-bottom-color:var(--branco);background:rgba(75,164,180,.3)}

.rot-nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 4px}
.rot-nav a{flex:1 1 200px;display:flex;align-items:center;gap:10px;text-decoration:none;
  background:var(--card);border:1px solid var(--borda);border-radius:10px;padding:13px 16px;
  font-size:13.5px;font-weight:bold;color:var(--teal-deep);box-shadow:var(--sombra);transition:.15s}
.rot-nav a:hover{border-color:var(--teal);transform:translateY(-2px)}
.rot-nav a span{font-size:19px}

ol.tl{list-style:none;position:relative;margin:6px 0 4px;padding-left:8px}
ol.tl::before{content:'';position:absolute;left:104px;top:10px;bottom:10px;width:2px;background:var(--borda)}
.tli{display:flex;gap:0;align-items:flex-start;position:relative;margin-bottom:14px}
.tli .tq{flex:0 0 96px;text-align:right;padding-right:22px;font-size:12.5px;font-weight:bold;
  color:var(--teal-esc);padding-top:15px;line-height:1.35}
.tli .tc{flex:1;background:var(--card);border:1px solid var(--borda);border-left:4px solid var(--teal);
  border-radius:11px;padding:14px 17px;margin-left:18px;box-shadow:var(--sombra);position:relative}
.tli .tc::before{content:'';position:absolute;left:-25px;top:19px;width:11px;height:11px;
  border-radius:50%;background:var(--teal);border:2px solid var(--bg)}
.tli .tt{font-weight:bold;font-size:14.5px;color:var(--teal-deep);margin-bottom:6px;
  display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.tli .td{font-size:13px;color:var(--txt2);line-height:1.6}

.tl-prep .tli .tc{border-left-color:var(--muted)} .tl-prep .tli .tc::before{background:var(--muted)}
.tl-dia .tli .tc{border-left-color:var(--teal)}
.tl-pos .tli .tc{border-left-color:var(--verde)} .tl-pos .tli .tc::before{background:var(--verde)}

.tli.marco .tc{border-left-color:var(--teal-deep);background:#F4FAFB}
.tli.marco .tc::before{background:var(--teal-deep);width:15px;height:15px;left:-27px;top:17px}
.tli.destaque .tc{border-left-color:#C9A227;background:var(--ambar-bg)}
.tli.destaque .tc::before{background:#C9A227}
.tli.alerta .tc{border-left-color:var(--vermelho);background:var(--vermelho-bg)}
.tli.alerta .tc::before{background:var(--vermelho)}

@media (max-width:620px){
  ol.tl{padding-left:0}
  ol.tl::before{left:7px}
  .tli{flex-direction:column;gap:0}
  .tli .tq{flex:none;text-align:left;padding:0 0 6px 26px}
  .tli .tc{margin-left:24px}
  .tli .tc::before{left:-23px;top:14px}
}
.aviso-age.rot{background:linear-gradient(135deg,#327C8A 0%,#4BA4B4 100%);margin-top:12px}

/* ---------- ÁREA DO CONSELHO ---------- */
.nav a.cons{color:#F5E6C8;font-weight:bold;background:rgba(138,106,18,.24)}
.nav a.cons:hover{background:rgba(138,106,18,.4);color:#fff}
.nav a.cons.on{color:#fff;border-bottom-color:#E8C15A;background:rgba(138,106,18,.4)}

.faixa-cons{background:linear-gradient(135deg,#2F4858 0%,#4E7386 100%);
  color:#F3F9F8;border-radius:12px;padding:24px 26px;margin:24px 0 18px;
  box-shadow:0 4px 16px rgba(47,72,88,.26);border-left:6px solid #8FB3C4}
.faixa-cons h2{font-size:24px;font-weight:normal;line-height:1.25;margin:8px 0 6px;color:#fff}
.faixa-cons p{font-size:13.5px;color:rgba(243,249,248,.92)}

/* ---------- FORMULÁRIOS DE ENVIO ---------- */
.card.envio{border-left:4px solid var(--teal)}
.ff .obg{font-weight:normal;text-transform:none;letter-spacing:0;font-size:10.5px;
  color:var(--vermelho);background:var(--vermelho-bg);padding:1px 7px;border-radius:9px}
.ff-ajuda{font-size:11.5px;color:var(--muted);margin-top:5px;line-height:1.5}
.btn-env.gmail{background:#B23121}
.btn-env.gmail:hover{background:#8E2619}
.btn-env.copia{background:#5B7C8A}
.btn-env.copia:hover{background:#41606C}
.ff-aviso.ok{color:var(--verde);background:var(--verde-bg);
  border-left:3px solid var(--verde);padding:9px 12px;border-radius:7px}
.previa{margin-top:14px;border:1px solid var(--borda);border-radius:10px;background:#F7FBFB}
.previa summary{cursor:pointer;padding:11px 15px;font-size:13px;font-weight:bold;color:var(--teal-esc)}
.previa summary::-webkit-details-marker{display:none}
.previa summary::before{content:'▸ ';font-size:12px}
.previa[open] summary::before{content:'▾ '}
.previa textarea{width:calc(100% - 30px);margin:0 15px 12px;font-family:'Courier New',monospace;
  font-size:12px;line-height:1.55;padding:12px;border:1px solid var(--borda);border-radius:8px;
  background:#fff;color:var(--txt);resize:vertical}
.previa .ff-nota{padding:0 15px 12px;margin:0}
.mcard.cons .cab{background:linear-gradient(135deg,#2F4858 0%,#4E7386 100%)}
.mcard.cons{border-color:#C6D8E0}


/* ---------- NAVEGAÇÃO: rolagem lateral apenas no celular ---------- */
@media (max-width:900px){
  .nav{position:relative}
  .nav-in{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .nav-in::-webkit-scrollbar{height:3px}
  .nav-in::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:3px}
  /* sombra na borda direita indicando que há mais itens */
  .nav::after{content:'';position:absolute;top:0;right:0;bottom:0;width:34px;pointer-events:none;
    background:linear-gradient(90deg,rgba(50,124,138,0) 0%,var(--teal-esc) 88%)}
}

/* separador visual antes das seções especiais */
.nav a.age{margin-left:10px;border-left:1px solid rgba(255,255,255,.24);padding-left:14px}
@media (max-width:900px){ .nav a.age{margin-left:6px} }

/* ---------- ATALHOS DAS SEÇÕES DA ASSEMBLEIA (home) ---------- */
.atalhos-age{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}
.atalhos-age a{display:block;text-decoration:none;background:var(--card);border:1px solid var(--borda);
  border-left:4px solid var(--teal);border-radius:11px;padding:15px 17px;box-shadow:var(--sombra);transition:.15s}
.atalhos-age a:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 6px 18px rgba(17,60,68,.14)}
.atalhos-age a span{font-size:22px;display:block;margin-bottom:6px}
.atalhos-age a b{display:block;font-family:Georgia,serif;font-size:15px;color:var(--teal-deep);
  font-weight:normal;margin-bottom:3px}
.atalhos-age a{font-size:12.5px;color:var(--txt2);line-height:1.5}