/* VIS-006: restore the authored filter drawer's natural content rhythm.
   Source: authoritative-reference/authoring/{styles,precision}.css and
   vectors/VIS-006.pdf. The PDF's 104px header and 85px footer are minimums,
   not clipping boxes. Its five 46px controls start at 157.5px and repeat
   every 89.5px. Only this semantic drawer is affected.
   Close/footer paint follows the original while real buttons remain 44px.
   Native selects, checkbox, date guidance and error content stay intact. */
#modal.core-filter-drawer > .modal-head {
  min-height:104px;
  height:auto;
  padding:21.25px 27px;
}
#modal.core-filter-drawer > .modal-head > div {
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}
#modal.core-filter-drawer > .modal-head h2 {
  font-size:25px;
  font-weight:600;
  letter-spacing:-.7px;
  line-height:1.5;
}
#modal.core-filter-drawer > .modal-head p {
  font-size:12px;
  line-height:1.5;
  margin-top:5px;
}
#modal.core-filter-drawer .core-filter-fields {
  gap:16px;
}
#modal.core-filter-drawer .select-control > .ph {
  font-size:12px;
  right:14px;
  color:#334675;
}
#modal.core-filter-drawer .core-filter-overdue {
  padding-top:7px;
}
#modal.core-filter-drawer .core-filter-overdue .check-field {
  margin:0;
  min-height:44px;
  align-items:center;
  gap:8px;
  color:#0A1042;
  line-height:1.5;
}
#modal.core-filter-drawer .core-filter-overdue input {
  width:14px;
  height:14px;
  flex:none;
  margin:0;
}
#modal.core-filter-drawer > .modal-head > .generic-dialog-close {
  position:relative;
  isolation:isolate;
  flex:none;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  margin-right:-5px;
  padding:0;
  border:0;
  background:transparent;
}
#modal.core-filter-drawer > .modal-head > .generic-dialog-close::before {
  content:'';
  position:absolute;
  inset:3px 5px;
  border:1px solid #DFE8F3;
  border-radius:10px;
  background:#fff;
  pointer-events:none;
  z-index:-1;
}
#modal.core-filter-drawer .form-actions {
  min-height:85px;
  padding:17.5px 27px 22.5px;
}
#modal.core-filter-drawer .form-actions > .btn {
  position:relative;
  isolation:isolate;
  min-height:44px;
  padding:0 17px;
  border:0;
  background:transparent;
  box-shadow:none;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
}
#modal.core-filter-drawer .form-actions > .btn::before {
  content:'';
  position:absolute;
  inset:2.5px 0;
  border:1px solid #DCE6F2;
  border-radius:11px;
  background:#fff;
  pointer-events:none;
  z-index:-1;
}
#modal.core-filter-drawer .form-actions > .btn.primary {
  padding-inline:16px;
}
#modal.core-filter-drawer .form-actions > .btn.primary::before {
  border:0;
  background:#008D89 url('../design/approved-button-texture.png') no-repeat center;
  /* Preserve accessibility-repairs.css's existing AA overlay on the paint layer. */
  background-image:linear-gradient(rgb(0 0 0 / 22%),rgb(0 0 0 / 22%)),url('../design/approved-button-texture.png');
  background-size:100% 100%;
  box-shadow:0 4px 8px #007D7922;
}
@media(max-width:600px) {
  #modal.core-filter-drawer > .modal-head {
    min-height:100px;
    padding:20px 21px;
  }
  #modal.core-filter-drawer > .modal-head h2 {
    font-size:24px;
  }
  #modal.core-filter-drawer .modal-body {
    padding:23px 21px 0;
  }
  #modal.core-filter-drawer .form-actions {
    margin-inline:-21px;
    padding:17.5px 21px calc(22.5px + env(safe-area-inset-bottom));
  }
}
@media(forced-colors:active) {
  #modal.core-filter-drawer > .modal-head > .generic-dialog-close,
  #modal.core-filter-drawer .form-actions > .btn {
    outline:1px solid ButtonText;
    outline-offset:-1px;
  }
}
