/* ============================================================
   AUPHA PET SHOP — V36
   AGENDA OPERACIONAL: LEGIBILIDADE E FORMULÁRIO SIMPLIFICADO
   - Aumenta a leitura dos cards, controles e modal da agenda.
   - Mantém responsividade em computador, tablet e celular.
   - O campo de e-mail foi removido do cadastro integrado usado
     no fluxo operacional; o telefone permanece como contato.
   ============================================================ */

/* Cabeçalho da Agenda Operacional */
body .portal .dashboard .section-action:has(+ .form-error + .operation-list) h2,
body .portal .dashboard .section-action:has(+ .operation-list) h2 {
  font-size: clamp(1.45rem, 1.2rem + .45vw, 1.85rem) !important;
  line-height: 1.2 !important;
}

body .portal .dashboard .section-action:has(+ .form-error + .operation-list) p,
body .portal .dashboard .section-action:has(+ .operation-list) p {
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}

body .portal .dashboard .section-action:has(+ .form-error + .operation-list) .orange-action,
body .portal .dashboard .section-action:has(+ .operation-list) .orange-action {
  min-height: 46px !important;
  padding: 11px 16px !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
}

/* Lista principal da Agenda Operacional */
body .portal .dashboard .operation-list {
  gap: 11px !important;
}

body .portal .dashboard .operation-list article {
  min-height: 82px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  row-gap: 10px !important;
}

body .portal .dashboard .operation-list .operation-date b {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

body .portal .dashboard .operation-list .operation-date span {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body .portal .dashboard .operation-list .client-pic {
  font-size: 21px !important;
}

body .portal .dashboard .operation-list .operation-copy strong {
  font-size: 16.5px !important;
  line-height: 1.4 !important;
}

body .portal .dashboard .operation-list .operation-copy small {
  margin-top: 4px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body .portal .dashboard .operation-list .tag {
  padding: 8px 11px !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}

body .portal .dashboard .operation-list select {
  min-height: 42px !important;
  padding: 8px 11px !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

body .portal .dashboard .operation-list button,
body .portal .dashboard .operation-list .aupha-v34-edit-appointment {
  min-height: 40px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body .portal .dashboard .operation-list .empty-note {
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}

/* Modal Novo agendamento e modal Editar agendamento */
body .booking-modal.compact-modal .kicker,
body .aupha-v34-appointment-modal .kicker {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

body .booking-modal.compact-modal .modal-head h2,
body .aupha-v34-appointment-modal .modal-head h2 {
  font-size: 1.55rem !important;
  line-height: 1.25 !important;
}

body .booking-modal.compact-modal .form-grid label,
body .aupha-v34-appointment-modal .form-grid label {
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  font-weight: 750 !important;
}

body .booking-modal.compact-modal input,
body .booking-modal.compact-modal select,
body .booking-modal.compact-modal textarea,
body .aupha-v34-appointment-modal input,
body .aupha-v34-appointment-modal select,
body .aupha-v34-appointment-modal textarea {
  min-height: 47px !important;
  margin-top: 7px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

body .booking-modal.compact-modal textarea,
body .aupha-v34-appointment-modal textarea {
  min-height: 100px !important;
}

body .booking-modal.compact-modal .modal-footer button,
body .aupha-v34-appointment-modal .modal-footer button {
  min-height: 44px !important;
  padding: 10px 15px !important;
  font-size: 13.5px !important;
}

body .aupha-v34-appointment-summary small {
  font-size: 12px !important;
}

body .aupha-v34-appointment-summary strong,
body .aupha-v34-appointment-help {
  font-size: 14px !important;
}

@media (max-width: 900px) {
  body .portal .dashboard .operation-list article {
    min-height: 0 !important;
  }

  body .portal .dashboard .operation-list .operation-copy strong {
    font-size: 15.5px !important;
  }

  body .portal .dashboard .operation-list .operation-copy small,
  body .portal .dashboard .operation-list select,
  body .portal .dashboard .operation-list button,
  body .portal .dashboard .operation-list .aupha-v34-edit-appointment {
    font-size: 13.5px !important;
  }
}

@media (max-width: 620px) {
  body .portal .dashboard .section-action:has(+ .form-error + .operation-list),
  body .portal .dashboard .section-action:has(+ .operation-list) {
    gap: 12px !important;
  }

  body .portal .dashboard .section-action:has(+ .form-error + .operation-list) .orange-action,
  body .portal .dashboard .section-action:has(+ .operation-list) .orange-action {
    width: 100% !important;
  }

  body .booking-modal.compact-modal .form-grid label,
  body .aupha-v34-appointment-modal .form-grid label {
    font-size: 14px !important;
  }

  body .booking-modal.compact-modal input,
  body .booking-modal.compact-modal select,
  body .booking-modal.compact-modal textarea,
  body .aupha-v34-appointment-modal input,
  body .aupha-v34-appointment-modal select,
  body .aupha-v34-appointment-modal textarea {
    font-size: 16px !important; /* evita zoom automático no iPhone */
  }
}