/* Birth date picker — stays above the Add Personnel modal and matches the site's controls */
.birthcal-backdrop{
  position:fixed;inset:0;z-index:12050;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(2,12,27,.56);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.birthcal-backdrop.show{display:flex}
.birthcal{
  width:min(560px,96vw);border-radius:26px;padding:22px;border:1px solid var(--line);
  background:var(--card);color:inherit;box-shadow:var(--shadow);direction:rtl
}
.birthcal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.birthcal-head b{font-size:21px}
.birthcal-close{
  width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--glass);
  color:inherit;font:inherit;font-size:23px;cursor:pointer
}
.birthcal-grid{display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:10px}
.birthcal-field{display:flex;flex-direction:column;gap:7px}
.birthcal-field span{font-size:13px;font-weight:800;opacity:.72}
.birthcal-field select{
  width:100%;height:52px;border-radius:14px;border:1px solid var(--line);
  background:var(--glass);color:inherit;padding:0 12px;font:inherit;font-size:16px;font-weight:800;outline:none
}
.birthcal-preview{
  margin-top:12px;padding:12px 14px;border-radius:15px;border:1px solid var(--line);
  background:var(--glass);text-align:center
}
.birthcal-preview small{display:block;opacity:.65;margin-bottom:3px}
.birthcal-preview b{font-size:20px}
.birthcal-actions{display:flex;gap:9px;margin-top:14px}
.birthcal-actions button{
  flex:1;padding:11px 13px;border-radius:13px;border:1px solid var(--line);font:inherit;font-weight:800;
  cursor:pointer;background:var(--glass);color:inherit
}
.birthcal-actions .primary{background:#1479ff;color:#fff;border-color:transparent}
@media(max-width:560px){
  .birthcal-grid{grid-template-columns:1fr}
  .birthcal{max-height:88vh;overflow:auto}
}