/* Agenda MS Vital Center: pagina publica, instalador, login e painel.
   Mesma linguagem do site: marfim, areia, cacau e dourado escovado;
   Cormorant Garamond nos titulos, DM Sans no texto, cantos retos. */
:root{
  color-scheme:only light;
  --branco:#FFFFFF;
  --fundo:#F7F4EF;
  --areia:#E6DDD3;
  --areia-2:#EFE7DC;
  --linha:#DCD0C2;
  --linha-2:rgba(140,90,75,.16);
  --texto:#4A4540;
  --texto-2:#766B61;
  --preto:#1C1008;
  --marfim:#F7F3EF;
  --dourado:#C9A96E;
  --ouro-texto:#A07D48;
  --cacau:#8C5A4B;
  --cartao:#FBF9F6;
  --ok:#2F6B4F;
  --erro:#A3392B;
  --sombra:0 24px 50px -26px rgba(60,34,17,.35),0 2px 8px rgba(60,34,17,.05);
  --sombra-forte:0 36px 70px -28px rgba(28,16,8,.5),0 4px 14px rgba(28,16,8,.08);
  --ouro:linear-gradient(135deg,#B38F55 0%,#D8BC86 50%,#BF9A5E 100%);
  /* cores de status na agenda */
  --st-pendente:#C99A3E;
  --st-confirmado:#2F6B4F;
  --st-atendido:#5B6A78;
  --st-faltou:#A3392B;
  --st-cancelado:#9C9087;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--fundo);color:var(--preto);
  font:400 16px/1.6 "DM Sans","Segoe UI",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--cacau);}
h1,h2,h3{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;line-height:1.08;color:var(--preto);text-wrap:balance;}
h1{font-size:clamp(2rem,6vw,2.8rem);font-weight:300;}
h2{font-size:1.7rem;}
h3{font-size:1.35rem;font-weight:500;}
p{margin:0;}
code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;background:var(--areia-2);padding:2px 6px;word-break:break-all;}
:focus-visible{outline:2px solid var(--cacau);outline-offset:2px;}
[hidden]{display:none!important;}
.muted{color:var(--texto-2);}
.nota{font-size:.88rem;color:var(--texto-2);}

/* ---------- botoes ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--ouro);color:var(--preto);border:0;cursor:pointer;text-decoration:none;
  font:500 .78rem "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;
  padding:17px 28px;box-shadow:0 14px 30px -16px rgba(140,90,75,.6);
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 38px -16px rgba(140,90,75,.65);}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;}
.btn-linha{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:transparent;color:var(--cacau);border:1px solid var(--cacau);cursor:pointer;text-decoration:none;
  font:500 .76rem "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:15px 22px;
  transition:background .2s ease,color .2s ease;
}
.btn-linha:hover{background:var(--cacau);color:var(--marfim);}
.btn-texto{background:none;border:0;padding:6px 0;cursor:pointer;font:600 .74rem "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cacau);}
.btn-texto:hover{color:var(--preto);}
.btn-perigo{border-color:var(--erro);color:var(--erro);}
.btn-perigo:hover{background:var(--erro);color:#fff;}
.btn svg,.btn-linha svg{width:17px;height:17px;flex:none;}
.btn-peq{padding:10px 14px;font-size:.68rem;}
@media (prefers-reduced-motion:reduce){.btn{transition:none;}.btn:hover{transform:none;}}

/* ---------- marca ---------- */
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--preto);}
.marca img{width:44px;height:44px;border-radius:3px;flex:none;}
.marca span{display:flex;flex-direction:column;line-height:1.2;}
.marca b{font:600 1rem "Cinzel",Georgia,serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.marca small{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2);margin-top:3px;}

/* ---------- pagina publica ---------- */
.publico{min-height:100vh;display:flex;flex-direction:column;
  background:radial-gradient(60% 40% at 90% 0%,rgba(214,186,132,.25),transparent 70%),var(--fundo);}
