/* Official artwork, sharp Windows frames, and a readable market window. */
.stock-logo { display: inline-flex; position: relative; flex: 0 0 26px; width: 26px; height: 26px; align-items: center; justify-content: center; overflow: hidden; background: #fff; color: #333; border: 1px solid #aaa; font: bold 10px 'Courier New', monospace; vertical-align: middle; }
.stock-logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.stock-row-identity { display: flex; align-items: center; gap: 6px; min-width: 0; }
.stock-row-identity > span:last-child { min-width: 0; }
.stock-selected-heading { display: flex; align-items: center; gap: 9px; }
.stock-selected-heading .stock-logo { width: 32px; height: 32px; flex-basis: 32px; }
.stock-reading-grid { min-height: 0; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 245px; gap: 8px; }
.stock-news-panel { min-width: 0; min-height: 0; display: flex; flex-direction: column; background: #c0c0c0; border: 2px solid; border-color: #fff #555 #555 #fff; }
.stock-news-panel h3 { margin: 2px; padding: 5px; color: #fff; background: #000080; font: bold 12px Tahoma, sans-serif; }
#stockNews { flex: 1; min-height: 0; overflow: auto; padding: 4px; background: #fffffa; }
#stockNews .tradingview-widget-container { height: 450px; width: 100%; }
#stockNews .tradingview-widget-container__widget { height: calc(100% - 32px); width: 100%; }
#stockNews .tradingview-widget-copyright { line-height: 1.3; padding: 6px 2px; font-size: 10px; }
.stock-headlines { padding: 0; margin: 8px 0; list-style: none; font: 12px/1.4 Tahoma, sans-serif; }
.stock-headlines li { padding: 10px 3px; border-bottom: 1px solid #d5d5ca; }
.stock-headlines time { display: block; margin-bottom: 4px; font: 10px 'Courier New', monospace; color: #57574a; }
.stock-headlines a { display: block; text-decoration: none; overflow-wrap: anywhere; }
.stock-headlines a:hover { text-decoration: underline; }
.stock-news-extra { margin-top: 10px; border-top: 1px solid #aaa; padding-top: 7px; }
.stock-news-extra summary { cursor: pointer; font-size: 11px; }
.stock-workspace { grid-template-columns: minmax(240px, 25%) minmax(0, 1fr); gap: 8px; }
.stock-sidebar .finance-table th:first-child { width: 65%; }
.stock-sidebar .finance-table th:last-child { width: 35%; }
.stock-sidebar select { max-width: 124px; }
.stock-sidebar td:nth-child(2) { font: 11px 'Courier New', monospace; }
.stock-chart-panel { padding: 9px; }
.stock-chart-tools label { flex-wrap: wrap; }
.stock-chart-tools select { max-width: 128px; }
.stock-token-price { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 8px; padding-bottom: 4px; border-bottom: 1px solid #bac2a6; font: 10px 'Courier New', monospace; }
.stock-chart-panel .stock-token-price .stock-price { font-size: 16px; }
#stockEquityPrice { display: flex; flex-direction: column; gap: 4px; margin: 14px 0 3px; font: 11px 'Courier New', monospace; }
#stockEquityPrice strong { font-size: 28px; color: #203913; font-variant-numeric: tabular-nums; }
.stock-chart-panel .stock-chart svg { min-height: 215px; max-height: 360px; cursor: crosshair; }
.stock-chart-readout { font: 10px/1.4 'Courier New', monospace; padding: 4px !important; min-height: 32px; color: #36452c; }
#stockHistoryStatus { padding-top: 6px; border-top: 1px solid #bbc4a6; }
.desk-tape-quote { grid-template-columns: 26px auto auto auto; }
.desk-tape-quote small { grid-column: 2 / -1; }
@media (min-width: 1500px) { body.theme-31 #desktop #win-stocks { width: min(1440px, calc(100vw - 180px)) !important; } }
@media (max-width: 1250px) {
  .stock-reading-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(280px, 1fr) 200px; overflow: auto; }
  #stockNews .tradingview-widget-container { height: 330px; }
}
@media (max-width: 700px) {
  .stock-workspace { grid-template-columns: minmax(0, 1fr); grid-template-rows: 240px minmax(640px, auto); }
  .stock-reading-grid { grid-template-rows: minmax(400px, 1fr) 235px; }
  .stock-sidebar .market-toolbar { flex-wrap: wrap; }
  .stock-sidebar .market-toolbar label:first-child { flex: 1 0 100%; }
  .stock-sidebar .market-toolbar label:nth-child(2) { display: flex; }
  body.theme-31 #desktop #win-stocks .market-body { grid-template-rows: auto minmax(890px, 1fr) auto auto; }
  .stock-chart-panel .stock-chart svg { min-height: 160px; }
  .stock-chart-panel .stock-chart svg text { font-size: 20px; }
  .stock-chart-panel #stockDetail h2 { font-size: 12px; }
  #watchlistChoices label { grid-template-columns: 18px 26px 46px minmax(0, 1fr); }
}