/* static/css/a13.css — Withdraw modal (match recharge style) */

/* 全域覆蓋：避免被其它樣式改成黑字 */
#a13-modal, #a13-modal .a11-modal-content, #a13-modal .a11-modal-content *{
  color:#e6faff !important;
}
/* 確認面板同樣白字 */
#a13-confirm, #a13-confirm .a11-modal-content, #a13-confirm .a11-modal-content *{
  color:#e6faff !important;
}
/* 結果面板同樣白字 */
#a13-result-modal, #a13-result-modal .a11-modal-content, #a13-result-modal .a11-modal-content *{
  color:#e6faff !important;
}

/* 標題/說明 */
#a13-modal .a11-modal-title{ color:#00ffe4 !important; text-align:center; }
#a13-modal .a11-modal-text{ color:#a7d7ff !important; text-align:center; margin:6px 0 12px; }

/* 分頁（提款 / 歷史提款） */
#a13-modal .a11-tabs{ display:flex; gap:8px; justify-content:center; margin-bottom:10px; }
#a13-modal .a11-tabs .a11-tab-btn{
  background:transparent; border:0; color:#9fe !important; padding:6px 10px; cursor:pointer; position:relative;
}
#a13-modal .a11-tabs .a11-tab-btn.active{
  background:transparent !important;
  color:#00ffe4 !important;
  box-shadow:none !important; border:0 !important;
}
#a13-modal .a11-tabs .a11-tab-btn.active::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:-4px; width:28px; height:2px;
  background:linear-gradient(90deg,#00ffe4,#6f00ff); border-radius:2px;
}

/* 收款地址：標籤在左，地址純文字在右（縮短） */
#a13-modal .a13-addr-inline{
  display:flex; align-items:center; gap:10px; margin:10px 0 6px;
}
#a13-modal .a13-addr-inline .a13-label{
  color:#80ffff !important; font-size:.9rem; white-space:nowrap;
}
#a13-modal .a13-addr-inline__val{
  flex:1; min-width:0;
  color:#bfe9ff !important;
  font-size:.95rem;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  user-select:text; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  text-shadow:0 0 6px rgba(0,255,228,.45);
}

/* 金額欄位（與充值一致） */
#a13-modal .a11-modal-content input[type="number"]{
  width:100%; box-sizing:border-box;
  margin:8px 0; padding:10px 12px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(0,255,228,.35);
  border-radius:8px; color:#e0ffff !important; font-size:.95rem; outline:none;
}
#a13-modal input[type=number]::-webkit-outer-spin-button,
#a13-modal input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
#a13-modal input[type=number]{ -moz-appearance:textfield; }

/* 按鈕列 */
#a13-modal .a11-modal-buttons{ display:flex; gap:10px; margin-top:12px; }

/* ====== 歷史清單（避免被彈性佈局擠成多欄） ====== */
#a13-modal .a13-history{ display:block !important; max-height:50vh; overflow:auto; }
#a13-modal #a13-history-list{ display:block; }
#a13-modal .a13-empty{ color:#a7d7ff !important; text-align:center; padding:10px 0; }

#a13-modal .wh-row{
  display:block !important; width:100% !important;
  padding:8px 0; border-bottom:1px solid rgba(255,255,255,.15); font-size:14px;
}
#a13-modal .wh-row .line1,
#a13-modal .wh-row .line2,
#a13-modal .wh-row .tx,
#a13-modal .wh-row .reason,
#a13-modal .wh-row .time{ display:block !important; }
#a13-modal .badge{ margin-left:8px; padding:2px 6px; border-radius:4px; font-size:12px; color:#fff !important; }
#a13-modal .badge.pending{background:#9aa}
#a13-modal .badge.approved{background:#4c8}
#a13-modal .badge.rejected{background:#fa0}
#a13-modal .badge.paid{background:#48f}
#a13-modal .badge.failed{background:#f55}
#a13-modal .tx,#a13-modal .reason,#a13-modal .time{font-size:12px;opacity:.85;margin-top:2px;word-break:break-all}

