:root{--fonte:Figtree,"SF Pro Text",-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;
--bg:#f3ecdd;--card:#faf6ee;--branco:#fffdf8;--texto:#1f2a24;--texto2:#6b7a70;--texto3:#98a39c;--borda:rgba(31,42,36,.09);--pill:#ebe3d2;
--verde:#0f2e1c;--verde2:#2f6b4f;--ouro:#c9a24a;--cobre:#b5713a;--feito:#3f7d5a;--fazendo:#4a6f8c;--falta:#a3524a;--raio:16px;
--sombra:0 1px 0 rgba(31,42,36,.03),0 10px 24px rgba(31,42,36,.05);--sombra2:0 14px 30px rgba(31,42,36,.12);--lat:272px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--fonte);background:var(--bg);color:var(--texto);min-height:100vh;line-height:1.4;-webkit-font-smoothing:antialiased}
a{color:var(--verde2)}button{font:inherit;cursor:pointer}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* lateral (igual ao tracker) */
.lateral{position:fixed;left:0;top:0;bottom:0;width:var(--lat);background:var(--verde);color:#e8e2d2;padding:22px 14px;display:flex;flex-direction:column;gap:3px;overflow:auto;z-index:6}
.lateral .wm{font-family:var(--serif);letter-spacing:.22em;font-size:26px;font-weight:600;color:var(--ouro);margin:0 0 14px 10px;text-decoration:none;display:block}
.lateral .sec{font-family:var(--serif);font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro);padding:16px 12px 6px;opacity:.9}
.lateral a.it{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#e8e2d2;text-decoration:none;font-size:15px;font-weight:500;border:1px solid transparent;transition:background .15s}
.lateral a.it:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}
.lateral a.it.ativo{background:rgba(255,255,255,.14);border-color:rgba(201,162,74,.5);box-shadow:inset 3px 0 0 var(--ouro)}
.lateral a.it svg{opacity:.9}.lateral .badge{margin-left:auto;background:var(--cobre);color:#fff;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:600}
.lateral .pt{width:10px;height:10px;border-radius:50%;flex:none;margin:0 4px}
.lateral .eu{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.06);cursor:pointer}
.lateral .eu b{font-size:14px;display:block}.lateral .eu small{color:#b7c3b9;font-size:12px}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--verde2);color:#fff;display:grid;place-items:center;font-weight:700;border:0;flex:none}
.topo{display:flex;align-items:center;gap:14px;padding:22px 34px 0;flex-wrap:wrap}
.topo h1{font-family:var(--serif);font-size:40px;font-weight:600;line-height:1}
.topo .pess{color:var(--texto2);font-size:15px;margin-left:4px}
.topo .busca{margin-left:auto;background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:11px 16px;width:min(360px,40vw);color:var(--texto3);font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}
main{padding:18px 34px 44px;display:grid;gap:18px;align-content:start;min-width:0;grid-template-columns:minmax(0,1fr)}main>*{min-width:0}
.com-lateral .topo,.com-lateral main,.com-lateral .barra-cel{margin-left:var(--lat)}
.card{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)}
.w{padding:20px 22px;min-width:0}.w h2{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7a8580;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.clicavel{cursor:pointer;transition:transform .15s,box-shadow .15s}.clicavel:hover{transform:translateY(-2px);box-shadow:var(--sombra2)}
.num{font-family:var(--serif);font-size:54px;font-weight:600;letter-spacing:-.02em;line-height:.95;color:var(--verde)}
.num small{font-family:var(--fonte);font-size:15px;font-weight:500;color:var(--texto2);margin-left:8px}.sub{color:var(--texto2);font-size:14px;margin-top:6px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cel{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-weight:600;font-size:12px;letter-spacing:.04em;padding:6px 12px;border-radius:7px;min-width:112px;border:0;white-space:nowrap}
.cel.f{background:var(--feito)}.cel.z{background:var(--fazendo)}.cel.x{background:var(--falta)}.cel.n{background:#9a958a}.cel.o{background:var(--cobre)}
.pill{font-size:12px;background:var(--pill);color:var(--texto2);border-radius:999px;padding:3px 10px;white-space:nowrap}
.btn{border:1px solid var(--borda);background:var(--branco);color:var(--texto);padding:9px 14px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;max-width:100%;white-space:nowrap}
.btn:hover{box-shadow:var(--sombra)}
.btn.cheio{background:var(--verde);color:#fff;border-color:var(--verde)}.btn.ouro{background:var(--ouro);color:#1f2a24;border-color:var(--ouro)}.btn.peq{padding:6px 10px;font-size:13px}
.av{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--verde2);color:#fff;font-weight:600;font-size:12px;flex:none}
.bloco{border-left:6px solid var(--c)}.bloco h2{font-family:var(--serif);color:var(--c);font-size:24px;font-weight:600;letter-spacing:0;text-transform:none}
.meta{font-size:12px;color:var(--texto3)}
.nc{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#8a5a00;background:#fbecc8;border:1px solid #e8c879;border-radius:99px;padding:3px 10px;white-space:nowrap}
.nc.vermelho{color:#7a2e28;background:#f6ddd9;border-color:#e0a79f}
.nc svg{width:14px;height:14px}
/* ===== e-mail ===== */
.mail{display:grid;grid-template-columns:230px minmax(280px,1fr) minmax(0,1.3fr);gap:18px;min-width:0}
.mail>*{min-width:0}
@media(min-width:1001px){.mail{height:calc(100vh - 300px);min-height:560px}.mail>.lista,.mail>.ler,.mail>.escrever-painel{overflow:auto}.mail>.lista>*,.mail>.ler>*,.mail>.escrever-painel>*{flex:none}.mail>.escrever-painel{overflow:hidden}.mail>.escrever-painel .corpo-esc{flex:1 1 auto;overflow:auto;min-height:0}.mail>.escrever-painel .rodape-esc{background:var(--card)}.mail>.pastas{overflow:auto}.com-sem-numeros .mail{height:calc(100vh - 130px)}}
.pastas{display:grid;gap:4px;align-content:start;padding:14px}
.pastas .tit{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7a8580;padding:10px 10px 6px}
.pastas a{display:flex;align-items:center;gap:10px;padding:9px 12px;min-width:0;border-radius:11px;color:var(--texto);text-decoration:none;font-size:14px;font-weight:500;border:1px solid transparent}
.pastas a:hover{background:var(--branco);border-color:var(--borda)}
.pastas a.ativo{background:var(--verde);color:#fff}.pastas a.ativo svg{color:var(--ouro)}
.pastas a>span:not(.n):not(.pt){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pastas a .n{margin-left:auto;flex:none;font-size:12px;font-weight:600;color:var(--texto2);background:var(--pill);border-radius:99px;padding:1px 8px}
.pastas a.ativo .n{background:rgba(255,255,255,.18);color:#fff}
.pastas a .pt{width:10px;height:10px;border-radius:50%;flex:none;margin:0 4px}
.pastas .escrever{margin:4px 0 10px}
.lista{display:flex;flex-direction:column;min-width:0}
.lista .cab{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--borda);flex-wrap:wrap}
.lista .cab h2{font-family:var(--serif);font-size:24px;font-weight:600;margin:0;letter-spacing:0;text-transform:none;color:var(--verde)}
.lista .cab .pill{margin-left:auto}
.msg{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:4px 12px;padding:14px 18px;border-bottom:1px solid var(--borda);cursor:pointer;text-decoration:none;color:var(--texto);align-items:start}
.msg:hover{background:var(--branco)}.msg.ativo{background:var(--branco);box-shadow:inset 4px 0 0 var(--ouro)}
.msg .av{grid-row:1/4;width:36px;height:36px;font-size:14px}
.msg .de{font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;min-width:0}
.msg .de span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg.nova .de,.msg.nova .as{font-weight:700}
.msg.nova .de span:first-child::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cobre);margin-right:8px;vertical-align:middle}
.msg .hora{font-size:12px;color:var(--texto3);white-space:nowrap;text-align:right}
.msg .as{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2/4}
.msg .pre{font-size:13px;color:var(--texto2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2/4}
.msg .tags{grid-column:2/4;display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;align-items:center}
.tag{font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.tag svg{width:12px;height:12px}
.tag.resp{background:#f6ddd9;color:#7a2e28}.tag.acomp{background:#dfe6ec;color:#3b5368}.tag.dono{background:var(--pill);color:var(--texto2)}
.tag.anexo{background:#efe9db;color:var(--texto2)}.tag.frente{color:#fff}
.tag.ok{background:#dcebe0;color:#2d5a3f}
/* leitura */
.ler{display:flex;flex-direction:column;min-width:0}
.ler .cab{padding:18px 22px 14px;border-bottom:1px solid var(--borda);display:grid;gap:10px}
.ler h2{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.15;margin:0;letter-spacing:0;text-transform:none;color:var(--verde)}
.ler .quem{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.ler .quem b{font-weight:600}.ler .quem small{color:var(--texto2)}
.ler .quem .hora{margin-left:auto;color:var(--texto3);font-size:13px}
.ler .acoes{display:flex;gap:8px;flex-wrap:wrap}
.ler .corpo{padding:18px 22px;font-size:15px;line-height:1.55;display:grid;gap:12px}
.ler .corpo p{max-width:70ch}
.anexos{display:flex;gap:10px;flex-wrap:wrap}
.anexo{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--branco);border:1px solid var(--borda);font-size:13px;text-decoration:none;color:var(--texto);min-width:0}
.anexo b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.anexo small{color:var(--texto3)}
.anexo .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;flex:none}
.sugere{margin:6px 22px 22px;border-radius:14px;border:1px solid rgba(201,162,74,.5);background:linear-gradient(180deg,#fbf6e6,#faf6ee);padding:16px 18px;display:grid;gap:12px}
.sugere .tit{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--verde)}
.sugere .tit svg{color:var(--ouro)}.sugere .tit small{font-family:var(--fonte);font-size:12px;color:var(--texto2);font-weight:500;margin-left:auto}
.sugere .texto{font-size:15px;line-height:1.55;white-space:pre-wrap;background:var(--branco);border:1px solid var(--borda);border-radius:12px;padding:14px 16px}
.sugere .bts{display:flex;gap:8px;flex-wrap:wrap}
.fio{display:grid;gap:14px;padding:18px 22px}
.fio .item{border:1px solid var(--borda);border-radius:14px;background:var(--branco);overflow:hidden}
.fio .item .quem{padding:12px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;border-bottom:1px solid var(--borda);cursor:pointer}
.fio .item .quem .hora{margin-left:auto;color:var(--texto3);font-size:13px}
.fio .item .txt{padding:14px 16px;font-size:15px;line-height:1.55;display:grid;gap:10px}
.fio .item.dobrado .txt{display:none}.fio .item.dobrado .quem{border-bottom:0}
.fio .item .txt p{max-width:70ch}
.ret{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* escrever */
.escrever-painel{display:flex;flex-direction:column;min-width:0;border-color:rgba(201,162,74,.5)}
.escrever-painel .cab{display:flex;align-items:center;gap:10px;padding:16px 22px;border-bottom:1px solid var(--borda)}
.escrever-painel .cab h2{font-family:var(--serif);font-size:24px;font-weight:600;margin:0;color:var(--verde)}
.escrever-painel .cab .x{margin-left:auto;border:0;background:var(--pill);width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1}
.campo{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:10px 22px;border-bottom:1px solid var(--borda);font-size:14px}
.campo label{color:var(--texto2);font-weight:500}
.campo .chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-width:0}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--pill);border-radius:999px;padding:4px 6px 4px 4px;font-size:13px;font-weight:500;max-width:100%}
.chip .av{width:22px;height:22px;font-size:10px}.chip i{font-style:normal;color:var(--texto3);padding:0 4px;cursor:pointer}
.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.campo input{font:inherit;font-size:14px;border:0;background:transparent;outline:0;min-width:60px;width:60px;flex:1 1 60px;color:var(--texto)}
.campo input.assunto{font-size:16px;font-weight:600;text-overflow:ellipsis;width:100%;flex:1 1 100%}
.corpo-esc{padding:18px 22px;font-size:15px;line-height:1.55;min-height:220px;display:grid;gap:12px;align-content:start}
.corpo-esc p{max-width:70ch}.cursor{display:inline-block;width:1px;height:18px;background:var(--verde);vertical-align:-3px}
.assin{color:var(--texto2);font-size:14px;line-height:1.5;border-top:1px solid var(--borda);padding-top:12px;margin-top:4px}
.assin b{color:var(--verde);font-family:var(--serif);font-size:17px}
.rodape-esc{display:flex;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid var(--borda);flex-wrap:wrap}
.rodape-esc .fim{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ferr{display:flex;gap:4px}.ferr button{border:0;background:transparent;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--texto2)}
.ferr button:hover{background:var(--pill);color:var(--texto)}
/* barra do celular + responsivo */
.barra-cel{display:none}
@media(max-width:1500px){.mail{grid-template-columns:236px minmax(290px,1fr) minmax(0,1.3fr);gap:14px}.msg .pre{display:none}.pastas a{padding:8px 10px;gap:8px}.lista .cab h2{font-size:21px}.lista .cab{padding:14px 16px 10px}}
@media(max-width:1200px){.mail{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.pastas{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding:10px}.pastas .tit{width:100%;padding:4px 10px}.pastas .escrever{margin:0}.pastas a{padding:7px 12px}}
@media(max-width:1000px){
  .lateral{display:none}.com-lateral .topo,.com-lateral main,.com-lateral .barra-cel{margin-left:0}
  .topo{padding:16px 16px 0}.topo h1{font-size:30px}.topo .busca{display:none}main{padding:14px 16px 90px}
  .barra-cel{display:flex;position:fixed;left:0;right:0;bottom:0;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:rgba(243,236,221,.92);backdrop-filter:blur(12px);border-top:1px solid var(--borda);z-index:6}
  .barra-cel a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--texto2);text-decoration:none;padding:4px 2px;min-width:52px}.barra-cel a.ativo{color:var(--verde);font-weight:600}
  .mail{grid-template-columns:minmax(0,1fr)}.ler,.escrever-painel{display:none}.msg .pre{display:block}
  .grid4{grid-template-columns:1fr 1fr}.num{font-size:40px}
}
@media(max-width:600px){.num{font-size:36px}.topo h1{font-size:26px}.msg{padding:12px 14px}.pastas{gap:4px}.pastas a{font-size:13px;padding:6px 10px}.pastas a .n{padding:0 6px}.topo .pess{display:none}
 .grid4{grid-template-columns:1fr 1fr}.filtros-cel{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--borda)}.w h2{font-size:11px;letter-spacing:.08em}}
.cel-so{display:none}@media(max-width:1000px){.cel-so{display:flex}.pc-so{display:none}}