/* Black mobile Assets: reference card layout, isolated from other themes. */
@layer mobile-black-assets {
 @media (max-width: 760px) {
  html[data-appearance="black"] #stocks-section {
   --mobile-stocks-panel: #0e1215;
   --mobile-stocks-border: #253039;
   --mobile-stocks-text: #f5f6f7;
   --mobile-stocks-muted: #bdc4ce;
   --mobile-stocks-accent: #00c8dc;
   --mobile-stocks-positive: #17dba0;
   background: #050708 !important;
  }
  html[data-appearance="black"] #stocks-section :is(.stocks-page-shell,.stocks-mobile-list,.stocks-table-scroll,.stocks-toolbar) {
   background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-mobile-summary { display: none !important; }
  html[data-appearance="black"] #stocks-section .stocks-toolbar {
   display: grid !important; grid-template-columns: minmax(0,1fr) 80px 40px 40px !important;
   gap: 8px !important; padding: 12px 14px !important;
  }
  html[data-appearance="black"] #stocks-section :is(.stocks-search-control,.stocks-mobile-tools button) {
   height: 42px !important; min-height: 42px !important; border: 1px solid #253039 !important;
   border-radius: 7px !important; background: linear-gradient(120deg,#101519,#0c1013) !important; color: #e5e8ee !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-search-control { min-width: 0 !important; padding: 0 10px !important; }
  html[data-appearance="black"] #stocks-section .stocks-search-control input {
   min-width: 0 !important; width: 100% !important; background: transparent !important; color: #f5f6f7 !important; font-size: 14px !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-search-control input::placeholder { color: #bdc4ce !important; opacity: 1 !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-tools button { width: 40px !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-tools .stocks-mobile-add {
   width: 80px !important; background: linear-gradient(125deg,#009ca5,#006e78) !important;
   color: #fff !important; border-color: #00bbca !important; font-size: 16px !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-mobile-list-heading {
   padding: 0 !important; margin: 0 14px !important; border-bottom: 1px solid #253039 !important; gap: 8px !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-mobile-list-heading > span {
   color: #f5f6f7 !important; font-size: 19px !important; line-height: 1.3 !important;
   padding: 9px 0 7px !important; border-bottom: 3px solid #00c8dc !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-mobile-list-heading .stocks-mobile-sort-button {
   font-size: 13px !important; min-height: 33px !important; padding: 6px 12px !important;
   background: #080b0d !important; border-color: #253039 !important; border-radius: 7px !important; color: #f5f6f7 !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-mobile-list-heading .stocks-mobile-sort-button.is-active { color: #00c8dc !important; border-color: #00c8dc !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-caption { padding: 12px 16px !important; font-size: 12px !important; color: #bdc4ce !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-holding {
   margin: 0 5px 8px !important; padding: 0 !important; border: 1px solid #222c33 !important;
   border-radius: 10px !important; background: linear-gradient(120deg,#101519,#0c1013) !important; box-shadow: none !important; overflow: hidden !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-mobile-row {
   background: transparent !important; border: 0 !important; min-height: 82px !important;
   padding: 12px 14px !important; gap: 4px 8px !important; box-sizing: border-box !important;
  }
  html[data-appearance="black"] #stocks-section .stocks-mobile-asset strong { font-size: 18px !important; line-height: 1.2 !important; color: #f5f6f7 !important; font-weight: 750 !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-weight strong { font-size: 18px !important; line-height: 1.2 !important; color: #00c8dc !important; font-weight: 750 !important; }
  html[data-appearance="black"] #stocks-section :is(.stocks-mobile-shares,.stocks-mobile-weight-label,.stocks-mobile-broker) { font-size: 12px !important; color: #bdc4ce !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-change { font-size: 13px !important; color: #e5e8ee !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-change.positive { color: #17dba0 !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-change.negative { color: #ff5966 !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-broker { flex-wrap: wrap !important; gap: 3px 8px !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-broker .stocks-mobile-risk { gap: 7px !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-risk-dot { width: 9px !important; height: 9px !important; }
  html[data-appearance="black"] #stocks-section .stocks-mobile-risk-dot.safe { background: #20ad4b !important; }
 }
}