/* ==========================================================================
   KIEMMONEY V89 — VIỀN CARD MỚI (áp dụng cho toàn bộ card, tải sau cùng)
   Card ngoài : viền 3px + bo 16px + bóng cứng 5px
   Card con   : viền 2px + bo 10px (ô thống kê, nhãn, thanh tiến độ…)
   Chỉ cần đổi 4 biến dưới đây để chỉnh viền cho cả site.
   ========================================================================== */
:root{
  --kx-bw:3px; --kx-bw-in:2px;
  --kx-r:16px; --kx-r-in:10px;
  --kx-sh:5px 5px 0 0 var(--nb-line,#000);
  --kx-sh-hover:7px 7px 0 0 var(--nb-line,#000);
  --kx-sh-in:2px 2px 0 0 var(--nb-line,#000);
}
@media(max-width:480px){
  :root{--kx-bw:2px;--kx-r:14px;--kx-sh:4px 4px 0 0 var(--nb-line,#000);--kx-sh-hover:5px 5px 0 0 var(--nb-line,#000)}
}

/* ---- Card ngoài ---- */
html:root:root body :is(
  .card,.task-card.tk2,.task-card,.offerwall-task-card,
  .home-money-card,.home-daily-card,.groups-home-card,.home-intro-link-card,
  .withdraw-card,.withdraw-live-card,.withdraw-overview-card,.withdraw-action-panel,
  .public-table-card,.recent-task-activity-card,.money-history-card,.cashback-history-card,
  .exchange-hero,.exchange-card,.exchanged-card,.item-exchange-panel,
  .acc-card,.account-hero-v18,.telegram-account-link-card,.nb-level-card,
  .kp-card,.kp-panel,.ai-card,.kx-card,
  .uiverse-card,.uiverse-alert,.game-item-card,.game-choice-card,
  .guest-intro-card,.landing-mini-card,.lb-podium-card,.lb-me-card,
  .offerwall-panel,.security-overlay-card
){
  border-style:solid!important;
  border-width:var(--kx-bw)!important;
  border-color:var(--nb-line,#000)!important;
  border-radius:var(--kx-r)!important;
  box-shadow:var(--kx-sh)!important;
}
html:root:root body .task-card.tk2:hover{box-shadow:var(--kx-sh-hover)!important}

/* ---- Card con bên trong thẻ nhiệm vụ ---- */
html:root:root body .tk2 :is(.task-stat,.tk-source,.task-progress-track,.tk-src-ico){
  border:var(--kx-bw-in) solid var(--nb-line,#000)!important;
  border-radius:var(--kx-r-in)!important;
  box-shadow:none!important;
}
html:root:root body .tk2 :is(.tk-reward,.task-icon){
  border:var(--kx-bw-in) solid var(--nb-line,#000)!important;
  border-radius:var(--kx-r-in)!important;
  box-shadow:var(--kx-sh-in)!important;
}
html:root:root body .tk2 .tk-title .pill{
  border:var(--kx-bw-in) solid var(--nb-line,#000)!important;
  border-radius:999px!important;
}
html:root:root body .tk2 .task-progress-fill{border-radius:0!important}

/* Popup nhận ACC cũng dùng cùng kiểu viền (bóng to hơn vì là lớp nổi) */
html:root:root body #accModal .card{box-shadow:8px 8px 0 0 var(--nb-line,#000)!important}
