/* GeopoliticaWeb v3.1: nascimento lado a lado e idade automatica.
   Complemento isolado: nao altera integracoes, tabelas ou rotas. */
#personform .birth-parts {
  display:grid;
  grid-template-columns:minmax(42px,1fr) 9px minmax(42px,1fr) 9px minmax(78px,1.48fr);
  align-items:center;
  gap:5px;
  width:100%;
  min-width:0;
}
#personform .birth-parts > input {
  width:100%;
  min-width:0;
  height:46px;
  min-height:46px;
  padding:9px 5px;
  text-align:center;
  font-size:16px;
  font-variant-numeric:tabular-nums;
}
#personform .birth-parts > span {
  display:block;
  text-align:center;
  color:#706379;
  font-weight:800;
  font-size:16px;
}
#personform .birth-info-field {align-content:start;min-width:0;}
#personform .birth-details {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:10px;
  min-width:0;
}
#personform .birth-result {display:grid;gap:7px;min-width:0;align-content:start;}
#personform .birth-result > label {font-size:11px;font-weight:750;color:#51475d;}
#personform .birth-result > input {
  display:block;width:100%;min-width:0;max-height:46px;min-height:46px;
  text-align:center;
  font-size:15px;
  font-weight:750;
  color:#4c356b;
  background:#f5f1f9;
  font-variant-numeric:tabular-nums;
}
#personform .birth-result > input:focus {box-shadow:none;border-color:#dae5e2;}
@media(max-width:760px) {
  #personform .birth-parts {grid-template-columns:minmax(44px,1fr) 8px minmax(44px,1fr) 8px minmax(90px,1.5fr);gap:5px;}
  #personform .birth-details {gap:8px;}
}
@media(max-width:350px) {
  #personform .birth-parts {grid-template-columns:minmax(38px,1fr) 7px minmax(38px,1fr) 7px minmax(72px,1.4fr);gap:3px;}
  #personform .birth-parts > input {padding-inline:2px;}
  #personform .birth-result > input {padding-inline:5px;font-size:14px;}
}