/* DataBridge auth — generated by tools/build_styles.py */
:root:where([data-db-page="client/change-pin"],[data-db-page="client/login/client-login-pin"]){--db-navy: var(--db-theme-deep, #173f62); --db-navy-2: var(--db-theme-brand, #2d5f84); --db-ink: var(--db-ui-ink, #173047); --db-muted: var(--db-ui-muted, #6f8194); --db-border: var(--db-theme-border, #d8e5f1); --db-soft: var(--db-theme-soft, #eef6fd); --db-bg: var(--db-theme-page, #edf5fc); --db-white: #fff; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) *{box-sizing: border-box ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) body.db-auth-body{min-height: 100vh; margin: 0; font-family: Inter, Segoe UI, Arial, sans-serif; color: var(--db-ink); background: radial-gradient(circle at 14% 18%, rgba(var(--db-ui-rgb, 80, 151, 213), .16), transparent 28%), linear-gradient(135deg, var(--db-ui-soft, #f7fbff) 0%, var(--db-theme-page, #eaf3fb) 100%) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-shell{min-height: 100vh; display: grid; grid-template-columns: minmax(360px, 1.05fr) minmax(420px, .95fr) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-brand{position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 34px 42px; background: linear-gradient(145deg, var(--db-theme-deep, #123856) 0%, var(--db-theme-brand, #245878) 58%, var(--db-theme-brand, #2f6b91) 100%); color: #fff ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-brand:before, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-brand:after{position: absolute; border-radius: 50%; content: ""; background: rgba(255, 255, 255, .07) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-brand:before{width: 360px; height: 360px; right: -130px; top: -140px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-brand:after{width: 280px; height: 280px; left: -110px; bottom: -120px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-top, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-copy, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-foot{position: relative; z-index: 1 ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-logo{display: block; width: min(330px, 76%); max-height: 92px; object-fit: contain; object-position: left center; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .18)) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-copy{max-width: 560px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-kicker{display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; background: rgba(255, 255, 255, .09); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-copy h1{margin: 20px 0 12px; font-size: clamp(34px, 5vw, 58px); line-height: 1.04; letter-spacing: -.045em ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-copy p{max-width: 500px; margin: 0; color: rgba(255, 255, 255, .82); font-size: 16px; line-height: 1.65 ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-foot{display: flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .72); font-size: 12px; font-weight: 600 ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-panel{display: flex; align-items: center; justify-content: center; padding: 38px 28px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-card{width: min(480px, 100%); padding: 30px; border: 1px solid rgba(var(--db-ui-rgb, 201, 218, 232), .95); border-radius: 24px; background: rgba(255, 255, 255, .96); box-shadow: 0 24px 60px rgba(var(--db-ui-rgb, 26, 67, 101), .16); backdrop-filter: blur(12px) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-card-head{display: flex; align-items: center; gap: 13px; margin-bottom: 24px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-card-icon{display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 15px; background: linear-gradient(145deg, var(--db-theme-brand, #2b5b80), var(--db-theme-deep, #173e61)); color: #fff; font-size: 21px; box-shadow: 0 10px 22px rgba(var(--db-ui-rgb, 32, 78, 113), .2) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-card h2, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-card h3{margin: 0; color: var(--db-ui-ink, #142b40); font-size: 25px; font-weight: 800; letter-spacing: -.025em ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-subtitle{margin: 5px 0 0; color: var(--db-muted); font-size: 13px; line-height: 1.5 ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-section-title{margin: 0 0 16px; color: var(--db-ui-ink, #223a50); font-size: 14px; font-weight: 800 ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-field{margin-bottom: 16px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-label{display: block; margin-bottom: 7px; color: var(--db-ui-ink, #294158); font-size: 12px; font-weight: 800 ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-text-input{width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--db-theme-border, #ccdae7); border-radius: 12px; background: var(--db-ui-soft, #fbfdff); color: var(--db-ui-ink, #173047); font-size: 15px; outline: none; transition: .16s ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-text-input:focus{border-color: var(--db-theme-hover, #3977a5); box-shadow: 0 0 0 4px rgba(var(--db-ui-rgb, 57, 119, 165), .12); background: #fff ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .pin-container, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .pin-row{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .pin-box{width: 100% !important; height: 48px !important; padding: 0 !important; border: 1px solid var(--db-theme-border, #cbdbea) !important; border-radius: 11px !important; background: var(--db-ui-soft, #f9fbfe) !important; text-align: center !important; font-size: 20px !important; font-weight: 800 !important; outline: none !important;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .pin-box:focus{border-color: var(--db-theme-hover, #3677a8) !important; box-shadow: 0 0 0 4px rgba(var(--db-ui-rgb, 54, 119, 168), .13) !important; background: #fff !important;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-primary, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-secondary{display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 11px; font-size: 14px; font-weight: 800; cursor: pointer; text-decoration: none ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-primary{background: linear-gradient(135deg, var(--db-theme-brand, #2c5c81), var(--db-theme-deep, #173f62)); color: #fff; box-shadow: 0 10px 20px rgba(var(--db-ui-rgb, 29, 72, 105), .18) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-primary:hover{filter: brightness(1.05) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-secondary{background: var(--db-ui-soft, #e9eff5); color: var(--db-ui-ink, #42586d) ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-wide{width: 100% ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-login-options{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; color: var(--db-ui-ink, #4d6276); font-size: 13px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-remember{display: flex; align-items: center; gap: 7px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .forgot-btn{padding: 0; border: 0; background: transparent; color: var(--db-theme-hover, #215f91); font-weight: 800; cursor: pointer ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .hidden{display: none !important;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) #errorBox, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .message{min-height: 22px; margin-top: 13px; text-align: center; font-size: 13px; font-weight: 750 } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .text-danger, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .message.error{color: #c83f4d } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .text-success, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .message.success{color: #218657 } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-security-note{display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 20px; color: var(--db-ui-muted, #8190a0); font-size: 11px; font-weight: 700 ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-mobile-logo{display: none; width: 220px; max-height: 66px; object-fit: contain; margin: 0 auto 20px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-back-link{display: inline-flex; align-items: center; gap: 7px; margin-bottom: 18px; color: var(--db-ui-ink, #3a5972); font-size: 12px; font-weight: 800; text-decoration: none ;} @media(max-width:900px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-shell{display: block ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-brand{display: none ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-panel{min-height: 100vh; padding: 24px 16px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-mobile-logo{display: block ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-card{padding: 24px; border-radius: 20px ;} } @media(max-width:480px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-panel{align-items: flex-start; padding-top: 24px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-card{padding: 20px 16px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .pin-container, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .pin-row{gap: 6px ;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .pin-box{height: 44px !important;} :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-actions{grid-template-columns: 1fr ;} } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-top{display: grid; place-items: center; grid-template: minmax(0, 1fr) / minmax(0, 1fr); width: 300px; max-width: 100%; height: 156px; flex: 0 0 auto; overflow: hidden; border: 1px solid var(--db-theme-border, #d8e5f1); border-radius: 20px; background: #fff; box-shadow: 0 12px 30px rgba(var(--db-ui-rgb, 8, 30, 49), .16); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-top .db-brand-logo{width: 480px; max-width: none; height: 320px; max-height: none; object-fit: contain; object-position: center; filter: none; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-mobile-brand{display: none; } @media (max-width: 900px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-mobile-brand{display: grid; place-items: center; grid-template: minmax(0, 1fr) / minmax(0, 1fr); width: 220px; max-width: 100%; height: 112px; overflow: hidden; margin: 0 auto 22px; border: 1px solid var(--db-theme-border, #d8e5f1); border-radius: 14px; background: #fff; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-mobile-brand .db-mobile-logo{display: block; width: 360px; max-width: none; height: 240px; max-height: none; margin: 0; object-fit: contain; } } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login{background: var(--db-theme-page, #edf3f9); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-shell{grid-template-columns: minmax(360px, .92fr) minmax(420px, 1.08fr); padding: 16px; gap: 16px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-brand{min-height: calc(100vh - 32px); padding: 36px 42px; border-radius: 24px; background: radial-gradient(ellipse at 90% 80%, rgba(var(--db-ui-rgb, 66, 142, 171), .26), transparent 65%), linear-gradient(145deg, var(--db-theme-deep, #102f4a), var(--db-theme-brand, #214f70)); gap: 32px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-brand:before{width: 400px; height: 400px; right: -210px; top: -160px; background: transparent; border: 1px solid rgba(255,255,255,.13); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-brand:after{width: 510px; height: 510px; left: auto; right: -230px; bottom: -300px; background: transparent; border: 1px solid rgba(255,255,255,.1); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-top{width: 252px; height: 128px; border-radius: 16px; box-shadow: 0 8px 24px rgba(var(--db-ui-rgb, 7, 28, 44),.12); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-logo{width: 400px; height: 267px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-copy{max-width: 500px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-kicker{font-size: 10px; letter-spacing: .12em; padding: 7px 10px; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.15); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-copy h1{margin: 22px 0 18px; font-size: clamp(40px,4.4vw,64px); line-height: 1.05; font-weight: 650; letter-spacing: -.045em; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-copy h1 span{color: var(--db-ui-on-accent, #b8dce8); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-copy p{font-size: 15px; line-height: 1.7; color: var(--db-ui-on-accent, #d1e1ec); max-width: 410px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-capabilities{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 28px; max-width: 420px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-capabilities > div{display: flex; align-items: center; gap: 10px; padding: 13px 12px; border: 1px solid rgba(var(--db-ui-rgb, 211, 230, 244),.14); border-radius: 10px; background: rgba(255,255,255,.035); color: var(--db-ui-on-accent, #e4eff6); font-size: 12px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-capabilities i{color: var(--db-ui-on-accent, #a5d2e4); font-size: 17px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-foot{font-weight: 500; color: var(--db-ui-on-accent, #b7cedf); font-size: 11px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-panel{padding: 32px 24px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card{width: min(480px,100%); padding: 34px; border-radius: 22px; border: 1px solid var(--db-theme-border, #d8e4ef); background: #fff; box-shadow: 0 14px 44px rgba(var(--db-ui-rgb, 30, 65, 98),.08); backdrop-filter: none; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card-head{gap: 14px; margin-bottom: 30px; align-items: flex-start; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-eyebrow{display: block; margin-bottom: 6px; color: var(--db-ui-muted, #637e93); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card h3{font-size: 28px; font-weight: 700; letter-spacing: -.035em; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card-icon{width: 44px; height: 44px; flex-basis: 44px; margin-top: 4px; border-radius: 13px; background: var(--db-theme-soft, #edf4fa); color: var(--db-theme-brand, #245572); box-shadow: none; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-subtitle{margin-top: 9px; font-size: 12px; line-height: 1.65; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-label{font-weight: 600; font-size: 12px; margin-bottom: 9px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-field{margin-bottom: 22px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-text-input{height: 50px; border-radius: 10px; font-size: 14px; background: var(--db-ui-soft, #fcfdff); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .pin-box{height: 50px!important; border-radius: 10px!important; border-color: var(--db-theme-border, #d5e1eb)!important; background: var(--db-ui-soft, #fcfdff)!important; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-primary{min-height: 49px; border-radius: 10px; background: linear-gradient(105deg,var(--db-theme-brand, #245875),var(--db-theme-deep, #173f62)); box-shadow: 0 5px 12px rgba(var(--db-ui-rgb, 24, 63, 97),.13); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-primary:focus-visible, :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .forgot-btn:focus-visible{outline: 3px solid var(--db-ui-border, #8fbad5); outline-offset: 3px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-login-options{margin-top: 17px; font-size: 12px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-remember input{accent-color: var(--db-theme-brand, #245875); width: 15px; height: 15px; margin: 0; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-security-note{padding-top: 18px; margin-top: 16px; border-top: 1px solid var(--db-ui-border, #edf2f7); font-size: 10px; font-weight: 500; color: var(--db-ui-muted, #6b8296); } @media (max-width: 1100px) and (min-width: 901px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-brand{padding: 30px 26px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-brand-copy h1{font-size: 46px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-capabilities{gap: 8px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-brand-capabilities > div{font-size: 11px; padding: 12px 9px; } } @media (max-width: 900px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-shell{padding: 0; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-panel{padding: 28px 20px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card{padding: 30px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-mobile-brand{width: 200px; height: 100px; border: 0; margin-bottom: 26px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-mobile-logo{width: 324px; height: 216px; } } @media (max-width: 480px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-panel{padding: 20px 14px; align-items: flex-start; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card{padding: 24px 20px; border-radius: 18px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card h3{font-size: 26px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-login .db-auth-card-head{gap: 11px; margin-bottom: 26px; } } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-shell{grid-template-columns: 320px minmax(0,1fr); gap: 0; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-brand{padding: 32px 26px 24px; border-radius: 24px; gap: 28px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-brand-top{width: 100%; max-width: 268px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-brand-copy{width: 100%; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-brand-capabilities{grid-template-columns: minmax(0,1fr); margin-top: 24px; gap: 10px; width: 100%; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-brand-capabilities>div{min-height: 50px; padding: 13px 14px; font-size: 13px; border-radius: 11px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-panel{min-width: 0; padding: 40px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-card{width: min(480px,100%); } @media (min-width:901px) and (max-width:1100px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-shell{grid-template-columns: 280px minmax(0,1fr); } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-brand{padding: 26px 20px 22px; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-panel{padding: 28px; } } @media (max-width:900px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-shell{display: block; } :where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-panel{padding: 28px 20px; } } @media (max-width:480px) {:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-client-sidebar .db-auth-panel{padding: 20px 14px; } } :where(html[data-db-page="change-password"]) *{box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto; } :where(html[data-db-page="change-password"]) .card{width: 100%; max-width: 360px; background: #fff; border-radius: 8px; padding: 20px; border: 1px solid var(--db-ui-border, #e5e7eb); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } :where(html[data-db-page="change-password"]) h3{text-align: center; margin-bottom: 20px; font-weight: 500; } :where(html[data-db-page="change-password"]) input[type="text"]{width: 100%; padding: 12px; border-radius: 6px; border: 1px solid var(--db-ui-border, #d1d5db); font-size: 14px; margin-bottom: 15px; } :where(html[data-db-page="change-password"]) .pin-container{display: flex; justify-content: space-between; margin-bottom: 15px; } :where(html[data-db-page="change-password"]) .pin-box{width: 40px; height: 48px; font-size: 18px; text-align: center; border-radius: 6px; border: 1px solid var(--db-ui-border, #d1d5db); background: var(--db-ui-soft, #f9fafb); } :where(html[data-db-page="change-password"]) .pin-box:focus{border-color: #6b7280; background: #fff; outline: none; } :where(html[data-db-page="change-password"]) .hidden{display: none; } :where(html[data-db-page="change-password"]) #errorBox{text-align: center; color: red; margin-top: 10px; } @media (max-width: 360px) {:where(html[data-db-page="change-password"]) .pin-box{width: 34px; height: 45px; } } :where(html[data-db-page="client/login/client-login-otp"]) .otp-box{width:60px; height:60px; font-size:24px; font-weight:bold; border:2px solid #333 !important; border-radius:6px; } :where(html[data-db-page="client/login/client-login-otp"]) .otp-box:focus{border:2px solid #000 !important; box-shadow:none; } 
:root body .db-u-0667ba830f{width:5.4rem} :root body .db-u-1298ef7c38{text-transform:uppercase} :root body .db-u-15aae3ce99{width:125px} :root body .db-u-1ba51881f3{width:70px} :root body .db-u-1e5172f548{width: 13%} :root body .db-u-226af26e4c{max-height:350px;overflow-y:auto} :root body .db-u-23dec04ac7{width:65px} :root body .db-u-26ecbf76a0{height:100%} :root body .db-u-28aaa4e622{width:45px} :root body .db-u-2bd4e28489{height: calc(90vh - 60px);overflow:hidden} :root body .db-u-2d4b847f09{max-height: 500px;overflow-y: auto} :root body .db-u-2f07be75de{flex:1;max-height:60vh;overflow-y:auto;border:1px solid #ddd;padding:10px;border-radius:6px} :root body .db-u-30e4dd1649{max-height:400px;overflow:auto;border:1px solid var(--db-theme-border, #d4e3ef);border-radius:8px;padding:8px} :root body .db-u-3422523365{width:100%;height:82vh;border:0} :root body .db-u-34451d06e2{font-size:16px;font-weight:800} :root body .db-u-35eac30145{color: red} :root body .db-u-36ba2a0903{min-width: 150px} :root body .db-u-371708cec7{max-width:96%} :root body .db-u-3c9b4fbced{width:165px} :root body .db-u-3ee92638e3{text-align:left;margin:0} :root body .db-u-4043bb78ea{min-width: 220px} :root body .db-u-415b5d64b8{width: 6%} :root body .db-u-461b429c14{overflow:auto;background:white} :root body .db-u-492ba24f34{height:85vh} :root body .db-u-4935981873{height:220px;overflow-y:auto;border:1px solid #ddd;border-radius:6px;padding:10px;background:var(--db-ui-soft, #f9fafb)} :root body .db-u-4c27cfbd77{max-height:420px;overflow-y:auto} :root body .db-u-4db405a3b2{width:155px} :root body .db-u-5225e5b7d7{width:0%} :root body .db-u-53faf58be7{max-width:92%;width:92%} :root body .db-u-54e0e1b125{min-width:1200px} :root body .db-u-55d8ffef28{width:170px} :root body .db-u-599f77498c{max-height:65vh;overflow-y:auto} :root body .db-u-5d685394c1{width:78px} :root body .db-u-5f37f32cb8{max-width:95vw} :root body .db-u-662c8e4334{width:150px} :root body .db-u-671ac5ee9c{width:135px} :root body .db-u-6968352194{width:16%} :root body .db-u-69d37a32ec{max-height:520px} :root body .db-u-709d605a9a{max-height: 480px} :root body .db-u-717e36147a{max-width:95%;width:95%} :root body .db-u-769adf256a{max-width: 90%} :root body .db-u-7702bab54a{max-height:60vh;overflow:auto} :root body .db-u-7d31acc595{table-layout:auto;width:100%} :root body .db-u-7de27d582c{position:sticky;top:0;z-index:5;background:var(--db-ui-soft, #f8f9fa)} :root body .db-u-7e2b8e250b{width:95px} :root body .db-u-8093a49c83{width:100%;height:600px;border:none} :root body .db-u-834fd8a5ac{min-width: 140px} :root body .db-u-83f176b064{max-width:250px} :root body .db-u-8523765ec6{width: 8%} :root body .db-u-896bd4e471{min-height:320px} :root body .db-u-91269935bd{width:80px} :root body .db-u-94572adf8b{width:100%;height:300px;border:1px solid var(--db-ui-border, #d6e1eb);border-radius:8px} :root body .db-u-9463ff4798{cursor:pointer} :root body .db-u-9b25ff4bec{width:100%;height:70vh;border:1px solid var(--db-ui-border, #dbe7f2);border-radius:8px} :root body .db-u-9db3c3232a{width:130px} :root body .db-u-a36b46cdd9{height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:6px;padding:10px;background:var(--db-ui-soft, #f9fafb)} :root body .db-u-a49cca52be{font-size:12px} :root body .db-u-a74da2bfae{width:100%;height:280px;border:1px solid var(--db-ui-border, #d6e1eb);border-radius:8px} :root body .db-u-a84d68d1aa{max-width:90%;width:90%} :root body .db-u-a9a67db444{min-height:400px} :root body .db-u-ab3bf316c2{min-width: 130px} :root body .db-u-ad426e4154{width:260px} :root body .db-u-ad8c93e5fe{width: 15%} :root body .db-u-b0e9cd6ad9{width:100%;height:330px;border:1px solid var(--db-ui-border, #d6e1eb);border-radius:8px} :root body .db-u-b258c3e162{width: 7%} :root body .db-u-b26ad6f627{width:210px} :root body .db-u-b6032a17a4{width:100%;max-height:500px} :root body .db-u-b7b0fa354c{min-width:1400px} :root body .db-u-b86efb17dd{min-width:1550px} :root body .db-u-bc5e7f500a{top:2px;right:2px} :root body .db-u-c53ea1da23{margin-top:14px} :root body .db-u-c6c0c33c0f{width:360px} :root body .db-u-c83ebbe56b{width: 14%} :root body .db-u-ca06a4e174{color:var(--db-ui-accent, #0067ff)} :root body .db-u-cb1aa11904{width:185px} :root body .db-u-cd2b97c43d{width:140px} :root body .db-u-cfbb21c8cd{max-height:340px} :root body .db-u-d0cc4be744{width:230px} :root body .db-u-d145083643{max-height:250px;overflow-y:auto} :root body .db-u-d1fd0b2eff{font-size:6px} :root body .db-u-d334b57bfc{width:120px} :root body .db-u-d3efc975c0{width:145px} :root body .db-u-d4d91f9a13{width:20%} :root body .db-u-d5e4380953{width:48px} :root body .db-u-d7ad51acdc{max-width: 95%;width: 95%} :root body .db-u-dc637e81ca{height: 90vh} :root body .db-u-dc9eac3f89{width:190px} :root body .db-u-e2c857d54b{overflow:auto} :root body .db-u-e5a3feb436{width:84px} :root body .db-u-e7587e233a{min-width: 110px} :root body .db-u-e807451a5b{color:var(--db-ui-accent, #0e4f83);border-color:var(--db-ui-border, #cddbed)} :root body .db-u-eab91ecda4{height:500px;overflow:auto;isolation:isolate} :root body .db-u-eb68f4f6d9{width:100%;max-height:420px;background:#111;border-radius:8px} :root body .db-u-eb9e070a2e{max-width:160px} :root body .db-u-ecab14bcb4{flex:1;max-height:65vh;overflow-y:auto} :root body .db-u-f07a6d542e{width:205px} :root body .db-u-f25a9f00dc{width:34%} :root body .db-u-f50b54b1ef{width:105px} :root body .db-u-f6536568bb{max-width: 95vw} :root body .db-u-5e461f0709{font-size:13px} :root body .db-u-eb2cdaa55e{margin-top:4px} :root body .db-u-0da10ab650{white-space:pre-wrap;padding:16px;margin:0} :root body .db-u-b7aa1ec004{width:100%} :root body .db-u-2a7c3dc527{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :root body .db-u-867764b6d2{flex-shrink:0} :root body .db-u-ce267102b8{width:100%;height:100%;border:none} :root body .db-u-385647fca9{max-width:100%;height:auto} :root body .db-u-092af903b2{white-space:pre-wrap} :root body .db-u-905008530c{text-align:center} :root body .db-u-67d3fa9636{text-align:center;color:#666} :root body .db-u-83725d2c6e{flex:1} :root body .db-u-da8d1ea87d{font-size:5px} :root body .db-u-6f30f75c6a{height:8px} :root body .db-u-aed8525e8d{background:#2e9665} :root body .db-u-f2dc537a41{background:#e0a52b} :root body .db-u-6363026c27{background:#d94452} :root body .db-u-5ae984dfc6{background:#dbe4ec} :root body .db-u-45435946ea{min-width:260px} :root body .db-u-f6b5c7f77c{max-width:130px} :root body .db-u-5d0fae58cf{max-width: 120px} :root body .db-u-7ff2c4f87b{min-height:110px} :root body .db-u-6c3b103612{padding:10px;color:var(--db-ui-muted, #8195ab)} :root body .db-u-cacd9a33c1{position:static;white-space:nowrap} 
html {color-scheme: light; } html[data-db-theme="emerald"] {--db-theme-sidebar-start:#143e34;--db-theme-sidebar-mid:#103329;--db-theme-sidebar-end:#0b271f; --db-theme-brand:#21624e;--db-theme-deep:#143e34;--db-theme-hover:#2e7b61;--db-theme-accent:#168061;--db-theme-soft:#edf7f2;--db-theme-border:#cfe3d9;--db-theme-page:#f3f8f5;--db-theme-rgb:33,98,78; } html[data-db-theme="violet"] {--db-theme-sidebar-start:#37294f;--db-theme-sidebar-mid:#2c203f;--db-theme-sidebar-end:#21172f; --db-theme-brand:#634a87;--db-theme-deep:#37294f;--db-theme-hover:#7c60a6;--db-theme-accent:#7954ad;--db-theme-soft:#f3eef9;--db-theme-border:#dfd5eb;--db-theme-page:#f8f5fb;--db-theme-rgb:99,74,135; } html[data-db-theme="teal"] {--db-theme-sidebar-start:#143e49;--db-theme-sidebar-mid:#10333c;--db-theme-sidebar-end:#0b262d; --db-theme-brand:#236773;--db-theme-deep:#143e49;--db-theme-hover:#327f8c;--db-theme-accent:#137e91;--db-theme-soft:#edf7f8;--db-theme-border:#cde1e5;--db-theme-page:#f2f8f9;--db-theme-rgb:35,103,115; } html[data-db-theme="slate"] {--db-theme-sidebar-start:#253345;--db-theme-sidebar-mid:#1d2938;--db-theme-sidebar-end:#15202c; --db-theme-brand:#475569;--db-theme-deep:#253345;--db-theme-hover:#5c6d83;--db-theme-accent:#526b8a;--db-theme-soft:#eef2f6;--db-theme-border:#d7dfe8;--db-theme-page:#f5f7fa;--db-theme-rgb:71,85,105; } html[data-db-theme="ocean"] {--db-theme-sidebar-start:#173d5c;--db-theme-sidebar-mid:#12324d;--db-theme-sidebar-end:#0d263c;--db-theme-brand:#245d91;--db-theme-deep:#173d5c;--db-theme-hover:#3072aa;--db-theme-accent:#236da4;--db-theme-soft:#edf5fc;--db-theme-border:#cedfee;--db-theme-page:#f3f8fc;--db-theme-rgb:36,93,145; } html[data-db-theme="indigo"] {--db-theme-sidebar-start:#292e58;--db-theme-sidebar-mid:#222647;--db-theme-sidebar-end:#191c36;--db-theme-brand:#464f91;--db-theme-deep:#292e58;--db-theme-hover:#5c65a9;--db-theme-accent:#515da4;--db-theme-soft:#f0f1fa;--db-theme-border:#d9dcf0;--db-theme-page:#f5f6fc;--db-theme-rgb:70,79,145; } html[data-db-theme="rose"] {--db-theme-sidebar-start:#542939;--db-theme-sidebar-mid:#44212e;--db-theme-sidebar-end:#341822;--db-theme-brand:#93465f;--db-theme-deep:#542939;--db-theme-hover:#ad5c76;--db-theme-accent:#a34868;--db-theme-soft:#fbf0f4;--db-theme-border:#ecd4dd;--db-theme-page:#fcf6f8;--db-theme-rgb:147,70,95; } html[data-db-theme="amber"] {--db-theme-sidebar-start:#50391c;--db-theme-sidebar-mid:#412e16;--db-theme-sidebar-end:#322210;--db-theme-brand:#80551b;--db-theme-deep:#50391c;--db-theme-hover:#996c2a;--db-theme-accent:#8a601f;--db-theme-soft:#faf4e9;--db-theme-border:#e9dcc5;--db-theme-page:#fcf9f2;--db-theme-rgb:128,85,27; } html[data-db-theme="olive"] {--db-theme-sidebar-start:#343e23;--db-theme-sidebar-mid:#2a321c;--db-theme-sidebar-end:#202615;--db-theme-brand:#586735;--db-theme-deep:#343e23;--db-theme-hover:#6b7c43;--db-theme-accent:#617638;--db-theme-soft:#f3f6ec;--db-theme-border:#dce4cd;--db-theme-page:#f8faf3;--db-theme-rgb:88,103,53; } html:not([data-db-theme="classic"])[data-db-theme] {--bs-primary:var(--db-theme-brand);--bs-primary-rgb:var(--db-theme-rgb);--bs-link-color:var(--db-theme-accent);--bs-link-hover-color:var(--db-theme-deep);--bs-border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] .btn-primary {--bs-btn-bg:var(--db-theme-brand);--bs-btn-border-color:var(--db-theme-brand);--bs-btn-hover-bg:var(--db-theme-hover);--bs-btn-hover-border-color:var(--db-theme-hover);--bs-btn-active-bg:var(--db-theme-deep);--bs-btn-active-border-color:var(--db-theme-deep);background-color:var(--db-theme-brand);border-color:var(--db-theme-brand); } html:not([data-db-theme="classic"])[data-db-theme] .btn-outline-primary {--bs-btn-color:var(--db-theme-brand);--bs-btn-border-color:var(--db-theme-brand);--bs-btn-hover-bg:var(--db-theme-brand);--bs-btn-hover-border-color:var(--db-theme-brand);--bs-btn-active-bg:var(--db-theme-deep);--bs-btn-active-border-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .form-control:focus,html:not([data-db-theme="classic"])[data-db-theme] .form-select:focus {border-color:var(--db-theme-brand);box-shadow:0 0 0 .2rem rgba(var(--db-theme-rgb),.15); } html:not([data-db-theme="classic"])[data-db-theme] .nav-tabs .nav-link.active {color:var(--db-theme-brand);border-bottom-color:var(--db-theme-brand); } html:not([data-db-theme="classic"])[data-db-theme] .form-check-input:checked {background-color:var(--db-theme-brand);border-color:var(--db-theme-brand); } .db-theme-picker {display:inline-flex;align-items:center;gap:0;padding:1px 4px;border:1px solid var(--db-theme-border,#dce6f1);border-radius:6px;background:#fff;color:var(--db-theme-brand,#2c4b66);font:500 10px/1.2 "Segoe UI",Arial,sans-serif;flex:0 0 auto;max-width:116px; } .db-theme-picker select {width:104px;min-width:0;max-width:104px;height:22px;border:0;background:#fff;color:inherit;font:inherit;cursor:pointer;padding:1px 1px 1px 2px; } .db-theme-picker select:focus-visible {outline:2px solid var(--db-theme-accent,#0d6efd);outline-offset:2px;border-radius:4px; } .scanner-header .db-theme-picker {margin-left:auto; } .scanner-header {flex-wrap:wrap; } .db-theme-picker.db-theme-fixed {position:fixed;right:20px;top:16px;z-index:1060;box-shadow:0 4px 14px rgba(20,48,72,.07); } body.db-auth-body .db-auth-panel {padding-top:74px; } @media(max-width:600px) {.db-theme-picker {padding:1px 3px; } .db-theme-picker select {width:100px;max-width:100px; } .db-theme-picker.db-theme-fixed {right:12px;top:10px; } body.db-auth-body .db-auth-panel {padding-top:62px; } } @media print {.db-theme-picker {display:none!important; } } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) {--db-popup-soft:var(--db-theme-soft); --db-popup-hover:color-mix(in srgb,var(--db-theme-brand) 12%,white); --db-popup-selected:color-mix(in srgb,var(--db-theme-brand) 20%,white); --db-popup-border:var(--db-theme-border); --db-popup-accent:var(--db-theme-brand); --db-popup-ink:var(--db-theme-deep); --db-popup-muted:color-mix(in srgb,var(--db-theme-deep) 68%,#64748b); --db-modal-header-bg:linear-gradient(180deg,white,var(--db-theme-soft)); --db-modal-footer-bg:var(--db-theme-soft); --db-modal-border-soft:var(--db-theme-border); --db-modal-title:var(--db-theme-deep); --db-modal-muted:var(--db-popup-muted); } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) :is(.btn-secondary,.btn-light) {color:var(--db-theme-deep);border-color:var(--db-theme-border);background:var(--db-theme-soft); } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) :is(.btn-secondary,.btn-light):is(:hover,:focus-visible) {color:var(--db-theme-deep);border-color:var(--db-theme-brand);background:var(--db-popup-hover); } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) :is(input,textarea,select):focus {border-color:var(--db-theme-brand);box-shadow:0 0 0 3px rgba(var(--db-theme-rgb),.15);outline-color:var(--db-theme-brand); } html:not([data-db-theme="classic"])[data-db-theme] .usage-modal .usage-plan-card:hover {border-color:var(--db-theme-brand);box-shadow:0 3px 10px rgba(var(--db-theme-rgb),.12); } html:not([data-db-theme="classic"])[data-db-theme] #collaborationModal :is(.cb-primary,.cb-scan-secondary):is(:hover,:focus-visible) {background:var(--db-theme-deep);border-color:var(--db-theme-deep);color:white; } html:not([data-db-theme="classic"])[data-db-theme] #collaborationModal :is(.cb-tools button,.cb-tabs>button,.cb-composer-foot button:not(.cb-primary),.cb-message-actions button:not(.selected),.cb-sidebar-foot button,.cb-panel-head button,.cb-pdf-controls button,.cb-attachment,.cb-record):is(:hover,:focus-visible) {color:var(--db-theme-deep);background-color:var(--db-popup-hover);border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] .usage-modal .usage-invoices :is(thead,thead th) {color:var(--db-theme-deep);background:var(--db-theme-soft);border-color:var(--db-theme-border);--bs-table-bg:var(--db-theme-soft); } html:not([data-db-theme="classic"])[data-db-theme] .usage-modal .usage-invoices tbody tr:hover>td {background:var(--db-popup-hover);--bs-table-bg-state:var(--db-popup-hover); } html:not([data-db-theme="classic"])[data-db-theme] {--db-ui-brand:var(--db-theme-brand); --db-ui-deep:var(--db-theme-deep); --db-ui-accent:var(--db-theme-accent); --db-ui-ink:var(--db-theme-deep); --db-ui-muted:color-mix(in srgb,var(--db-theme-deep) 65%,#64748b); --db-ui-border:var(--db-theme-border); --db-ui-soft:var(--db-theme-soft); --db-ui-hover:color-mix(in srgb,var(--db-theme-brand) 12%,white); --db-ui-selected:color-mix(in srgb,var(--db-theme-brand) 20%,white); --db-ui-rgb:var(--db-theme-rgb); } html:not([data-db-theme="classic"])[data-db-theme] :is(.btn-light,.btn-secondary,.btn-outline-primary,.btn-outline-secondary):is(:hover,:focus-visible) {background-color:var(--db-ui-hover)!important;color:var(--db-theme-deep);border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] {--db-ui-on-accent:color-mix(in srgb,white 90%,var(--db-theme-brand)); } html:not([data-db-theme="classic"])[data-db-theme] :is(.card-header,.accordion-button,.list-group-item.active) {--bs-accordion-active-bg:var(--db-theme-soft);--bs-accordion-active-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .card-header {background-color:var(--db-theme-soft);border-color:var(--db-theme-border);color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .table-light {--bs-table-bg:var(--db-theme-soft);--bs-table-border-color:var(--db-theme-border);--bs-table-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .table-primary {--bs-table-bg:var(--db-ui-selected);--bs-table-border-color:var(--db-theme-border);--bs-table-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .table-hover {--bs-table-hover-bg:var(--db-theme-soft);--bs-table-hover-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .nav-tabs .nav-link:is(:hover,:focus-visible) {background-color:var(--db-theme-soft);color:var(--db-theme-deep);border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] .alert-primary {--bs-alert-bg:var(--db-theme-soft);--bs-alert-border-color:var(--db-theme-border);--bs-alert-color:var(--db-theme-deep); }

/* Show the complete ERP wordmark; do not zoom or crop the logo. */
:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-body :is(.db-brand-top,.db-mobile-brand){
    box-sizing: border-box;
    height: auto;
    aspect-ratio: 3 / 2;
    padding: 10px;
    overflow: visible;
    background: #fff;
    border: 1px solid var(--db-theme-border, #d8e5f1);
    border-radius: 16px;
}
:where(html[data-db-page="client/change-pin"],html[data-db-page="client/login/client-login-pin"]) .db-auth-body :is(.db-brand-top,.db-mobile-brand) :is(.db-brand-logo,.db-mobile-logo){
    display: block;
    position: static;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    object-fit: contain;
    transform: none;
    filter: none;
}