/*
 * H5 绑定提款地址 / 银行账户管理 增强补丁 (任务B / B3+B4)  2026-06-22
 * 作用: 把绑定页加密/银行表单的每个字段行 (React 组件 Gr) 由
 *       [88px 右对齐 label][input] 横排  ->  label 单独一行(左对齐) + input/select 占满整行。
 *
 * 选择器精准限定: 仅命中由 JS 补丁标记了 data-jp-bind-row="1" 的字段行,
 * 绝不误伤 App 其它表单 (匹配逻辑见 h5-bind-enhance-20260622.js,
 * 依据 Gr 行结构特征: 含 width:88px 且 text-align:right 的 span)。
 *
 * 总开关: window.__H5_BIND_ENHANCE_OFF__ = true  => JS 不再打标记,本 CSS 全部失效(无标记即不命中)。
 * 回滚: 见 index.html 注入处注释 / 任务返回说明。
 */

/* 字段行容器: 改为纵向堆叠、撑满父宽 */
[data-jp-bind-row="1"] {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 13px !important;
  gap: 0 !important;
}

/* 标签: 单独一行, 左对齐, 宽度自适应 */
[data-jp-bind-row="1"] > span:first-child {
  display: block !important;
  width: auto !important;
  flex: 0 0 auto !important;
  text-align: left !important;
  margin-bottom: 6px !important;
  white-space: normal !important;
}

/* input 包裹层: 撑满整行 */
[data-jp-bind-row="1"] > div {
  display: block !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  box-sizing: border-box !important;
}

/* 实际的 input / select: 左右撑满 */
[data-jp-bind-row="1"] input,
[data-jp-bind-row="1"] select,
[data-jp-bind-row="1"] textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* ===== 编辑弹层 (B1/B2) 样式 ===== */
.jp-bind-edit-mask {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(0,0,0,.55);
  display: flex; align-items: center; justify-content: center;
  padding: 16px; box-sizing: border-box;
}
.jp-bind-edit-dialog {
  width: 100%; max-width: 420px; max-height: 86vh; overflow-y: auto;
  background: var(--jp-card-bg, #1e2329);
  color: var(--jp-text, #eaecef);
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.5);
  padding: 18px 18px 20px; box-sizing: border-box;
  font-size: 14px;
}
.jp-bind-edit-dialog .jp-bind-edit-title {
  font-size: 16px; font-weight: 700; margin: 0 0 14px;
}
.jp-bind-edit-field { margin-bottom: 12px; }
.jp-bind-edit-field label {
  display: block; font-size: 12px; opacity: .8; margin-bottom: 6px; text-align: left;
}
.jp-bind-edit-field input,
.jp-bind-edit-field select {
  width: 100%; box-sizing: border-box;
  padding: 10px 12px; border-radius: 8px;
  border: 1px solid var(--jp-border, #2b3139);
  background: var(--jp-input-bg, #0b0e11);
  color: var(--jp-text, #eaecef);
  font-size: 14px; outline: none;
}
.jp-bind-edit-actions {
  display: flex; gap: 10px; margin-top: 16px;
}
.jp-bind-edit-actions button {
  flex: 1 1 0; padding: 11px 0; border-radius: 8px;
  border: none; font-size: 14px; font-weight: 600; cursor: pointer;
}
.jp-bind-edit-actions .jp-bind-cancel {
  background: var(--jp-border, #2b3139); color: var(--jp-text, #eaecef);
}
.jp-bind-edit-actions .jp-bind-save {
  background: var(--jp-accent, #fcd535); color: #181a20;
}
.jp-bind-edit-actions button[disabled] { opacity: .55; cursor: default; }
.jp-bind-edit-err {
  color: #f6465d; font-size: 12px; margin-top: 8px; min-height: 14px;
}

/* 注入的"编辑"按钮: 与"设为默认/删除"协调 */
.jp-bind-edit-btn {
  cursor: pointer;
  font: inherit;
}