/* Independent presentation layer; the original bank-account module owns all requests and validation. */
html body #app .container.bank-page.lb-reference-bank-accounts{--bank-bg:#fff;--bank-surface:#fff;--bank-soft:#f6f6f6;--bank-line:#eee;--bank-ink:#171717;--bank-muted:#808080;--bank-accent:#1a7778;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-height:100dvh;padding:0!important;margin:0;background:#fff!important;color:#171717;font-family:Arial,"Microsoft YaHei",sans-serif;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}
.lb-reference-bank-accounts *{box-sizing:border-box}
html body #app .lb-reference-bank-accounts .bank-nav.custom-nav-container{position:sticky;top:0;z-index:15;flex:0 0 46px;min-height:46px;height:46px;width:100%;margin:0;padding:0 14px;background:#65b7b8!important;color:#111!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body #app .lb-reference-bank-accounts .bank-nav :is(.custom-nav-title,.bi-icon,.custom-nav-left,.custom-nav-right){color:#111!important}
html body #app .lb-reference-bank-accounts .bank-nav .custom-nav-title{font-size:18px!important;font-weight:600;line-height:1.4}
html body #app .lb-reference-bank-accounts .bank-main{width:100%;max-width:none;margin:0;padding:18px 18px max(30px,env(safe-area-inset-bottom,0px));background:#fff}
html body #app .lb-reference-bank-accounts .bank-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;min-height:40px}
html body #app .lb-reference-bank-accounts .bank-heading>div{min-width:0}
html body #app .lb-reference-bank-accounts .bank-heading h1{display:none}
html body #app .lb-reference-bank-accounts .bank-heading p{margin:0;color:#858585;font-size:13px;line-height:1.6}
html body #app .lb-reference-bank-accounts button,html body #app .lb-reference-bank-accounts input,html body #app .lb-reference-bank-accounts select{font-family:inherit}
html body #app .lb-reference-bank-accounts button{cursor:pointer;-webkit-tap-highlight-color:transparent}
html body #app .lb-reference-bank-accounts .bank-add{flex:0 0 auto;min-height:36px;padding:7px 15px;color:#111;background:#fff;border:1px solid #d5d5d5;border-radius:22px;font-size:13px;font-weight:500;line-height:1.4}
html body #app .lb-reference-bank-accounts :is(.bank-state,.bank-form-card,.bank-account){background:#fff;border:0;border-radius:0!important;box-shadow:none!important;padding:18px 0}
html body #app .lb-reference-bank-accounts .bank-state{margin-top:26px;color:#858585;font-size:14px;line-height:1.7;text-align:center}
html body #app .lb-reference-bank-accounts .bank-state h2{margin:0 0 10px;font-size:17px;font-weight:500;color:#333}
html body #app .lb-reference-bank-accounts .bank-state p{margin:0 0 20px}
html body #app .lb-reference-bank-accounts .bank-state .bank-primary{margin-top:25px}
html body #app .lb-reference-bank-accounts .bank-form-card{margin-top:0}
html body #app .lb-reference-bank-accounts .bank-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:1px solid #eee}
html body #app .lb-reference-bank-accounts :is(.bank-card-heading h2,.bank-list>h2){font-size:16px;line-height:1.5;font-weight:500;margin:0;color:#222}
html body #app .lb-reference-bank-accounts .bank-link{min-height:36px;padding:8px 2px;border:0;background:none;color:#666;font-size:14px;font-weight:400}
html body #app .lb-reference-bank-accounts .bank-form{display:grid;grid-template-columns:minmax(85px,25%) minmax(0,1fr);align-items:center;gap:15px 12px;margin-top:20px;padding:0}
html body #app .lb-reference-bank-accounts .bank-form>label:not(.bank-default-check){grid-column:1;min-width:0;margin:0;padding:7px 0;font-size:14px;font-weight:400;line-height:1.5;color:#333}
html body #app .lb-reference-bank-accounts .bank-form>input,html body #app .lb-reference-bank-accounts .bank-form>select{grid-column:2;width:100%;min-width:0;min-height:46px;height:46px;padding:9px 12px;border:1px solid #f0f0f0;border-radius:5px;background:#f6f6f6;color:#252525;font-size:14px;line-height:1.5;box-shadow:none}
html body #app .lb-reference-bank-accounts .bank-form>input::placeholder{color:#aaa}
html body #app .lb-reference-bank-accounts .bank-form>input:focus,html body #app .lb-reference-bank-accounts .bank-form>select:focus{border-color:#65b7b8;outline:none}
html body #app .lb-reference-bank-accounts :is(.bank-code,.bank-hint){grid-column:2;margin:-8px 0 0;font-size:12px;line-height:1.5;color:#909090;overflow-wrap:anywhere}
html body #app .lb-reference-bank-accounts .bank-default-check{grid-column:1/-1;display:flex;align-items:center;gap:9px;min-height:42px;padding:3px 0;font-size:14px;color:#444}
html body #app .lb-reference-bank-accounts .bank-default-check input{width:17px;height:17px;accent-color:#65b7b8}
html body #app .lb-reference-bank-accounts .bank-primary{grid-column:1/-1;display:block;width:100%;min-height:46px;padding:12px 20px;margin-top:16px;border:0;background:#111!important;color:#fff!important;border-radius:25px!important;font-size:15px;font-weight:500;line-height:1.4;box-shadow:none}
html body #app .lb-reference-bank-accounts .bank-outline{min-height:40px;padding:8px 20px;border:1px solid #ccc;border-radius:22px;background:#fff;color:#333;font-size:14px}
html body #app .lb-reference-bank-accounts .bank-error{grid-column:1/-1;margin:10px 0 0;color:#bd3131;font-size:13px;line-height:1.5}
html body #app .lb-reference-bank-accounts .bank-list{margin-top:25px}
html body #app .lb-reference-bank-accounts .bank-list>h2{padding:0 0 12px;border-bottom:1px solid #eee}
html body #app .lb-reference-bank-accounts .bank-account{border-bottom:1px solid #eee;margin:0;padding:18px 0}
html body #app .lb-reference-bank-accounts .bank-account-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
html body #app .lb-reference-bank-accounts .bank-account-top strong{font-size:15px;font-weight:500;line-height:1.5;min-width:0;overflow-wrap:anywhere}
html body #app .lb-reference-bank-accounts .bank-tag{flex:0 0 auto;padding:3px 9px;border-radius:3px;background:#eaf7f5;color:#268b86;font-size:11px;line-height:1.5}
html body #app .lb-reference-bank-accounts :is(.bank-account-holder,.bank-account-number){margin:9px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
html body #app .lb-reference-bank-accounts .bank-account-number{color:#777;font-variant-numeric:tabular-nums}
html body #app .lb-reference-bank-accounts .bank-unavailable{margin:10px 0 0;color:#a64e35;font-size:12px;line-height:1.5}
html body #app .lb-reference-bank-accounts .bank-account-actions{display:flex;flex-wrap:wrap;gap:8px 20px;padding:4px 0 0;margin:10px 0 0;border:0}
html body #app .lb-reference-bank-accounts :is(.bank-account-actions button,.bank-confirm button){min-height:40px;padding:6px 0;border:0;background:transparent;color:#398b8a;font-size:13px;font-weight:400}
html body #app .lb-reference-bank-accounts .bank-account-actions button:last-child,html body #app .lb-reference-bank-accounts .bank-confirm button:last-child{color:#b55353}
html body #app .lb-reference-bank-accounts .bank-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 15px;margin-top:8px;padding:10px 13px;background:#f6f6f6;border:0;border-radius:4px;font-size:13px;line-height:1.5}
html body #app .lb-reference-bank-accounts .bank-confirm>div{display:flex;gap:20px}
html body #app .lb-reference-bank-accounts :is(button,input,select):focus-visible{outline:2px solid #65b7b8;outline-offset:3px}
html body #app .lb-reference-bank-accounts :is(button,input,select):disabled{opacity:.5;cursor:default}
@media(min-width:700px){html body #app .lb-reference-bank-accounts .bank-main{padding-inline:28px}html body #app .lb-reference-bank-accounts .bank-form{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:360px){html body #app .lb-reference-bank-accounts .bank-main{padding-inline:12px}html body #app .lb-reference-bank-accounts .bank-form{grid-template-columns:82px minmax(0,1fr);gap:13px 8px}html body #app .lb-reference-bank-accounts .bank-form>input,html body #app .lb-reference-bank-accounts .bank-form>select{padding-inline:8px;font-size:13px}}