/* PSB theme: local Figma assets, existing ThinkPHP routes and controls. */
:root { --db-navy:#092d54; --db-navy-deep:#061f3a; --db-navy-soft:#123b65; --db-card:#fff; --db-lime:#ff5e32; --db-lime-strong:#ff5e32; --db-cyan:#f38859; --db-line:#c6cfde; --db-muted:#8392a8; --db-text-dark:#061f3a; --db-page-gutter:17px; --db-radius:10px; --db-radius-sm:5px; }
html { background:#dbe4f0; }
body { max-width:430px!important; margin-right:auto!important; margin-left:auto!important; background:#e0eaff!important; color:#061f3a!important; }
body,body input,body button,body select,body textarea { font-family:Figtree,Arial,sans-serif!important; }
body .db-app { color:#061f3a; }
body .db-btn { min-height:48px; border:0; border-radius:10px; background:linear-gradient(105deg,#ff5e32,#f38859); color:#fff!important; font-size:18px; font-weight:700; box-shadow:none; }
body .db-btn:hover { background:linear-gradient(105deg,#eb5027,#eb7948); }
a:focus-visible,button:focus-visible { outline:2px solid #ff5e32; outline-offset:3px; }
body .db-glass-card { border:0; border-radius:10px; background:#fff; box-shadow:none; }
/* Menu retains the shared openNav / cloneHd keyboard and focus behavior. */
body .right-hd.db-drawer { background:rgba(6,31,58,.72); backdrop-filter:none; }
body .db-drawer__panel { width:min(100%,430px); padding:55px 17px 20px; border-bottom:3px solid #ff5e32; border-radius:0 0 25px 25px; background:#092d54; }
body .db-drawer__head { height:44px; margin:0 0 33px; }
body .db-drawer__logo { width:min(79%,269px); height:24px; object-fit:contain; object-position:left; filter:none; }
body .db-drawer__back { order:2; width:32px; min-width:32px; height:44px; border:0; background:none; color:#ff5e32!important; }
body .db-drawer__links { display:grid; grid-template-columns:repeat(3,minmax(0,95px)); justify-content:space-between; gap:12px; }
body .db-drawer__link { flex-direction:column; gap:12px; justify-content:center; min-height:120px; padding:15px 5px; border:0; background:#fff; color:#061f3a!important; font-size:10px; text-align:center; }
body .db-drawer__link img { width:55px; height:55px; }
body .db-drawer__link.xuanze { background:#ff7146; color:white!important; }
body .db-drawer__logout { margin-top:20px; }
body .db-drawer .db-language-switch { margin:16px 0 0; }
/* Shared inner screen header and surface. */
body .db-loan,body .db-account,body .db-wallet,body .db-account-detail,body .db-about-page { position:relative; isolation:isolate; min-height:100dvh; background:#e0eaff; color:#061f3a; }
body .db-loan::before,body .db-account::before,body .db-wallet::before,body .db-account-detail::before,body .db-about-page::before { content:""; position:absolute; inset:0 0 auto; height:196px; z-index:-1; border-radius:0 0 25px 25px; background:linear-gradient(45deg,#061f3a,#3e598a); }
body .db-loan .db-shell-header,body .db-account__header,body .db-wallet__header,body .db-account-detail .db-inner-header,body .db-about-header { display:flex; align-items:center; justify-content:flex-start; gap:16px; height:119px; min-height:119px; padding:55px 0 30px; margin:0; }
body .db-loan .db-shell-header { padding-right:17px; padding-left:17px; }
body .db-loan .db-page-title,body .db-account__header h1,body .db-wallet__header h1,body .db-inner-header h1,body .db-about-header h1 { margin:0; padding:0; color:#fff; font-size:22px; line-height:26px; font-weight:700; text-align:left; transform:none; }
body .db-back-button,body .db-account__back,body .db-inner-header>a,body .db-about-header__back { display:inline-flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; height:24px; background:transparent; border:1.5px solid white; color:white!important; border-radius:50%; font-size:12px; transform:none; }
body .db-back-button::after,body .db-account__back::after,body .db-inner-header>a::after { content:""; position:absolute; inset:-10px; }
/* Loan selection: the amount, periods and totals remain live backend-configured values. */
body .db-loan { padding-bottom:65px; }
body .db-loan__content { padding:0 17px; gap:12px; }
body .db-loan-card { padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body .db-loan__content>.db-loan-card:first-child { min-height:160px; }
body .db-loan__content>.db-loan-card:nth-child(2) { min-height:185px; }
body .db-loan-card__heading { position:relative; min-height:25px; margin:0 0 5px; padding:0; }
body .db-loan-card__heading h2 { display:inline-flex; min-height:25px; align-items:center; padding:5px 10px; border-radius:5px; background:#c6cfde; color:#061f3a; font-size:10px; font-weight:700; }
body .db-loan-card__heading img { position:absolute; right:0; top:0; width:45px; height:45px; }
body .db-loan-card:nth-child(3) .db-loan-card__heading { margin-bottom:15px; }
body .db-loan-card:nth-child(3) .db-loan-card__heading h2 { width:100%; }
body .db-loan-card:nth-child(3) .db-loan-card__heading img { display:none; }
body .db-amount-display { justify-content:flex-start; gap:4px; height:31px; padding:0; background:none; }
body .db-amount-display__currency { padding:0; background:none; color:#061f3a!important; font-size:15px; letter-spacing:0; }
body .db-amount-display input { height:31px!important; color:#061f3a!important; font-size:24px!important; text-align:left; font-weight:700!important; }
body .db-range { height:18px; margin:35px 0 4px; border:0!important; background:linear-gradient(90deg,#ff5e32 var(--db-range-progress),#c6cfde var(--db-range-progress))!important; border-radius:3px!important; }
body .db-range::-webkit-slider-thumb { width:18px; height:26px; margin-top:-9px; border:0; border-radius:4px; background:#ff5e32; box-shadow:0 0 0 2px #fff; }
body .db-range::-moz-range-thumb { width:18px; height:26px; border:0; border-radius:4px; background:#ff5e32; }
body .db-range-limits { color:#8e9bad; font-size:12px; }
body .db-term-panel { padding:0; background:none; }
body .db-term-display { justify-content:flex-start; flex-direction:row-reverse; gap:10px; width:max-content; min-height:30px; padding:0; }
body .db-term-display span { padding:0; background:none; color:#061f3a; font-size:15px; letter-spacing:0; }
body .db-term-display strong { color:#061f3a; font-size:24px; font-weight:700; }
body .db-month-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px; margin:10px 0 0; }
body .db-month-grid .time { grid-column:span 2; display:flex; flex-direction:column; gap:0; height:40px; min-height:40px; border:1px solid #dce2e9; border-radius:3px!important; background:#edf1f4; color:#9eacbf; font-size:13px; line-height:17px; }
body .db-month-grid .time small { font-size:10px; line-height:12px; }
body .db-month-grid--short .time--secondary { grid-column:span 3; }
body .db-month-grid .time.ac { border-color:#ff5e32!important; background:#ffeae4!important; color:#ff5e32!important; }
body .db-summary { padding:0; border:0; background:none; }
body .db-summary__row { display:flex; justify-content:space-between; align-items:baseline; gap:5px; min-height:26px; padding:0; border:0; background:none; color:#8e9bad; font-size:12px; }
body .db-summary__row::after { content:""; flex:1; order:1; border-bottom:1px dotted #c6cfde; }
body .db-summary__row>span:first-child { color:#8e9bad; }
body .db-summary__value { order:2; color:#061f3a!important; font-size:12px; font-weight:700; text-align:right; }
body .db-loan__submit { margin:8px 0 0; padding:0; }
body .db-loan__submit i { display:none; }
/* Account and real credit-score gauge. */
body .db-account { width:100%; padding:0 17px 65px; }
body .db-score-panel { position:relative; aspect-ratio:auto; padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body .db-score-panel h2 { width:110px; min-height:25px; margin:0; padding:6px; border-radius:5px; background:#c6cfde; color:#061f3a; font-size:10px; text-align:center; }
body .db-score-panel__icon { position:absolute; right:15px; top:15px; width:70px; height:44px; }
/* Match the Figma gauge bounds and clear the legacy absolute offsets. */
body .db-score-gauge { position:relative; inset:auto; width:100%; height:auto; aspect-ratio:310/233.450363; margin:40px 0 20px; overflow:visible; }
body .db-score-gauge__meter { display:block; width:100%; height:auto; }
body .db-score-gauge .db-score-gauge__needle { position:absolute; left:46.128988%; top:30.272879%; width:7.888319%; height:41.321205%; margin:0; background:none; border:0; border-radius:0; clip-path:none; box-shadow:none; transform:rotate(var(--db-score-angle,0deg)); transform-origin:50% 87.324775%; }
body .db-score-panel__value { position:static; width:100%; height:50px; margin:0; border:1px solid #ff5e32; border-radius:5px; background:#fff2ec; color:#ff5e32; font-size:26px; line-height:48px; transform:none; }
body .db-verification-card { min-height:172px; margin:20px 0; padding:15px; border:0; border-radius:10px; background:#092d54 url('../images/psb/figma/a20d0a949c56ebe60224985453fe53e8342756d2.png') center/cover; box-shadow:none; }
body .db-verification-card__content { width:100%; }
body .db-verification-card h2 { color:white; font-size:22px; line-height:26px; }
body .db-verification-card p { max-width:240px; margin:5px 0 25px; color:#94a3b6; font-size:12px; }
body .db-verification-card__button { width:100%; min-height:48px; border-radius:10px; background:#c6cfde; color:#061f3a!important; font-size:15px; }
body .db-verification-card>img { display:none; }
body .db-account-menu { display:grid; grid-template-columns:repeat(3,minmax(0,95px)); gap:20px 12px; justify-content:space-between; margin:20px 0; padding:0; border:0; background:none; box-shadow:none; }
body .db-account-menu__item { display:flex; min-height:120px; flex-direction:column; justify-content:center; gap:12px; padding:15px 5px; border:0; border-radius:10px; background:#fff; color:#061f3a!important; text-align:center; font-size:10px; }
body .db-account-menu__item img { width:55px; height:55px; }
body .db-account-menu__item>i { display:none; }
body .db-account-menu__item>span { color:#061f3a; }
body .db-account__logout { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; margin:20px 0 0; border:0; border-radius:10px; background:linear-gradient(105deg,#ff5e32,#f38859); color:#fff!important; font-size:18px; }
body .db-account__logout i { display:none; }
/* Wallet. */
body .db-wallet { width:100%; padding:0 17px 60px; }
body .db-wallet::before { height:245px; }
body .db-wallet__header { gap:16px; }
body .db-wallet__mark { width:24px; color:white; font-size:22px; }
body .db-wallet__menu { margin-left:auto; color:#ff5e32; }
body .db-wallet-person { display:flex; gap:15px; height:65px; margin-bottom:24px; }
body .db-wallet-person>img { width:65px; height:65px; border:1px solid #ff5e32; border-radius:50%; }
body .db-wallet-person>div { display:flex; flex:1; min-width:0; flex-direction:column; justify-content:center; gap:5px; padding:10px 15px; border-radius:10px; background:#f0f4fc; color:#061f3a; }
body .db-wallet-person strong { font-size:20px; overflow-wrap:anywhere; }
body .db-wallet-person span { font-size:10px; }
body .db-wallet-balance { display:flex; flex-direction:column; align-items:center; min-height:140px; margin:0; padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body .db-wallet-balance__coins { display:none; }
body .db-wallet-balance__label { position:static; padding:0; background:none; color:#061f3a; font-size:12px; }
body .db-wallet-balance__amount { display:block; margin:4px 0 15px; color:#ff5e32; font-size:28px; line-height:30px; }
body .db-wallet-balance__amount small { margin-right:7px; font-size:18px; }
body .db-wallet-balance__history { position:static; width:100%; min-height:40px; margin:0; border:0; border-radius:5px; background:#c6cfde; color:#061f3a!important; font-size:15px; }
body .db-wallet__withdraw { min-height:48px; margin:12px 0; border:0; border-radius:10px; background:linear-gradient(105deg,#ff5e32,#f38859); color:#fff!important; font-size:18px; }
body .db-wallet-empty,body .db-wallet-loans { margin:12px 0 0; padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body .db-wallet-empty span,body .db-wallet-loans h2 { color:#061f3a; font-size:22px; line-height:26px; }
body .db-wallet-empty p { color:#8e9bad; font-size:12px; }
body .db-wallet-empty a,body .db-wallet-loan-card__contract { min-height:35px; padding:8px 15px; border:0; border-radius:5px; background:#c6cfde; color:#061f3a!important; font-size:13px; }
body .db-wallet-loan-card { background:#f0f4fc; border:0; color:#061f3a; }
body .db-wallet-loan-card__row>span { color:#8793a5; }
body .db-wallet-loan-card__row>strong { color:#061f3a; }
body .db-wallet-banks { margin-top:35px; padding:0; }
body .db-wallet-banks__heading { margin-bottom:20px; }
body .db-wallet-banks__heading span { display:none; }
body .db-wallet-banks__heading h2 { max-width:280px; color:#061f3a; font-size:24px; line-height:30px; }
body .db-wallet-banks__heading i { color:#061f3a; }
body .db-wallet-banks__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 18px; }
body .db-wallet-banks__grid img { width:100%; height:50px; padding:7px; border-radius:7px; background:#fff; object-fit:contain; filter:none; }
/* Public home and company information share the original PSB artwork. */
body .db-home { background:#fff url('../images/psb/figma/77e1803aea4e37146323c20a2ad44c66aea14159.png') center top/100% auto no-repeat; }
body .db-home__header { height:119px; min-height:119px; margin:0; padding:55px 17px 20px; background:#fff url('../images/psb/figma/77e1803aea4e37146323c20a2ad44c66aea14159.png') center top/100% auto; }
body .db-home__brand { display:block; flex:1; }
body .db-psb-brand { display:block; width:min(100%,269px); height:24px; object-fit:contain; object-position:left; }
body .db-home .db-menu-toggle { width:32px; min-height:44px; padding:0; color:#ff5e32; font-size:18px; }
body .db-quick { position:relative; height:145px; margin:0 17px; padding:17px 15px; border-radius:10px; background:#fff; box-shadow:none; }
body .db-quick__title { margin:0 0 10px; color:#919191; font-size:14px; font-weight:400; text-align:left; }
body .db-quick__grid { gap:10px; }
body .db-quick__icon { width:55px; height:55px; margin-bottom:5px; border:0; border-radius:5px; background:none; box-shadow:none; }
body .db-quick__icon img { width:55px; height:55px; filter:none; }
body .db-quick__item>span:last-child { display:block; max-width:65px; color:#061f3a; font-size:10px; line-height:12px; }
body .db-home__cta { padding:20px 17px 40px; background:#fff url('../images/psb/figma/77e1803aea4e37146323c20a2ad44c66aea14159.png') center bottom/100% auto; }
body .db-psb-hero { min-height:685px; padding:40px 17px; background:#061f3a url('../images/psb/figma/cf6cb653396b56bdb561a009728bf7a39ffbf678.png') center bottom/100% 100% no-repeat; }
body .db-hero-copy { padding:0; text-align:left; }
body .db-hero-copy p { margin:0 0 10px; color:#fff; font-size:16px; font-weight:400; line-height:19px; }
body .db-hero-copy h1 { margin:0; color:#919191; font-size:26px; font-weight:700; line-height:31px; }
body .db-home-story { min-height:0; margin-top:20px; padding:0; background:none; overflow:visible; }
body .db-home-story__copy { text-align:left; }
body .db-home-story__copy::before { content:""; display:block; width:40px; height:2px; margin-bottom:20px; background:#ff5e32; }
body .db-home-story__copy p { max-width:340px; color:#c6cfde; font-size:16px; line-height:19px; }
body .db-home-stat { min-height:598px; padding:40px 17px; background:#fff url('../images/psb/figma/77e1803aea4e37146323c20a2ad44c66aea14159.png') center/cover; text-align:left; }
body .db-home-stat h2 { color:#061f3a; font-size:16px; line-height:20px; }
body .db-home-stat h2 br { display:none; }
body .db-home-stat strong { margin:0; color:#919191; font-size:clamp(68px,22.4vw,84px); line-height:101px; text-shadow:none; letter-spacing:0; }
body .db-home-stat h3 { margin:0; color:#061f3a; font-size:26px; line-height:31px; }
body .db-home-stat__copy { margin-top:20px; }
body .db-home-stat__copy p { margin:0 0 15px; color:#061f3a; font-size:14px; line-height:17px; }
body .db-home-stat__tagline { margin:0; color:#ff5e32; font-size:14px; }
body .db-loan-types,body .db-about-loans { display:grid; gap:20px; padding:40px 17px; background:#edf1f4; }
body .db-section-eyebrow { margin:0; color:#061f3a; font-size:26px; line-height:30px; font-weight:700; text-align:left; }
body .db-loan-type-card,body .db-about-loan-card { margin:0; padding:15px; border:0; border-radius:10px; background:#fff; }
body .db-loan-type-card+.db-loan-type-card { margin:0; }
body .db-loan-type-card>img,body .db-about-loan-card>img { width:100%; height:auto; aspect-ratio:31/20; border:0; border-radius:5px; object-fit:cover; }
body .db-loan-type-card h2,body .db-about-loan-card h2 { margin:20px 0; color:#061f3a; font-size:22px; line-height:26px; text-align:left; }
body .db-loan-type-card ul,body .db-about-loan-card ul { margin:0 0 20px; padding-left:20px; color:#536477; }
body .db-loan-type-card li,body .db-about-loan-card li { margin:0 0 15px; padding-left:0; color:#061f3a; font-size:14px; line-height:17px; }
body .db-loan-type-card>p,body .db-about-loan-card__badge { display:flex; align-items:center; gap:10px; min-height:48px; margin:0 0 10px; padding:12px 20px; border-radius:5px; background:#f0f4fc; color:#435a73; font-size:13px; line-height:16px; }
body .db-loan-type-card>p::before,body .db-about-loan-card__badge::before { content:""; flex:0 0 20px; height:20px; background:url('../images/psb/icon-loan-amount.svg') center/contain no-repeat; }
body .db-loan-type-card>p:last-child,body .db-about-loan-card__badge:last-child { margin-bottom:0; }
body .db-why-us { padding:40px 17px; background:#fff url('../images/psb/figma/77e1803aea4e37146323c20a2ad44c66aea14159.png') center/cover; }
body .db-why-us>h2 { margin:0 0 20px; color:#061f3a; font-size:26px; line-height:30px; text-align:left; }
body .db-why-us__list { display:grid; gap:20px; }
body .db-reason { display:grid; grid-template-columns:55px minmax(0,1fr); column-gap:20px; min-height:146px; padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; text-align:left; }
body .db-reason__icon { grid-row:1/3; position:static; width:55px; height:55px; margin:0; padding:0; border:0; background:none; }
body .db-reason__icon img { width:55px; height:55px; }
body .db-reason h3 { margin:0 0 10px; color:#061f3a; font-size:16px; line-height:19px; }
body .db-reason p { grid-column:2; margin:0; color:#536477; font-size:14px; line-height:17px; }
body .db-benefits { min-height:347px; padding:40px 17px; background:#092d54; }
body .db-benefits h2 { margin:0 0 20px; color:#fff; font-size:26px; line-height:30px; text-align:left; }
body .db-benefits ul { display:grid; gap:20px; margin:0; padding:0; list-style:none; }
body .db-benefits li { position:relative; margin:0; padding-left:40px; color:#aebbc9; font-size:14px; line-height:17px; }
body .db-benefits li::before { content:"✹"; position:absolute; left:0; top:0; color:#ff5e32; font-size:24px; line-height:24px; }
body .db-footer,body .db-about-footer { min-height:275px; padding:58px 17px 40px; border:0; background:#092d54 url('../images/psb/figma/a20d0a949c56ebe60224985453fe53e8342756d2.png') center bottom/cover; text-align:center; }
body .db-footer img,body .db-about-footer img { display:block; width:280px; max-width:100%; height:auto; margin:0 auto 20px; }
body .db-footer p,body .db-about-footer p { margin:0; color:#aebbc9; font-size:10px; font-weight:400; line-height:13px; }
body .db-about-header { padding-right:17px; padding-left:17px; background:none; }
body .db-about-header__back { position:static; }
body .db-about-hero { width:calc(100% - 34px); height:auto; aspect-ratio:1; margin:0 17px; border-radius:10px; }
body .db-about-hero::after { display:none; }
body .db-about-copy { margin:0; padding:35px 17px 40px; text-align:left; }
body .db-about-copy h2,body .db-about-copy h3 { color:#061f3a; font-size:26px; line-height:30px; }
body .db-about-copy h2 br { display:none; }
body .db-about-copy strong { color:#ff5e32; font-size:60px; line-height:70px; text-shadow:none; }
body .db-about-copy p { color:#536477; font-size:14px; line-height:18px; }
body .db-about-copy__eyebrow { font-size:16px; }
/* Data entry retains the original IDs, validations, pickers, upload and submission code. */
body.db-bank-details-page,body.db-details-page,body.db-identity-page,body.db-signature-page,body.db-account-inner-page { background:#e0eaff!important; color:#061f3a!important; }
body .db-bank-header,body .db-details-header,body .db-id-header,body .db-signature-header { position:relative; height:119px; background:transparent!important; }
body .db-bank-header::before,body .db-details-header::before,body .db-id-header::before,body .db-signature-header::before { content:""; position:absolute; z-index:0; inset:0 0 auto; height:196px; border-radius:0 0 25px 25px; background:linear-gradient(45deg,#061f3a,#3e598a); }
body .db-bank-header__inner,body .db-details-header__inner,body .db-id-header .db-id-header__inner,body .db-signature-header__inner { position:relative; z-index:1; display:flex; gap:16px; align-items:center; min-height:119px; padding:55px 17px 30px; }
body .db-bank-header h1,body .db-details-header h1,body .db-id-header h1,body .db-signature-header h1 { margin:0; color:#fff; font-size:22px; line-height:26px; text-align:left; }
body .db-bank-back,body .db-details-back,body .db-id-back,body .db-signature-back { flex:0 0 24px; width:24px; height:24px; border:1.5px solid white; background:none; color:white!important; font-size:24px; }
body .db-bank-page,body .db-details-main.content,body .db-id-page,body .db-signature-main { position:relative; padding:0 17px 65px!important; }
body .db-bank-form,body .db-personal-form { gap:15px; padding:15px; border-radius:10px; background:#fff; }
body .db-bank-field,body .db-personal-field { min-height:72px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
body .db-bank-field__label,body .db-personal-field__label { min-height:25px; margin:0 0 10px; padding:6px 10px; border-radius:5px; background:#c6cfde; color:#061f3a; font-size:10px; }
body .db-bank-field__label span,body .db-personal-field__label span { color:#061f3a!important; }
body .db-bank-control.form-control,body .db-personal-form input:not([type=hidden]),body .db-personal-form select { width:100%; height:37px!important; min-height:37px!important; padding:0 10px!important; border:1px solid #c6cfde!important; border-radius:3px!important; background:#fff!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; font-size:14px!important; box-shadow:none!important; }
body .db-bank-control.form-control::placeholder,body .db-personal-form input::placeholder { color:#95a1b1!important; -webkit-text-fill-color:#95a1b1!important; }
body .db-bank-icon,body .db-personal-icon { color:#ff5e32; }
body .db-bank-submit,body .db-personal-submit,body .db-signature-submit,body .db-details-form #data-button,body #show_verify .db-id-next.indo { min-height:48px!important; height:auto; margin-top:20px; border:0!important; border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:#fff!important; font-size:18px!important; box-shadow:none; }
body .db-personal-form .db-personal-submit { width:100%; }
body .db-id-steps { margin:0 0 15px!important; gap:5px; }
body .db-id-steps .step { min-height:75px; padding:15px 8px; border:1px solid #c6cfde; background:#fff; color:#061f3a; }
body .db-id-steps .step.is-active { border:2px solid #ff5e32; background:#ffede7; }
body .db-id-step__badge { background:#c6cfde; color:#061f3a!important; font-size:10px; }
body .db-id-step__label { color:#061f3a!important; }
body .db-id-step__check { background:#ff5e32; color:#fff!important; }
body .db-id-upload-card.image-container { height:285px; padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body .db-id-upload-card__heading { height:25px; margin-bottom:10px; padding:0 10px; border-radius:5px; background:#c6cfde; }
body .db-id-upload-card__heading span { color:#061f3a!important; font-size:10px; }
body .db-id-photo-frame.anticon-camera { height:220px; padding:10px!important; border:1px solid #c6cfde; border-radius:5px; background:#f0f4fc!important; }
body .db-id-photo-frame::after { border-color:#c6cfde; }
body .db-details-section-title { margin:0 0 15px!important; color:#061f3a; }
body .db-details-form>.input_text_group { gap:15px; padding:15px!important; border-radius:10px; background:#fff!important; }
body .db-details-form .input_text_list { min-height:72px; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none; }
body .db-details-form .input_text_list .am-u-sm-5 { min-height:25px!important; margin-bottom:10px; padding:6px 10px!important; border-radius:5px; background:#c6cfde; color:#061f3a; }
body .db-details-form .input_text_list input:not([type=hidden]) { height:37px!important; min-height:37px!important; border:1px solid #c6cfde!important; border-radius:3px!important; background:#fff!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; font-size:14px!important; }
body .db-details-form .input_text_list input::placeholder { color:#95a1b1!important; -webkit-text-fill-color:#95a1b1!important; }
body .db-signature-card { padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body .db-signature-card__title { min-height:25px; margin:0 0 10px; padding:5px 10px; border-radius:5px; background:#c6cfde; color:#061f3a; font-size:10px; }
body .db-signature-instructions { margin:0 0 15px; color:#95a1b1; }
body .db-signature-pad-wrap { border:1px solid #c6cfde; border-radius:5px; box-shadow:none; }
body .db-signature-pad,body .db-signature-existing { background:#fff; }
body .db-signature-pad canvas { filter:brightness(0); }
body .db-signature-existing img { filter:brightness(0); }
body .db-signature-pad-wrap>button.db-signature-reset { min-height:36px!important; height:36px!important; width:95px!important; max-width:95px!important; background:#c6cfde!important; font-size:11px!important; }
/* Account details and beneficiary read-only information. */
body .db-account-detail { width:100%; padding:0 17px 65px; }
body .db-profile-detail .db-inner-header { min-height:119px; padding:55px 0 30px; }
body .db-profile-summary { padding:0 0 25px; gap:15px; }
body .db-profile-detail .db-profile-summary .cover { width:90px!important; height:90px!important; border:1px solid #ff5e32; background:#fff; padding:0; }
body .db-profile-summary strong { color:#061f3a; font-size:22px; }
body .db-info-card,body .db-profile-detail .db-info-card,body .db-inner-card { min-height:0; margin:0; padding:15px; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body .db-info-card h2,body .db-info-card__header h2,body .db-inner-card h2 { color:#061f3a; font-size:12px; }
body .db-info-card__header,body .db-profile-detail .db-info-card__header { min-height:25px; padding:5px 10px; border-radius:5px; background:#c6cfde; }
body .db-profile-detail .db-info-card dl { min-height:0; margin:15px 0 0; padding:0; background:#fff; }
body .db-profile-detail .db-info-card dl>div { min-height:31px; }
body .db-profile-detail .db-info-card dt { color:#95a1b1; font-size:12px; }
body .db-profile-detail .db-info-card dd { color:#061f3a; font-size:13px; }
body .db-readonly-field label { padding:6px 10px; border-radius:5px; background:#c6cfde; color:#061f3a; font-size:10px; }
body .db-readonly-field__control input { min-height:37px!important; border:1px solid #c6cfde!important; border-radius:3px!important; background:#fff!important; color:#061f3a!important; }
body .db-readonly-field__control i { color:#ff5e32; }
body .db-inner-card .db-inner-row { background:#f0f4fc; color:#061f3a; }
body .db-inner-card .db-inner-row span:first-child { color:#95a1b1!important; }
body .db-inner-card .db-inner-row span:last-child { color:#061f3a!important; }
body .db-inner-action { border-radius:10px; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:white!important; }
@media (prefers-reduced-motion:reduce) { body .db-score-gauge__needle { transition:none; } }
/* Override high-specificity UI2 compatibility rules only within PSB screens. */
body:not(.db-login-page),body:not(.db-login-page) .content-wrapper { background:#e0eaff!important; color:#061f3a!important; }
body .db-home .db-menu-toggle,body .db-wallet .db-wallet__menu { background:none; border-radius:0; box-shadow:none; }
body .db-btn,body .db-loan__submit .db-btn { width:100%; min-height:48px; padding:10px 16px; font-size:18px; font-weight:700; }
body .db-month-grid .time.month-left,body .db-month-grid .time.month-right { border-radius:3px!important; }
body .db-score-panel h2 { position:static; }
body .db-score-panel__value { justify-content:center; padding:0; }
body .db-language-switch a { color:#8392a8; }
body .db-language-switch a[aria-current="true"] { color:#ff5e32!important; }
body .db-drawer .db-language-switch { position:absolute; left:0; right:0; bottom:0; margin:0; transform:translateY(100%); }
body .db-drawer__panel { position:relative; padding-bottom:37px; }
body .db-drawer__back { border:0; }
body .db-drawer__back::after { display:none; }
body .db-bank-page .db-bank-control.form-control,body .db-personal-form .db-personal-control,body .db-personal-form .db-personal-control.form-control { height:37px!important; min-height:37px!important; padding:0 10px!important; border:1px solid #c6cfde!important; border-radius:3px!important; background:#fff!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; font-size:14px!important; box-shadow:none!important; }
body .db-bank-page .db-bank-submit.indo,body .db-id-page .db-personal-submit.indo { width:100%; min-height:48px!important; border:0!important; border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:#fff!important; font-size:18px!important; }
body .db-bank-submit span { display:none; }
body .db-record-page { color:#061f3a; }
body .db-record-page .header-container>a { border:1px solid #fff; background:none; color:white!important; }
body .db-record-page .db-record-header { margin:0 -17px; padding:45px 17px 20px; border-radius:0 0 25px 25px; background:linear-gradient(45deg,#061f3a,#3e598a)!important; color:white; }
body .db-record-page .vback,body .db-record-page #no_history,body .db-record-page .bills-item,body .db-account-detail #no_history { margin-top:20px!important; border:0!important; border-radius:10px!important; background:#fff!important; box-shadow:none!important; }
body .db-record-page .vback .flex-between { background:#f0f4fc!important; }
body .db-record-page .vback .v2,body .db-record-page .vback .color-999-text,body .db-record-page #no_history p,body .db-record-page #no_history .ant-empty-description,body .db-account-detail #no_history p { color:#061f3a!important; }
body .db-record-page #no_history input,body .db-record-page .vback .op { border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:white!important; }
body :is(h1,h2,h3,h4,p,span,a,strong,small,label,div,li,dt,dd) { font-family:Figtree,Arial,sans-serif!important; }
body.db-bank-details-page .db-bank-page .db-bank-form input.db-bank-control.form-control,body.db-identity-page .db-id-page .db-personal-form input:not([type=hidden]),body.db-identity-page .db-id-page .db-personal-form select,body.db-details-page .db-details-main .db-details-form .input_text_list input:not([type=hidden]),body.db-account-inner-page .db-account-detail .db-readonly-field__control input:not([type=hidden]) { border:1px solid #c6cfde!important; border-radius:3px!important; background:#fff!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; }
body .db-id-header .db-id-header__inner { justify-content:flex-start!important; }
body .db-profile-detail .db-inner-header h1 { font-size:22px; }
body .db-profile-detail .db-info-card__header h2 { color:#061f3a; font-size:10px; }
body .db-wallet .db-wallet__mark { width:24px!important; height:24px!important; border:0; border-radius:0!important; background:none; }
body .db-wallet .db-wallet__menu { width:32px!important; height:44px!important; margin-left:auto!important; background:none!important; color:#ff5e32!important; border-radius:0!important; }
body .db-wallet #edit.db-wallet__withdraw { height:48px; min-height:48px; margin:12px 0!important; border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:#fff!important; font-size:18px!important; }
body .db-wallet-balance::after { display:none; }
body .db-wallet-banks { border:0; border-radius:0; background:none; box-shadow:none; }
body .db-wallet-banks__heading>i { display:none; }
body .db-wallet-banks__heading h2 { margin:0; }
body .db-wallet-empty { min-height:125px; }
body .db-wallet-empty>div { width:100%; }
body .db-wallet-empty span { font-size:22px; }
body .db-wallet-empty img { width:42px; height:45px; }
body .db-wallet-empty a { display:flex; justify-content:center; width:100%; margin-top:12px; }
body .db-wallet-loan-card .db-wallet-loan-card__contract { background:#c6cfde; color:#061f3a!important; }
body .db-wallet-loan-card__row { background:#f0f4fc; }
body .db-wallet-loan-card__reason { background:#fff2ec; color:#9b472a; }
body .db-wallet-withdraw-modal .input_txpass { background:#fff; color:#061f3a; border:1px solid #c6cfde; }
body .db-wallet-withdraw-modal__submit { background:linear-gradient(105deg,#ff5e32,#f38859); color:#fff; }
body .db-wallet-withdraw-modal__illustration>span { background:#ff5e32; color:#fff; }
body #show_identity .db-personal-field__control.form-control { color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; }
body #show_identity .db-personal-field__control.form-control::placeholder { color:#95a1b1!important; -webkit-text-fill-color:#95a1b1!important; }
body .db-personal-segmented { background:#edf1f4; border:1px solid #c6cfde; border-radius:3px; }
body .db-personal-segmented label { background:none; color:#061f3a!important; }
body .db-personal-segmented input:checked+span { background:#ffede7; color:#ff5e32!important; }
body .db-wallet-empty { display:block; position:relative; }
body .db-wallet-empty>div { width:100%; }
body .db-wallet-empty span { font-size:18px; }
body .db-wallet-empty>img { position:absolute; top:15px; right:15px; }
body .db-wallet-empty p { margin:8px 0 0; font-size:11px; }
body .db-wallet-empty a { width:100%; }
body .db-review-page .container { padding-right:17px!important; padding-left:17px!important; }
body.db-review-page>.header { min-height:119px; margin-bottom:0; background:linear-gradient(45deg,#061f3a,#3e598a)!important; }
body.db-review-page>.header .header-container { min-height:119px; padding:55px 17px 30px; display:flex; gap:16px; justify-content:flex-start; }
body.db-review-page>.header .header-container>div:first-child a { border:1px solid white; background:none; color:white!important; }
body.db-review-page>.header .header-container>span { font-size:22px!important; text-align:left; }
body.db-review-page #show_identity .form-group,body.db-review-page #show_verify .image-container,body .db-review-signature-card { padding:15px!important; border:0; border-radius:10px; background:#fff; box-shadow:none; }
body.db-review-page #show_identity .form-group>.color-main-text { min-height:25px; margin:0 0 10px; padding:6px 10px; border-radius:5px; background:#c6cfde; color:#061f3a!important; }
body.db-review-page #show_identity input.form-control,body.db-review-page #show_identity .form-control { min-height:37px!important; border:1px solid #c6cfde!important; border-radius:3px!important; background:#fff!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; font-size:14px!important; }
body.db-review-page #show_identity .indo,body.db-review-page #show_verify .indo { height:48px!important; border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:#fff!important; font-size:18px!important; }
body.db-review-page #show_verify .step { border-color:#c6cfde; background:#fff; color:#061f3a!important; }
body.db-review-page #show_verify .step.ac { border-color:#ff5e32; background:#ffede7; }
body.db-review-page #show_verify .step .tips,body.db-review-page #show_verify .image-container>span:last-child { color:#061f3a!important; }
body.db-review-page #show_verify .image-container img { border-color:#c6cfde; background:#f0f4fc; }
body .db-complete-header { background:linear-gradient(45deg,#061f3a,#3e598a); }
body .db-complete-header__inner { display:flex; justify-content:flex-start; gap:16px; min-height:119px; padding:55px 17px 30px; }
body .db-complete-back { border:1px solid #fff; background:none; color:#fff!important; }
body .db-complete-header h1 { font-size:22px; text-align:left; }
body .db-complete-main { padding:20px 17px 60px; }
body .db-complete-status { border:0; background:#fff; box-shadow:none; }
body .db-complete-title { color:#061f3a; }
body .db-complete-description { color:#95a1b1; }
body .db-complete-home { height:48px; border-radius:10px; background:linear-gradient(105deg,#ff5e32,#f38859); color:#fff!important; font-size:18px; }
body .swal2-styled.swal2-confirm { border-radius:8px; background:#ff5e32; color:#fff; }
body .db-noscript { display:flex; justify-content:space-around; padding:15px; background:#092d54; }
body .db-noscript a { color:#fff; }
body .login-alter { background:rgba(6,31,58,.7)!important; }
body .login-alter-content { width:330px; max-width:calc(100% - 34px); padding:45px 20px 20px; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:0 10px 40px #061f3a33; }
body .alter-success,body .alter-error,body .alter-warning,body .alter-doubt { position:absolute; top:-36px; left:calc(50% - 36px); width:72px; height:72px; margin:0; }
body .alter-success img,body .alter-error img,body .alter-warning img,body .alter-doubt img { width:72px; height:72px; object-fit:contain; }
body .alter-title { margin:0 0 10px; color:#061f3a!important; font-size:22px; line-height:26px; font-weight:700; }
body .alter-desc { margin:0 0 20px; color:#8793a5!important; font-size:14px; line-height:18px; }
body .alter-but { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px; border:0; border-radius:7px; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:#fff!important; font-size:16px; }
body .alter-close { position:absolute; top:-36px; right:0; }
body .db-review-signature-card h2 { color:#061f3a; }
body .db-review-signature-card p { color:#95a1b1; }
body .db-review-signature-image { border:1px solid #c6cfde; background:#fff; }
body .db-review-signature-image img { filter:brightness(0); }
body.db-review-page .db-review-signature-content .indo { min-height:48px!important; border:0!important; border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:#fff!important; font-size:18px!important; }
body #show_identity .db-personal-submit.indo { border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:#fff!important; }
body .db-personal-form .db-personal-segmented input[type=radio] { width:1px!important; height:1px!important; min-height:1px!important; padding:0!important; border:0!important; }
body .db-personal-segmented,body .db-personal-segmented span { height:37px; }
body .db-personal-segmented span { font-size:13px; }
body .login-alter-content { position:relative; }
body .alter-close { z-index:2; left:auto; right:-5px; top:-46px; width:44px; height:44px; margin:0; padding:8px; border:0; background:none; cursor:pointer; }
body .alter-success,body .alter-error,body .alter-warning,body .alter-doubt { pointer-events:none; }
body .alter-but { width:100%; cursor:pointer; }
body .login-alter { backdrop-filter:none; }
body .login-alter-content { width:330px!important; height:auto!important; min-height:200px; padding:52px 20px 20px!important; }
body .alter-success,body .alter-error,body .alter-warning,body .alter-doubt { width:72px!important; height:72px!important; margin:0!important; border-radius:0!important; background:transparent!important; overflow:visible; }
body .alter-success img,body .alter-error img,body .alter-warning img,body .alter-doubt img { width:72px!important; height:72px!important; margin:0!important; transform:none!important; }
body .alter-title { font-size:22px!important; text-align:center!important; }
body .alter-desc { text-align:center!important; }
body .alter-but { margin:0!important; border-radius:7px!important; line-height:24px!important; height:44px!important; }
body.db-wallet-page .db-wallet-withdraw-modal input.input_txpass { border:1px solid #c6cfde!important; border-radius:5px!important; background:#fff!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; }
body .db-back-button,body .db-account__back,body .db-inner-header>a,body .db-about-header__back,body .db-bank-back,body .db-details-back,body .db-id-back,body .db-signature-back { position:relative; }
body.db-wallet-page #my-prompt input.input_txpass { border:1px solid #c6cfde!important; border-radius:5px!important; background:#fff!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; }

/* Legacy registration and independent verification routes share the PSB shell. */
body:has(.db-signup) { display:block!important; padding:0!important; background:#092d54!important; }
body .db-signup { min-height:100dvh; padding:70px 24px 35px; background:#092d54 url('../images/psb/figma/45398119fa998c851b96e098e90a8e5e16637260.png') center top/100% auto no-repeat; }
body .db-signup>.container { width:100%; max-width:none; padding:0; margin:0; }
body .db-signup .x1 { content:normal; width:250px!important; max-width:100%; height:auto; margin:0 auto 25px; }
body .db-signup .daftar-tittle { color:white; font-size:22px; margin-bottom:25px; }
body .db-signup .am-form { padding:25px 17px; border-top:3px solid #ff5e32; border-radius:20px; background:#092d54; }
body .db-signup .input-box { display:flex; align-items:center; height:48px; margin:0; padding:0 15px; border:0; border-radius:10px; background:white; }
body .db-signup .input-box label { flex:0 0 20px; width:20px; margin:0 12px 0 0; }
body .db-signup .menu-icon { width:18px; height:21px; object-fit:contain; }
body .db-signup .input-box .f_number { flex:1; width:auto; min-width:0; }
body.db-signup-page .db-signup .am-form .input-box input:not([type=hidden]) { width:100%; min-height:48px!important; margin:0; padding:0!important; border:0!important; border-radius:0!important; background:white!important; color:#061f3a!important; -webkit-text-fill-color:#061f3a!important; font-size:16px!important; box-shadow:none!important; }
body.db-signup-page .db-signup .am-form .search input:not([type=hidden]) { padding-left:45px!important; }
body .db-signup .search>span { top:11px; left:0; padding:0!important; color:#061f3a; font-size:16px; }
body .db-signup #register-button { min-height:48px; border:0; border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:white!important; font-size:18px; }
body .db-signup #register-button i { display:none; }
body .db-signup .text-decoration-underline { display:inline-flex; align-items:center; min-height:44px; color:white!important; }
body .db-signup .language-selector { position:static; margin-top:25px; }
body .db-signup .db-language-switch a { color:#c6cfde!important; }
body .db-upload-page,body .db-verification-page { min-height:100dvh; background:#e0eaff; color:#061f3a; }
body .db-upload-page>.header,body .db-verification-page>.header { min-height:119px; height:auto; padding:0; background:linear-gradient(45deg,#061f3a,#3e598a)!important; }
body .db-upload-page .header-container,body .db-verification-page .header-container { display:flex; gap:16px; align-items:center; justify-content:flex-start; min-height:119px; margin:0; padding:55px 17px 30px; }
body .db-upload-page .header-container>span,body .db-verification-page .header-container>span { color:white!important; font-size:22px!important; }
body .db-upload-page .header-container a,body .db-verification-page .header-container a { display:flex; align-items:center; justify-content:center; width:44px; min-height:44px; }
body .db-upload-page>.content,body .db-verification-page>.content { padding:0 17px 65px; }
body .db-upload-page .container,body .db-verification-page .container { width:100%!important; margin:0!important; padding:0!important; }
body .db-upload-page .row { margin:0!important; }
body .db-upload-page [class*=col-] { max-width:100%; flex-basis:100%; padding:0; }
body .db-upload-page #show_verify>span { display:block; margin:20px 0; color:#061f3a; }
body .db-upload-page .user-img-container { display:flex!important; width:100%; margin:0; }
body .db-upload-page .image-container { height:285px; margin:0 0 20px; padding:15px; border:0; border-radius:10px; background:white; }
body .db-upload-page .image-container>.anticon { display:flex; align-items:center; justify-content:center; width:100%; height:215px; line-height:normal; overflow:hidden; }
body .db-upload-page .image-container img { max-width:100%; max-height:205px; width:auto!important; height:auto; object-fit:contain; }
body .db-upload-page .image-container>span:last-child { display:block; width:100%; padding:6px 10px; border-radius:5px; background:#c6cfde; color:#061f3a!important; font-size:12px!important; }
body .db-upload-page #req_loan,body .db-verification-page #index-button { width:100%; min-height:48px; border:0; border-radius:10px!important; background:linear-gradient(105deg,#ff5e32,#f38859)!important; color:white!important; font-size:18px; }
body .db-upload-page #req_loan i { display:none; }
body .db-verification-page .jbzl:has(a) { margin:15px 0; padding:15px; border:0; border-radius:10px; background:white; }
body .db-verification-page .jbzl:not(:has(a)) { display:none; }
body .db-verification-page .jbzl_title { color:#061f3a!important; font-size:18px; }
body .db-verification-page .state { color:#8392a8; font-size:14px; }

body .db-signup .input-box input::placeholder { color:#8392a8!important; -webkit-text-fill-color:#8392a8!important; letter-spacing:0; }
body .db-signup .menu-icon { filter:none; }
body .db-signup #register-button { letter-spacing:0; height:48px; padding:10px; }
body .db-reason { align-content:start; grid-template-rows:auto auto; row-gap:0; min-height:145px; }


body .db-about-header__back { top:auto; left:auto; right:auto; bottom:auto; }
body .db-about-page { background:#fff url('../images/psb/figma/77e1803aea4e37146323c20a2ad44c66aea14159.png') center top/100% auto; }
body .db-about-copy { padding:20px 17px 40px; }
body .db-about-copy .db-about-copy__eyebrow { margin:0!important; color:#061f3a; font-size:16px; font-weight:700; line-height:19px; }
body .db-about-copy h2 { font-size:16px; line-height:19px; }
body .db-about-copy h2 br { display:initial; }
body .db-about-copy strong { margin:0; color:#ff7146; font-size:clamp(68px,21.33vw,80px); font-weight:700; line-height:96px; letter-spacing:-2px; }
body .db-about-copy h3 { margin:0 0 20px; font-size:26px; line-height:31px; }
body .db-about-copy p { max-width:330px; margin-bottom:17px; color:#061f3a; font-size:14px; line-height:17px; }
body .db-id-steps { gap:0!important; height:125px; margin-bottom:12px!important; overflow:hidden; border-radius:10px; background:white; }
body .db-id-steps .step { position:relative; flex:1; min-width:0; min-height:125px; height:125px; padding:20px 15px; border:0!important; border-radius:0!important; background:white; gap:0; align-items:flex-start; justify-content:flex-start; }
body .db-id-steps .step:nth-child(2) { background:#c6cfde; }
body .db-id-steps .step:not(:last-child) { clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%); margin-right:-5px; }
body .db-id-steps .step.is-active { background:#fff; }
body .db-id-step__check { position:static; display:flex; align-items:center; justify-content:center; width:22px; height:22px; margin:0 0 8px; border-radius:5px; font-size:13px; }
body .db-id-steps .step:last-child .db-id-step__check { background:#00e961; }
body .db-id-step__badge { min-height:12px; padding:0; margin:0 0 6px; background:none; font-size:10px; font-weight:400; }
body .db-id-step__label { max-width:70px; margin:0; font-size:16px; line-height:19px; font-weight:700; }
body .db-id-uploads { gap:12px; }
body .db-id-upload-card.image-container { height:280px; margin:0; }
body .db-id-photo-frame.anticon-camera { height:209px; padding:15px!important; border:1px dashed #ff7146; border-radius:0; background:white!important; }
body .db-id-photo-frame::after { display:none; }
body .db-id-photo-frame img { width:100%; height:100%; object-fit:cover; border-radius:5px; }
body .db-id-photo-frame--selfie img { object-fit:contain; }
body .db-id-upload-card__heading i { display:none; }

body .db-loan .db-page-title,body .db-account__header h1,body .db-wallet__header h1,body .db-inner-header h1,body .db-about-header h1,body .db-id-header h1,body .db-bank-header h1,body .db-signature-header h1,body .db-details-header h1 { font-weight:600; }
body .db-section-eyebrow { line-height:31px; }
body .db-loan-type-card:first-of-type { min-height:541px; }
body .db-loan-type-card:last-of-type { min-height:558px; }
body .db-loan-type-card>p:last-child,body .db-about-loan-card__badge:last-child { min-height:65px; }
body .db-loan-type-card>p:last-child::before,body .db-about-loan-card__badge:last-child::before { background-image:url('../images/psb/icon-loan-term.svg'); }
body .db-why-us>h2 { line-height:31px; }
body .db-why-us__list { margin-top:0; }
body .db-reason { margin:0; }
body .db-benefits li { min-height:0; }
body .db-id-steps .step.is-active { padding:20px 15px; }
body .db-id-steps .step:not(:last-child) { width:calc(100% + 15px)!important; margin-right:0; }
body .db-id-steps .step:first-child { z-index:3; }
body .db-id-steps .step:nth-child(2) { z-index:2; }
body .db-id-steps .step:last-child { z-index:1; }

body .db-score-panel__value { border-color:#c6cfde; background:white; color:#061f3a; }
body .db-verification-card { min-height:172px; }
body .db-verification-card h2 { margin:0; font-size:26px; line-height:31px; }
body .db-verification-card p { max-width:100%; margin:8px 0 20px; color:white; font-size:14px; line-height:17px; }
body .db-verification-card__button { margin-top:0; background:linear-gradient(105deg,#ff5e32,#f38859); color:white!important; font-size:18px; font-weight:700; }
body .db-verification-card__button i { display:none; }
body .db-account-menu__item { padding:15px 5px; gap:11px; }
body .db-account-menu__item>span { max-width:65px; font-size:10px; font-weight:400; line-height:12px; }
body .db-signature-card { position:relative; }
body .db-signature-card__title { width:90px; margin-bottom:15px; font-size:10px; line-height:15px; }
body .db-signature-card__icon { position:absolute; top:15px; right:15px; width:45px; height:45px; background:none; }
body .db-signature-card__icon::before,body .db-signature-card__icon::after { display:none; }
body .db-signature-instructions { margin-bottom:15px; color:#061f3a; font-size:12px; line-height:16px; }
body .db-signature-pad-wrap { border:0; overflow:visible; }
body .db-signature-pad,body .db-signature-existing { height:182px!important; min-height:182px; border:1px solid #c6cfde; border-radius:5px; }
body .db-signature-pad canvas,body .db-signature-pad>div { height:180px!important; border-radius:5px; }
body .db-signature-pad-wrap>button.db-signature-reset { position:static!important; width:100%!important; min-width:0!important; max-width:none!important; height:44px!important; min-height:44px!important; margin:14px 0 0!important; background:#dce2eb!important; color:#061f3a!important; font-size:10px!important; }
body .db-signature-reset span,body .db-signature-submit>span { display:none; }
body .db-signature-submit { margin-top:20px; }
body .db-loan-range { position:relative; margin-top:7px; padding-top:30px; }
body .db-loan-range::before { content:""; position:absolute; inset:0 5px 8px; background:repeating-linear-gradient(90deg,#dce2eb 0 3px,transparent 3px 5px); clip-path:polygon(0 95%,100% 0,100% 100%,0 100%); }
body .db-loan-range .db-range { position:relative; height:4px; margin:0 0 8px; border-radius:2px!important; background:linear-gradient(90deg,#ff5e32 var(--db-range-progress),#dce2eb var(--db-range-progress))!important; }
body .db-range::-webkit-slider-runnable-track { height:4px; }
body .db-range::-webkit-slider-thumb { width:16px; height:16px; margin-top:-6px; border:3px solid #ff5e32; border-radius:50%; background:white; box-shadow:none; }
body .db-range::-moz-range-thumb { width:12px; height:12px; border:3px solid #ff5e32; border-radius:50%; background:white; }
body .db-range-limits { color:#061f3a; }
body .db-summary__row { min-height:26px; color:#061f3a; font-size:12px; }
body .db-summary__row>span:first-child { color:#061f3a; }

body .db-back-button,body .db-account__back,body .db-inner-header>a,body .db-about-header__back { min-height:24px; }
body .db-loan .db-shell-header { padding-bottom:20px; }
body .db-term-display strong { line-height:30px; }
body .db-term-display span { line-height:18px; }
body .db-summary__row { min-height:25px; }
body .db-signature-card__icon { transform:none; border:0; box-shadow:none; }
body .db-loan-range { height:38px; padding:0; }
body .db-loan-range::before { bottom:2px; }
body .db-loan-range .db-range { position:absolute; top:14px; height:44px!important; margin:0; background:transparent!important; }
body .db-loan-range .db-range::-webkit-slider-runnable-track { background:linear-gradient(90deg,#ff5e32 var(--db-range-progress),#dce2eb var(--db-range-progress)); }
body .db-loan-range .db-range::-moz-range-track { height:4px; background:linear-gradient(90deg,#ff5e32 var(--db-range-progress),#dce2eb var(--db-range-progress)); }

/* Keep loan status legible on the PSB light card. */
body .db-wallet-loan-card__row > .db-wallet-loan-card__status { color:#061f3a; }

/* Anchor the expanded back-button touch area to its own control. */
body .db-back-button,body .db-account__back,body .db-inner-header>a { position:relative; }