.pub-wrap{width:100%;max-width:760px;margin:0 auto;padding-inline:20px;}
.pub-topo{position:sticky;top:0;z-index:20;background:rgba(247,244,239,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--linha-2);}
.pub-topo-in{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-block:12px;}
.pub-voltar{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--texto);}
.pub-voltar:hover{color:var(--preto);}
.pub-main{flex:1;padding-block:28px 60px;}
.pub-rodape{border-top:1px solid var(--linha);background:#E9E0D4;padding-block:22px;font-size:.84rem;color:var(--texto-2);text-align:center;}
.pub-rodape p + p{margin-top:4px;}
@media (max-width:480px){.marca small{display:none;}.marca b{font-size:.86rem;}.marca img{width:38px;height:38px;}}

.trilho{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:t;}
.trilho li{
  counter-increment:t;position:relative;padding-top:12px;border-top:2px solid var(--linha);
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2);
}
.trilho li::before{content:counter(t) ". ";}
.trilho li.on{border-top-color:var(--dourado);color:var(--preto);}
.trilho li.atual{font-weight:700;}
@media (max-width:480px){.trilho li{font-size:0;}.trilho li::before{font-size:.7rem;}}

.etapa-cab{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;}
.etapa-cab .eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--cacau);}
.carregando{color:var(--texto-2);padding:40px 0;text-align:center;}

.grupo-tit{margin:26px 0 10px;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cacau);}
.opcoes{display:grid;gap:10px;}
.opcao{
  display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;
  background:var(--cartao);border:1px solid var(--linha-2);padding:18px 20px;cursor:pointer;
  font:inherit;color:inherit;box-shadow:0 10px 24px -20px rgba(60,34,17,.4);
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.opcao:hover{border-color:var(--dourado);transform:translateY(-1px);box-shadow:var(--sombra);}
.opcao[aria-pressed="true"]{border-color:var(--cacau);outline:1px solid var(--cacau);}
.opcao b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.4rem;font-weight:500;line-height:1.15;color:var(--preto);}
.opcao .meta{font-size:.84rem;color:var(--texto-2);}
.opcao .seta{color:var(--cacau);flex:none;}
.opcao img{width:48px;height:48px;object-fit:cover;object-position:50% 20%;border-radius:50%;flex:none;}

.dias{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin-inline:-2px;scroll-snap-type:x proximity;scrollbar-width:thin;}
.dia{
  flex:none;width:68px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:12px 4px;background:var(--cartao);border:1px solid var(--linha-2);cursor:pointer;font:inherit;color:var(--preto);
}
.dia small{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2);}
.dia b{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.7rem;font-weight:500;line-height:1;}
.dia:hover:not(:disabled){border-color:var(--dourado);}
.dia[aria-pressed="true"]{background:var(--preto);border-color:var(--preto);color:var(--marfim);}
.dia[aria-pressed="true"] small{color:rgba(247,243,239,.7);}
.dia:disabled{opacity:.38;cursor:not-allowed;text-decoration:line-through;}
.dia-tit{margin:14px 0 12px;font-size:1rem;font-weight:600;}
.horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;}
.hora{
  padding:13px 6px;background:var(--cartao);border:1px solid var(--linha-2);cursor:pointer;
  font:600 1rem "DM Sans",sans-serif;color:var(--preto);font-variant-numeric:tabular-nums;
}
.hora:hover{border-color:var(--dourado);}
.hora[aria-pressed="true"]{background:var(--ouro);border-color:transparent;}

.cartao{background:var(--cartao);border:1px solid var(--linha-2);box-shadow:var(--sombra);padding:22px;}
.resumo{display:grid;gap:10px;margin-bottom:24px;}
.resumo div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--linha-2);padding-bottom:10px;}
.resumo div:last-child{border-bottom:0;padding-bottom:0;}
.resumo span{color:var(--texto-2);font-size:.88rem;}
.resumo b{text-align:right;font-weight:600;}

