/* Group metadata with existing account controls, retaining the native Vue inputs. */
.number-box.kc-name-tail-account-card { display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; height:auto !important; min-height:76px; padding:0 !important; margin:0 0 16px !important; border:1px solid #a7cec8 !important; border-radius:14px !important; background:#f7faf9 !important; box-sizing:border-box; overflow:hidden; }
.kc-name-tail-account-card > .mobile_icon { width:44px !important; flex:0 0 44px; }
.kc-name-tail-account-card > .input { min-width:0 !important; flex:1 1 120px !important; width:auto !important; padding:10px 0; }
.kc-name-tail-account-card > .del { width:30px !important; flex:0 0 30px; }
.kc-name-tail-account-card > .txl { width:36px !important; flex:0 0 36px; }
.kc-name-tail-account-card > .bla_btn { font-size:12px !important; width:auto !important; margin:0 10px 8px auto; }
.kc-name-tail-account-label { font-size:12px; line-height:18px; color:#5d7477; text-align:left; margin-bottom:4px; }
.kc-name-tail-account-card > .input > uni-input { width:100% !important; font-size:23px !important; font-weight:600 !important; }
.kc-name-tail-entry { flex:0 0 100%; width:100%; background:#fff; border-top:1px solid #dfebe8; text-align:left; }
.kc-name-tail-row { display:flex; align-items:center; gap:8px; padding:4px 13px; min-height:54px; }
.kc-name-tail-row label { font-size:14px; font-weight:600; color:#17272a; white-space:nowrap; }
.kc-name-tail-optional { font-size:11px; color:#748287; white-space:nowrap; }
.kc-name-tail-entry[hidden] { display:none !important; }
.kc-name-tail-row .kc-name-tail-input { box-sizing:border-box; width:122px; min-width:0; height:44px; margin-left:0; padding:0 12px; border:1px solid #7f9f9a; border-radius:8px; background:#f7faf9; color:#17272a; font-size:17px; text-align:left; }
.kc-name-tail-input::placeholder { color:#5d7477; font-size:14px; }
.kc-name-tail-input:focus { outline:2px solid #078c83; outline-offset:1px; border-color:#078c83; background:#fff; }
.kc-name-tail-help { color:#748287; font-size:11px; line-height:18px; padding:0 13px 9px; }
.kc-name-tail-error { color:#b42318; font-size:12px; line-height:18px; padding:0 13px 9px; }
.kc-name-tail-error:empty { display:none; }
.boxs .mobile.kc-name-tail-account-summary { box-sizing:border-box; margin:16px 0 0 !important; padding:12px 14px !important; text-align:left !important; font-size:23px !important; font-weight:600; line-height:32px !important; border:1px solid #dfebe8; border-bottom:0; border-radius:12px 12px 0 0; background:#f5faf8; color:#17272a; }
.kc-name-tail-account-summary::before { content:'充值账号'; display:block; font-size:12px; line-height:18px; font-weight:400; color:#5d7477; margin-bottom:4px; }
.kc-name-tail-summary { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px; margin:0 0 16px; font-size:13px; line-height:22px; color:#6e8580; background:#f5faf8; border:1px solid #dfebe8; border-radius:0 0 12px 12px; text-align:left; }
.boxs .mobile.kc-name-tail-account-summary, .boxs .kc-name-tail-summary { width:calc(100% - 32px) !important; flex-shrink:0; }
.kc-name-tail-summary strong { color:#17272a; font-size:16px; font-weight:600; overflow-wrap:anywhere; }
.kc-name-tail-dialog .btns { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:calc(100% - 32px) !important; }
.kc-name-tail-dialog .btns .kc-coupon-checkout { width:100%; margin:0 0 14px; }
.kc-name-tail-dialog .btns .btn { width:100% !important; }