/* ============================================================
   CYBERSCHOOL — public/css/login.css
   Ecrã de entrada: cartão centrado sobre fundo em gradiente.
   ============================================================ */

body.pagina-de-login {
  min-height: 100vh;                                        /* altura do ecrã */
  display: grid; place-items: center;                       /* cartão ao centro */
  padding: 1rem;                                            /* margem no telemóvel */
  background: linear-gradient(135deg, #0a4fb8 0%, #0d6efd 45%, #20c997 100%); /* fundo */
}
.cartao-de-login { width: 100%; max-width: 410px; border: 0; border-radius: 1rem; } /* cartão */
.cartao-de-login .card-body { padding: 2rem; }              /* margens interiores */
.marca-de-login { display: flex; align-items: center; gap: 0.85rem; margin-bottom: 1.5rem; } /* logotipo + nome */
.logotipo-de-login { width: 52px; height: 52px; }           /* logotipo */
.rodape-de-login { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.5rem; } /* idioma + empresa */
.rodape-de-login .form-select { width: auto; }              /* select estreito */
.pagina-de-login.licenca-suspensa .cartao-de-login { max-width: 560px; } /* o aviso precisa de mais largura */
.aviso-de-suspensao .table { font-size: 0.875rem; }        /* tabela das facturas compacta */
.total-da-suspensao th { border-top: 2px solid var(--bs-border-color); } /* linha do total */
.lista-de-meios-de-pagamento { display: grid; gap: 0.5rem; margin-bottom: 1rem; } /* cartões dos meios */
.meio-de-pagamento { border: 1px solid var(--bs-border-color); border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; } /* um meio */
.meio-de-pagamento p { margin: 0; overflow-wrap: anywhere; }  /* IBAN e números longos partem a linha */
@media (max-width: 400px) {
  .cartao-de-login .card-body { padding: 1.4rem; }          /* menos margem em ecrãs pequenos */
}