.form{display:grid;gap:16px;}
.campo{display:grid;gap:6px;}
.campo label,.rot{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--texto);}
.campo label small,.rot small{font-weight:400;letter-spacing:0;text-transform:none;color:var(--texto-2);font-size:.8rem;}
.campo input,.campo select,.campo textarea,.codigo{
  width:100%;font:400 1rem "DM Sans",sans-serif;color:var(--preto);
  background:var(--branco);border:1px solid var(--linha);padding:13px 14px;border-radius:0;
}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--dourado);outline-offset:0;border-color:var(--dourado);}
.campo textarea{resize:vertical;min-height:70px;}
.codigo{font:13px/1.5 ui-monospace,Consolas,monospace;background:#FFFDF8;}
.linha2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:560px){.linha2{grid-template-columns:1fr;}}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--texto);cursor:pointer;}
.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--cacau);}
.mel{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.rodape-etapa{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--linha);}
@media (max-width:480px){.rodape-etapa{flex-direction:column-reverse;align-items:stretch;}.rodape-etapa .btn,.rodape-etapa .btn-linha{width:100%;}}

.sucesso{text-align:center;display:grid;justify-items:center;gap:10px;margin-bottom:26px;}
.sucesso .selo{width:64px;height:64px;border-radius:50%;background:var(--ouro);display:grid;place-items:center;font-size:1.8rem;color:var(--preto);box-shadow:var(--sombra);}
.acoes{display:grid;gap:10px;margin-top:22px;}
.acoes > *{width:100%;}
.status-pill{display:inline-block;padding:5px 10px;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--preto);background:var(--st-pendente);}
.status-pill.confirmado{background:var(--st-confirmado);}
.status-pill.atendido{background:var(--st-atendido);}
.status-pill.faltou{background:var(--st-faltou);}
.status-pill.cancelado{background:var(--st-cancelado);}

.aviso-erro{background:#FBEDEA;border:1px solid rgba(163,57,43,.3);color:var(--erro);padding:14px 16px;margin-bottom:18px;}
.aviso-ok{background:#EAF3EE;border:1px solid rgba(47,107,79,.3);color:var(--ok);padding:14px 16px;margin-bottom:18px;}
.toast{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);
  background:var(--preto);color:var(--marfim);padding:14px 20px;font-size:.92rem;box-shadow:var(--sombra-forte);
}

/* ---------- paginas simples (instalador, login) ---------- */
.pagina-simples{min-height:100vh;display:grid;place-items:center;padding:30px 16px;
  background:radial-gradient(50% 50% at 50% 0%,rgba(214,186,132,.3),transparent 70%),var(--fundo);}
.caixa-simples{width:100%;max-width:560px;background:var(--cartao);border:1px solid var(--linha-2);box-shadow:var(--sombra-forte);padding:clamp(24px,5vw,40px);display:grid;gap:18px;}
.caixa-simples .marca{margin-bottom:6px;}
.passos-inst{margin:0;padding-left:20px;display:grid;gap:10px;}
.requisitos{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.92rem;}
.requisitos .ok{color:var(--ok);}
.requisitos .falta{color:var(--erro);font-weight:600;}
.requisitos .opcional{color:var(--texto-2);}

/* =====================================================
   PAINEL
   ===================================================== */
.painel{min-height:100vh;display:grid;grid-template-columns:240px 1fr;}
.pn-lado{
  position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:22px;
  background:#E9E0D4;border-right:1px solid var(--linha);padding:22px 16px;
}
.pn-lado nav{display:flex;flex-direction:column;gap:2px;}
.pn-lado nav button{
  display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;
  background:none;border:0;padding:11px 12px;cursor:pointer;font:500 .9rem "DM Sans",sans-serif;color:var(--texto);
}
.pn-lado nav button:hover{background:rgba(255,255,255,.5);color:var(--preto);}
.pn-lado nav button[aria-current="page"]{background:var(--preto);color:var(--marfim);}
.pn-lado nav .sep{margin:12px 12px 4px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--texto-2);}
.pn-lado .bolinha{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--cacau);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;}
.pn-usuario{margin-top:auto;font-size:.84rem;color:var(--texto);display:grid;gap:4px;border-top:1px solid var(--linha);padding-top:14px;}
.pn-usuario small{color:var(--texto-2);}
.pn-main{min-width:0;padding:26px clamp(16px,3vw,36px) 80px;}
.pn-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;}
.pn-cab h1{font-size:clamp(1.8rem,3vw,2.4rem);}
.pn-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.pn-menu-movel{display:none;}
@media (max-width:900px){
  .painel{grid-template-columns:1fr;}
  .pn-lado{position:fixed;inset:0 auto 0 0;width:270px;z-index:60;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--sombra-forte);}
  .painel.menu-aberto .pn-lado{transform:none;}
  .pn-menu-movel{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:30;
    background:rgba(247,244,239,.95);border-bottom:1px solid var(--linha);padding:10px 16px;}
  .pn-menu-movel button{background:none;border:1px solid var(--linha);padding:8px 12px;font:600 .72rem "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;}
  .pn-main{padding-top:18px;}
}

