.men-women-page{display:flex;flex-direction:column;gap:1rem}.men-women-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.men-women-heading .card-title{margin:0}.men-women-heading p{margin:.35rem 0 0;color:#5a6780;font-size:.85rem;font-weight:600}.men-women-filter-card{overflow:visible}.men-women-filter-grid{display:grid;grid-template-columns:minmax(16rem,1.8fr) repeat(2,minmax(11rem,1fr)) auto;gap:.75rem;align-items:end}.men-women-filter-grid .form-label{display:flex;flex-direction:column;gap:.4rem;margin:0}.men-women-clear-filter{height:2.7rem;white-space:nowrap}.men-women-filter-result{margin-top:.75rem;padding:.5rem .85rem;border-radius:.6rem;background:#fff6f7;color:#59657b;text-align:center;font-size:.82rem;font-weight:700}.men-women-table{table-layout:fixed}.men-women-table th,.men-women-table td{text-align:center!important;vertical-align:middle!important;word-break:break-word}.men-women-table th{font-weight:800}.men-women-table-wrap{overflow-x:auto}.men-women-modal{max-height:min(90vh,48rem);overflow-y:auto}.men-women-modal .form-label{display:flex;flex-direction:column;gap:.45rem;margin:0}.men-women-age-field{background:#f6f8fc!important;color:#34425c!important;font-weight:700}.men-women-form-grid{padding-top:.1rem}.men-women-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.men-women-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.men-women-pages-picker{margin-top:1rem}.men-women-page .emergency-stats .stat-card.emergency-report-stat-card{background:linear-gradient(135deg,#fff 0%,#fff4f5 100%);border-color:#ffcbd0}.men-women-page .emergency-stats .stat-card.emergency-report-stat-card span:not(.emergency-report-stat-icon){color:#273247!important;font-weight:800}.men-women-page .emergency-stats .stat-card.emergency-report-stat-card strong{color:#8f1020!important;font-weight:900}.modern-date-menu.placement-up{top:auto;bottom:calc(100% + .45rem)}.men-women-print-report{display:none}@media print{.men-women-print-report{display:block!important;direction:rtl;color:#172033;padding:10mm;font-family:Zain,Arial,sans-serif}.men-women-print-report h1{margin:0;color:#8f1020;font-size:18pt}.men-women-print-report header{border-bottom:1.5px solid #8f1020;padding-bottom:8px;margin-bottom:10px}.men-women-print-report header p,.men-women-print-report footer{margin:4px 0 0;color:#4c5c75;font-size:10pt}.men-women-print-report table{width:100%;border-collapse:collapse;table-layout:fixed}.men-women-print-report th,.men-women-print-report td{border:1px solid #e7c8cd;padding:6px 4px;text-align:center;vertical-align:middle;font-size:8.5pt;word-break:break-word}.men-women-print-report th{color:#1f2937;background:#fff5f6;font-weight:400}.men-women-print-report footer{margin-top:10px}}
@media(max-width:900px){.men-women-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.men-women-filter-grid>label{grid-column:1/-1}.men-women-stats{grid-template-columns:1fr}.men-women-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:600px){.men-women-page{gap:.75rem}.men-women-heading{align-items:stretch;flex-direction:column}.men-women-heading .btn{width:100%;justify-content:center}.men-women-filter-grid{grid-template-columns:1fr}.men-women-filter-grid>label{grid-column:auto}.men-women-clear-filter{width:100%}.men-women-modal{width:min(94vw,30rem);max-height:calc(100vh - 1.5rem)}.men-women-modal footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.men-women-modal footer .btn{justify-content:center}.men-women-table-wrap{margin-inline:-.2rem}.men-women-table{min-width:760px}.men-women-filter-result{font-size:.78rem}.modern-date-menu{z-index:1005}}

/* Report cards intentionally use light surfaces, so their text must not inherit the white dashboard-card colour. */
.men-women-stats.emergency-report-stats .stat-card.emergency-report-stat-card{position:relative;display:flex;align-items:center;gap:.85rem;min-height:6.1rem;overflow:hidden;border:1px solid #ffcbd0!important;border-radius:1rem;background:linear-gradient(135deg,#fff 0%,#fff1f2 100%)!important;padding:1rem 1.1rem;box-shadow:0 10px 28px rgba(131,18,27,.1)}
.men-women-stats.emergency-report-stats .stat-card.emergency-report-stat-card::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:.3rem;background:linear-gradient(180deg,#660b13,#cc3f4a)}
.men-women-stats.emergency-report-stats .emergency-report-stat-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.7rem;width:2.7rem;height:2.7rem;border-radius:.85rem;background:linear-gradient(135deg,#660b13,#9f1d27);color:#fff!important;box-shadow:0 8px 18px rgba(131,18,27,.22)}
.men-women-stats.emergency-report-stats .stat-card.emergency-report-stat-card>div{min-width:0;display:flex;flex:1;align-items:center;justify-content:space-between;gap:.75rem}
.men-women-stats.emergency-report-stats .stat-card.emergency-report-stat-card span:not(.emergency-report-stat-icon){color:#273247!important;font-size:.9rem!important;font-weight:800!important}
.men-women-stats.emergency-report-stats .stat-card.emergency-report-stat-card strong{color:#8f1020!important;font-size:1.75rem!important;line-height:1!important;font-weight:900!important}
.modern-date-menu.placement-up{top:auto!important;bottom:calc(100% + .45rem)!important}

@media(max-width:600px){
  .modern-date-picker.is-open .modern-date-backdrop{background:rgba(37,49,70,.18)!important;z-index:2100!important}
  .modern-date-picker.is-open .modern-date-menu{position:fixed!important;top:50%!important;bottom:auto!important;inset-inline-start:50%!important;inset-inline-end:auto!important;transform:translate(-50%,-50%)!important;width:min(calc(100vw - 2rem),21rem)!important;max-height:calc(100dvh - 2rem)!important;overflow-y:auto;z-index:2200!important}
}

/* Specific mobile selector: it wins over the desktop popup-alignment rules inside the men/women module. */
@media(max-width:767px){
  .men-women-page .modern-date-picker.is-open .modern-date-backdrop{position:fixed!important;inset:0!important;z-index:3100!important;background:rgba(37,49,70,.22)!important}
  .men-women-page .modern-date-picker.is-open .modern-date-menu{position:fixed!important;top:50%!important;right:auto!important;bottom:auto!important;left:50%!important;inset-inline:auto!important;transform:translate(-50%,-50%)!important;width:min(calc(100vw - 2rem),21rem)!important;max-height:calc(100dvh - 2rem)!important;overflow-y:auto!important;z-index:3200!important}
}

/* Men/women forms: keep the picker above the modal and centred only on small screens. */
.modern-time-menu.placement-up{top:auto!important;bottom:calc(100% + .5rem)!important}
.men-women-modal .modern-time-menu{top:auto!important;bottom:calc(100% + .5rem)!important}
.men-women-modal:has(.modern-time-picker.is-open){position:relative;z-index:2400!important}
.men-women-modal .modern-time-picker.is-open{position:relative;z-index:2500!important}
.men-women-modal .modern-time-picker.is-open .modern-time-backdrop{z-index:2490!important}
.men-women-modal .modern-time-picker.is-open .modern-time-menu{z-index:2510!important}

@media(max-width:767px){
  .men-women-external-modal footer{
    position:static!important;
    margin:0!important;
    padding:.8rem 0 .1rem!important;
    background:#fff!important;
  }
  .men-women-external-modal{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr);
    max-height:calc(100dvh - 1.5rem)!important;
    overflow:hidden!important;
  }
  .men-women-external-modal>form{
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    min-height:0;
    overflow:hidden;
  }
  .men-women-external-modal .entity-form-grid{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:.1rem .05rem .8rem;
  }
  .men-women-page .modern-date-picker.center-on-mobile.is-open{z-index:5000!important}
  .men-women-page .modern-date-picker.center-on-mobile.is-open .modern-date-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:4990!important;
    background:rgba(37,49,70,.28)!important;
  }
  .men-women-page .modern-date-picker.center-on-mobile.is-open .modern-date-menu{
    position:fixed!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(calc(100vw - 2rem),20rem)!important;
    max-height:calc(100dvh - 2rem)!important;
    overflow-y:auto!important;
    z-index:5000!important;
  }
  .men-women-modal footer{
    position:static!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.65rem!important;
    width:100%;
    margin:1rem 0 0!important;
    padding:.85rem 0 0!important;
    background:transparent!important;
    border-top:1px solid #ffe4e6;
  }
  .men-women-modal footer .btn{
    width:100%!important;
    min-height:2.75rem;
    margin:0!important;
    padding:.55rem .7rem!important;
    justify-content:center!important;
    border-radius:.75rem!important;
    white-space:nowrap;
  }
  .men-women-page .modern-time-picker.is-open{z-index:5000!important}
  .men-women-page .modern-time-picker.is-open .modern-time-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:4990!important;
    background:rgba(37,49,70,.28)!important;
  }
  .men-women-page .modern-time-picker.is-open .modern-time-menu{
    position:fixed!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(calc(100vw - 2rem),20rem)!important;
    max-height:calc(100dvh - 2rem)!important;
    overflow-y:auto!important;
    z-index:5000!important;
  }
}