.industry-preview--cards .industry-preview__grid .chain-card-body { height: 100%; padding: 0; background: var(--ip-panel) !important; }
/* Reset the legacy fixed rows and implicit columns inside preview cards. */
.industry-preview--cards .industry-preview__grid .wrapper { min-width: 0; height: 100%; margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 8px auto auto minmax(92px, 1fr) auto auto; background: var(--ip-panel) !important; }
.industry-preview--cards .industry-preview__grid .wrapper > .box1,
.industry-preview--cards .industry-preview__grid .wrapper > .box2,
.industry-preview--cards .industry-preview__grid .wrapper > .box3,
.industry-preview--cards .industry-preview__grid .wrapper > .box4,
.industry-preview--cards .industry-preview__grid .wrapper > .box5,
.industry-preview--cards .industry-preview__grid .wrapper > .box6 { grid-column: 1 / -1; min-width: 0; }
.industry-preview--cards .industry-preview__grid .box1 { margin: 0; border: 0; border-radius: 0; background: linear-gradient(135deg, var(--ip-accent-soft), transparent) !important; }
.industry-preview--cards .industry-preview__grid .box1-1 { display: none; }
.industry-preview--cards .industry-preview__grid .box2 { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 14px 16px 12px; }
.industry-preview--cards .industry-preview__grid .chain-title-text { flex-basis: 100%; padding-right: 28px; margin-bottom: 3px; color: var(--ip-text); font-size: 18px; line-height: 1.4; font-weight: 800; overflow-wrap: anywhere; }
.industry-preview--cards .industry-preview__grid .box2 > .up-img-area,
.industry-preview--cards .industry-preview__grid .box2 > .down-img-area { padding: 3px 7px; border-radius: 6px; background: var(--ip-panel-soft); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.industry-preview--cards .industry-preview__grid .box2 > .updown-text { margin-left: 5px; font-size: 12px; }
.industry-preview--cards .industry-preview__grid .close-img-area { top: 16px; right: 12px; z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 7px; }
.industry-preview--cards .industry-preview__grid .close-img-area:hover { background: var(--ip-accent-soft); }
.industry-preview--cards .industry-preview__grid .close-img-area:focus-visible,
.industry-preview--cards .industry-preview__grid a[href]:focus-visible { outline: 2px solid var(--ip-accent); outline-offset: 2px; }
.industry-preview--cards .industry-preview__grid .up-img-area { color: var(--ip-up) !important; }
.industry-preview--cards .industry-preview__grid .down-img-area { color: var(--ip-down) !important; }
.industry-preview--cards .industry-preview__grid .updown-text,
.industry-preview--cards .industry-preview__grid .popularity-text,
.industry-preview--cards .industry-preview__grid .reply-text { color: var(--ip-muted); }
.industry-preview--cards .industry-preview__grid .box3 { display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 12px; padding: 0 16px; }
.industry-preview--cards .industry-preview__grid .box3-1,
.industry-preview--cards .industry-preview__grid .box3-2 { grid-column: 1 / -1; min-width: 0; }
.industry-preview--cards .industry-preview__grid .box3-1:empty,
.industry-preview--cards .industry-preview__grid .box3-2:empty,
.industry-preview--cards .industry-preview__grid .box3-3:empty { display: none; }
.industry-preview--cards .industry-preview__grid .chart-area { position: relative; width: 100%; height: 86px; overflow: hidden; border-radius: 8px; background: linear-gradient(180deg, var(--ip-trend-top), var(--ip-trend-bg)); box-shadow: inset 0 0 0 1px var(--ip-trend-border); }
/* Let the themed container show through the shared chart canvas background. */
.industry-preview--cards .industry-preview__grid .chart-area .stockDataChart { background: transparent !important; }
.industry-preview--cards .industry-preview__grid .chart-message { top: 4px; left: 8px; z-index: 1; pointer-events: none; }
.industry-preview--cards .industry-preview__grid .chart-message-text { transform: none; font-size: 10px; color: var(--ip-muted); }
.industry-preview--cards .industry-preview__grid .box-stock-list { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, .85fr)); align-items: center; gap: 5px; min-height: 27px; font-size: 12px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.industry-preview--cards .industry-preview__grid .box-stock-list + .box-stock-list { border-top: 1px solid var(--ip-border); }
.industry-preview--cards .industry-preview__grid .box-stock-list > div { min-width: 0; white-space: nowrap; }
.industry-preview--cards .industry-preview__grid .box3-2-1 { overflow: hidden; text-overflow: ellipsis; }
.industry-preview--cards .industry-preview__grid .box3-2-1 a { color: var(--ip-text) !important; font-weight: 600; }
.industry-preview--cards .industry-preview__grid .box4 { min-height: 92px; margin: 12px 16px 0; padding: 10px 0; border-top: 1px solid var(--ip-border); color: var(--ip-muted); font-size: 13px; line-height: 1.8; }
.industry-preview--cards .industry-preview__grid .box4 .box3-4-1 { padding: 2px 0; border-radius: 4px; }
.industry-preview--cards .industry-preview__grid .box4 .box3-4-1:hover { background: var(--ip-panel-soft); }
.industry-preview--cards .industry-preview__grid .box4 a { color: var(--ip-text) !important; }
.industry-preview--cards .industry-preview__grid .box4 a:not([href]) { color: var(--ip-muted) !important; }
.industry-preview--cards .industry-preview__grid .box5 { padding: 8px 16px; font-size: 12px; }
.industry-preview--cards .industry-preview__grid .popularity-img-area { display: flex; align-items: center; gap: 4px; }
.industry-preview--cards .industry-preview__grid .box6 { display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 44px; padding: 4px 16px; border-top: 1px solid var(--ip-border); background: var(--ip-panel-soft); font-size: 13px; }
.industry-preview--cards .industry-preview__grid .box6-2 { text-align: right; }
.industry-preview--cards .industry-preview__grid .box6-3:empty { display: none; }
.industry-preview--cards .industry-preview__grid .box6 a[href] { display: inline-flex; align-items: center; min-height: 34px; }
.industry-preview--cards .industry-preview__grid canvas { max-width: 100% !important; }
.industry-preview--cards {
    --ip-trend-bg: #f5f8fc;
    --ip-trend-top: #ffffff;
    --ip-trend-border: #e2e8f0;
}

[data-theme="dark"] .industry-preview--cards {
    --ip-trend-bg: #111b2d;
    --ip-trend-top: #162238;
    --ip-trend-border: #2b3c55;
}