html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] main,html[data-theme=dark] section,html[data-theme=dark] .jojo-footer,html[data-theme=dark] .menu5-header,html[data-theme=dark] .service-panel,html[data-theme=dark] .career-card{background:#101827!important;color:#e5ecf6!important}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong,html[data-theme=dark] label,html[data-theme=dark] nav a{color:#e5ecf6!important}html[data-theme=dark] p,html[data-theme=dark] small{color:#bac8dc!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#1c293d!important;color:white!important;border-color:#53647b!important}html[data-theme=dark] a{color:#a8c9ff}html[data-theme=dark] .category-links a{background:#1c293d!important}#theme-switch{position:fixed;right:20px;bottom:86px;z-index:2000;padding:10px 16px;border:1px solid #cbd5e1;border-radius:24px;background:#fff;color:#102349;cursor:pointer}#support-open{position:fixed;right:20px;bottom:24px;z-index:2000;background:#102349;color:white;padding:15px 20px;border:0;border-radius:28px;cursor:pointer}#support-dialog{position:fixed;right:20px;bottom:145px;width:min(370px,calc(100vw - 32px));max-height:70vh;overflow:auto;z-index:2001;background:#fff;color:#102349;border:1px solid #d8e0eb;border-radius:16px;box-shadow:0 16px 60px #0003;padding:20px;box-sizing:border-box}#support-dialog[hidden]{display:none}.support-head{display:flex;justify-content:space-between;align-items:center}.support-head button{background:none;border:0;font-size:25px;cursor:pointer}.support-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.support-links a{background:#edf3fa;padding:8px;border-radius:8px;font-size:13px;color:#102349}#support-messages{max-height:210px;overflow:auto;font-size:14px;line-height:1.6;white-space:pre-wrap}#support-chat{display:flex;gap:8px;margin-top:15px}#support-chat input{min-width:0;flex:1;padding:10px;border:1px solid #cbd5e1;border-radius:8px}#support-chat button{background:#102349;color:#fff;border:0;border-radius:8px;padding:10px}html[data-theme=dark] #support-dialog,html[data-theme=dark] #theme-switch{background:#1c293d;color:#e5ecf6}
/* Explicit light palette: prevents inherited dark text colours and native controls. */
html[data-theme="light"]{color-scheme:light;background:#fff;color:#17243b}
html[data-theme="light"] body{background:#fff!important;color:#17243b!important}
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,strong,label,summary){color:#17243b!important}
html[data-theme="light"] :is(p,small,.eyebrow,.crumb,.badge,.ticks li,.career-note){color:#4b5c73!important}
html[data-theme="light"] :is(header,.menu5-header,.service-panel,.dropdown,.career-card,.enquiry,.device,.application,.category-grid article,#support-dialog){background:#fff!important;color:#17243b!important}
html[data-theme="light"] :is(.utility,.tint,.app-section,.jojo-footer,footer,.career-page,.calc-result,.app-card){background:#f4f7fb!important;color:#17243b!important}
html[data-theme="light"] :is(a,nav a,.service-toggle,.credit-nav,.service-close,.menu5-toggle){color:#17243b!important}
html[data-theme="light"] :is(.service-toggle,.service-close,.menu5-toggle){background:#fff!important}
html[data-theme="light"] :is(.category-links a,.all-loans a,.bbps-card){background:#fff!important;color:#17243b!important;border-color:#ccd6e3!important}
html[data-theme="light"] :is(input,select,textarea){background:#fff!important;color:#17243b!important;border-color:#b6c4d5!important;caret-color:#17243b}
html[data-theme="light"] ::placeholder{color:#52647b!important;opacity:1}
html[data-theme="light"] :is(.btn,.menu5-login,#support-open,#support-chat button){background:#102349!important;color:#fff!important;border-color:#102349!important}
html[data-theme="light"] :is(.btn,.menu5-login) :is(span,strong,small){color:#fff!important}
html[data-theme="light"] :is(#theme-switch,.support-head button){background:#fff!important;color:#17243b!important}
html[data-theme="light"] .support-links a{background:#eaf0f8!important;color:#17243b!important}
html[data-theme="light"] :is(.loan-symbol,.symbol,.category-icon){background:#eaf0f8!important;color:#24456f!important}
html[data-theme="light"] #support-messages{color:#17243b!important}
html[data-theme="light"] :is(.slide h2,.slide p,.slide a){color:#17243b!important}
html[data-theme="light"] a:focus-visible,html[data-theme="light"] button:focus-visible{outline:3px solid #2b588b}

/* Complete dark surfaces; keep image-backed and dark call-to-action text legible. */
html[data-theme=dark] :is(.device,.app-card,.footer-app-preview,.enquiry,.application,.calc,.calc-result,.category-grid article,.bbps-item,.bbps-notice,.bbps-jumps a,.dropdown,.login-panel,.login-panel article,.utility,#menu5-nav){background:#1c293d!important;color:#e5ecf6!important;border-color:#43536b!important}
html[data-theme=dark] :is(.service-toggle,.service-close,.menu5-toggle,.credit-nav,.category-links a,.footer-columns a,.footer-app-link,.footer-location-row h4,.phone,.bbps-group-heading>span,.check,.status,.auth-links button){color:#e5ecf6!important}
html[data-theme=dark] :is(.service-toggle,.service-close,.menu5-toggle){background:transparent!important}
html[data-theme=dark] :is(.bbps-item small,.bbps-service-icon,.loan-symbol,.category-icon,.symbol,.footer-contact-actions a){background:#293b55!important;color:#dceaff!important}
html[data-theme=dark] .ticks li{color:#bac8dc!important}
html[data-theme=dark] ::placeholder{color:#b9c7dc!important;opacity:1}
html[data-theme=dark] :is(.slide h2,.slide p,.slide a,.slide strong){color:#17243b!important}
html[data-theme=dark] :is(.btn,.menu5-login,#support-open,#support-chat button){background:#254575!important;color:#fff!important}
html[data-theme=light] :is(.footer-store,.footer-store b,.footer-store span){color:#fff!important}
html[data-theme=dark] .brand,html[data-theme=dark] .footer-company>a:first-child{background:#fff;border-radius:10px;padding:3px}

/* Compact theme control in the top utility corner. */
#theme-switch{top:4px;right:12px;bottom:auto;padding:4px 9px;font-size:11px;line-height:18px;min-height:26px;border-radius:16px;z-index:2000;box-shadow:none}.utility .wrap{padding-right:85px;min-height:34px}.utility .wrap a{overflow-wrap:anywhere}@media(max-width:600px){#theme-switch{right:6px;font-size:10px;padding:4px 7px}.utility .wrap{padding-right:72px;gap:8px;min-height:36px;font-size:9px}}

/* Dark branded footer in both display themes. Logo assets retain original colours. */
html[data-theme] footer.jojo-footer,footer.jojo-footer{background:#0b1933!important;color:#d7e1ef!important;border-top:1px solid #263b5a}
html[data-theme] footer.jojo-footer :is(p,small),footer.jojo-footer :is(p,small){color:#b9c9dd!important}
html[data-theme] footer.jojo-footer :is(h3,h4,strong),footer.jojo-footer :is(h3,h4,strong){color:#ffffff!important}
html[data-theme] footer.jojo-footer a,footer.jojo-footer a{color:#e4edf9!important}
html[data-theme] footer.jojo-footer a:hover,footer.jojo-footer a:hover{color:#8dbbff!important}
html[data-theme] footer.jojo-footer .footer-company>a:first-child,footer.jojo-footer .footer-company>a:first-child{display:inline-flex;align-items:center;justify-content:center;background:#ffffff!important;border-radius:16px;padding:12px;margin-bottom:14px}
html[data-theme] footer.jojo-footer .footer-logo,footer.jojo-footer .footer-logo{filter:none!important;opacity:1!important;object-fit:contain}
html[data-theme] footer.jojo-footer .footer-app-preview,footer.jojo-footer .footer-app-preview{background:#ffffff!important;border:1px solid #dce5f1!important;color:#102349!important}
html[data-theme] footer.jojo-footer .footer-app-preview strong,footer.jojo-footer .footer-app-preview strong{color:#102349!important}
html[data-theme] footer.jojo-footer .footer-app-preview>span,footer.jojo-footer .footer-app-preview>span{color:#c51f3c!important}
html[data-theme] footer.jojo-footer .footer-store,footer.jojo-footer .footer-store{background:#1b3152!important;border:1px solid #385174}
html[data-theme] footer.jojo-footer .footer-store :is(b,span),footer.jojo-footer .footer-store :is(b,span){color:#ffffff!important}
html[data-theme] footer.jojo-footer .footer-contact-actions a,footer.jojo-footer .footer-contact-actions a{background:#233b5b!important;color:#ffffff!important}
html[data-theme] footer.jojo-footer :is(.footer-bottom,.footer-divider),footer.jojo-footer :is(.footer-bottom,.footer-divider){border-color:#304665!important}
html[data-theme] footer.jojo-footer .footer-bottom span,footer.jojo-footer .footer-bottom span{color:#b9c9dd!important}
footer.jojo-footer a:focus-visible{outline:2px solid #8dbbff;outline-offset:4px}