/* Final high-specificity presentation layer. The legacy key `blue-tech` is
   intentionally retained so saved preferences upgrade to Light mode. */
html[data-theme="blue-tech"],body[data-theme="blue-tech"]{
  --bg:#f7f4ec!important;--bg-soft:#fff!important;--panel:#fff!important;--panel-2:#f0ece2!important;--card:#fff!important;--card2:#f0ece2!important;--surface:#fff!important;
  --text:#181812!important;--text-soft:#37372f!important;--soft:#37372f!important;--ink:#181812!important;--muted:#68685f!important;--accent:#a9780f!important;--accent-light:#c99a28!important;--accent-rgb:169,120,15!important;
  --border:rgba(37,34,24,.14)!important;--line:rgba(37,34,24,.14)!important;--accent-border:rgba(169,120,15,.34)!important;--button-text:#fff!important;
  --theme-bg:#f7f4ec!important;--theme-bg-2:#fff!important;--theme-panel:#fff!important;--theme-panel-2:#f0ece2!important;--theme-text:#181812!important;--theme-text-soft:#37372f!important;--theme-soft:#37372f!important;--theme-muted:#68685f!important;
  --theme-primary:#9c6e0b!important;--theme-primary-2:#bd8d1f!important;--theme-primary-hover:#bd8d1f!important;--theme-border:rgba(37,34,24,.14)!important;--theme-border-soft:rgba(37,34,24,.1)!important;--theme-input:#fff!important;--theme-button-text:#fff!important;--theme-hover:rgba(169,120,15,.08)!important;
  color:#181812!important;background:#f7f4ec!important;color-scheme:light
}
html[data-theme="blue-tech"] body{color:#181812!important;background:#f7f4ec!important}
html[data-theme="blue-tech"] body:before{opacity:.24!important}
html[data-theme="blue-tech"] :is(header,.topbar,.login-card,.dashboard-card,.admin-card,.account-card,.wallet-card,.orders-card,.table-card,.modal,.modal-card,.bk-platform-section){background:#fff!important;color:#181812!important;border-color:rgba(37,34,24,.14)!important;box-shadow:0 20px 55px rgba(40,34,18,.08)!important}
html[data-theme="blue-tech"] :is(input,select,textarea){background:#fff!important;color:#181812!important;border-color:rgba(37,34,24,.2)!important}
html[data-theme="blue-tech"] :is(p,small,.small-muted,.description,.dashboard-subtitle){color:#68685f!important}
html[data-theme="blue-tech"] :is(.bk-main-nav,.bk-global-navigation,#mainNavigation.bk-admin-nav-open){background:#fff!important;color:#181812!important}
html[data-theme="blue-tech"] .theme-dot.blue{background:#fff!important;border:1px solid #7d7b72!important;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #a3a198!important}
.global-theme-popup button,.theme-option{font-size:14px!important}.login-card label{font-size:15px!important}.login-card input{font-size:17px!important}.login-card .description{font-size:16px!important}.login-card .create{font-size:15px!important}.login-card .guest{display:flex!important;font-size:15px!important}.brakobby-credit{left:20px!important;right:20px!important;bottom:22px!important;text-align:center!important}
.dashboard-card small{font-size:13px!important}.dashboard-card a{font-size:15px!important}.dashboard-actions a{min-height:56px!important;font-size:16px!important}.support-prompt,#askSupport{font-size:15px!important}.service-status{font-size:14px!important}
.admin-main th{font-size:12px!important}.admin-main td{font-size:15px!important}.admin-main .small-muted,.admin-main .badge{font-size:12px!important}.admin-button{font-size:14px!important}
.guest-email-row strong{display:block;overflow-wrap:anywhere;color:var(--gold,#b88718);font-size:15px}.guest-email-row small{display:block;margin-top:6px;color:var(--muted,#777);font-size:13px;line-height:1.5}
@media(max-width:850px){body{font-size:18px!important;line-height:1.62!important}:is(p,li,label,a,button,input,select,textarea){font-size:max(16px,1em)!important}.dashboard-card small,.admin-main th,.admin-main .badge,.admin-main .small-muted,small{font-size:13px!important}.dashboard-actions a{font-size:17px!important}.admin-main td{font-size:15px!important}.global-theme-popup button{font-size:15px!important}}

@media(max-width:850px){html body small,html body .small-muted,html body .badge,html body .eyebrow,html body .stat-label,html body .bk-payment-eyebrow,html body .bk-payment-description,html body .bk-payment-summary span,html body .bk-payment-summary strong,html body .bk-payment-option strong,html body .bk-payment-option small,html body .bk-payment-status{font-size:15px!important;line-height:1.5!important}.admin-main td{font-size:16px!important}.admin-main th{font-size:15px!important}.global-theme-popup button{font-size:16px!important}}

@media(max-width:850px){html body .announcement-label,html body .announcement-text,html body .service-status,html body .bundle-network-name,html body .bundle-count,html body .bundle-search input,html body .bundle-valid,html body .bundle-price,html body .bundle-selected,html body .bundle-empty,html body .recipient-label,html body .summary-title,html body .summary-item small,html body .summary-item strong,html body .continue-button,html body .support-text,html body .back,html body .subtitle,html body .card-head strong,html body .row,html body .agent-label,html body .agent-note,html body .method-title,html body .method-sub,html body .pay-button,html body .notice,html body .state,html body .footer,html body .guest-email-row label{font-size:15px!important;line-height:1.5!important}}

/* Light mode — homepage-specific cards and copy use their own legacy CSS,
   so set their colours explicitly instead of leaving a dark glass overlay. */
html[data-theme="blue-tech"] .bk-home{color:#181812!important;background:radial-gradient(circle at 80% 10%,rgba(201,154,40,.14),transparent 32%),#f7f4ec!important}
html[data-theme="blue-tech"] .bk-home .bk-header{background:rgba(255,255,255,.9)!important;border-color:rgba(37,34,24,.14)!important}
html[data-theme="blue-tech"] .bk-home :is(.bk-hero h1,.bk-section-heading h2,.bk-network h3,.bk-feature h3,.bk-cta h2,.bk-trust-item strong,.bk-dashboard-title strong,.bk-data-card strong){color:#181812!important}
html[data-theme="blue-tech"] .bk-home :is(.bk-hero-description,.bk-section-heading p,.bk-network p,.bk-feature p,.bk-cta p,.bk-trust-item span,.bk-dashboard-title span,.bk-balance-label,.bk-data-card small,.bk-network-code){color:#5e5d55!important}
html[data-theme="blue-tech"] .bk-home .bk-hero h1 .accent{color:#a9780f!important}
html[data-theme="blue-tech"] .bk-home :is(.bk-dashboard-card,.bk-network,.bk-feature,.bk-trust,.bk-cta){background:linear-gradient(145deg,#fff,#f2eee4)!important;border-color:rgba(37,34,24,.15)!important;box-shadow:0 22px 55px rgba(61,48,17,.12)!important}
html[data-theme="blue-tech"] .bk-home .bk-dashboard-top{border-color:rgba(37,34,24,.14)!important}
html[data-theme="blue-tech"] .bk-home .bk-data-card,html[data-theme="blue-tech"] .bk-home .bk-quick{background:#fff!important;border-color:rgba(37,34,24,.14)!important;color:#181812!important}
html[data-theme="blue-tech"] .bk-home .bk-quick.primary{background:#a9780f!important;color:#fff!important}
html[data-theme="blue-tech"] .bk-home :is(.bk-theme-toggle,.bk-theme-menu){background:#fff!important;color:#181812!important;border-color:rgba(37,34,24,.16)!important}
html[data-theme="blue-tech"] .bk-home .bk-theme-menu button{color:#181812!important}

/* Always-available network status on the customer dashboard. */
.bk-network-float{position:fixed;right:22px;bottom:22px;z-index:1000;width:min(340px,calc(100vw - 32px));padding:16px;border:1px solid var(--accent-border,rgba(231,185,73,.35));border-radius:16px;background:var(--panel,#121312);color:var(--text,#f8f5ed);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.bk-network-float-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bk-network-float-head strong{font-size:14px}.bk-network-float-head a{color:var(--accent,#e7b949);font-size:12px;font-weight:800;text-decoration:none}.bk-network-float-list{display:grid;gap:8px;margin-top:12px}.bk-network-float-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;background:var(--panel-2,rgba(255,255,255,.04));font-size:12px}.bk-network-float-row span{display:flex;align-items:center;gap:7px}.bk-network-float-dot{width:8px;height:8px;border-radius:50%;background:#36d991;box-shadow:0 0 0 4px rgba(54,217,145,.12)}.bk-network-float-row.delaying .bk-network-float-dot{background:#ffb847;box-shadow:0 0 0 4px rgba(255,184,71,.15)}.bk-network-float-row b{font-size:10px;color:#36d991}.bk-network-float-row.delaying b{color:#c77f10}.bk-network-float small{display:block;margin-top:10px;color:var(--muted,#999);font-size:10px}
html[data-theme="blue-tech"] .bk-network-float{background:#fff!important;color:#181812!important;border-color:rgba(37,34,24,.16)!important;box-shadow:0 18px 44px rgba(61,48,17,.15)!important}html[data-theme="blue-tech"] .bk-network-float-row{background:#f4f0e7!important;color:#181812!important}html[data-theme="blue-tech"] .bk-network-float small{color:#5e5d55!important}
@media(max-width:600px){.bk-network-float{right:12px;bottom:12px;width:calc(100vw - 24px);padding:13px}.bk-network-float-row{padding:8px;font-size:11px}}

.bk-network-float-row.checking .bk-network-float-dot{background:#a7a7a0;box-shadow:0 0 0 4px rgba(167,167,160,.12)}.bk-network-float-row.checking b{color:#a7a7a0}

/* Shared accessible password visibility control and registration theme switch. */
.bk-password-input{position:relative;width:100%}.bk-password-input input{padding-right:76px!important}.bk-password-toggle{position:absolute;top:50%;right:9px;transform:translateY(-50%);min-height:34px;padding:0 10px;border:1px solid var(--theme-border,var(--border));border-radius:8px;background:transparent;color:var(--theme-primary,var(--accent));font:800 12px/1 Arial,sans-serif;cursor:pointer}.bk-password-toggle:hover{background:var(--theme-hover,rgba(231,185,73,.1))}.bk-register-theme{position:fixed;top:18px;right:18px;z-index:1000;min-width:190px}.bk-register-theme .theme-switcher{margin:0;padding:6px;border:1px solid var(--theme-border,var(--border));border-radius:13px;background:var(--theme-panel,var(--panel));box-shadow:0 12px 35px rgba(0,0,0,.2)}.bk-register-theme .theme-option{font-size:12px!important}@media(max-width:600px){.bk-register-theme{top:10px;right:10px;min-width:164px}.bk-register-theme .theme-option{font-size:11px!important;padding:8px!important}}

/* Registration uses the older auth markup, so give it the active two-theme
   palette explicitly. This prevents pale type being placed on a pale card. */
.auth-page{background:var(--theme-bg,#080909)!important;color:var(--theme-text,#f7f4ec)!important}
.auth-page .auth-card{background:linear-gradient(145deg,var(--theme-panel,#111311),var(--theme-panel-2,#151715))!important;color:var(--theme-text,#f7f4ec)!important;border-color:var(--theme-border-soft,rgba(255,255,255,.1))!important}
.auth-page .auth-card h1{color:var(--theme-text,#f7f4ec)!important}
.auth-page .auth-card :is(p,.auth-switch){color:var(--theme-text-soft,#d9d6ce)!important}
.auth-page .auth-card :is(label,small){color:var(--theme-text-soft,#d9d6ce)!important}
.auth-page .auth-card input{background:var(--theme-input,#0d0f0e)!important;color:var(--theme-text,#f7f4ec)!important;border-color:var(--theme-border-soft,rgba(255,255,255,.1))!important}
.auth-page .auth-card input::placeholder{color:var(--theme-muted,#949991)!important;opacity:1}
.auth-page .auth-card input:-webkit-autofill{-webkit-text-fill-color:var(--theme-text,#f7f4ec)!important;box-shadow:0 0 0 1000px var(--theme-input,#0d0f0e) inset!important}
.auth-page .auth-card .auth-switch a{color:var(--theme-primary,#e7b949)!important}

/* This is a compact field control, not a form action button. Keep its position
   and size stable even where legacy rules enlarge or animate every button. */
.auth-page .bk-password-input{position:relative!important;display:block!important;width:100%!important}
.auth-page .bk-password-input input{display:block!important;width:100%!important;padding-right:72px!important}
.auth-page .bk-password-toggle,.auth-page .bk-password-toggle:hover,.auth-page .bk-password-toggle:focus{position:absolute!important;top:50%!important;right:9px!important;bottom:auto!important;left:auto!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;box-sizing:border-box!important;border:1px solid var(--theme-border,var(--border))!important;border-radius:8px!important;background:var(--theme-panel,var(--panel))!important;color:var(--theme-primary,var(--accent))!important;font:800 12px/1 Arial,sans-serif!important;letter-spacing:0!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;cursor:pointer!important}
