#recommendation-history h2 { margin-bottom: 8px; }
#recommendation-history > details > summary { cursor: pointer; color: var(--link); font-weight: 600; }
#recommendation-history .history-table { min-width: 1040px; width: 100%; }
#recommendation-history .history-table th, #recommendation-history .history-table td { vertical-align: top; }
#recommendation-history small { display: block; color: var(--muted); font-weight: normal; }
#recommendation-history .history-detail-row > td { padding-top: 0; }
#recommendation-history .history-detail-row details { border-left: 3px solid var(--line); padding: 6px 12px; }
#recommendation-history .history-detail-row summary { cursor: pointer; color: var(--link); }
#recommendation-history .history-price-scroll { max-height: 420px; overflow: auto; border: 1px solid var(--line); }
#recommendation-history .history-price-scroll table { min-width: 660px; width: 100%; }
#recommendation-history .history-price-scroll thead { position: sticky; top: 0; background: var(--surface); }
#recommendation-history .pagination { flex-wrap: wrap; }
@media (max-width: 750px) { #recommendation-history .filter-bar { gap: 10px; } #recommendation-history .history-detail-row details { padding-left: 8px; } }