/* HiPayX official website palette, shared by onboarding and business pages. */
@font-face{font-family:Roboto;src:url('/assets/roboto-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('/assets/roboto-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Work Sans';src:url('/assets/work-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#020811;--panel:#081521;--line:#1b3343;--cyan:#8ad4ed;--text:#f5f9fc;--muted:#a8bac7;--ink:#f5f9fc;--soft:#020811;--white:#081521;--green-950:#f5f9fc;--green-900:#b0e8fa;--green-800:#8ad4ed;--green-100:#102e40;--gold-600:#8ad4ed;--gold-500:#8ad4ed;--gold-100:#102e40;--danger:#ffaaaa;--danger-soft:#351b25;--success:#91e0bb;--success-soft:#102e27;--warning:#f4d28e;--warning-soft:#322b1c;background:#020811;color:#f5f9fc}
html:root body{background:#020811;color:#f5f9fc;font-family:Roboto,Arial,sans-serif}
html:root body :is(h1,h2,h3,h4){color:#f5f9fc;font-family:'Work Sans',Arial,sans-serif;letter-spacing:0}
html:root body :is(button,input,select,textarea){font-family:inherit}
html:root body a{color:#8ad4ed}
html:root body :is(input,select,textarea){background:#07111c;color:#f5f9fc;border-color:#375368;color-scheme:dark}
html:root body input::placeholder,html:root body textarea::placeholder{color:#a8bac7;opacity:1}
html:root body label{color:#e2edf5}
html:root body :is(input,select,textarea):focus{outline:2px solid #8ad4ed;outline-offset:2px;box-shadow:none}
html:root body :is(button,.link-button){background:#8ad4ed;color:#052032;border-color:#8ad4ed}
html:root body :is(button,.link-button):hover{background:#b0e8fa;color:#052032}
html:root body :is(button,.link-button):disabled{background:#18303f;color:#adc0cd;border-color:#375368;opacity:1;cursor:not-allowed}
html:root body :is(.header,.portal-topbar){background:#020811;color:#f5f9fc;border-color:#1b3343}
html:root body :is(.header .brand img,.portal-brand img){content:url('/assets/hipayx-logo.png');background:transparent;object-fit:contain}
html:root body :is(.product,.eyebrow,.portal-secure-mark){color:#8ad4ed}
html:root body .brand-divider{background:#1b3343}
html:root body .languages button{background:transparent;color:#a8bac7;border-color:transparent}
html:root body .languages button[aria-pressed=true]{color:#8ad4ed;border-color:#8ad4ed}
html:root body main:not(.portal-main){background:#081521;border-color:#1b3343;box-shadow:none}
html:root body .workspace{background:#081521;color:#f5f9fc}
html:root body :is(.intro,.preview,.support,.slide-heading,.slide-text,.footnote){color:#a8bac7}
html:root body :is(.preview,.slide-track){background:#0b2030;border-color:#375368}
html:root body #human-handle{background:#8ad4ed;color:#052032;border-color:#8ad4ed}
html:root body #human-progress{background:#183e52}
html:root body .hipayx-identity{background:#020811}
html:root body .hipayx-statement h2{color:#8ad4ed}
html:root body :is(.hipayx-narrative,.hipayx-capabilities span){color:#a8bac7}
html:root body :is(.hipayx-panel-top,.hipayx-panel-bottom){color:#8ad4ed;border-color:#1b3343}
html:root body :is(.kyc-sidebar,.kyc-content){background:#081521;color:#f5f9fc;border-color:#1b3343}
html:root body :is(.kyc-page-header,.kyc-actions,.section-heading,.person-row,.document-row,.summary-group){border-color:#1b3343}
html:root body :is(.document-note,.document-row small,.summary-pair span,#step-count){color:#a8bac7}
html:root body #steps button{background:transparent;color:#a8bac7}
html:root body #steps button[aria-current=step]{background:#102e40;color:#8ad4ed;border-color:#8ad4ed}
html:root body #steps button b{color:inherit}
html:root body .secondary{background:#102333;color:#e2edf5;border-color:#375368}
html:root body :is(#country-results,.country-option){background:#081521;color:#f5f9fc;border-color:#375368}
html:root body .country-option:hover{background:#163547;color:#f5f9fc}
html:root body :is(.upload-error,.person-row .remove){color:#ffaaaa}
html:root body .kyc-status{background:#322b1c;color:#f4d28e}
html:root body .demo-notice{background:#102333!important;color:#c2d9e8!important;border-top:1px solid #375368}
/* Onboarding remains dark: use light feedback text, including dynamic states. */
html:root body:is(.hx-auth,.hx-kyc) :is(.auth-error,.upload-error,#draft-status[data-error="true"]) { color:#ffb9b3; font-size:14px; line-height:1.6; }
html:root body:is(.hx-auth,.hx-kyc) .kyc-status { background:#322b1c; color:#ffe0a3; border:1px solid #a68a4b; font-weight:600; }
html:root body:is(.hx-auth,.hx-kyc) .kyc-status[data-state="APPROVED"] { background:#102e27; color:#a9efc8; border-color:#579675; }
html:root body:is(.hx-auth,.hx-kyc) .kyc-status[data-state="REJECTED"] { background:#351b25; color:#ffb9b3; border-color:#bb706c; }
html:root body:is(.hx-auth,.hx-kyc) .kyc-status[data-state="NEEDS_INFORMATION"] { background:#322b1c; color:#ffe0a3; border-color:#a68a4b; }
html:root body .portal-sidebar{background:#020811;color:#f5f9fc;border-color:#1b3343}
html:root body .portal-sidebar :is(.portal-brand,.portal-merchant strong,nav a,.portal-nav-group summary){color:#f5f9fc}
html:root body .portal-sidebar :is(small,span,.portal-sidebar-foot,.portal-nav-group summary small){color:#a8bac7;opacity:1}
html:root body .portal-sidebar nav a:hover,html:root body .portal-sidebar nav a.active{background:#102e40;color:#8ad4ed;border-color:#8ad4ed}
html:root body .portal-sidebar nav a.active span{color:#c0eafa}
html:root body :is(.portal-merchant,.portal-sidebar-foot){background:transparent;border-color:#1b3343}
html:root body :is(.portal-topbar strong,.portal-page-head h1,.portal-metrics strong,.wallet-card strong){color:#f5f9fc}
html:root body :is(.portal-topbar span,.portal-page-head p,.portal-section th,.portal-metrics span,.portal-metrics small){color:#a8bac7}
html:root body :is(.portal-section,.panel,.wallet-card,.portal-metrics>article,.portal-metrics>div){background:#081521;color:#f5f9fc;border-color:#1b3343;box-shadow:none}
html:root body :is(.portal-section>header,.panel-head,th){background:#0b1c2a;color:#c3d6e4;border-color:#1b3343}
html:root body :is(td,tr){border-color:#1b3343}
html:root body tbody tr:hover{background:#102333}
html:root body .portal-secure-mark{background:#102e40;border-color:#375368}
html:root body :is(.portal-account button,.nav-link){background:#102333;color:#e2edf5;border-color:#375368}
html:root body :is(.portal-lang-menu,.portal-lang-picker select,.portal-lang-picker option){background:#081521;color:#f5f9fc;border-color:#375368}
html:root body .portal-main{background:#020811;color:#f5f9fc}
html:root body :is(.portal-main label,.portal-main input,.portal-main select,.portal-main textarea){color:#f5f9fc}
html:root body .portal-page-head h1{font-family:'Work Sans',Arial,sans-serif}
html:root body .portal-sidebar .portal-merchant{background:#081521;border-color:#1b3343}
html:root body .portal-sidebar .portal-nav-group summary{color:#f5f9fc}
html:root body .portal-sidebar .portal-nav-group summary small{color:#a8bac7}
html:root body .portal-sidebar nav a.active{background:#102e40;color:#8ad4ed}
html:root body .portal-sidebar .portal-sidebar-foot span{color:#a8bac7}
html:root body .fields input,html:root body .kyc-field input,html:root body .kyc-field select,html:root body .kyc-field textarea{background:#07111c;color:#f5f9fc;border-color:#375368}
html:root body #country-results button{background:#081521;color:#f5f9fc;border-color:#1b3343}
html:root body #country-results button:hover,html:root body #country-results button[aria-selected=true]{background:#102e40}
html:root body #country-results :is(small,code,p){color:#a8bac7}
html:root body .wv-language summary{color:#8ad4ed;border-color:#375368;background:#102333}
html:root body .wv-language nav{background:#081521;border-color:#375368}
html:root body .wv-language a{color:#f5f9fc}
html:root body .wv-language a:hover,html:root body .wv-language a[aria-current]{background:#102e40;color:#8ad4ed}
html:root body .portal-brand img{border:0;border-radius:0}
html:root body .portal-section th{font-size:12px;font-weight:500;padding:12px 10px}
html:root body .portal-section td{font-size:14px;padding:12px 10px}
html:root body .portal-main label{font-size:13px}
html:root body .portal-main :is(input,select,textarea){font-size:14px}
html:root body .portal-topbar span,html:root body .portal-sidebar .portal-merchant :is(span,small){font-size:12px}