/* Saint · Estúdio (área da equipe). Mesmo papel, sombra e brilho do site. */
.est-main{min-height:80vh;padding:clamp(28px,5vw,64px) 0 clamp(60px,8vw,120px)}
.est-carrega{font:600 13px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--vinho);padding:60px 0}
.est-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:auto}
.est-nav button{font:600 14px/1 var(--texto);color:var(--creme);background:transparent;border:1px solid transparent;border-radius:999px;padding:11px 16px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.est-nav button:hover{border-color:rgba(244,230,195,.35)}
.est-nav button[aria-current="page"]{background:var(--creme);color:var(--preto);box-shadow:0 0 0 1px rgba(244,230,195,.3),0 0 24px rgba(243,175,48,.35)}
.est-nav .bolha{background:var(--vinho);color:var(--creme);border-radius:999px;font-size:11px;padding:3px 7px}
.est h1.est-t{font:700 clamp(40px,6vw,72px)/.98 var(--display);letter-spacing:-.02em}
.est h1.est-t em{font-style:italic;color:var(--vinho)}
.est-cab{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,4vw,40px)}
.est-cab p{color:var(--tinta);max-width:52ch;margin-top:12px;font-size:18px}
.est-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:clamp(16px,2vw,24px)}
.est-card{background:#FBF7EE;border-radius:18px;padding:22px 22px 18px;box-shadow:var(--sh);color:var(--preto);text-align:left;border:0;cursor:pointer;font:inherit;position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.est-card:hover{transform:translateY(-3px) rotate(-.4deg)}
.est-card:focus-visible{outline:3px solid var(--mostarda);outline-offset:3px}
.est-card h3{font:700 24px/1.1 var(--display);margin:8px 0 4px}
.est-card .miudo{color:var(--suave-c);font-size:14px}
.est-card .fita{position:absolute;top:-10px;right:22px;width:74px;height:22px;background:rgba(243,175,48,.55);transform:rotate(4deg);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.est-card.arq{opacity:.6}
.est-etq{display:inline-flex;gap:6px;align-items:center;font:600 11px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--papel-2);color:var(--vinho);box-shadow:inset 0 0 0 1px rgba(165,28,52,.25)}
.est-etq.ok{color:#2c6b3f;box-shadow:inset 0 0 0 1px rgba(44,107,63,.3)}
.est-linha{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.est-busca{max-width:360px;width:100%}
.est-sec{background:#FBF7EE;border-radius:18px;padding:clamp(20px,3vw,32px);box-shadow:var(--sh);margin-bottom:clamp(18px,3vw,28px);color:var(--preto)}
.est-sec>h2{font:700 clamp(26px,3vw,34px)/1.05 var(--display);margin:6px 0 18px}
.est-form{display:grid;gap:16px}
.est-form .duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.est .campo input,.est .campo textarea,.est .campo select{color:var(--preto);background:#FFFDF8;border-color:var(--linha-c)}
.est .campo>span{color:var(--suave-c)}
.est .btn{border-color:var(--preto);color:var(--preto)}
.est .btn:hover{background:var(--preto);color:var(--creme)}
.est .btn.cheio{background:var(--vinho);border-color:var(--vinho);color:var(--creme);box-shadow:0 8px 22px -8px rgba(165,28,52,.6)}
.est .btn.cheio:hover{background:var(--preto);border-color:var(--preto)}
.est .btn.peq{padding:9px 14px;font-size:14px}
.est .btn[disabled]{opacity:.5;cursor:default}
.est-etapas{display:flex;gap:6px;flex-wrap:wrap}
.est-etapas button{font:600 14px/1 var(--texto);padding:11px 14px;border-radius:999px;border:1px solid var(--linha-c);background:#FFFDF8;color:var(--preto);cursor:pointer}
.est-etapas button[aria-pressed="true"]{background:var(--preto);color:var(--creme);border-color:var(--preto);box-shadow:0 0 18px rgba(243,175,48,.45)}
.est-ent{display:grid;gap:12px;padding:16px;border-radius:14px;background:var(--papel-2);box-shadow:inset 0 0 0 1px var(--linha-c)}
.est-drop{display:block;margin-top:4px;border:2px dashed rgba(165,28,52,.45);border-radius:18px;padding:clamp(24px,4vw,44px);text-align:center;background:repeating-linear-gradient(-45deg,rgba(243,175,48,.06) 0 12px,transparent 12px 24px);cursor:pointer;transition:background .3s,border-color .3s}
.est-drop.em-cima{border-color:var(--vinho);background:rgba(243,175,48,.18)}
.est-drop strong{font:700 24px/1.1 var(--display);display:block;margin-bottom:6px}
.est-prog{height:10px;border-radius:999px;background:var(--papel-2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--linha-c);margin-top:14px}
.est-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vinho),var(--mostarda));transition:width .3s}
.est-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:18px}
.est-foto{position:relative;margin:0;background:#fff;padding:6px 6px 26px;border-radius:4px;box-shadow:0 1px 2px rgba(40,20,10,.2),0 8px 16px -6px rgba(40,20,10,.3)}
.est-foto:nth-child(3n){transform:rotate(-1deg)}.est-foto:nth-child(4n){transform:rotate(1deg)}
.est-foto img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--papel-2)}
.est-foto figcaption{position:absolute;left:8px;right:8px;bottom:5px;display:flex;justify-content:space-between;align-items:center;font:500 12px/1 var(--cv,inherit);color:var(--vinho)}
.est-foto button{border:0;background:transparent;cursor:pointer;font-size:14px;padding:2px}
.est-foto.oculta img{opacity:.3;filter:grayscale(1)}
.est-foto .cor{position:absolute;top:10px;left:10px;background:var(--vinho);color:var(--creme);border-radius:999px;font:600 11px/1 var(--texto);padding:4px 7px}
.est-msg{white-space:pre-wrap;font:400 16px/1.5 var(--texto);background:var(--papel-2);border-radius:14px;padding:16px;box-shadow:inset 0 0 0 1px var(--linha-c)}
.est-env{display:grid;gap:14px}
.est-env article{background:#FBF7EE;border-radius:16px;padding:18px 20px;box-shadow:var(--sh)}
.est-env article.lido{opacity:.72}
.est-env dl{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:6px 14px;margin:12px 0 0}
.est-env dt{font:600 11px/1.6 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave-c)}
.est-env dd{margin:0;white-space:pre-wrap;word-break:break-word}
.est-tab{width:100%;border-collapse:collapse}
.est-tab td,.est-tab th{padding:12px 8px;border-bottom:1px solid var(--linha-c);text-align:left;vertical-align:middle}
.est-tab th{font:600 11px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave-c)}
.est-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--preto);color:var(--creme);padding:14px 20px;border-radius:999px;font:600 15px/1.2 var(--texto);box-shadow:0 0 0 1px rgba(244,230,195,.2),0 18px 40px -10px rgba(0,0,0,.8),0 0 30px rgba(243,175,48,.35);z-index:50;max-width:calc(100vw - 32px)}
.est-erro{color:var(--vinho);font-weight:600}
.est-voltar{background:none;border:0;font:600 13px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--vinho);cursor:pointer;padding:0;margin-bottom:18px}
.est-login{max-width:460px}
@media (max-width:720px){
  .est .top .wrap{flex-wrap:wrap;gap:10px}
  .est-nav{width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .est-nav button{padding:10px 12px;white-space:nowrap}
  .est-env dl{grid-template-columns:1fr}
  .est-tab thead{display:none}.est-tab tr{display:grid;padding:10px 0;border-bottom:1px solid var(--linha-c)}.est-tab td{border:0;padding:4px 0}
}

/* ---------- gestão (01/11/2026): Hoje · Agenda · Tarefas · Posts · Funil · Financeiro ---------- */
@media (min-width:721px){.est .top .wrap{flex-wrap:wrap;row-gap:10px}.est-nav{width:100%;margin-left:0;justify-content:flex-start}}
.g-mes{display:flex;align-items:center;gap:14px;margin-bottom:18px}.g-mes b{font:700 24px/1 var(--display);text-transform:capitalize;min-width:170px;text-align:center}
.g-filtros,.g-chips{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 22px}
.g-filtros button,.g-chips button{font:600 14px/1 var(--texto);border:1px solid var(--linha-c);background:#FBF7EE;color:var(--preto);border-radius:999px;padding:10px 15px;cursor:pointer;box-shadow:0 2px 6px -2px rgba(0,0,0,.18)}
.g-filtros button[aria-pressed="true"]{background:var(--preto);color:var(--creme);border-color:var(--preto)}
.g-chips button{background:var(--vinho);color:var(--creme);border-color:var(--vinho);box-shadow:0 8px 20px -8px rgba(165,28,52,.6)}
.g-sec-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.g-lista{display:grid;gap:10px}
.g-dia{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--linha-c)}.g-dia.passou{opacity:.55}
.g-dia.hoje .g-dia-n{color:var(--vinho)}
.g-dia-n{font:600 12px/1.3 var(--texto);letter-spacing:.12em;text-transform:uppercase;color:var(--suave-c);padding-top:12px}
.g-dia-l{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:start}
.g-ag,.g-post,.g-fun,.g-tar-t{all:unset;box-sizing:border-box;cursor:pointer;display:block}
.g-ag{display:grid;grid-template-columns:56px 1fr;gap:12px;background:#FFFDF8;border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 8px 18px -10px rgba(0,0,0,.35);transition:transform .25s}
.g-ag:hover,.g-post:hover,.g-fun:hover{transform:translateY(-2px)}
.g-ag:focus-visible,.g-post:focus-visible,.g-fun:focus-visible,.g-tar-t:focus-visible{outline:3px solid var(--mostarda);outline-offset:2px}
.g-ag.pedido{background:#FFF4DC;box-shadow:inset 0 0 0 1px rgba(243,175,48,.6),0 8px 18px -10px rgba(0,0,0,.35)}
.g-hora{font:700 18px/1.2 var(--display);color:var(--vinho)}
.g-ag b,.g-post b,.g-fun b{display:block;font-weight:600;line-height:1.3}
.g-ag small,.g-post small,.g-fun small{display:block;color:var(--suave-c);font-size:13px;margin-top:3px}
.g-ag .est-etq,.g-post .est-etq{margin-top:8px;font-style:normal}
.g-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.g-k5{grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto;padding-bottom:10px}
.g-col{background:rgba(255,253,248,.55);border-radius:18px;padding:14px;box-shadow:inset 0 0 0 1px var(--linha-c);display:grid;gap:10px;min-height:120px}
.g-col h2{font:600 12px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave-c);display:flex;justify-content:space-between;padding:4px 4px 6px}
.g-col h2 span{background:var(--preto);color:var(--creme);border-radius:999px;padding:3px 8px;letter-spacing:0}
.g-tar{background:#FBF7EE;border-radius:14px;padding:14px;box-shadow:var(--sh);display:grid;gap:8px;border-left:4px solid transparent}
.g-tar.alta{border-left-color:var(--mostarda)}.g-tar.atras{border-left-color:var(--vinho)}
.g-tar-t{font-weight:600;line-height:1.3}
.g-tar-m{font-size:13px;color:var(--suave-c);line-height:1.5}.g-tar.atras .g-tar-m{color:var(--vinho)}
.g-tar-b{display:flex;gap:6px;justify-content:flex-end}.g-tar-b .btn.peq{padding:7px 12px;font-size:13px}
.g-hoje-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.g-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.g-post-d{display:grid;gap:6px}.g-post-d .g-dia-n{padding:0}
.g-post{background:#FFFDF8;border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 24px -12px rgba(0,0,0,.4);transition:transform .25s;border-top:4px solid var(--linha-c)}
.g-post.st-producao{border-top-color:var(--mostarda)}.g-post.st-aprovacao{border-top-color:#F28AA0}.g-post.st-agendado{border-top-color:#7FB7E6}.g-post.st-postado{border-top-color:#5FA777;opacity:.75}
.g-post-f{font:600 11px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;color:var(--vinho);display:block;margin-bottom:8px}
.g-fun{background:#FBF7EE;border-radius:14px;padding:14px;box-shadow:var(--sh);transition:transform .25s;border-left:4px solid transparent}.g-fun.atras{border-left-color:var(--vinho)}
.g-val{display:inline-block;margin-top:8px;font:700 16px/1 var(--display);color:var(--vinho)}
.g-prox{display:block;margin-top:8px;font-size:13px;line-height:1.35}
.g-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.g-kpis>div{background:#FFFDF8;border-radius:14px;padding:16px;box-shadow:inset 0 0 0 1px var(--linha-c)}
.g-kpis b{display:block;font:700 clamp(22px,2.6vw,30px)/1.05 var(--display)}.g-kpis span{font-size:13px;color:var(--suave-c)}
.neg{color:var(--vinho)}.pos{color:#2c6b3f}
.g-meta-b{height:12px;border-radius:999px;background:var(--papel-2);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}
.g-meta-b i{display:block;height:100%;background:linear-gradient(90deg,var(--vinho),var(--mostarda));box-shadow:0 0 12px rgba(243,175,48,.6)}
.g-meta small{display:block;margin-top:8px;color:var(--suave-c)}
.g-td-b{white-space:nowrap;text-align:right}
.g-ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.g-ul li{line-height:1.4}
.g-hoje{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(18px,3vw,28px)}.g-hoje>section:nth-child(2){grid-column:1/-1;grid-row:1}
.g-dlg{border:0;border-radius:22px;padding:0;background:#FBF7EE;color:var(--preto);width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.g-dlg::backdrop{background:rgba(17,17,17,.55);backdrop-filter:blur(3px)}
.g-dlg form{padding:clamp(20px,3vw,30px);display:grid;gap:18px}
.g-dlg-cab{display:flex;justify-content:space-between;align-items:center;gap:12px}.g-dlg-cab h2{font:700 28px/1.1 var(--display)}
.g-x{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;box-shadow:inset 0 0 0 1px var(--linha-c)}
.g-campos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g-campos .g-largo{grid-column:1/-1}
.g-dlg .campo input,.g-dlg .campo textarea,.g-dlg .campo select{color:var(--preto);background:#FFFDF8;border-color:var(--linha-c);width:100%}
.g-dlg .campo>span{color:var(--suave-c)}
.g-dlg .btn{border-color:var(--preto);color:var(--preto)}.g-dlg .btn.cheio{background:var(--vinho);border-color:var(--vinho);color:var(--creme)}
.g-acoes{justify-content:space-between}
@media (max-width:900px){.g-kanban{grid-template-columns:1fr}.g-k5{grid-template-columns:repeat(5,minmax(240px,80vw))}.g-hoje{grid-template-columns:1fr}}
@media (max-width:560px){.g-campos{grid-template-columns:1fr}.g-dia{grid-template-columns:1fr;gap:6px}.g-dia-n{padding-top:0}.g-dia-l{grid-template-columns:1fr;gap:4px}.g-mes b{min-width:0;font-size:20px}}
/* celular: o menu do Estúdio é uma faixa que rola pro lado (o menu do site virava lista e cobria a tela) */
@media (max-width:860px){.est .top .wrap{flex-wrap:wrap;row-gap:8px;padding-bottom:8px}.est .top nav.est-nav{position:static;flex-direction:row;align-items:center;gap:6px;padding:0 0 4px;border:0;background:transparent;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.est .top nav.est-nav::-webkit-scrollbar{display:none}.est-nav button{flex:0 0 auto}}
/* menu do Estúdio numa linha só (10 abas) */
@media (min-width:861px){.est .top .wrap{height:auto;min-height:72px;flex-wrap:nowrap}.est .top nav.est-nav{width:auto;margin-left:auto;flex-wrap:nowrap;overflow-x:auto;gap:2px;scrollbar-width:none}.est-nav button{padding:10px 11px;font-size:13.5px;white-space:nowrap;flex:0 0 auto}}
.g-col h2{align-items:center;line-height:1.25}.g-col h2 span{flex:0 0 auto;line-height:1}
@media (min-width:1200px){.g-k5{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}}