/* 位置下移；寬度與置中；收窄 */
#a13-modal{ padding-top:clamp(88px,16vh,180px); }
#a13-modal .a11-modal-content{
  width:min(360px, calc(100vw - 40px)) !important;
  margin:0 auto !important;
}
#a13-modal .a13-addr-inline,
#a13-modal #a13-amount,
#a13-modal .a11-modal-buttons{
  width:min(260px, 82%);
  margin-left:auto; margin-right:auto;
}

/* ====== 確認面板（沿用充值外觀） ====== */
#a13-confirm .a11-modal-title{ color:#00ffe4 !important; text-align:center; }
#a13-confirm .a11-modal-content{ width:min(340px, calc(100vw - 40px)); margin:0 auto; }
#a13-confirm .a13c-list{ margin:6px auto 12px; width:min(300px, 90%); }
#a13-confirm .a13c-row{
  display:flex; justify-content:space-between; align-items:center;
  padding:6px 0; border-bottom:1px dashed rgba(0,255,228,.18);
}
#a13-confirm .a13c-row .k{ color:#80ffff !important; font-size:.9rem; margin-right:10px; white-space:nowrap; }
#a13-confirm .a13c-row .v{
  color:#e0ffff !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:65%;
}
/* 降低確認面板位置 */
#a13-confirm{ padding-top:clamp(120px, 22vh, 260px); }
#a13-confirm .a11-modal-content{ margin:0 auto !important; }

/* 流水列（與地址列一致） */
#a13-modal .a13-turnover-row .a13-label{ color:#80ffff !important; }
#a13-modal .a13-turnover-row #a13-turnover-val{
  color:#bfe9ff !important;
  text-shadow:0 0 6px rgba(0,255,228,.45);
}

/* ====== 結果面板（獨立彈窗，霓虹框框） ====== */
#a13-result-modal{ padding-top:clamp(88px,16vh,180px); }
#a13-result-modal .a11-modal-content{
  position:relative;
  width:min(360px, calc(100vw - 40px));
  margin:0 auto;
  padding:18px 16px 16px;
  border-radius:16px;
  border:1px solid transparent;
  background:
    linear-gradient(rgba(6,14,26,.92), rgba(6,14,26,.92)) padding-box,
    linear-gradient(135deg,#00ffe4 0%,#6f00ff 100%) border-box;
  box-shadow:
    0 12px 30px rgba(0,0,0,.55),
    0 0 22px rgba(0,255,228,.18),
    inset 0 0 0 1px rgba(255,255,255,.04);
}
#a13-result-modal .a11-modal-title{
  color:#eaf7ff !important;
  text-align:center;
  font-weight:800;
  letter-spacing:.05em;
  text-shadow:0 2px 8px rgba(0,255,228,.35);
}
#a13-result-modal .a13r-card{ background:transparent; }
#a13-result-modal .a13r-msg{
  margin:8px auto 14px;
  width:min(300px, 90%);
  color:#dff9ff !important;
  text-align:center;
  line-height:1.6;
  word-break:break-all;
  background:transparent;
  border:0;
  padding:0;
}
#a13-result-modal .a11-modal-buttons{
  display:flex; justify-content:center;
}
#a13-result-modal .a11-confirm-btn{
  width:min(260px, 82%);
  margin:2px auto 0;
  border:none;
  border-radius:12px;
  background:linear-gradient(90deg,#18cbb6 0%, #6f63ff 100%);
  color:#fff !important;
  box-shadow:0 6px 20px rgba(0,0,0,.4), 0 0 16px rgba(111,0,255,.35);
}
#a13-result-modal .a11-confirm-btn:hover{ filter:brightness(1.05); }
#a13-result-modal .a11-confirm-btn:active{ transform:translateY(1px); }