/* BeautyFlow — recuo do menu lateral (09/11/2026) */
.bf-main { margin-left: var(--bf-sidebar, 72px); }
@media (max-width: 767px) { .bf-main { margin-left: 0 !important; } }

/* BeautyFlow — ajustes para uso no celular (09/11/2026) */
@media (max-width: 767px) {
  html, body { overflow-x: hidden; max-width: 100vw; }
  main { padding: 8px !important; }
  h1 { font-size: 1.05rem !important; line-height: 1.25 !important; }
  h2 { font-size: 0.98rem !important; }
  .p-6, .p-5 { padding: 10px !important; }
  .p-4 { padding: 8px !important; }
  .gap-6 { gap: 10px !important; }
  .rounded-2xl { border-radius: 14px !important; }
  .space-y-6 > * + * { margin-top: 10px !important; }

  /* tabelas largas rolam dentro do proprio quadro, sem esticar a pagina */
  div:has(> table) { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  table { font-size: 11.5px; }
  th, td { padding: 5px 6px !important; white-space: nowrap; }
  td:first-child, th:first-child { white-space: normal; }

  /* formularios e dialogos usam a tela toda */
  [role="dialog"] { max-width: 96vw !important; max-height: 92vh !important; overflow-y: auto !important; }
  input, select, textarea { font-size: 16px !important; } /* impede zoom automatico no iOS */
  button { min-height: 36px; }

  /* nada de card estourando a largura */
  img, svg { max-width: 100%; }
  .truncate { overflow: hidden; text-overflow: ellipsis; }

  /* agenda: cartoes compactos, texto em duas linhas no maximo */
  .bf-agenda-card { font-size: 11px !important; line-height: 1.2 !important; }
}