/* Agenda (cuidados pessoais). Reaproveita os componentes da loja (varejo-painel.css). */
#painel .agenda-secao [data-agenda-painel][hidden] { display: none; }
#painel .agenda-abas { margin-bottom: 16px; }
#painel .agenda-dia-titulo { margin: 4px 0 12px; color: var(--pal-514963, #514963); font-weight: 600; }
#painel .agenda-vazio { padding: 18px; border: 1px dashed var(--pal-e4e1ea, #e4e1ea); border-radius: 14px; color: var(--pal-736c80, #736c80); text-align: center; }
#painel .agenda-grupo { margin-bottom: 18px; }
#painel .agenda-grupo h3 { margin: 0 0 8px; font-size: 15px; }
#painel .agenda-item { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin-bottom: 8px; padding: 12px 14px;
  border: 1px solid var(--pal-e9e4f0, #e9e4f0); border-left: 5px solid #7054d4; border-radius: 12px; background: #fff; }
#painel .agenda-item.concluido { border-left-color: #1f8a4c; }
#painel .agenda-item.faltou { border-left-color: #d97a06; }
#painel .agenda-item.cancelado { border-left-color: #c62828; opacity: .72; }
#painel .agenda-hora strong { display: block; font-size: 18px; font-variant-numeric: tabular-nums; }
#painel .agenda-hora small { color: var(--pal-736c80, #736c80); font-size: 12px; }
#painel .agenda-info { display: grid; gap: 3px; min-width: 0; font-size: 13px; }
#painel .agenda-info strong { font-size: 15px; }
#painel .agenda-info small { color: var(--pal-736c80, #736c80); }
#painel .agenda-acoes { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; }
#painel .agenda-cancelar { color: #a12e58; }
#painel .agenda-topo-lista { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
#painel .agenda-topo-lista h3 { margin: 0; }
#painel #agenda-form-profissional, #painel #agenda-form-regras, #painel #agenda-form-servico, #painel #agenda-form-folga, #painel #agenda-filtro {
  padding: 0; border: 0; background: transparent; box-shadow: none; }
#painel .agenda-dia-linha { display: grid; grid-template-columns: 90px minmax(0, 1fr) auto; gap: 10px; align-items: center; grid-column: 1 / -1;
  padding: 8px 0; border-bottom: 1px solid var(--pal-f0edf4, #f0edf4); }
#painel .agenda-faixas { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
#painel .agenda-faixas em { color: var(--pal-8a8295, #8a8295); font-size: 13px; }
#painel .agenda-faixa { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px; border-radius: 10px; background: var(--pal-f3effa, #f3effa); font-size: 13px; }
#painel .agenda-faixa input[type=time] { width: 110px; min-height: 36px; padding: 4px 8px; }
#painel .agenda-folgas { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--pal-e9e4f0, #e9e4f0); }
#painel .agenda-lista-folgas { margin: 0; padding-left: 18px; font-size: 13px; line-height: 2; }
#painel .agenda-link { display: flex; flex-wrap: wrap; gap: 8px; }
#painel .agenda-link input { flex: 1 1 260px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--pal-e4e1ea, #e4e1ea); border-radius: 11px; }
#painel .agenda-link .botao-padrao { display: inline-flex; align-items: center; text-decoration: none; }
@media (max-width: 700px) {
  #painel .agenda-item { grid-template-columns: 70px minmax(0, 1fr); }
  #painel .agenda-acoes { grid-column: 1 / -1; justify-content: flex-start; }
  #painel .agenda-dia-linha { grid-template-columns: 1fr; }
}
/* Campos alinhados entre si: cada campo ocupa 3 linhas da grade (título, caixa, ajuda) via subgrid, então título que quebra em
   duas linhas ou ajuda embaixo não deslocam a caixa dos vizinhos. */
#painel :is(#agenda-form-profissional, #agenda-form-regras, #agenda-form-servico) .varejo-grupo > label:not(.varejo-opcao) {
  display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 6px; align-items: end; }
#painel :is(#agenda-form-profissional, #agenda-form-regras, #agenda-form-servico) .varejo-grupo > label:not(.varejo-opcao) > :is(input, select, textarea) { margin: 0; align-self: start; }
#painel :is(#agenda-form-profissional, #agenda-form-regras, #agenda-form-servico) .varejo-grupo > label:not(.varejo-opcao) > small { align-self: start; margin: 0; }
#painel :is(#agenda-form-profissional, #agenda-form-regras, #agenda-form-servico) .varejo-grupo > label.varejo-opcao { grid-row: span 3; align-self: center; }
#painel #agenda-form-convite .form-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
#painel #agenda-form-convite textarea { width: 100%; resize: vertical; }
#painel #agenda-form-convite .dica-convite { margin: 0; color: var(--pal-736c80, #736c80); font-size: 12px; }
#painel #agenda-form-convite .convite-mensagem { grid-column: 1 / -1; }
/* Agendamentos: Dia/Período e Lista/Cards */
#painel .agenda-filtro-grupo { display: contents; }
#painel .agenda-filtro-grupo[hidden] { display: none; }
#painel .agenda-segmento { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 3px; border: 1px solid var(--pal-e4e1ea, #e4e1ea); border-radius: 12px; background: #fff; }
#painel .agenda-segmento button { min-height: 36px; margin: 0; padding: 0 14px; font-size: 13px; border: 0; border-radius: 9px; background: transparent; color: var(--pal-514963, #514963); font-weight: 600; box-shadow: none; cursor: pointer; }
#painel .agenda-segmento button[aria-pressed="true"] { background: var(--pal-7054d4, #7054d4); color: #fff; }
#painel .agenda-grupo h3 small { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--pal-f3effa, #f3effa); color: var(--pal-736c80, #736c80); font-size: 12px; font-weight: 600; }
#painel .agenda-cards .agenda-grupo-itens { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: 12px; }
#painel .agenda-card { display: grid; align-content: start; gap: 4px; padding: 12px 14px; border: 1px solid var(--pal-e9e4f0, #e9e4f0); border-top: 5px solid #7054d4; border-radius: 14px; background: #fff; font-size: 13px; }
#painel .agenda-card.concluido { border-top-color: #1f8a4c; }
#painel .agenda-card.faltou { border-top-color: #d97a06; }
#painel .agenda-card.cancelado { border-top-color: #c62828; opacity: .72; }
#painel .agenda-card header { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#painel .agenda-card header strong { font-size: 18px; font-variant-numeric: tabular-nums; }
#painel .agenda-card header small { color: var(--pal-736c80, #736c80); font-size: 12px; font-weight: 500; }
#painel .agenda-card p { margin: 0; }
#painel .agenda-card .agenda-card-cliente { font-size: 15px; font-weight: 600; }
#painel .agenda-card .agenda-card-prof, #painel .agenda-card small { color: var(--pal-736c80, #736c80); }
#painel .agenda-card-acoes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
#painel .agenda-card-acoes:empty { display: none; }
#painel .agenda-card-acoes .varejo-acao-linha { min-height: 32px; margin: 0; padding: 0 10px; font-size: 12px; }