.stock-summary:has(.stock-bi-tabs) { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: stretch; gap: 0; margin: 14px 0; border: 1px solid #dbe3ef; border-radius: 8px; background: #fff; overflow: hidden; }
.stock-bi-tabs { display: flex; align-items: stretch; padding: 6px; background: #f1f5f9; }
.stock-bi-tab { min-height: 42px; padding: 0 16px; border: 0; border-radius: 6px; background: transparent; color: #475569; font: inherit; font-weight: 700; cursor: pointer; }
.stock-bi-tab.active { background: #fff; color: #1d4ed8; box-shadow: 0 1px 3px #0f172a1f; }
.stock-bi-meta { min-width: 0; display: grid; grid-template-columns: minmax(140px, .7fr) minmax(140px, .6fr) minmax(190px, 1fr); align-items: center; gap: 14px; padding: 10px 16px; }
.stock-bi-meta span, .stock-bi-meta small { color: #64748b; font-size: 11px; }
.stock-bi-meta strong { color: #0f172a; }
@media (max-width: 820px) { .stock-summary:has(.stock-bi-tabs) { grid-template-columns: 1fr; } .stock-bi-tabs { overflow-x: auto; } .stock-bi-tab { flex: 1 0 auto; } .stock-bi-meta { grid-template-columns: 1fr 1fr; } .stock-bi-meta small { grid-column: 1 / -1; } }
@media (max-width: 520px) { .stock-bi-meta { grid-template-columns: 1fr; } .stock-bi-meta small { grid-column: auto; } }