/* xy-member-confirm.css — member centre / front nav shared confirm modal */
.xy-m-confirm-open{overflow:hidden}
.xy-m-confirm{
  position:fixed;
  inset:0;
  z-index:100200;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
}
.xy-m-confirm.is-open{display:flex}
.xy-m-confirm-mask{
  position:absolute;
  inset:0;
  background:rgba(16,24,32,.46);
}
.xy-m-confirm-dialog{
  position:relative;
  z-index:1;
  width:400px;
  max-width:100%;
  background:#fff;
  border:1px solid var(--xy-ui-line,#e6e8eb);
  border-radius:10px;
  box-shadow:0 12px 40px rgba(22,32,44,.2);
  overflow:hidden;
}
.xy-m-confirm-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--xy-ui-line,#e6e8eb);
  background:linear-gradient(180deg,#fafbfc 0%,#fff 100%);
}
.xy-m-confirm-title{
  margin:0;
  font-size:15px;
  font-weight:700;
  color:var(--xy-ui-ink,#1a1d21);
  line-height:1.3;
}
.xy-m-confirm-x{
  border:0;
  background:transparent;
  color:var(--xy-ui-muted,#6a727c);
  font-size:22px;
  line-height:1;
  cursor:pointer;
  padding:0 2px;
  width:28px;
  height:28px;
}
.xy-m-confirm-x:hover{color:var(--xy-ui-ink,#1a1d21)}
.xy-m-confirm-bd{padding:18px 16px 8px}
.xy-m-confirm-msg{
  margin:0;
  font-size:14px;
  font-weight:600;
  color:var(--xy-ui-ink,#1a1d21);
  line-height:1.55;
  word-break:break-word;
}
.xy-m-confirm-detail{
  margin:10px 0 0;
  font-size:13px;
  color:var(--xy-ui-muted,#6a727c);
  line-height:1.55;
  word-break:break-word;
}
.xy-m-confirm-detail.is-danger{color:var(--xy-ui-err,#b42318);font-weight:600}
.xy-m-confirm-ft{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  padding:14px 16px 16px;
}
.xy-m-confirm-btn{
  appearance:none;
  -webkit-appearance:none;
  min-height:32px;
  height:32px;
  padding:0 16px;
  border-radius:4px;
  border:1px solid var(--xy-ui-line,#d5dde8);
  background:#fff;
  color:var(--xy-ui-ink,#3d4f66);
  font-size:12px;
  font-weight:600;
  line-height:30px;
  cursor:pointer;
  box-sizing:border-box;
}
.xy-m-confirm-btn:hover{filter:brightness(1.02)}
.xy-m-confirm-ok{
  color:#fff;
  background:var(--xy-skin-primary,#FF9E16);
  border-color:var(--xy-skin-primary,#FF9E16);
}
.xy-m-confirm-ok.is-danger{
  background:var(--xy-ui-err,#b42318);
  border-color:var(--xy-ui-err,#b42318);
}
@media (max-width:640px){
  .xy-m-confirm-dialog{width:100%}
}