/* Cooper shared confirmation / alert modal - public web + administration */
.cooper-dialog-backdrop{
  position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;
  padding:22px;background:rgba(12,31,46,.76);backdrop-filter:blur(5px)
}
.cooper-dialog{
  width:min(560px,100%);background:#f4efdf;color:#183656;border:5px solid #183656;border-radius:18px;
  box-shadow:0 28px 75px rgba(0,0,0,.33);padding:34px 36px 30px;position:relative
}
.cooper-dialog-kicker{margin:0 0 7px;color:#bd333d;font-size:.77rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cooper-dialog-title{margin:0;font-family:"Bebas Neue",Arial Narrow,sans-serif;font-size:2.6rem;font-weight:400;line-height:1;letter-spacing:.025em;text-transform:uppercase;color:#183656}
.cooper-dialog-message{margin:19px 0 0;font-size:1.05rem;line-height:1.55;color:#344b62;white-space:pre-line}
.cooper-dialog-detail{margin:15px 0 0;padding:12px 14px;border:1px solid #dbcdb9;border-radius:12px;background:#fffaf0;color:#5c4e41;font-size:.88rem;line-height:1.45;word-break:break-word}
.cooper-dialog-actions{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin-top:27px}
.cooper-dialog-button{
  min-height:50px;padding:0 25px;border-radius:14px;border:2px solid #183656;background:#f7f0e1;color:#183656;
  font-family:"Bebas Neue",Arial Narrow,sans-serif;font-size:1.08rem;letter-spacing:.075em;text-transform:uppercase;cursor:pointer
}
.cooper-dialog-button:hover{background:#fff9ef}
.cooper-dialog-button.primary{
  position:relative;overflow:visible;border-color:#fff;background:linear-gradient(#cf414a,#b92f39);color:#fff;
  box-shadow:inset 0 0 0 2px #be333c,inset 0 0 0 4px rgba(255,255,255,.62),0 5px 0 rgba(38,28,21,.16)
}
.cooper-dialog-button.primary::before,.cooper-dialog-button.primary::after{
  content:"";position:absolute;top:50%;width:12px;height:12px;border:2px solid #fff;background:#c53942;
  transform:translateY(-50%) rotate(45deg);border-radius:2px
}
.cooper-dialog-button.primary::before{left:-7px}.cooper-dialog-button.primary::after{right:-7px}
.cooper-dialog-button.primary:hover{background:linear-gradient(#dc4c55,#c33741)}
.cooper-dialog-button.primary.danger{background:linear-gradient(#a92c35,#84212a)}
.cooper-dialog-button.primary.danger::before,.cooper-dialog-button.primary.danger::after{background:#942630}
.cooper-dialog-button.primary.success{background:linear-gradient(#39764c,#2c603d)}
.cooper-dialog-button.primary.success::before,.cooper-dialog-button.primary.success::after{background:#326c45}
@media(max-width:600px){
  .cooper-dialog-backdrop{padding:14px}.cooper-dialog{padding:28px 20px 22px;border-width:4px;border-radius:18px}
  .cooper-dialog-title{font-size:2.15rem}.cooper-dialog-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .cooper-dialog-button{width:100%}
}