:root{ --mc-primary:#2eaf96; --mc-soft:#f6fffd; }
.mc-card{ border:1px solid var(--bs-border-color); border-radius:16px; background:var(--bs-body-bg); overflow:hidden; }
.mc-shadow{ box-shadow:0 10px 30px rgba(0,0,0,.06); }
.mc-hover{ transition:transform .18s ease, box-shadow .18s ease; will-change:transform; }
.mc-hover:hover{ transform: translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.08); }

.pay-card{ border:1px solid var(--bs-border-color); border-radius:16px; overflow:hidden; background:var(--bs-body-bg); height:100%; position:relative; }
.pay-card img.cover{ width:100%; height:170px; object-fit:contain; display:block; padding:12px; background:var(--bs-body-bg); }
.pay-card .body{ padding:14px 14px 16px 14px; }
.pay-card .title{ font-weight:900; font-size:1.02rem; }
.pay-card .desc{ color:#6c757d; font-size:.9rem; margin-top:6px; min-height:38px; }
.pay-card.disabled{ opacity:.85; cursor:not-allowed; }
.pay-card.disabled img.cover{ filter:grayscale(100%); opacity:.65; }
.pay-card .overlay{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  padding:14px;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
  color:#fff; text-align:center; font-weight:900; line-height:1.7;
}
.pay-card .overlay .badge{
  background: rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  padding:.45rem .7rem;
  border-radius:999px;
  font-size:.85rem;
  display:inline-flex;
  gap:.35rem;
  align-items:center;
}

.nav-tabs .nav-link{ border-radius:.8rem .8rem 0 0; transition:background-color .2s ease; }
.nav-tabs .nav-link.active{ font-weight:800; }

.modal-header .btn-close{ margin-right:auto !important; margin-left:0 !important; }

.copy-row{ display:flex; align-items:center; gap:10px; border:1px dashed var(--mc-primary); border-radius:12px;
  padding:9px 10px; background:var(--mc-soft); margin:8px 0; }
.copy-label{ font-weight:900; color:#0b6b5f; white-space:nowrap; max-width:45%; overflow:hidden; text-overflow:ellipsis; }
.copy-input{ flex:1; border:0; background:transparent; font-weight:900; color:#004a9f; outline:none; direction:ltr; }
.copy-btn{ border:0; background:var(--mc-primary); color:#fff; width:44px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; }

.fee-box{ border:1px solid var(--bs-border-color); border-radius:14px; padding:12px; background:rgba(0,0,0,.02); }
[data-bs-theme="dark"] .fee-box{ background:rgba(255,255,255,.04); }

.status-badge{ padding:.28rem .6rem; border-radius:999px; font-size:.85rem; font-weight:900; display:inline-block; }
.st-pending{ background:#fff3cd; color:#8a6d3b; }
.st-fail{ background:#f8d7da; color:#842029; }
.st-otpwait{ background:#cff4fc; color:#055160; }
.st-success{ background:#d1e7dd; color:#0f5132; }

.order-row{ border:1px solid var(--bs-border-color); border-radius:16px; padding:12px; background:var(--bs-body-bg); }
.order-icon{ width:48px; height:48px; border-radius:14px; object-fit:cover; }

.yt-one-line{
  display:flex; align-items:center; gap:10px; width:100%;
  padding:12px 14px; border-radius:14px;
  background:#e50914; color:#fff !important; text-decoration:none;
  font-weight:900; box-shadow:0 10px 25px rgba(229,9,20,.22);
  white-space:nowrap;
}
.yt-one-line i.fa-youtube-play{ font-size:20px; }
.yt-one-line span{ flex:0 0 auto; }
.yt-one-line i.ms-auto{ margin-right:auto; opacity:.9; }
.yt-one-line:hover{ filter:brightness(.95); color:#fff !important; }

.theme-fab{
  position:fixed;
  bottom:18px;
  left:18px;
  z-index:9999;
  border-radius:999px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}

@media (max-width: 768px){
  .pay-card img.cover{ height:150px; }
  .theme-fab{ bottom:14px; left:14px; }
}