/* TALKCHAT_R19C12R9R5_WALLET_RESPONSIVE
   Coin/Cüzdan modal: single-scroll desktop modal + full-screen mobile layout.
*/
.coin-payment-dialog[open]{
  box-sizing:border-box!important;
  width:min(560px,calc(100vw - 40px))!important;
  max-width:560px!important;
  height:min(760px,calc(100dvh - 48px))!important;
  max-height:calc(100dvh - 48px)!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:16px!important;
  overscroll-behavior:contain!important;
}

.coin-payment-dialog>header{
  flex:0 0 auto!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  padding:0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:var(--tc-elevated,#f8fafc)!important;
  border-bottom:1px solid var(--tc-border,#e2e8f0)!important;
}

.coin-payment-dialog>header strong{
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.2!important;
}

.coin-payment-dialog>header button{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:var(--tc-muted,#64748b)!important;
}

.coin-payment-dialog>header button:hover{
  background:var(--tc-hover,#eef2f7)!important;
}

.coin-payment-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  padding:24px 26px 30px!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
  scrollbar-color:var(--tc-scroll-thumb,#94a3b8) transparent;
}

.coin-payment-body::-webkit-scrollbar{width:8px}
.coin-payment-body::-webkit-scrollbar-track{background:transparent}
.coin-payment-body::-webkit-scrollbar-thumb{
  background:var(--tc-scroll-thumb,#94a3b8);
  border-radius:999px;
}
.coin-payment-body::-webkit-scrollbar-thumb:hover{
  background:var(--tc-scroll-thumb-hover,#64748b);
}

.coin-balance{
  margin:10px 0 18px!important;
  text-align:center!important;
  font-size:30px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

.coin-payment-body>[data-history]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  margin:0 auto 20px!important;
  padding:9px 15px!important;
  background:var(--tc-elevated,#f8fafc)!important;
  color:var(--tc-text,#172033)!important;
  border:1px solid var(--tc-border,#dce0e6)!important;
  border-radius:10px!important;
  font-weight:700!important;
}

.coin-payment-body form{
  display:grid!important;
  gap:14px!important;
}

.coin-payment-body label{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  font-size:12px!important;
  font-weight:700!important;
}

.coin-payment-body input,
.coin-payment-body select{
  min-height:44px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  background:var(--tc-input,#fff)!important;
  color:var(--tc-text,#172033)!important;
}

.coin-payment-body button{
  min-height:40px;
  font-weight:700;
}

.coin-payment-body .feature-primary{
  min-height:46px!important;
  margin-top:4px!important;
  border-radius:10px!important;
  font-size:14px!important;
}

.coin-bank-wrap{
  margin:2px 0 0!important;
  padding:14px!important;
  border-radius:12px!important;
  background:var(--tc-elevated,#f8fafc)!important;
}

.coin-bank-card{
  padding:14px!important;
  border-radius:11px!important;
  background:var(--tc-panel,#fff)!important;
}

.coin-bank-card code{
  line-height:1.5!important;
  overflow-wrap:anywhere!important;
}

.coin-bank-note{
  line-height:1.55!important;
}

.coin-payment-body h3{
  margin:4px 0 16px!important;
  font-size:18px!important;
}

.coin-payment-frame{
  display:block!important;
  width:100%!important;
  min-height:650px!important;
  border:0!important;
}

/* Dark palette parity with r19c12r9r1. */
html.dark .coin-payment-dialog[open]{
  background:var(--tc-panel,#151f2b)!important;
  color:var(--tc-text,#f1f5f9)!important;
  border-color:var(--tc-border,#2b3745)!important;
}
html.dark .coin-payment-dialog>header{
  background:var(--tc-elevated,#1c2733)!important;
  border-bottom-color:var(--tc-border,#2b3745)!important;
}
html.dark .coin-payment-body>[data-history],
html.dark .coin-bank-wrap{
  background:var(--tc-elevated,#1c2733)!important;
  color:var(--tc-text,#f1f5f9)!important;
  border-color:var(--tc-border,#2b3745)!important;
}
html.dark .coin-bank-card,
html.dark .coin-payment-body input,
html.dark .coin-payment-body select{
  background:var(--tc-panel,#151f2b)!important;
  color:var(--tc-text,#f1f5f9)!important;
  border-color:var(--tc-border,#2b3745)!important;
}

/* Mobile: wallet becomes a real full-screen sheet. Only body scrolls. */
@media (max-width:640px){
  .coin-payment-dialog[open]{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
  }

  .coin-payment-dialog>header{
    min-height:56px!important;
    padding:
      max(8px,env(safe-area-inset-top))
      14px
      8px!important;
  }

  .coin-payment-body{
    padding:
      18px
      16px
      max(24px,env(safe-area-inset-bottom))!important;
  }

  .coin-balance{
    margin-top:4px!important;
    font-size:28px!important;
  }

  .coin-payment-body>[data-history]{
    width:100%!important;
    margin-bottom:18px!important;
  }

  .coin-payment-body input,
  .coin-payment-body select,
  .coin-payment-body .feature-primary{
    font-size:16px!important;
  }

  .coin-payment-frame{
    min-height:calc(100dvh - 92px)!important;
  }
}