/* BPW whole-system modal fix v20260629.1
   Fixes the right-side white gap by removing scrollbar/padding from the modal card.
   The modal body scrolls; the header paints across the full modal width including scrollbar gutter. */
.modal.open{display:flex!important;}
.modal-card,.modal-card.wide{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
  max-height:min(90vh,calc(100dvh - 40px))!important;
  scrollbar-gutter:auto!important;
  background:linear-gradient(135deg,#eef5ff 0%,#fff8cf 100%) top left/100% 72px no-repeat,linear-gradient(180deg,#ffffff 0%,#fffef7 100%)!important;
}
.modal-card::before,.modal-card.wide::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:72px!important;
  pointer-events:none!important;
  z-index:0!important;
  background:linear-gradient(135deg,#eef5ff 0%,#fff8cf 100%)!important;
}
.modal-card>.modal-head{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  margin:0 -18px 0 0!important;
  width:calc(100% + 18px)!important;
  max-width:none!important;
  padding:16px 38px 16px 18px!important;
  border-radius:16px 16px 0 0!important;
  background:linear-gradient(135deg,#eef5ff 0%,#fff8cf 100%)!important;
  border-bottom:1px solid #d7e7f6!important;
  box-shadow:0 4px 14px rgba(6,29,58,.07)!important;
}
.modal-card>.modal-head h3{
  color:#0A2342!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.modal-card>.modal-head [data-close-modal],
.modal-card>.modal-head [data-system-confirm-cancel]{
  flex:0 0 auto!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin-right:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.85)!important;
  border:1px solid rgba(0,59,122,.14)!important;
  color:#0A2342!important;
}
.modal-card>.modal-body{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:auto!important;
  padding:18px!important;
  background:transparent!important;
}
.modal-card>.modal-actions{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:12px 18px 18px!important;
  background:#fff!important;
  border-top:1px solid #edf5e9!important;
}
.system-confirm-modal{z-index:130!important;}
.system-confirm-card{
  width:min(520px,calc(100vw - 30px))!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
}
.system-confirm-card>.modal-body,.system-confirm-card .modal-body{
  overflow:visible!important;
  max-height:none!important;
  scrollbar-gutter:auto!important;
}
.system-confirm-message{
  margin:0!important;
  color:#0A2342!important;
  font-weight:800!important;
  line-height:1.5!important;
  font-size:15px!important;
  white-space:pre-wrap!important;
}
.system-confirm-actions{
  position:static!important;
  margin-top:18px!important;
  padding:0!important;
  background:transparent!important;
  border-top:0!important;
  box-shadow:none!important;
}
.system-confirm-actions .btn{min-width:92px!important;}
@media(max-width:760px){
  .modal{padding:10px!important;align-items:flex-start!important;}
  .modal-card,.modal-card.wide{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:14px!important;}
  .modal-card>.modal-head{margin-right:-14px!important;width:calc(100% + 14px)!important;padding:14px 32px 14px 16px!important;border-radius:14px 14px 0 0!important;}
  .system-confirm-card{width:100%!important;}
  .system-confirm-actions{flex-direction:column-reverse!important;}
  .system-confirm-actions .btn{width:100%!important;}
}