/* OrcAgent shared HOME colour reference, 2026-11-02.
   This is a PALETTE PATCH ONLY, not a redesign. Home itself stays unchanged.
   Home (home-mobile-polish.css) = canvas #080d12, raised #0d141c,
   card #0b1117, border #1d2833, gold #f7b955.
   Applies only in DARK mode to routes using the common navbar.
   Never replace functionality, sizing, spacing, display or positioning. */
html:not([data-theme="light"]):not(.light):not(.oa-route-home)
body:not(.oa-home-mobile):not(.theme-light){
  --oa-home-canvas:#080d12;
  --oa-home-surface:#0d141c;
  --oa-home-card:#0b1117;
  --oa-home-border:#1d2833;
  --oa-home-text:#eef1f5;
  --oa-home-muted:#9aa6b4;
  --oa-home-gold:#f7b955;
  /* Same legacy variables used by Groups, Traders, Wallet and Calls. */
  --bg:#080d12;
  --bg2:#0d141c;
  --bg3:#101923;
  --bg4:#1d2833;
  --border:#1d2833;
  --border2:#263542;
  --divider:#1d2833;
  --text:#eef1f5;
  --sub:#9aa6b4;
  --muted:#9aa6b4;
  --accent:#f7b955;
  --amber:#f7b955;
  /* Existing theme contracts for Live Market and Radar. */
  --oa-canvas:#080d12;
  --oa-surface:#0b1117;
  --oa-surface2:#0d141c;
  --oa-line:#1d2833;
  --oa-line2:#263542;
  --oa-gold:#f7b955;
  --radar-bg:#080d12;
  --radar-card:#0b1117;
  --radar-rule:#1d2833;
  --radar-gold:#f7b955;
  --gc-bg:#080d12;
  --gc-card:#0d141c;
  background-color:var(--oa-home-canvas)!important;
}
/* Only the page shell; actual components retain their current layouts. */
html:not([data-theme="light"]):not(.light):not(.oa-route-home)
body:not(.oa-home-mobile):not(.theme-light) :is(#app,.main,.page,.radar-page,.pf-main,.pt-shell,.pt-main,.pt-center,.pt-content,.pt-feed){
  background-color:var(--oa-home-canvas)!important;
}
/* Shared navbar: exactly the current Home palette without changing height,
   icons, navigation, the logo, search behaviour or responsive spacing. */
html:not([data-theme="light"]):not(.light):not(.oa-route-home)
body:not(.oa-home-mobile):not(.theme-light) .pt-nb-topbar{
  background-color:#080d12!important;
  border-bottom-color:#1d2833!important;
}
html:not([data-theme="light"]):not(.light):not(.oa-route-home)
body:not(.oa-home-mobile):not(.theme-light)
:is(.pt-nb-icon-btn,.pt-nb-search,.pt-nb-sol-chip,.pt-nb-search-results,#pt-nb-more-btn){
  background-color:#0d141c!important;
  border-color:#1d2833!important;
}
html:not([data-theme="light"]):not(.light):not(.oa-route-home)
body:not(.oa-home-mobile):not(.theme-light) :is(.pt-nb-more-dd,.pt-nb-nav){
  border-color:#1d2833!important;
}
@media(max-width:768px){
  html:not([data-theme="light"]):not(.light):not(.oa-route-home)
  body:not(.oa-home-mobile):not(.theme-light) .oa-bottom-nav{
    background:#080d12!important;
    border-top-color:#1d2833!important;
  }
  html:not([data-theme="light"]):not(.light):not(.oa-route-home)
  body:not(.oa-home-mobile):not(.theme-light) .oa-bottom-nav .oa-trade-main{
    border-color:#080d12!important;
  }
  html:not([data-theme="light"]):not(.light):not(.oa-route-home)
  :is(#pt-nb-search-portal,#pt-nb-search-portal .pt-nb-search-results){
    background-color:#080d12!important;
  }
  html:not([data-theme="light"]):not(.light):not(.oa-route-home)
  #pt-nb-search-portal :is(.pt-nb-search,.pt-nb-search-close){
    background-color:#0d141c!important;
    border-color:#1d2833!important;
  }
}
/* Notifications: no brighter blue unread cards. Unread is shown by its
   existing gold dot, while every list row matches the Home card palette. */
html:not([data-theme="light"]) body.oa-notifications-page
:is(.ntf-header,.ntf-body,.ntf-list){background-color:#080d12!important}
html:not([data-theme="light"]) body.oa-notifications-page .ntf-tabs{
  background-color:transparent!important;border-color:#1d2833!important;
}
html:not([data-theme="light"]) body.oa-notifications-page
:is(.ntf-row-wrap,.ntf-row,.ntf-row:has(.ntf-unread-dot),.ntf-row-selected,.ntf-row:hover){
  background-color:#0b1117!important;border-color:#1d2833!important;
}
html:not([data-theme="light"]) body.oa-notifications-page
:is(.ntf-chip,.ntf-select-btn){background-color:#0d141c!important;border-color:#1d2833!important}
html:not([data-theme="light"]) body.oa-notifications-page
.ntf-unread-dot{background-color:#f7b955!important}
/* Radar, Groups, Traders, Profile, Wallet – match surfaces only. */
html:not([data-theme="light"]) body:not(.oa-home-mobile)
:is(.radar-event,.radar-details,.smart-copy,.top-five-detail,.wlt-hero,.wlt-action,.pf-hero,
    .groups-card,.group-card,.trader-card,.call-box,.calls-panel){
  background-color:#0d141c!important;border-color:#1d2833!important;
}
html:not([data-theme="light"]) body:not(.oa-home-mobile)
:is(.radar-more,.radar-sharing,.radar-secondary,.tab-panel,.trader-row,.wlt-item,.pf-tile){
  border-color:#1d2833!important;
}
/* Keep chat message bubbles (sent/received), group photos, tip amounts,
   trading success/failure and admin warning colors untouched. Only the
   outer conversation background is matched to Home. */
html:not([data-theme="light"]) body:not(.oa-home-mobile)
:is(#msgs-thread,.gc-thread){
  background-color:#080d12!important;
}
/* The admin is a separate functional tool, so only its app canvas aligns. */
html:not([data-theme="light"]) body:not(.oa-home-mobile) .views{
  background-color:#080d12!important;
}

/* The last remaining Notifications-specific token values also follow
   Home; this keeps nested select panels and settings consistent. */
html.oa-notifications-page:not([data-theme="light"]){
  --ntf-canvas:#080d12;
  --ntf-surface:#0d141c;
  --ntf-card:#0b1117;
  --ntf-line:#1d2833;
  --ntf-text:#eef1f5;
  --ntf-muted:#9aa6b4;
  --ntf-gold:#f7b955;
}