.price-history-widget {
    background: #fff;
    border: 1px solid var(--cat-border);
    border-radius: 14px;
    padding: 20px;
    margin-top: 20px;
}
.price-history-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cat-text);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.price-history-title i { color: var(--cat-primary); }

.price-history-chart-container {
    height: 180px;
    margin-bottom: 25px;
}

.price-history-log {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.price-history-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: #f8fafc;
    border-radius: 10px;
    font-size: 0.9rem;
    transition: transform 0.2s;
}
.price-history-item:hover {
    transform: translateX(4px);
    background: #f1f5f9;
}
.price-history-date { color: var(--cat-text-muted); font-weight: 500; }
.price-history-value { font-weight: 700; color: var(--cat-text); display: flex; align-items: center; gap: 10px; }

.price-diff {
    font-size: 0.75rem;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 6px;
}
.price-up .price-diff { color: #ef4444; background: #fee2e2; }
.price-down .price-diff { color: #22c55e; background: #dcfce7; }

.price-initial-item {
    background: #f1f5f9;
    border-left: 3px solid #94a3b8;
}
.price-initial-label {
    font-size: 0.7rem;
    background: #94a3b8;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
}

@media (max-width: 768px) {
    .price-history-widget { padding: 16px; margin-top: 20px; }
    .price-history-chart-container { height: 140px; }
    .price-history-item { font-size: 0.85rem; padding: 8px 12px; }
}