/* Navigation/auth specificity and mobile contrast fixes, 2026-09-11. */
.route-hidden,
body.role-customer [data-auth].route-hidden,
body.role-banker [data-auth].route-hidden{
  display:none!important;
}

@media(max-width:850px){
  .mobile-nav{z-index:2002!important;pointer-events:auto!important;touch-action:manipulation}
}
.app-overview>header{
  position:static;
  z-index:auto;
  width:auto;
  height:auto;
  padding:0;
  background:transparent;
  border:0;
  backdrop-filter:none;
}
.customer-history-title{display:none}
.overview-menu a:has(.overview-menu-icon){display:grid;grid-template-columns:auto 1fr auto;gap:14px}
.overview-menu-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#9bd52d;color:#14251f;font-style:normal;font-size:22px}
.overview-actions button{min-height:170px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;color:inherit;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font:inherit;box-shadow:0 14px 40px #073b3009;transition:.2s;cursor:pointer}.overview-actions button:hover{transform:translateY(-3px);border-color:var(--green)}.overview-actions button span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--deep);color:var(--lime);font-size:23px;margin-bottom:auto}.overview-actions button b{font-size:19px;margin-top:20px}.overview-actions button small{color:#71817c;margin-top:5px}.overview-actions .mainframe-status-icon{font-size:16px}
#overviewMainframeStatus[data-status="ok"] .mainframe-status-icon{background:#9bd52d;color:#14251f;box-shadow:none}#overviewMainframeStatus[data-status="slow"] .mainframe-status-icon,#overviewMainframeStatus[data-status="checking"] .mainframe-status-icon{background:#f2a62b;color:#321c00;box-shadow:0 0 0 7px #f2a62b18}#overviewMainframeStatus[data-status="down"] .mainframe-status-icon{background:#ef5864;color:#31060a;box-shadow:0 0 0 7px #ef586418}#overviewMainframeStatus[data-status="checking"] .mainframe-status-icon{animation:mainframe-status-pulse 1s ease-in-out infinite alternate}@keyframes mainframe-status-pulse{to{opacity:.55}}
.overview-btc-account .overview-btc-balance{display:grid;gap:4px;justify-items:end}.overview-btc-account .overview-btc-balance>b{color:var(--deep);white-space:nowrap}.overview-btc-account .overview-btc-balance>small{font-size:11px;font-weight:700;white-space:nowrap;color:#9eb0aa}
.is-loading::before{content:'✿';display:inline-grid;place-items:center;width:1.15em;height:1.15em;margin-right:.55em;color:#9bd52d;font-size:1.05em;line-height:1;transform-origin:50% 50%;animation:mfbank-flower-spin 1.15s linear infinite}
@keyframes mfbank-flower-spin{to{transform:rotate(360deg)}}
/* Keep the mainframe flower visibly alive on both desktop and mobile. */
.is-loading::before{will-change:transform;animation:mfbank-flower-spin 1s linear infinite!important}
body[data-page="history"] #customers>.title,
body[data-page="history"] #customers .customer-profile,
body[data-page="history"] #customers .customer-payment-alerts,
body[data-page="history"] #customers .journey-heading,
body[data-page="history"] #customers .account-row>.balance,
body[data-page="history"] #customers .account-row>.account-meta,
body[data-page="history"] #customers .account-row>.account-actions{display:none!important}
body[data-page="history"] #customers .customer-history-title{display:block}
body[data-page="history"] #customers .customer-journey{margin-top:18px}
@media(max-width:850px){
body[data-page="history"] #customers .account-row{background:#0e201c;border-color:#ffffff20;color:#f4faf7;box-shadow:none}
body[data-page="history"] #customers .account-row>header b{color:#f4faf7}
body[data-page="history"] #customers .account-row>header span{color:#9eb0aa}
body[data-page="history"] #customers .account-history{border-color:#ffffff1c}
body[data-page="history"] #customers .account-history>b{color:#9bd52d}
body[data-page="history"] #customers .transaction-row{background:transparent;border-color:#ffffff16;color:#f4faf7}
body[data-page="history"] #customers .transaction-row span>b{color:#45d0a5}
body[data-page="history"] #customers .transaction-row small{color:#a8bab4}
body[data-page="history"] #customers .transaction-row small.transaction-reference{color:#82958f}
body[data-page="history"] #customers .transaction-row strong{color:#9bd52d}
body[data-page="history"] #customers .transaction-row strong.negative{color:#ff737d}
body[data-page="history"] #customers .account-history-pager button{border-color:#ffffff25;background:#1a2d29;color:#c9f45d}
body[data-page="history"] #customers .account-history-pager span{color:#a8bab4}
}

/* Match the desktop success confirmation: visible above the mobile shell. */
@media(max-width:850px){#toast{z-index:1001;bottom:calc(92px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);padding:13px 16px;border:1px solid #dfcaff;border-radius:14px;background:linear-gradient(135deg,#57318e,#7b42b6);font-size:14px;font-weight:400;line-height:1.35;box-shadow:0 18px 48px #31125770}}
@media(max-width:850px){
  body:not(.authenticated) .mobile-nav{display:none!important}
  body.authenticated .hero{display:none!important}
  .hero-login h2{color:#123c32!important}
  .hero-login p{color:#4f625d}
  .hero-login{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  .hero-login h2{color:#f4faf7!important}
  .hero-login p,.hero-login label,.hero-login .login-form small{color:#a8bab4!important}
  .hero-login .demo-login-picker{background:#1a2d29!important;border-color:#ffffff1c!important;color:#f4faf7!important}
  .hero-login .demo-login-picker label{color:#f4faf7!important}
  .hero-login input,.hero-login select{background:#1a2d29!important;border-color:#ffffff25!important;color:#f4faf7!important}
  .hero-login input::placeholder{color:#82958f!important}
  body>header{height:64px;padding:0 18px;background:#0e201cf2;border-color:#ffffff16;color:#fff}
  body>header .auth-identity{padding:0;border:0;background:transparent}
  body>header .auth-identity button{
    min-height:40px;
    padding:8px 13px;
    border:1px solid #9bd52d80;
    border-radius:12px;
    background:#17332c;
    color:#c9f45d;
    box-shadow:none;
    font-size:13px;
    font-weight:800;
  }
  body>header .auth-identity button:active{background:#21453b;transform:scale(.98)}
  body>header .lang-switch{background:#1a2d29;border-color:#ffffff25;box-shadow:none}
  body>header .lang-switch button{background:transparent;color:#a8bab4;box-shadow:none}
  body>header .lang-switch button.active{background:#0b5946;color:#c9f45d;box-shadow:none}
  .app-overview{padding:26px 18px 34px}
  .app-overview>header{display:block;margin:0 0 35px}
  .app-overview>header h2{margin:6px 0 12px;line-height:1.12}
  .overview-accounts{margin:0 0 18px}
  .overview-accounts>p{margin:0;padding:18px;border:1px solid #ffffff13;border-radius:18px;background:#1a2d29;color:#9eb0aa}
  .overview-accounts h3{margin:0 0 10px;color:#fff;font-size:20px}
  .overview-accounts>div{display:grid;gap:9px}
  .overview-accounts a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #ffffff13;border-radius:17px;background:#1a2d29;color:#fff;text-decoration:none}
  .overview-accounts a span{display:grid;gap:4px}
  .overview-accounts a small{color:#9eb0aa}
  .overview-accounts a strong{color:#c9f45d;text-align:right}
  .overview-state{position:static;display:flex;align-items:center;margin:0;color:#a8bab4}
  .overview-actions a{justify-content:flex-start}
  .overview-actions button{min-height:138px;padding:17px;justify-content:flex-start;border-color:#ffffff20;background:#0e201c;color:#fff;box-shadow:none}
  .overview-actions span{flex:0 0 44px;margin-bottom:10px}
  .overview-actions button span{width:44px;height:44px;flex:0 0 44px;margin-bottom:10px;background:#9bd52d;color:#14251f}
  .overview-actions b{margin-top:0;line-height:1.25}
  .overview-actions button b{font-size:17px;margin-top:0;line-height:1.25}
  .overview-actions small{line-height:1.4}
  .overview-actions button small{color:#9eb0aa;line-height:1.4}
  /* Keep the overview on the same dark surface system as Accounts and Pay. */
  .overview-accounts>p,
  .overview-accounts a,
  .overview-actions a,
  .overview-menu{
    background:#0e201c!important;
    border-color:#ffffff20!important;
    box-shadow:none!important;
  }
  .app-overview>header small{font:700 11px monospace;letter-spacing:.14em;color:#00a878}
  .app-overview>header h2{font-size:30px;color:#fff}
  #dialog form>.actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);
    gap:10px;
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  #dialog form>.actions .btn{width:100%;min-width:0;min-height:52px;padding:12px 10px}
  #bitcoin .btc-card,
  #bitcoin .btc-price-card,
  #bitcoin .btc-access,
  #bitcoin .btc-movements,
  .btc-overview{color:#093d32}
  #bitcoin .btc-wallet{color:#fff}
  #bitcoin .btc-heading h2{color:#fff}
  #bitcoin .btc-card,#bitcoin .btc-access,#bitcoin .btc-context-help,#bitcoin .btc-overview{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  #bitcoin .btc-card h3,#bitcoin .btc-access b,#bitcoin .btc-big{color:#f4faf7!important}
  #bitcoin .btc-caption,#bitcoin .btc-footnote,#bitcoin .btc-access span,#bitcoin .btc-access p,#bitcoin .btc-note,#bitcoin .btc-trade-main small,#bitcoin .btc-trade-value small{color:#a8bab4!important}
  #bitcoin .btc-range{background:#1a2d29!important}
  #bitcoin .btc-range button{color:#a8bab4!important}
  #bitcoin .btc-range button[aria-pressed="true"]{background:#29433d!important;color:#c9f45d!important;box-shadow:none!important}
  #bitcoin .btc-trade-row{border-color:#ffffff18!important}
  #bitcoin select,#bitcoin input{background:#1a2d29!important;border-color:#ffffff25!important;color:#f4faf7!important}
  #bitcoin .btn:not(.green){background:#1a2d29!important;border-color:#ffffff25!important;color:#f4faf7!important}
  #standing .btc-context-help,#payments .btc-context-help,#payments .merchant-payment-method,#dialog .btc-context-help,#dialog .merchant-payment-method{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important}
  #standing .btc-context-help span,#standing .btc-context-help b,
  #payments .btc-context-help span,#payments .btc-context-help b,
  #transferSourceControl .btc-context-help,#transferSourceControl .btc-context-help span,
  #dialog .btc-context-help b,#dialog .btc-context-help span,#dialog .merchant-payment-method>span{color:#f4faf7!important}
  #dialog .merchant-payment-method small{color:#a8bab4!important}
  #standing .btc-context-help button,#payments .btc-context-help button,#payments .merchant-payment-method .btn,#dialog .btc-context-help button,#dialog .merchant-payment-method .btn{background:#1a2d29!important;border-color:#ffffff25!important;color:#c9f45d!important}
  #standing .standing-card{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  #standing .standing-card dl{background:#1a2d29!important;color:#f4faf7!important}
  #standing .standing-card dt,#standing .standing-card p,#standing .standing-card header small,#standing .standing-card dd small{color:#a8bab4!important}
  #standing .standing-card footer button,#standing .standing-toolbar .btn:not(.green){background:#1a2d29!important;border-color:#ffffff25!important;color:#c9f45d!important}
  #standing .standing-card footer button.danger{background:#47252a!important;color:#ff9aa2!important}
  #standing .standing-card footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;justify-content:stretch!important;flex-wrap:nowrap!important}
  #standing .standing-card footer button{width:100%;min-width:0;min-height:42px;padding:9px 5px!important;font-size:12px;line-height:1.15;white-space:nowrap}
  #standing .standing-card mark{background:#21453b!important;color:#c9f45d!important}
  #standing .standing-timeline{display:grid;gap:10px;padding:18px;background:#0e201c!important;border:1px solid #ffffff20!important;border-radius:20px;color:#f4faf7!important;box-shadow:none!important}
  #standing .standing-timeline-heading{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 4px!important;padding:0 2px 14px!important;background:transparent!important;border:0!important;border-bottom:1px solid #ffffff16!important;backdrop-filter:none!important;color:#f4faf7!important}
  #standing .standing-timeline-heading h3{margin:0 0 6px;color:#f4faf7;font-size:20px;line-height:1.2}
  #standing .standing-timeline-heading p{margin:0;color:#a8bab4;font-size:12px;line-height:1.5}
  #standing .standing-instance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:14px;background:#1a2d29;border:1px solid #ffffff16!important;border-radius:15px}
  #standing .standing-instance-main{display:flex;gap:11px;min-width:0}
  #standing .standing-instance-main>div{display:grid;gap:4px;min-width:0}
  #standing .standing-instance-main b{color:#f4faf7;font-size:14px;overflow-wrap:anywhere}
  #standing .standing-instance-main small{color:#b8cbc5!important;font-size:11px;line-height:1.45}
  #standing .standing-instance-main p{margin:0;color:#d8e5e1;font-size:12px;line-height:1.45}
  #standing .standing-instance-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ffffff14;color:#fff;font-weight:900}
  #standing .standing-instance-icon.ok{background:#00a878;color:#fff}
  #standing .standing-instance-icon.bad{background:#7e2931;color:#ffbbc0}
  #standing .standing-instance>mark{white-space:nowrap;text-transform:none;font-family:inherit;font-size:10px}
  #standing .standing-instance>details{grid-column:1/-1;color:#a8bab4;font-size:10px}
  #standing .standing-instance>details summary{cursor:pointer;color:#c9f45d}
  #standing .standing-instance>details code{display:block;margin-top:6px;color:#91a69f;overflow-wrap:anywhere}
  #payments .payment-action{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  #payments .action-copy p,#payments .active-customer-note{color:#a8bab4!important}
  #payments input,#payments select{background:#1a2d29!important;border-color:#ffffff25!important;color:#f4faf7!important}
  dialog,dialog.standing-dialog,#btc-trade-dialog,#btc-transfer-dialog{background:#0e201c!important;border:1px solid #ffffff20!important;color:#f4faf7!important;box-shadow:0 28px 90px #000b!important}
  dialog form,dialog h2,dialog label,dialog .dialog-title{color:#f4faf7!important}
  dialog .dialog-title code,dialog small,dialog p,dialog dt,dialog .btc-trade-disclaimer{color:#a8bab4!important}
  dialog input,dialog select,dialog textarea,#btc-trade-fields input,#btc-trade-fields select,#btc-transfer-dialog input,.standing-fields input,.standing-fields select{background-color:#1a2d29!important;border-color:#ffffff25!important;color:#f4faf7!important}
  dialog input::placeholder,dialog textarea::placeholder{color:#82958f!important}
  dialog .transfer-assist,dialog .recipient-verified,dialog .fx-quote,dialog .payment-notes,dialog .btc-x-recipient,dialog .btc-x-summary,#btc-trade-quote dl,.standing-recipient{background:#152925!important;border-color:#ffffff1c!important;color:#f4faf7!important}
  dialog .recipient-modes{background:#1a2d29!important}
  dialog .recipient-modes button{color:#a8bab4!important}
  dialog .recipient-modes button.active{background:#0b5946!important;color:#c9f45d!important}
  dialog .amount-quick button,dialog .btc-x-percent button,dialog .btn:not(.green),.standing-dialog .btn:not(.green){background:#1a2d29!important;border-color:#ffffff25!important;color:#c9f45d!important}
  dialog .x,dialog .btc-x-close,dialog .btc-trade-close,.standing-dialog header button{color:#c9f45d!important;border:0!important;outline:none!important}
  dialog .x:focus-visible,dialog .btc-x-close:focus-visible,dialog .btc-trade-close:focus-visible,.standing-dialog header button:focus-visible{outline:2px solid #c9f45d!important;outline-offset:2px!important}
  dialog #warning{background:#3a321d!important;border-color:#c9a83f66!important;color:#f6da7a!important}
  #customers .account-row{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  #customers .account-row>header b,#customers .account-row>.balance{color:#f4faf7!important}
  #customers .account-row>header span,#customers .available,#customers .cache-stamp{color:#a8bab4!important}
  #customers .interest-rate{background:#1a2d29!important;color:#a8bab4!important}
  #customers .interest-rate b{color:#c9f45d!important}
  #customers .account-actions button{background:#1a2d29!important;border:1px solid #ffffff20!important;color:#c9f45d!important}
  #customers .account-actions button.pay{background:#00a878!important;border-color:#00a878!important;color:#fff!important}
  #customers .account-history{border-color:#ffffff1c!important}
  #customers .account-history>b{color:#9bd52d!important}
  #customers .transaction-row{background:transparent!important;border-color:#ffffff16!important;color:#f4faf7!important}
  #customers .transaction-row:hover,#customers .transaction-row:focus-visible{background:#1a2d29!important}
  #customers .transaction-row span>b{color:#45d0a5!important}
  #customers .transaction-row small{color:#a8bab4!important}
  #customers .transaction-row small.transaction-reference{color:#82958f!important}
  #customers .transaction-row strong{color:#9bd52d!important}
  #customers .transaction-row strong.negative{color:#ff737d!important}
  #customers .account-history-pager button{border-color:#ffffff25!important;background:#1a2d29!important;color:#c9f45d!important}
  #customers .account-history-pager span{color:#a8bab4!important}
  #customers .btc-overview .btn:not(.green),
  #customers .btc-overview button:not(.green),
  #customers .btc-transfer-actions>.btn:not(.green){background:#1a2d29!important;border:1px solid #ffffff25!important;color:#c9f45d!important;box-shadow:none!important}
  #customers .btc-overview .btn.green,#customers .btc-overview button.green{background:#00a878!important;border-color:#00a878!important;color:#fff!important}
  #customers .btc-overview select{background-color:#1a2d29!important;border-color:#ffffff35!important;color:#f4faf7!important}
  #customers .btc-receive-preference,#customers .btc-transfer-actions{border-color:#ffffff1c!important}
  #customers .btc-receive-preference span,#customers .btc-transfer-actions small,#customers .btc-overview-note{color:#a8bab4!important}
  select{
    -webkit-appearance:none;
    appearance:none;
    color-scheme:dark;
    padding-right:42px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c9f45d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 13px center!important;
    background-size:18px 18px!important;
  }
  select:not([multiple]){
    -webkit-appearance:none!important;
    appearance:none!important;
    padding-right:44px!important;
    background-color:#1a2d29!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23d8ff72' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 14px center!important;
    background-size:20px 20px!important;
  }
  #merchantAccountControl>label:has(>select),#transferSourceControl>label:has(>select){position:relative}
  #merchantAccountControl>label:has(>select)::after,#transferSourceControl>label:has(>select)::after{
    content:'⌄';
    position:absolute;
    right:17px;
    bottom:18px;
    z-index:2;
    color:#d8ff72;
    font-size:25px;
    font-weight:900;
    line-height:1;
    pointer-events:none;
  }
  .role-banker .workspace .quick,
  .role-banker .workspace .card,
  .role-banker .workspace .context-card,
  .role-banker .workspace .history-filters,
  .role-banker .workspace .history-table,
  .role-banker .workspace .bulk-card,
  .role-banker .workspace .bulk-status,
  .role-banker .cache-controls{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  .role-banker .workspace input,
  .role-banker .workspace select,
  .role-banker .workspace textarea{background-color:#1a2d29!important;border-color:#ffffff25!important;color:#f4faf7!important}
  .role-banker .workspace input::placeholder,.role-banker .workspace textarea::placeholder{color:#82958f!important}
  .role-banker .workspace label,
  .role-banker .workspace .active-customer-note,
  .role-banker .workspace .history-item small,
  .role-banker .workspace .bulk-head label,
  .role-banker .workspace .bulk-row label,
  .role-banker .workspace .bulk-actions span,
  .role-banker .workspace .bulk-status-head small,
  .role-banker .cache-controls p,.role-banker .cache-controls small{color:#a8bab4!important}
  .role-banker .workspace .btn:not(.green),.role-banker .workspace .links button{background:#1a2d29!important;border:1px solid #ffffff25!important;color:#c9f45d!important;box-shadow:none!important}
  .role-banker .workspace .links button.danger,.role-banker .workspace .btn.danger{background:#47252a!important;color:#ff9aa2!important}
  .role-banker #grid .api{background:#1a2d29!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  .role-banker #grid .api strong{color:#f4faf7!important}
  .role-banker #grid .api small,.role-banker #grid .api code{color:#a8bab4!important}
  .role-banker .history-head{background:#16342d!important;color:#c9f45d!important}
  .role-banker .history-item{background:#0e201c!important;border-color:#ffffff16!important;color:#f4faf7!important}
  .role-banker .history-item code{color:#45d0a5!important}
  .role-banker .history-empty{color:#a8bab4!important}
  .role-banker .history-error{background:#47252a!important;color:#ff9aa2!important}
  .role-banker .bulk-preview{background:#0e201c!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  .role-banker .bulk-head,.role-banker .bulk-row,.role-banker .bulk-items td{border-color:#ffffff16!important}
  .role-banker .bulk-batch{background:#1a2d29!important;border-color:#ffffff16!important;color:#f4faf7!important}
  .role-banker .bulk-state{background:#254038!important;color:#c9f45d!important}
  .role-banker .bulk-state.FAILED,.role-banker .bulk-state.PARTIAL{background:#47252a!important;color:#ff9aa2!important}
  .role-banker .bulk-remove{background:#47252a!important;color:#ff9aa2!important}
  .merchant-tile{background:#1a2d29!important;border-color:#ffffff20!important;color:#f4faf7!important}
  .merchant-tile.active{background:#21453b!important;border-color:#9bd52d!important;color:#c9f45d!important}
  .mobile-nav a:not([data-auth]),
  .role-banker .mobile-nav a[data-auth="banker"],
  .role-banker .mobile-nav a[data-auth="authenticated"],
  .role-customer .mobile-nav a[data-auth="authenticated"]{display:flex!important;min-width:0;padding:3px 2px;text-align:center}
  .mobile-nav a span{display:flex;align-items:center;justify-content:center;height:24px;margin:0;line-height:24px}
  .mobile-nav a b{display:flex;align-items:center;justify-content:center;min-height:26px;margin:0;font-size:11px;line-height:1.15}
  .mobile-nav a.primary span{display:flex;width:auto;height:24px;margin:0;border-radius:0;background:transparent;color:inherit;font-size:24px;box-shadow:none}
  .mobile-nav a.primary b{margin:0}

  .transaction-detail-page{background:#0e201c!important;color:#f4faf7!important}
  .transaction-detail-back{background:#1a2d29!important;border-color:#ffffff25!important;color:#c9f45d!important}
  .transaction-detail-field{background:#1a2d29!important;border-color:#ffffff20!important;color:#f4faf7!important;box-shadow:none!important}
  .transaction-detail-field small{color:#a8bab4!important}
  .transaction-detail-field strong{color:#f4faf7!important}
  .transaction-detail-hero{border:1px solid #ffffff18!important;box-shadow:none!important}
  .transaction-json{border-color:#ffffff20!important;box-shadow:none!important}
  .transaction-detail-actions .btn:not(.green){background:#1a2d29!important;border-color:#ffffff25!important;color:#c9f45d!important}
  /* Overview account tints: colour is deliberately subdued against the dark mobile surface. */
  .overview-accounts .overview-account-usd{background:linear-gradient(110deg,#12372d 0%,#0e201c 66%)!important;border-color:#286049!important}
  .overview-accounts .overview-account-saving-usd{background:linear-gradient(110deg,#393116 0%,#0e201c 66%)!important;border-color:#6c5d28!important}
  .overview-accounts .overview-account-eur{background:linear-gradient(110deg,#142f44 0%,#0e201c 66%)!important;border-color:#2d5c79!important}
  .overview-accounts .overview-account-czk{background:linear-gradient(110deg,#3a2027 0%,#0e201c 66%)!important;border-color:#783d48!important}
  .overview-accounts .overview-btc-account{background:linear-gradient(110deg,#3c2919 0%,#0e201c 66%)!important;border-color:#7d542c!important}
  .overview-accounts .overview-btc-account .overview-btc-balance>b{color:#c9f45d!important}
  body:not(.authenticated) .metrics{display:grid;grid-template-columns:1fr;transform:none;padding:0 18px 22px}body:not(.authenticated) .metrics article{display:none}body:not(.authenticated) .metrics article:last-child{display:flex;padding:17px 18px;border:1px solid #7d542c;border-radius:16px;background:linear-gradient(110deg,#3c2919,#0e201c 72%);color:#f4faf7}body:not(.authenticated) .metrics article:last-child small{color:#c9bba8}
  #customers .account-row.account-tone-usd{background:linear-gradient(112deg,#12372d 0%,#0e201c 58%)!important;border-color:#286049!important}#customers .account-row.account-tone-saving-usd{background:linear-gradient(112deg,#393116 0%,#0e201c 58%)!important;border-color:#6c5d28!important}#customers .account-row.account-tone-eur{background:linear-gradient(112deg,#142f44 0%,#0e201c 58%)!important;border-color:#2d5c79!important}#customers .account-row.account-tone-czk{background:linear-gradient(112deg,#3a2027 0%,#0e201c 58%)!important;border-color:#783d48!important}#customers .account-row.btc-overview{background:linear-gradient(112deg,#3c2919 0%,#0e201c 58%)!important;border-color:#7d542c!important}
}