/* Phone colour layer only. Load after shared presentation styles; no navigation
   geometry lives here. Labels, icons and selected states accompany every accent. */
@media screen and (forced-colors:none) {
  html.bb-phone[data-device=phone]:not([data-display-mode=ascii]) {
    --bb-stock:#215db2;--bb-stock-bg:#e7effc;
    --bb-checks:#95500d;--bb-checks-bg:#fff0df;
    --bb-cash:#176b45;--bb-cash-bg:#e4f4eb;
  }
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) {
    color-scheme:dark;
    --bg:#000000!important;--chrome:#000000!important;
    --surface:#101215!important;--raised:#191d23!important;
    --line:#343b46!important;--border:#758398!important;
    --text:#edf2f9!important;--muted:#aeb9c9!important;
    --focus-sep:#000000!important;
    --success:#6cdda5!important;--success-bg:#10271c!important;
    --warning:#ffb771!important;--warning-bg:#2d1e10!important;
    --error:#ff9da5!important;--error-bg:#30171c!important;
    --info:#a1cdff!important;--info-bg:#10243c!important;
    --selection-text:#edf2f9!important;--table-head:#191d23!important;--row-hover:#191d23!important;
    --cyan:var(--accent)!important;--panel:var(--surface)!important;--panel2:var(--raised)!important;
    --blue:var(--accent)!important;--ink:var(--on)!important;
    --green:var(--success)!important;--amber:var(--warning)!important;
    --danger:var(--error)!important;--red:var(--error)!important;
    --caption-start:#000000!important;--caption-end:#000000!important;
    --caption-text:var(--text)!important;--caption-hover:var(--raised)!important;
    --caption-border:var(--line)!important;--caption-surface:var(--surface)!important;
    --caption-muted:var(--muted)!important;--tab-start:#000000!important;--tab-end:#000000!important;
    --tab-active:var(--surface)!important;--tab-active-end:var(--surface)!important;
    --bb-stock:#69adff;--bb-stock-bg:#10243c;
    --bb-checks:#ffb771;--bb-checks-bg:#2d1e10;
    --bb-cash:#6cdda5;--bb-cash-bg:#10271c;
    background:#000000;color:var(--text);
  }
  /* Keep other saved accent palettes functional. Module identity and semantic
     status colours stay coordinated independently of the primary-control accent. */
  html.bb-phone[data-device=phone][data-theme=dark][data-accent=Blue]:not([data-display-mode=ascii]) {
    --accent:#69adff!important;--hover:#91c3ff!important;--pressed:#4e97ef!important;
    --on:#071321!important;--selected:#173250!important;--subtle:#10243c!important;
    --focus:#a1cdff!important;
  }
  html.bb-phone[data-device=phone]:not([data-display-mode=ascii]) [data-module=stock] {--bb-module-color:var(--bb-stock);--bb-module-bg:var(--bb-stock-bg);}
  html.bb-phone[data-device=phone]:not([data-display-mode=ascii]) [data-module=checks] {--bb-module-color:var(--bb-checks);--bb-module-bg:var(--bb-checks-bg);}
  html.bb-phone[data-device=phone]:not([data-display-mode=ascii]) [data-module=cash] {--bb-module-color:var(--bb-cash);--bb-module-bg:var(--bb-cash-bg);}
  html.bb-phone[data-device=phone]:not([data-display-mode=ascii]) :is(#bb-phone-nav,.bb-tool-mobile,.bb-module-switcher,.bb-mobile-nav) [data-module] svg {color:var(--bb-module-color,var(--muted));}
  html.bb-phone[data-device=phone]:not([data-display-mode=ascii]) :is(#bb-phone-nav,.bb-tool-mobile,.bb-module-switcher,.bb-mobile-nav) [data-module][aria-current=page] {
    color:var(--bb-module-color,var(--accent));background:var(--bb-module-bg,var(--subtle));
    border-color:var(--bb-module-color,var(--accent));box-shadow:inset 0 -2px var(--bb-module-color,var(--accent));
  }
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) body {background:var(--bg);color:var(--text);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(.topbar,#bb-workspace-chrome,.bb-chrome-topbar,#bb-mobile-header,#bb-phone-nav,.bb-tool-mobile,.bb-mobile-nav) {background:var(--chrome);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #bb-mobile-header .bb-mobile-company {background:transparent;color:var(--text);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #bb-mobile-header .bb-mobile-company>span {color:var(--muted);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) .bb-mobile-nav button:not([aria-current=page]) {color:var(--muted);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(.dashboard-hero,.dashboard-panel,.dashboard-app,.vb-hero,.vb-panel,.panel,.cash-panel,.table-card,.settings-section,dialog) {background:var(--surface);border-color:var(--line);color:var(--text);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {background:var(--bg);border-color:var(--border);color:var(--text);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(input,textarea)::placeholder {color:var(--muted);opacity:1;}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(.connection-state:not(.unavailable),#bb-workspace-chrome .bb-chrome-connection:not([data-unavailable=true]))>strong {color:var(--success);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) .connection-state:not(.unavailable)>strong i {background:var(--success);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(.connection-state.unavailable,#bb-workspace-chrome .bb-chrome-connection[data-unavailable=true])>strong {color:var(--warning);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) .connection-state.unavailable>strong i {background:var(--warning);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #bb-mobile-header .bb-mobile-connection:not([data-unavailable=true])>strong {color:var(--success);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #bb-mobile-header .bb-mobile-connection[data-unavailable=true]>strong {color:var(--warning);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(.vb-confirmed,.badge.ok,.badge.active) {color:var(--success);background:var(--success-bg);border-color:var(--success);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(.banner.warning,.badge.warn,.access-note.warning) {color:var(--warning);background:var(--warning-bg);border-color:var(--warning);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(.banner.error,.badge.low,.error-banner) {color:var(--error);background:var(--error-bg);border-color:var(--error);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #area-app .banner:not(.error):not(.warning) {background:var(--info-bg);border-color:var(--info);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #area-app .progress span {background:var(--success);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #area-app>.tabs button.active {color:var(--bb-checks);background:var(--bb-checks-bg);border-color:var(--bb-checks);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) .vb-tabs button[aria-pressed=true] {color:var(--accent);background:var(--selected);border-color:var(--accent);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #cash-app {--cash-bg:var(--bg);--cash-panel:var(--surface);--cash-text:var(--text);--cash-muted:var(--muted);--cash-line:var(--line);--cash-accent:var(--accent);--cash-on:var(--on);--cash-soft:var(--raised);--cash-error:var(--warning);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(#area-notice,#notice) {background:var(--raised);color:var(--text);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) #cash-conflict {color:var(--warning);background:var(--warning-bg);}
  html.bb-phone[data-device=phone][data-theme=dark]:not([data-display-mode=ascii]) :is(button,a,input,select,textarea,summary):focus-visible {outline-color:var(--focus);}
}
/* No animation is introduced. Forced-colour users keep the existing system-colour
   rules and text/icon selected states instead of these decorative accent values. */