.navdata{display:flex;align-items:center;gap:6px;}
.navdata button{background:var(--cartao);border:1px solid var(--linha);width:40px;height:40px;cursor:pointer;font-size:1.1rem;color:var(--preto);}
.navdata input{height:40px;border:1px solid var(--linha);padding:0 10px;font:inherit;background:var(--branco);}
.navdata .hoje{width:auto;padding:0 12px;font:600 .7rem "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;}

/* linha do tempo do dia */
.legenda{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:.78rem;color:var(--texto-2);}
.legenda i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;}
.tl{display:grid;border:1px solid var(--linha);background:var(--cartao);overflow-x:auto;}
.tl-cab{display:grid;position:sticky;top:0;z-index:2;background:var(--areia-2);border-bottom:1px solid var(--linha);}
.tl-cab div{padding:10px 12px;font-weight:600;font-size:.88rem;border-left:1px solid var(--linha);}
.tl-cab div:first-child{border-left:0;}
.tl-corpo{display:grid;position:relative;}
.tl-horas{position:relative;border-right:1px solid var(--linha);}
.tl-horas span{position:absolute;right:8px;transform:translateY(-50%);font-size:.72rem;color:var(--texto-2);font-variant-numeric:tabular-nums;}
.tl-col{position:relative;border-left:1px solid var(--linha-2);
  background-image:linear-gradient(var(--linha-2) 1px,transparent 1px);background-size:100% var(--hora-px);}
