/* =====================================================
   AGENDA · Esther Martins
   Mesma identidade do site: creme, nude, vinho e preto suave.
   ===================================================== */
:root{
  --papel:#f7f3ee; --folha:#ffffff; --bege:#efe8df; --areia:#e6dfd5;
  --tinta:#2b2422; --suave:#6b5f58; --linha:#e3dbd0;
  --acento:#6b2a33; --acento-escuro:#521f27; --acento-claro:#f3e6e6; --nude:#a8927c;
  --ok:#2f6b4f; --ok-claro:#e3f0e8; --atencao:#8a5a12; --atencao-claro:#f8edd8;
  --perigo:#a12a2a; --perigo-claro:#f8e3e1;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --raio:14px; --sombra:0 6px 24px rgba(43,36,34,.07);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--papel);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;margin:0;font-variant-numeric:lining-nums}
p{margin:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.carregando{padding:2.5rem 16px;text-align:center;color:var(--suave)}
.erro{color:var(--perigo);font-size:.92rem;min-height:1.2em}
.erro:empty{min-height:0}
.opcional{color:var(--suave);font-size:.82rem;font-weight:400}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.35rem;border-radius:999px;border:1px solid var(--tinta);background:transparent;color:var(--tinta);font-weight:500;font-size:.95rem;line-height:1.2;text-decoration:none;text-align:center;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{background:var(--tinta);color:#fff}
.btn.cheio{background:var(--acento);border-color:var(--acento);color:#fff}
.btn.cheio:hover{background:var(--acento-escuro);border-color:var(--acento-escuro)}
.btn.zap{background:#1f8f4e;border-color:#1f8f4e;color:#fff}
.btn.zap:hover{background:#17733e;border-color:#17733e}
.btn.pequeno{min-height:38px;padding:.45rem .95rem;font-size:.88rem}
.btn.largo{width:100%}
.btn:disabled{opacity:.55;cursor:default}
.btn-texto{background:none;border:none;padding:.35rem .2rem;color:var(--acento);font-weight:500;text-decoration:underline;text-underline-offset:3px;font-size:.92rem}
.btn-texto.perigo{color:var(--perigo)}

/* ---------- Campos ---------- */
.campo,.campo-grupo{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;margin:0 0 1rem;border:none;padding:0}
.campo-grupo legend{padding:0;margin-bottom:.35rem}
.campo input,.campo select,.campo textarea,.campo-grupo input,.campo-grupo select{
  width:100%;min-height:48px;padding:.7rem .9rem;border:1px solid var(--linha);border-radius:10px;background:var(--folha);font-size:1rem;font-weight:400}
.campo textarea{min-height:auto;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus,.campo-grupo input:focus,.campo-grupo select:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-claro)}
.linha{display:flex;gap:.6rem}
.linha > *{flex:1;min-width:0}
.linha .estreito{flex:0 0 7.5rem}
.campo input,.campo select,.campo-grupo input,.campo-grupo select{min-width:0}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;margin-bottom:1rem;cursor:pointer}
.check input{width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--acento);flex-shrink:0}

/* =====================================================
   PÁGINA DA CLIENTE
   ===================================================== */
.ag{min-height:100vh;display:flex;flex-direction:column}
.ag-topo{padding:22px 20px 18px;text-align:center;border-bottom:1px solid var(--linha);background:var(--papel)}
.ag-marca{display:inline-flex;flex-direction:column;line-height:1}
.ag-nome{font-family:var(--serif);font-size:1.85rem;font-weight:600}
.ag-sub{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--nude);margin-top:6px}
.ag-miolo{flex:1;width:100%;max-width:640px;margin:0 auto;padding:22px 16px 40px}
.ag-titulo{font-size:clamp(1.9rem,6vw,2.4rem);margin:.4rem 0 1.1rem}
.ag-escolha{color:var(--suave);margin:-.6rem 0 1.2rem}
.voltar{background:none;border:none;padding:.3rem 0;color:var(--suave);font-size:.92rem}

.ag-etapas{list-style:none;display:flex;gap:.4rem;margin:0 0 1.2rem;padding:0;font-size:.78rem;color:var(--suave)}
.ag-etapas li{flex:1;display:flex;flex-direction:column;gap:.35rem;padding-top:.5rem;border-top:3px solid var(--areia)}
.ag-etapas li span{display:none}
.ag-etapas li.feito{border-color:var(--nude)}
.ag-etapas li.atual{border-color:var(--acento);color:var(--tinta);font-weight:500}

.ag-servicos{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.ag-servico{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;text-align:left;padding:1.1rem 1.15rem;background:var(--folha);border:1px solid var(--linha);border-radius:var(--raio);transition:border-color .2s,box-shadow .2s,transform .2s}
.ag-servico:hover{border-color:var(--nude);box-shadow:var(--sombra);transform:translateY(-1px)}
.ag-servico-txt{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.ag-servico-txt strong{font-family:var(--serif);font-size:1.4rem;font-weight:600;line-height:1.15}
.ag-servico-txt span{color:var(--suave);font-size:.9rem;line-height:1.45}
.ag-servico-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0;font-size:.88rem;color:var(--suave);white-space:nowrap}
.ag-servico-meta span:first-child{color:var(--acento);font-weight:500}

.ag-dias-wrap{margin:0 -16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.ag-dias-wrap::-webkit-scrollbar{display:none}
.ag-dias{list-style:none;display:flex;gap:.45rem;margin:0;padding:.2rem 16px .6rem;width:max-content}
.ag-mes{align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--nude);padding:0 .1rem}
.ag-dia{width:56px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border-radius:12px;border:1px solid var(--linha);background:var(--folha);scroll-snap-align:center;transition:background .2s,border-color .2s}
.ag-dia span{font-size:.72rem;color:var(--suave);text-transform:uppercase;letter-spacing:.06em}
.ag-dia strong{font-family:var(--serif);font-size:1.45rem;font-weight:600;line-height:1;font-variant-numeric:lining-nums}
.ag-dia:hover:not(:disabled){border-color:var(--acento)}
.ag-dia.sel{background:var(--acento);border-color:var(--acento);color:#fff}
.ag-dia.sel span{color:rgba(255,255,255,.8)}
.ag-dia:disabled{background:transparent;border-color:transparent;opacity:.35;cursor:default}
.ag-dia-titulo{font-size:1.45rem;margin:1.2rem 0 .7rem;min-height:1.6rem}
.ag-dia-titulo::first-letter{text-transform:uppercase}
.ag-periodo{margin-bottom:1rem}
.ag-periodo h3{font-family:var(--sans);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nude);font-weight:500;margin-bottom:.5rem}
.ag-horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.5rem}
.ag-hora{min-height:46px;border-radius:10px;border:1px solid var(--linha);background:var(--folha);font-weight:500;font-variant-numeric:tabular-nums;transition:background .2s,border-color .2s}
.ag-hora:hover{border-color:var(--acento);color:var(--acento)}
.ag-hora.sel{background:var(--acento);border-color:var(--acento);color:#fff}
.ag-nada{color:var(--suave)}

.ag-resumo{background:var(--bege);border-radius:var(--raio);padding:1.1rem 1.2rem;margin-bottom:1.4rem;position:relative}
.ag-resumo-serv{font-family:var(--serif);font-size:1.45rem;font-weight:600;line-height:1.2}
.ag-resumo-data{font-weight:500;margin-top:.15rem}
.ag-resumo-data::first-letter{text-transform:uppercase}
.ag-resumo-meta{color:var(--suave);font-size:.9rem;margin-top:.15rem}
.ag-resumo .btn-texto{position:absolute;top:.75rem;right:.9rem}
.ag-form{margin-top:.2rem}
.ag-aceite{display:flex;gap:.65rem;align-items:flex-start;font-size:.88rem;color:var(--suave);margin:.3rem 0 1rem;cursor:pointer}
.ag-aceite input{width:20px;height:20px;margin:.1rem 0 0;accent-color:var(--acento);flex-shrink:0}
.ag-escondido{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ag-nota{color:var(--suave);font-size:.9rem;text-align:center;margin-top:.9rem}
.ag-nota a{color:var(--acento)}
.ag-link{word-break:break-all;font-size:.82rem}

.ag-feito{text-align:center}
.ag-feito .ag-resumo{text-align:left}
.ag-check{width:64px;height:64px;margin:.5rem auto 0;border-radius:50%;background:var(--acento);position:relative;animation:surgir .5s cubic-bezier(.2,.8,.3,1.3) both}
.ag-check::after{content:'';position:absolute;left:23px;top:16px;width:14px;height:26px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
@keyframes surgir{from{transform:scale(.4);opacity:0}}
.ag-acoes{display:flex;flex-direction:column;gap:.6rem;margin-top:1.2rem}
.ag-feito > .btn-texto{margin-top:1rem}
.ag-status{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:.25rem .65rem;border-radius:999px;margin-bottom:.55rem}
.ag-vazio{text-align:center;padding:2rem 0}
.ag-vazio h1{font-size:2rem;margin-bottom:.6rem}
.ag-vazio p{color:var(--suave);margin-bottom:1.2rem}
.ag-rodape{text-align:center;padding:24px 16px 32px;font-size:.85rem;color:var(--suave);border-top:1px solid var(--linha)}
.ag-rodape p + p{margin-top:.25rem}
.ag-rodape a{color:var(--acento)}

/* Situações (usadas pelas duas telas) */
.ag-status.st-pendente,.chip.st-pendente{background:var(--atencao-claro);color:var(--atencao)}
.ag-status.st-confirmado,.chip.st-confirmado{background:var(--ok-claro);color:var(--ok)}
.ag-status.st-concluido,.chip.st-concluido{background:var(--areia);color:var(--suave)}
.ag-status.st-faltou,.chip.st-faltou{background:var(--perigo-claro);color:var(--perigo)}
.ag-status.st-cancelado,.chip.st-cancelado{background:var(--areia);color:var(--suave);text-decoration:line-through}

@media (min-width:700px){
  .ag-etapas li span{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:var(--areia);font-size:.72rem}
  .ag-etapas li{flex-direction:row;align-items:center}
  .ag-etapas li.atual span{background:var(--acento);color:#fff}
  .ag-acoes{flex-direction:row;justify-content:center}
}

/* =====================================================
   PAINEL DA PROFISSIONAL
   ===================================================== */
.adm{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
.adm-topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:rgba(247,243,238,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.adm-marca{font-family:var(--serif);font-size:1.4rem;font-weight:600;text-decoration:none;line-height:1}
.adm-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;background:var(--folha);border-top:1px solid var(--linha);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
.adm-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:.7rem;text-decoration:none;color:var(--suave);border-radius:10px}
.adm-nav a svg{width:22px;height:22px}
.adm-nav a.ativo{color:var(--acento);font-weight:500}
.adm-miolo{max-width:760px;margin:0 auto;padding:16px}
.adm-titulo{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.4rem 0 1rem}
.adm-titulo h1{font-size:2rem}
.adm-secao{margin:1.6rem 0 .7rem;font-family:var(--sans);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nude);font-weight:500}
.adm-cartao{background:var(--folha);border:1px solid var(--linha);border-radius:var(--raio);padding:1rem 1.1rem}
.adm-cartao + .adm-cartao{margin-top:.6rem}
.adm-sair{background:none;border:none;color:var(--suave);font-size:.88rem;padding:.4rem}
.adm-vazio{color:var(--suave);text-align:center;padding:1.6rem 1rem;background:var(--folha);border:1px dashed var(--linha);border-radius:var(--raio)}

/* Entrada */
.entrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.entrada form{width:100%;max-width:380px;background:var(--folha);border-radius:18px;padding:2rem 1.5rem;box-shadow:var(--sombra)}
.entrada h1{font-size:2.2rem;text-align:center}
.entrada .sub{color:var(--suave);text-align:center;margin:.4rem 0 1.5rem}

/* Avisos rápidos */
.aviso{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;max-width:calc(100% - 32px);background:var(--tinta);color:#fff;padding:.7rem 1.1rem;border-radius:12px;font-size:.92rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* Alertas do topo da agenda */
.alertas{display:grid;gap:.6rem;margin-bottom:1rem}
.alerta{border-radius:var(--raio);padding:.9rem 1rem;background:var(--folha);border:1px solid var(--linha);border-left:4px solid var(--nude)}
.alerta h2{font-family:var(--sans);font-size:.95rem;font-weight:500;margin-bottom:.5rem}
.alerta.atencao{border-left-color:#d49a2a}
.alerta.festa{border-left-color:var(--acento)}
.alerta ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.alerta li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.92rem}
.alerta li > span{min-width:0}
.alerta li small{display:block;color:var(--suave);font-size:.82rem}
.alerta .botoes{display:flex;gap:.35rem;flex-shrink:0}

/* Semana */
.semana{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.9rem}
.semana a{display:flex;flex-direction:column;align-items:center;padding:.45rem 0 .5rem;border-radius:12px;text-decoration:none;font-size:.7rem;color:var(--suave);text-transform:uppercase;letter-spacing:.04em;position:relative}
.semana a strong{font-family:var(--serif);font-size:1.35rem;font-weight:600;color:var(--tinta);line-height:1.1;font-variant-numeric:lining-nums}
.semana a.hoje strong{color:var(--acento)}
.semana a.sel{background:var(--acento)}
.semana a.sel,.semana a.sel strong{color:#fff}
.semana a i{width:5px;height:5px;border-radius:50%;background:var(--nude);margin-top:3px;font-style:normal}
.semana a.sel i{background:#fff}
.semana a i.vazio{background:transparent}
.dia-cab{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}
.dia-cab h1{font-size:1.65rem}
.dia-cab h1::first-letter{text-transform:uppercase}
.setas{display:flex;gap:.3rem}
.seta{width:40px;height:40px;border-radius:50%;border:1px solid var(--linha);background:var(--folha);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;text-decoration:none}
.dia-info{color:var(--suave);font-size:.88rem;margin-bottom:1rem}
.dia-acoes{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}

/* Linha do tempo */
.linha-tempo{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ag-item{display:grid;grid-template-columns:58px 1fr;gap:.8rem;background:var(--folha);border:1px solid var(--linha);border-radius:var(--raio);padding:.9rem 1rem;text-decoration:none}
.ag-item .hora{font-variant-numeric:tabular-nums;font-weight:500;line-height:1.25}
.ag-item .hora small{display:block;color:var(--suave);font-weight:400;font-size:.8rem}
.ag-item .quem{min-width:0}
.ag-item .quem strong{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:600;line-height:1.15}
.ag-item .quem span{color:var(--suave);font-size:.9rem}
.ag-item .chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}
.chip{display:inline-block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;padding:.2rem .55rem;border-radius:999px;background:var(--bege);color:var(--suave)}
.ag-item.cancelado{opacity:.6}
.ag-item.cancelado .quem strong{text-decoration:line-through}
.bloq-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.8rem 1rem;border-radius:var(--raio);background:repeating-linear-gradient(-45deg,var(--bege),var(--bege) 8px,var(--papel) 8px,var(--papel) 16px);border:1px solid var(--linha);font-size:.92rem}
.livre-item{padding:.55rem 1rem;border:1px dashed var(--linha);border-radius:var(--raio);color:var(--suave);font-size:.85rem;display:flex;justify-content:space-between;align-items:center;text-decoration:none}
.livre-item:hover{border-color:var(--acento);color:var(--acento)}

/* Detalhe do agendamento */
.detalhe h1{font-size:2rem}
.detalhe .sub{color:var(--suave);margin-top:.2rem}
.detalhe .sub::first-letter{text-transform:uppercase}
.grade-acoes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}
.grade-acoes .btn{width:100%}
.grade-acoes .inteiro{grid-column:1 / -1}
.dados{list-style:none;margin:0;padding:0}
.dados li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--linha);font-size:.95rem}
.dados li:last-child{border-bottom:none}
.dados li span:first-child{color:var(--suave)}
.dados li span:last-child{text-align:right;min-width:0;overflow-wrap:anywhere}
.obs{white-space:pre-wrap;font-size:.93rem;color:var(--suave);margin-top:.6rem}

/* Listas (clientes, serviços) */
.busca{position:sticky;top:64px;z-index:10;background:var(--papel);padding:.3rem 0 .6rem}
.busca input{width:100%;min-height:46px;padding:.65rem 1rem;border:1px solid var(--linha);border-radius:999px;background:var(--folha);font-size:1rem}
.lista{list-style:none;margin:0;padding:0;background:var(--folha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.lista li + li{border-top:1px solid var(--linha)}
.lista a,.lista .item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1rem;text-decoration:none}
.lista a:hover{background:var(--papel)}
.lista strong{font-weight:500}
.lista small{display:block;color:var(--suave);font-size:.84rem}
.lista .seta-dir{color:var(--nude);font-size:1.3rem}
.lista .inativo{opacity:.55}
.ordem{display:flex;flex-direction:column}
.ordem button{background:none;border:none;color:var(--suave);padding:0 .3rem;font-size:.85rem;line-height:1.2}
.ordem button:disabled{opacity:.25}

/* Horários da semana */
.dia-semana{display:grid;grid-template-columns:96px 1fr;gap:.6rem;align-items:start;padding:.8rem 0;border-bottom:1px solid var(--linha)}
.dia-semana:last-child{border-bottom:none}
.dia-semana .nome{display:flex;align-items:center;gap:.5rem;font-weight:500;min-height:44px;text-transform:capitalize}
.dia-semana .nome input{width:20px;height:20px;accent-color:var(--acento)}
.periodos{display:grid;gap:.4rem}
.periodo{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--suave)}
.periodo input{flex:1;min-width:0;max-width:130px;min-height:42px;padding:.4rem .5rem;border:1px solid var(--linha);border-radius:10px;background:var(--folha);font-size:.95rem}
.periodo button{background:none;border:none;color:var(--suave);font-size:1.2rem;padding:.2rem .4rem}
.fechado{color:var(--suave);font-size:.9rem;min-height:44px;display:flex;align-items:center}
.regra{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--linha);font-size:.95rem}
.regra:last-child{border-bottom:none}
.regra small{display:block;color:var(--suave);font-size:.82rem}
.regra input,.regra select{width:92px;min-height:42px;padding:.4rem .6rem;border:1px solid var(--linha);border-radius:10px;background:var(--folha);text-align:center;flex-shrink:0}
.regra select{width:auto;text-align:left}

/* Folha que sobe de baixo (formulários rápidos) */
.fundo{position:fixed;inset:0;z-index:50;background:rgba(43,36,34,.4);display:flex;align-items:flex-end;justify-content:center;animation:aparecer .2s}
.folha{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--papel);border-radius:20px 20px 0 0;padding:1.3rem 16px calc(1.3rem + env(safe-area-inset-bottom,0px));animation:subir .25s cubic-bezier(.2,.8,.3,1)}
.folha h2{font-size:1.7rem;margin-bottom:1rem}
.folha-cab{display:flex;justify-content:space-between;align-items:center}
.folha-cab button{background:none;border:none;font-size:1.6rem;color:var(--suave);padding:.2rem .5rem}
@keyframes aparecer{from{opacity:0}}
@keyframes subir{from{transform:translateY(40px);opacity:0}}
.horas-livres{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.4rem;margin-bottom:1rem}
.horas-livres button{min-height:42px;border-radius:10px;border:1px solid var(--linha);background:var(--folha);font-variant-numeric:tabular-nums}
.horas-livres button.sel{background:var(--acento);border-color:var(--acento);color:#fff}
.sugestoes{list-style:none;margin:-.6rem 0 1rem;padding:0;background:var(--folha);border:1px solid var(--linha);border-radius:10px;overflow:hidden}
.sugestoes button{width:100%;text-align:left;background:none;border:none;padding:.65rem .9rem;font-size:.95rem}
.sugestoes button small{color:var(--suave);margin-left:.4rem}
.sugestoes li + li{border-top:1px solid var(--linha)}
.escolhida{display:flex;justify-content:space-between;align-items:center;background:var(--bege);border-radius:10px;padding:.7rem .9rem;margin-bottom:1rem}
.escolhida small{display:block;color:var(--suave)}
.link-agenda{display:flex;gap:.5rem;align-items:center;background:var(--folha);border:1px solid var(--linha);border-radius:12px;padding:.5rem .5rem .5rem .9rem}
.link-agenda code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:.9rem;color:var(--suave)}

@media (max-width:480px){
  .dia-semana{grid-template-columns:1fr;gap:.3rem}
  .dia-semana .nome{min-height:32px}
}
@media (min-width:900px){
  .adm{padding-bottom:0;padding-left:220px}
  .adm-nav{top:0;bottom:0;right:auto;width:220px;flex-direction:column;justify-content:flex-start;gap:.2rem;border-top:none;border-right:1px solid var(--linha);padding:84px 12px 12px}
  .adm-nav a{flex:0 0 auto;flex-direction:row;gap:.75rem;font-size:.95rem;padding:.7rem .9rem}
  .adm-nav a.ativo{background:var(--acento-claro)}
  .adm-topo{position:fixed;left:0;right:0;z-index:40}
  .adm-miolo{padding-top:84px}
  .busca{top:72px}
  .aviso{bottom:24px}
  .fundo{align-items:center}
  .folha{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}