﻿﻿:root { color-scheme: dark; font-family: "Microsoft YaHei UI", sans-serif; background: #000; color: #d6dfef; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 1180px; background: #000; font-size: 13px; }
main { padding: 6px; display: grid; gap: 6px; min-height: 0; grid-template-rows: auto clamp(125px, 19vh, 160px) auto; background: #000; }
button, input, select { border: 1px solid #2b3d58; border-radius: 3px; background: #050505; color: #dce7f7; font: inherit; height: 27px; }
button { padding: 0 9px; cursor: pointer; font-weight: 600; }
button.icon-button { width: 27px; padding: 0; font-size: 16px; line-height: 1; }
button:hover { background: #111; border-color: #5d83bf; }
button.secondary { background: #050505; }
button.accent { background: #2453a6; border-color: #4577cf; color: #fff; }
button.accent:hover { background: #2f67c5; }
button.danger { color: #ff9d9d; }
input[type="checkbox"] { height: auto; accent-color: #3c74d3; vertical-align: middle; }
input[type="number"] { width: 62px; padding: 0 6px; }
select { padding: 0 8px; }
.command-bar { display: flex; align-items: center; gap: 5px; min-height: 27px; margin-top: 6px; flex-wrap: nowrap; }
.compact { display: flex; align-items: center; gap: 6px; color: #9eafc7; }
.compact select { min-width: 150px; }
.group-contact { display: flex; align-items: center; gap: 6px; white-space: nowrap; color: #d4b36b; font-weight: 600; }
.group-contact img { display: block; width: 27px; height: 27px; object-fit: contain; }
.status { color: #70d6a3; margin-left: 4px; }
.result-summary { display: inline-flex; align-items: center; color: #9ec2fb; font-weight: 700; white-space: nowrap; margin-left: 4px; }
.workspace-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; min-height: 0; }
.filters, .pool-panel, .result-panel { border: 1px solid #202b3b; background: #000; min-height: 0; }
.filters { width: 100%; max-width: none; padding: 6px 8px; }
.section-title, .panel-heading { color: #9ec2fb; font-weight: 700; }
.section-title { margin-bottom: 4px; }
.checks { display: flex; gap: 12px; margin: 3px 0; color: #c5d1e2; }
.checks > label, .market-scope-label { white-space: nowrap; }
.market-scope-label { color: #9eb8db; }
fieldset { border: 0; border-top: 1px solid #202b3b; padding: 4px 0 0; margin: 4px 0; color: #b7c8dd; }
.checks fieldset { display: flex; align-items: center; gap: 6px; border: 0; padding: 0; margin: 0; }
.checks fieldset legend { padding: 0; margin-right: 2px; white-space: nowrap; }
.checks fieldset label { margin-right: 8px; white-space: nowrap; }
legend { padding-right: 12px; color: #9eb8db; }
fieldset label { margin-right: 17px; }
.field-grid { display: grid; grid-template-columns: repeat(5, minmax(140px, 1fr)); gap: 4px 10px; }
.field-grid label { display: flex; align-items: center; justify-content: flex-start; gap: 6px; color: #b8c6d9; }
.field-grid label.refresh-control { justify-content: flex-start; gap: 8px; }
.refresh-control span { white-space: nowrap; }
.large-bid-row { display: flex; align-items: center; gap: 10px; margin-top: 3px; color: #b8c6d9; }
.large-bid-row label { display: flex; align-items: center; gap: 7px; }
.large-bid-row .refresh-control { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.filter-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.filter-actions .command-bar { flex: 1 1 auto; min-width: 0; margin-top: 0; }
.panel-heading { height: 32px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #202b3b; }
.panel-heading > div { display: flex; gap: 7px; }
.panel-heading small { color: #8192ad; font-weight: 400; }
.table-scroll { overflow: auto; height: calc(100% - 32px); }
table { border-collapse: collapse; width: 100%; white-space: nowrap; }
.results-table-wrap th:nth-child(8), .results-table-wrap td:nth-child(8) { min-width: 70px; width: 70px; white-space: nowrap; }
th { position: sticky; top: 0; background: #101010; color: #aecdff; z-index: 1; font-weight: 700; }
th[data-sort] { cursor: pointer; user-select: none; }
th[data-sort]:hover { background: #30476a; }
th.sorted-asc::after { content: " ▲"; color: #7eb2ff; }
th.sorted-desc::after { content: " ▼"; color: #7eb2ff; }
th, td { height: 27px; padding: 0 6px; border-right: 1px solid #202020; border-bottom: 1px solid #202020; text-align: center; }
td { color: #d1d9e6; }
tbody tr:nth-child(even) { background: #080808; }
tbody tr:hover { background: #161616; }
td.left { text-align: left; max-width: 250px; overflow: hidden; text-overflow: ellipsis; }
td.positive { color: #ff737a; }
td.negative { color: #69c9a4; }
td.movement-strong { color: #ff7a45; font-weight: 700; }
td.movement-medium { color: #ffb347; font-weight: 700; }
td.movement-weak { color: #b7c4d8; }
td.movement-none { color: #7d899b; }
.tdx-stock-link { color: inherit; text-decoration: none; cursor: pointer; }
.tdx-stock-link:hover { color: #8dbbff; text-decoration: underline; }
.status-yizi { color: #10a9ef !important; }
.status-zhaban { color: #8148f4 !important; }
.status-lianban { color: #f000e8 !important; }
.status-zhangting { color: #f0bd00 !important; }
.status-dieting { color: #00d000 !important; }
.status-dazhang { color: #c00060 !important; }
.ai-pool-stock.status-yizi, .ai-pool-stock.status-zhaban, .ai-pool-stock.status-lianban, .ai-pool-stock.status-zhangting, .ai-pool-stock.status-dieting, .ai-pool-stock.status-dazhang { border-color: currentColor; }
.status-yizi { color: #10a9ef !important; }
.status-zhaban { color: #8148f4 !important; }
.status-lianban { color: #f000e8 !important; }
.status-zhangting { color: #f0bd00 !important; }
.status-dieting { color: #00d000 !important; }
.status-dazhang { color: #c00060 !important; }
.ai-pool-stock.status-yizi, .ai-pool-stock.status-zhaban, .ai-pool-stock.status-lianban, .ai-pool-stock.status-zhangting, .ai-pool-stock.status-dieting, .ai-pool-stock.status-dazhang { border-color: currentColor; }
.pool-panel { display: flex; flex-direction: column; height: 100%; }
.pool-panel .panel-heading > span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pool-panel .panel-heading > div { display: flex; flex: 0 0 auto; gap: 6px; }
.pool-panel #poolClearBtn { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 78px; white-space: nowrap; }
.pool-panel #poolClearBtn { position: relative; z-index: 20; pointer-events: auto; touch-action: manipulation; }
.ai-pool-focus { display: flex; flex: 0 0 28px; align-items: center; gap: 5px; min-height: 28px; padding: 2px 5px; overflow: hidden; border-top: 1px solid #202b3b; background: #05080e; }
.ai-pool-focus[hidden] { display: none; }
.ai-pool-focus-label { flex: 0 0 auto; color: #f2bb00; font-size: 11px; font-weight: 700; }
.ai-pool-focus-list { display: flex; flex: 1 1 auto; min-width: 0; gap: 4px; overflow: hidden; }
.ai-pool-stock { display: inline-flex; align-items: center; justify-content: space-between; gap: 5px; min-width: 0; flex: 1 1 0; height: 22px; padding: 0 5px; border-color: #354b70; color: #cfe0ff; font-size: 11px; font-weight: 400; overflow: hidden; }
.ai-pool-stock b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-pool-stock span { flex: 0 0 auto; color: #f2bb00; font-size: 10px; }
.ai-pool-stock:hover { border-color: #7ca5ff; background: #14213a; }
.result-tabs, .result-tab, .insights-tabs, .insights-tab { font-size: 14px; }
.results-table-wrap th, .results-table-wrap td { font-size: 14px; }
.cslh-insights-tabs { align-items: center; }
.cslh-insight-tab { height: 28px; padding: 0 12px; font-size: 14px; line-height: 26px; }
.export-control, .pool-actions { display: none; }
#cslh-member-login { background: #1c2738 !important; border-color: #607da6 !important; color: #e2ecfb !important; box-shadow: 0 3px 12px #0008 !important; }
#cslh-member-login:hover { background: #2a3b55 !important; border-color: #89a8d2 !important; }
.pool-table-wrap { flex: 1; min-height: 0; overflow: hidden; }
.pool-name-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
.pool-name-item, .pool-empty { display: flex; align-items: center; justify-content: center; min-width: 0; height: 35px; padding: 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid #202b3b; }
.pool-empty { grid-column: 1 / -1; color: #9ec2fb; }
.result-panel { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(480px, 620px); gap: 6px; align-items: start; }
.result-panel .panel-heading { display: none; }
.results-table-wrap { height: auto; min-height: 0; overflow: auto; }
#toast { position: fixed; right: 18px; bottom: 18px; background: #263b59; border: 1px solid #4d75ae; border-radius: 4px; color: #eaf2ff; padding: 10px 14px; opacity: 0; transform: translateY(8px); transition: 160ms ease; pointer-events: none; }
#toast.visible { opacity: 1; transform: translateY(0); }
.market-panel { position: sticky; z-index: 30; top: 6px; width: auto; height: calc(100vh - 12px); min-height: 360px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #31517e; background: #000; }
.market-panel.hidden { display: none; }
.market-panel.visible { display: flex; }
.market-panel-heading { height: 32px; flex: 0 0 32px; display: flex; align-items: center; justify-content: space-between; padding: 0 7px 0 10px; color: #9ec2fb; font-weight: 700; border-bottom: 1px solid #202b3b; }
.market-panel-heading .icon-button { width: 25px; height: 25px; font-size: 20px; font-weight: 400; }
.market-panel iframe { width: 100%; min-height: 0; height: 100%; border: 0; background: #000; }
.market-quote-link { height: 23px; padding: 0 8px; color: #9ec2fb; font-weight: 600; }
body.light { background: #edf2f8; color: #24344c; }
body.light main { background: #edf2f8; }
body.light button, body.light input, body.light select { background: #fff; border-color: #b9c8dc; color: #233756; }
body.light button.secondary { background: #f8fbff; }
body.light button.accent { background: #2f67c5; color: #fff; }
body.light .filters, body.light .pool-panel, body.light .result-panel { background: #fff; border-color: #bdcadc; }
body.light .section-title, body.light .panel-heading { color: #285ea4; }
body.light .panel-heading { border-color: #c9d5e5; }
body.light fieldset { border-color: #d3deea; }
body.light .checks, body.light .field-grid label, body.light fieldset { color: #435572; }
body.light th { background: #dce8fa; color: #24518f; }
body.light th[data-sort]:hover { background: #cbdcf4; }
body.light td { color: #263b57; border-color: #d4deeb; }
body.light th { border-color: #bdcce0; }
body.light tbody tr:nth-child(even) { background: #f5f8fc; }
body.light tbody tr:hover { background: #e7f0ff; }

@media (max-width: 720px) {
  body { min-width: 320px; font-size: 13px; }
  main { padding: 8px; gap: 8px; display: block; height: auto; min-height: 100vh; }
  .command-bar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .command-bar button, .command-bar .compact { min-width: 0; width: 100%; }
  .command-bar .compact { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 5px; }
  .command-bar .compact select { min-width: 0; width: 100%; }
  .command-bar .compact input { width: 100%; }
  .command-bar .group-contact, .command-bar .status { grid-column: 1 / -1; }
  .command-bar .group-contact { justify-content: center; padding: 3px 0; }
  .command-bar .status { min-height: 16px; margin-left: 0; text-align: center; }
  .workspace-top { display: block; min-height: auto; }
  .filters { padding: 6px 8px; }
  .checks { display: grid; gap: 8px; }
  .checks fieldset { display: flex; flex-wrap: wrap; gap: 4px; }
  fieldset label { display: inline-block; margin: 0 9px 7px 0; }
  .field-grid { grid-template-columns: 1fr; gap: 8px; }
  .field-grid label { min-height: 34px; }
  .field-grid input[type="number"] { width: 94px; }
  .large-bid-row { flex-wrap: wrap; gap: 8px 14px; margin-top: 10px; }
  .filter-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .filter-actions button { min-width: 0; padding: 0 6px; }
  .filter-actions .command-bar { grid-column: 1 / -1; width: 100%; }
  .pool-panel, .result-panel { margin-top: 8px; }
  .pool-panel { height: 208px; }
  .panel-heading { height: 40px; padding: 0 8px; }
  .panel-heading > div { gap: 5px; }
  .panel-heading button { height: 30px; padding: 0 7px; font-size: 12px; }
  .table-scroll { height: calc(100% - 40px); }
  .pool-table th:nth-child(3), .pool-table td:nth-child(3),
  .pool-table th:nth-child(4), .pool-table td:nth-child(4) { display: none; }
  .pool-table th, .pool-table td { height: 37px; padding: 0 6px; }
  .result-panel { height: auto; }
  .results-table-wrap { height: min(66vh, 560px); min-height: 300px; }
  .results-table-wrap table { width: 100%; font-size: 12px; }
  .results-table-wrap th, .results-table-wrap td { height: 40px; padding: 0 5px; }
  .results-table-wrap th:nth-child(5), .results-table-wrap td:nth-child(5),
  .results-table-wrap th:nth-child(7), .results-table-wrap td:nth-child(7),
  .results-table-wrap th:nth-child(11), .results-table-wrap td:nth-child(11),
  .results-table-wrap th:nth-child(12), .results-table-wrap td:nth-child(12),
  .results-table-wrap th:nth-child(13), .results-table-wrap td:nth-child(13),
  .results-table-wrap th:nth-child(14), .results-table-wrap td:nth-child(14),
  .results-table-wrap th:nth-child(15), .results-table-wrap td:nth-child(15),
  .results-table-wrap th:nth-child(16), .results-table-wrap td:nth-child(16) { display: none; }
  .results-table-wrap td.left { max-width: none; }
  #toast { right: 10px; bottom: 10px; left: 10px; text-align: center; }
  .result-panel { display: block; }
  .market-panel { position: fixed; z-index: 30; top: 0; right: 0; width: 100vw; height: 200vh !important; min-height: 0; display: none; }
  .market-panel.visible { display: flex; }
  .market-panel-heading { height: 40px; flex-basis: 40px; padding-left: 10px; }
  .market-panel-heading .icon-button { width: 30px; height: 30px; }
}

/* Chromium on phones reports a landscape width closer to a desktop viewport.
   Scale the dense workstation so the complete toolbar remains visible in fullscreen. */
@media (orientation: landscape) and (max-height: 600px) and (pointer: coarse),
       (orientation: landscape) and (max-width: 1100px) and (max-height: 600px) {
  body { min-width: 1180px; width: 200vw; zoom: 0.5; font-size: 14px; }
  main { min-height: 200vh; }
  .pool-panel { align-self: start; height: 96px; min-height: 0; }
  .pool-table th, .pool-table td { height: 27px; padding: 0 5px; }
  .pool-table th:nth-child(3), .pool-table td:nth-child(3),
  .pool-table th:nth-child(4), .pool-table td:nth-child(4) { display: none; }
}

/* Phone browsers can expose a tall CSS viewport after landscape zoom. Keep the
   compact two-column header independent of that reported height. */
@media (orientation: landscape) and (pointer: coarse),
       (orientation: landscape) and (max-width: 1100px) {
  .cslh-insight-tab { height: 27px; padding: 0 11px; font-size: 13px; line-height: 25px; }
  body { min-width: 1180px; width: 200vw; zoom: 0.5; font-size: 14px; }
  main { display: grid; height: auto; min-height: 0; grid-template-rows: auto auto auto; }
  .workspace-top { align-items: start; grid-template-rows: auto; }
  .filters { height: 184px !important; min-height: 184px; padding: 4px 6px; align-self: start; overflow: hidden; }
  .section-title { margin-bottom: 1px; height: 18px; }
  .checks { display: flex; align-items: center; gap: 8px; height: 22px; margin: 0; }
  .checks > label, .market-scope-label { font-size: 12px; }
  .field-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px 6px; height: 30px; }
  .field-grid label { gap: 3px; white-space: nowrap; font-size: 12px; }
  .field-grid label.refresh-control { gap: 3px; }
  .field-grid input[type="number"] { width: 48px; height: 24px; padding: 0 3px; }
  .large-bid-row { height: 28px; margin-top: 2px; gap: 7px; font-size: 12px; white-space: nowrap; }
  .large-bid-row input[type="number"] { width: 72px; height: 24px; }
  .filter-actions { height: 28px; display: flex; align-items: center; flex-wrap: nowrap; gap: 4px; margin-top: 2px; }
  .filter-actions > button { height: 25px; padding: 0 7px; font-size: 12px; }
  .filter-actions .command-bar { height: 27px; display: flex; flex: 1 1 auto; align-items: center; gap: 3px; margin: 0; flex-wrap: nowrap; overflow: hidden; }
  .filter-actions .command-bar > button { height: 25px; padding: 0 6px; font-size: 12px; }
  .filter-actions .command-bar .compact { font-size: 12px; gap: 3px; }
  .filter-actions .command-bar .compact select { min-width: 110px; height: 25px; }
  .filter-actions .command-bar .group-contact { gap: 3px; font-size: 12px; }
  .filter-actions .command-bar .group-contact img { width: 22px; height: 22px; }
  .filter-actions .command-bar .status { font-size: 12px; }
  /* On phone landscape, prioritize the result table's 异动 / 行业 columns. */
  /* Match the desktop layout: the quote pane owns the right column and never covers table headers. */
  .result-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 60vw); }
  .market-panel { position: sticky !important; z-index: 30; top: 0; right: auto; width: auto; min-width: 0; height: calc(200vh - 200px) !important; max-height: none !important; min-height: 0; display: flex; overflow: hidden; clip-path: inset(0); }
  .market-panel.visible { display: flex; }
  .result-panel { height: calc(200vh - 200px); min-height: 0; }
  .results-table-wrap { height: calc(200vh - 200px); min-height: 0; overflow: auto; }
  /* Keep the compact phone scale and clip the transformed layer to the pane. */
  .market-panel { overflow: hidden !important; clip-path: inset(0); }
  .market-panel iframe { flex: 0 0 119% !important; width: 125% !important; height: 119% !important; transform: scale(.8); transform-origin: top left; }
  .tdx-mode .result-panel { grid-template-columns: minmax(0, 1fr); }
  /* Keep the AI focus strip inside the compact landscape pool instead of
     letting the result panel cover its 28px row. */
  .pool-panel { height: 124px !important; max-height: 124px; min-height: 124px; align-self: start; }
  .pool-panel .panel-heading > div { margin-right: 145px; }
  .pool-table-wrap { height: 64px; flex: 0 0 64px; }
  .pool-table th, .pool-table td { height: 27px; padding: 0 5px; }
  .pool-table th:nth-child(3), .pool-table td:nth-child(3),
  .pool-table th:nth-child(4), .pool-table td:nth-child(4) { display: none; }
}

@media (min-width: 721px) {
  .pool-panel .panel-heading > div { margin-right: 145px; }
}

/* The compact phone table used to hide every column after 大单金额.
   Keep the complete result header available in landscape; the table's own
   horizontal scroller handles the extra columns beside the quote pane. */
@media (orientation: landscape) and (pointer: coarse),
       (orientation: landscape) and (max-width: 1100px) {
  .results-table-wrap { overflow-x: auto; }
  .results-table-wrap table { min-width: 1660px; }
  .results-table-wrap th:nth-child(n+13),
  .results-table-wrap td:nth-child(n+13) { display: table-cell !important; }
}

/* iOS Safari applies body zoom to fixed/sticky descendants differently from
   Android WebView. Keep the same dense landscape scale on the root element so
   the two-column table and quote pane share one coordinate system. */
@supports (-webkit-touch-callout: none) {
  @media (orientation: landscape) {
    html { zoom: 0.5; }
    body { zoom: 1; width: 200vw; min-width: 1180px; }
    main { width: 100%; }
    .market-panel { position: sticky !important; }
  }
}

/* The iOS entry uses the same data and app code as Android, but Safari needs
   its own landscape viewport rules. Keep the page inside the viewport while
   leaving wide tables scrollable inside their own panels. */
@media (orientation: landscape) and (max-width: 1100px) {
  html.ios-entry { zoom: 0.7; width: 100%; overflow-x: hidden; }
  body.ios-entry { width: 100%; min-width: 1180px; zoom: 1; overflow-x: hidden; }
  body.ios-entry main { width: 100%; min-width: 1180px; }
  body.ios-entry .command-bar { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  body.ios-entry .command-bar::-webkit-scrollbar { display: none; }
  body.ios-entry .result-panel { grid-template-columns: minmax(0, 1fr) minmax(260px, 38vw); }
  body.ios-entry .market-panel { min-width: 0; }
}

/* Final display override: the insights module injects its own compact tab
   metrics after this stylesheet, so keep the requested larger alignment. */
.cslh-insights-tabs .cslh-insight-tab,
.cslh-insights-mobile-tabs .cslh-insight-tab {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  font-size: 15px !important;
  line-height: 28px !important;
}

/* Standalone desktop client sizing. These rules are isolated from the
   Android and iOS entries so later desktop adjustments cannot affect them. */
html.desktop-client, html.desktop-client body { min-width: 1280px !important; width: 100% !important; zoom: 1 !important; }
html.desktop-client main { width: 100% !important; min-width: 1280px !important; }
html.desktop-client .result-panel { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 70%) minmax(0, 30%) !important; height: calc(100vh - 220px) !important; min-height: 620px !important; align-items: stretch !important; overflow: hidden !important; }
html.desktop-client .result-panel > * { min-width: 0 !important; }
html.desktop-client .results-table-wrap { height: 100% !important; min-height: 0 !important; min-width: 0 !important; overflow: auto !important; }
html.desktop-client .result-panel > .results-table-wrap { grid-column: 1 !important; grid-row: 1 !important; }
html.desktop-client .results-table-wrap th, html.desktop-client .results-table-wrap td { font-size: 14px; }
html.desktop-client .market-panel { position: relative !important; top: auto !important; right: auto !important; left: auto !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-height: none !important; align-self: stretch !important; }
html.desktop-client .result-panel > .market-panel { grid-column: 2 !important; grid-row: 1 !important; }
html.desktop-client .cslh-insights-frame-host #cslhInsightsFrame { transform: none !important; width: 100% !important; height: 100% !important; }
html.desktop-client .filters, html.desktop-client .command-bar, html.desktop-client .panel-heading { font-size: 14px !important; }
html.desktop-client .filters { padding: 10px 12px !important; }
html.desktop-client .command-bar button, html.desktop-client .filter-actions button { min-height: 26px !important; height: 26px !important; padding: 0 8px !important; font-size: 12px !important; }
html.desktop-client .filter-actions > button,
html.desktop-client .filter-actions .command-bar > button {
  background: #101b2a !important;
  border-color: #6687b6 !important;
  color: #e9f2ff !important;
}
html.desktop-client .filter-actions > button:hover,
html.desktop-client .filter-actions .command-bar > button:hover {
  background: #182a42 !important;
}
html.desktop-client #filterForm .filter-actions .landscape-inline-toolbar > #fullRefreshBtn,
html.desktop-client #filterForm .filter-actions .landscape-inline-toolbar > #realtimeRefreshBtn { min-height: 26px !important; height: 26px !important; padding: 0 8px !important; font-size: 12px !important; line-height: 24px !important; }
html.desktop-client #filterForm .filter-actions .landscape-inline-toolbar > #portraitBtn,
html.desktop-client #filterForm .filter-actions > #portraitBtn { display: none !important; }
html.desktop-client .results-table-wrap th, html.desktop-client .results-table-wrap td { font-size: 14px !important; height: 30px !important; padding-left: 6px !important; padding-right: 6px !important; }
html.desktop-client .cslh-insights { margin-top: 10px !important; margin-bottom: 10px !important; }
html.desktop-client .cslh-insights-head { height: 42px !important; padding: 0 12px !important; }
html.desktop-client .cslh-insight-tab { height: 32px !important; min-height: 32px !important; padding: 0 14px !important; font-size: 14px !important; line-height: 30px !important; }
html.desktop-client .cslh-insight-tab,
html.desktop-client .cslh-insight-tab.active { color: #fff !important; }
html.desktop-client .cslh-insights-frame-host { font-size: 14px !important; }
html.desktop-client .desktop-disclaimer {
  position: fixed !important;
  left: 70% !important;
  right: 6px !important;
  bottom: 3px !important;
  z-index: 100 !important;
  color: #71819a !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: center !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  user-select: none !important;
}
html.desktop-client .cslh-insights-frame-host { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: 100% !important; grid-column: 1 !important; grid-row: 1 !important; overflow: hidden !important; }
html.desktop-client .cslh-insights-frame-host .cslh-insights-frame-wrap,
html.desktop-client .cslh-insights-frame-host #cslhInsightsFrame { min-height: 0 !important; height: 100% !important; }