.tl-col .fora{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,rgba(220,208,194,.35) 0 6px,transparent 6px 12px);}
.tl-ag{
  position:absolute;left:4px;right:4px;overflow:hidden;text-align:left;cursor:pointer;
  background:#fff;border:1px solid var(--linha);border-left:4px solid var(--st-pendente);
  padding:4px 8px;font:inherit;font-size:.78rem;line-height:1.3;color:var(--preto);
  box-shadow:0 4px 10px -6px rgba(60,34,17,.35);
}
.tl-ag:hover{z-index:3;box-shadow:var(--sombra);}
.tl-ag b{display:block;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tl-ag small{color:var(--texto-2);}
.tl-ag.confirmado{border-left-color:var(--st-confirmado);}
.tl-ag.atendido{border-left-color:var(--st-atendido);background:#F4F4F2;}
.tl-ag.faltou{border-left-color:var(--st-faltou);background:#FBF1EF;}
.tl-ag.cancelado{border-left-color:var(--st-cancelado);background:#F3F0EC;color:var(--texto-2);text-decoration:line-through;}
.tl-ag.novo::after{content:"novo";position:absolute;top:4px;right:6px;background:var(--cacau);color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:1px 5px;}
.tl-bloq{position:absolute;left:4px;right:4px;background:repeating-linear-gradient(135deg,#E6DDD3 0 8px,#EFE7DC 8px 16px);border:1px dashed var(--texto-2);padding:4px 8px;font-size:.76rem;color:var(--texto);cursor:pointer;text-align:left;font-family:inherit;}
.tl-agora{position:absolute;left:0;right:0;height:2px;background:var(--erro);z-index:2;pointer-events:none;}

/* semana */
.semana{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;overflow-x:auto;}
.sem-dia{background:var(--cartao);border:1px solid var(--linha-2);min-height:200px;display:flex;flex-direction:column;}
.sem-dia h3{font:600 .8rem "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--linha-2);background:var(--areia-2);cursor:pointer;}
.sem-dia.hoje h3{background:var(--preto);color:var(--marfim);}
.sem-lista{display:grid;gap:6px;padding:8px;}
.sem-lista .tl-ag{position:static;}

/* tabelas e listas */
.tabela{width:100%;border-collapse:collapse;background:var(--cartao);border:1px solid var(--linha-2);font-size:.92rem;}
.tabela th{text-align:left;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2);font-weight:600;padding:12px;border-bottom:1px solid var(--linha);background:var(--areia-2);}
.tabela td{padding:12px;border-bottom:1px solid var(--linha-2);vertical-align:top;}
.tabela tr.clicavel{cursor:pointer;}
.tabela tr.clicavel:hover td{background:#fff;}
.tabela-rolo{overflow-x:auto;}
.inativo{opacity:.5;}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.num-card{background:var(--cartao);border:1px solid var(--linha-2);padding:18px;box-shadow:var(--sombra);}
.num-card b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:2.4rem;font-weight:400;line-height:1;color:var(--ouro-texto);}
.num-card span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2);}
.barra-h{display:grid;grid-template-columns:minmax(120px,200px) 1fr 40px;gap:10px;align-items:center;font-size:.88rem;margin-bottom:8px;}
.barra-h i{display:block;height:10px;background:var(--ouro);}
.secao{margin-top:30px;display:grid;gap:12px;}
.secao > h2{font-size:1.5rem;}
.busca{max-width:360px;}
.bloco{background:var(--cartao);border:1px solid var(--linha-2);padding:20px;box-shadow:var(--sombra);display:grid;gap:14px;}
.expediente{display:grid;gap:8px;}
.expediente .dia-linha{display:grid;grid-template-columns:70px repeat(4,minmax(70px,1fr));gap:6px;align-items:center;font-size:.86rem;}
.expediente input{padding:8px;border:1px solid var(--linha);font:inherit;width:100%;}
@media (max-width:560px){.expediente .dia-linha{grid-template-columns:52px repeat(2,1fr);}.expediente .dia-linha .t2{grid-column:2 / -1;}}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;}
.lista-simples{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.lista-simples li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--linha-2);}

/* modal */
.modal{
  width:min(640px,calc(100% - 24px));max-height:min(90vh,900px);padding:0;border:0;
  background:var(--fundo);color:var(--preto);box-shadow:0 30px 80px rgba(0,0,0,.35);
}
.modal::backdrop{background:rgba(28,16,8,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.modal-cab{position:sticky;top:0;z-index:2;background:var(--fundo);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--linha);}
.modal-cab h2{font-size:1.7rem;}
.modal-fechar{width:38px;height:38px;border-radius:50%;border:1px solid var(--linha);background:none;cursor:pointer;font-size:1.2rem;flex:none;}
.modal-corpo{padding:20px 22px 26px;display:grid;gap:16px;}
.status-botoes{display:flex;flex-wrap:wrap;gap:6px;}
.status-botoes button{padding:9px 12px;border:1px solid var(--linha);background:#fff;cursor:pointer;font:600 .68rem "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;}
.status-botoes button[aria-pressed="true"]{color:#fff;border-color:transparent;}
.status-botoes button[data-st="pendente"][aria-pressed="true"]{background:var(--st-pendente);}
.status-botoes button[data-st="confirmado"][aria-pressed="true"]{background:var(--st-confirmado);}
.status-botoes button[data-st="atendido"][aria-pressed="true"]{background:var(--st-atendido);}
.status-botoes button[data-st="faltou"][aria-pressed="true"]{background:var(--st-faltou);}
.status-botoes button[data-st="cancelado"][aria-pressed="true"]{background:var(--st-cancelado);}
.wa-lista li{flex-wrap:wrap;}
.wa-lista .msg{flex-basis:100%;white-space:pre-wrap;font-size:.84rem;color:var(--texto-2);}
.rodape-painel{margin-top:40px;font-size:.78rem;color:var(--texto-2);}
