/* BMSDock UI 1.9.7 — Donate UI (approved visual, panel shell externalized) */
:root{
  --donate-title-size:18px;
  --donate-text-size:14px;
  --donate-title-weight:700;
  --donate-text-weight:400;
  --donate-action-weight:700;
  --donate-text-color:#0f172a;
  --donate-muted-color:#94a3b8;
  --donate-value-color:#64748b;
  --donate-border:#e2e8f0;
  --donate-control-bg:#f8fafc;
  --donate-control-height:42px;
  --donate-control-radius:10px;
  --donate-card-radius:22px;
  --donate-row-gap:10px;
}

#donateModal .donate-card{
  box-sizing:border-box;
  width:min(360px,calc(100vw - 32px));
  padding:24px 20px 20px;
  border-radius:var(--donate-card-radius);
  color:var(--donate-text-color);
}

#donateModal .donate-close{
  position:absolute;
  cursor:pointer;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid var(--donate-border);
  border-radius:10px;
  background:var(--donate-control-bg);
  color:var(--donate-value-color);
  font-size:22px;
  font-weight:400;
  line-height:1;
}

#donateModal .donate-logo-img{
  max-width:240px;
  margin:2px auto 12px;
}

#donateModal .donate-text{
  margin:0 0 16px;
  font-size:var(--donate-text-size);
  line-height:1.45;
  font-weight:var(--donate-text-weight);
  color:var(--donate-muted-color);
}

#donateModal .donate-qr-row{
  gap:var(--donate-row-gap) !important;
  margin:10px 0 14px !important;
}

#donateModal .donate-qr-item canvas{
  width:104px !important;
  height:104px !important;
  padding:6px !important;
  border:1px solid var(--donate-border);
  border-radius:var(--donate-control-radius) !important;
  box-sizing:content-box !important;
}

#donateModal #donateSbpBtn::before,
#donateModal #donateBoostyBtn::before,
#donateModal #donateTelegramBtn::before,
#donateModal #donateEmailBtn::before{
  content:none !important;
  display:none !important;
}

#donateModal .donate-actions{
  gap:var(--donate-row-gap) !important;
}

#donateModal .donate-actions button{
  box-sizing:border-box;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:var(--donate-control-height) !important;
  height:var(--donate-control-height);
  padding:0 12px;
  border:1px solid var(--donate-border);
  border-radius:var(--donate-control-radius) !important;
  background:var(--donate-control-bg);
  color:var(--donate-text-color);
  font-size:var(--donate-text-size) !important;
  font-weight:var(--donate-action-weight) !important;
  line-height:1.2;
  gap:6px !important;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .08s ease;
}

#donateModal .donate-actions button:hover{
  background:#fff;
  border-color:#cbd5e1;
}

#donateModal .donate-actions button:focus-visible,
#donateModal .donate-close:focus-visible{
  outline:none;
  border-color:#94a3b8;
  box-shadow:0 0 0 3px rgba(148,163,184,.18);
}

#donateModal .donate-actions button:active{
  transform:translateY(1px);
}

#donateModal .donate-actions button > .small-action-icon{
  display:block !important;
  margin:0 !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}

#donateModal .donate-actions button > span{
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
}

#donateModal .donate-divider{
  margin:16px 0 12px;
  background:var(--donate-border);
}

#donateModal .donate-contact-title{
  margin:0 0 10px;
  font-size:var(--donate-text-size);
  line-height:1.4;
  font-weight:var(--donate-text-weight);
  color:var(--donate-muted-color);
}

#donateModal .donate-contact-actions button{
  min-height:var(--donate-control-height) !important;
  height:var(--donate-control-height);
  border-radius:var(--donate-control-radius) !important;
  font-size:var(--donate-text-size) !important;
  font-weight:var(--donate-action-weight) !important;
  color:var(--donate-text-color);
}

@media (max-width:420px){
  #donateModal .donate-card{
    width:min(360px,calc(100vw - 24px));
    padding:22px 16px 16px;
  }
  #donateModal .donate-logo-img{max-width:220px;}
  #donateModal .donate-qr-item canvas{
    width:96px !important;
    height:96px !important;
  }
}