.widget-card .widget-select-group { margin-bottom: 1.5rem; }
.widget-card .widget-select-group label {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.4rem;
}
#widgetResults .result-row { transition: var(--transition); }
.result-row.highlight { background: rgba(0,229,160,0.06); border-radius: 4px; }

/* Schedule table inside widget */
.schedule-table {
    width: 100%;
    margin-top: 1rem;
    font-size: 0.8rem;
    border-collapse: collapse;
}
.schedule-table th {
    text-align: left;
    padding: 0.4rem 0.5rem;
    color: var(--text-secondary);
    font-weight: 600;
    border-bottom: 1px solid var(--card-border);
    font-size: 0.75rem;
    text-transform: uppercase;
}
.schedule-table td {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    color: var(--text-secondary);
}
.schedule-table td strong { color: var(--text); }
.schedule-table tr:hover td { background: rgba(255,255,255,0.02); }

/* Plot / Mini chart area */
.preview-chart {
    margin-top: 1rem;
    height: 80px;
    display: flex;
    align-items: flex-end;
    gap: 2px;
}
.preview-chart .bar {
    flex: 1;
    background: linear-gradient(to top, var(--accent), rgba(0,229,160,0.3));
    border-radius: 2px 2px 0 0;
    min-height: 4px;
    transition: height 0.4s ease;
}
.preview-chart .bar.interest-part { background: linear-gradient(to top, var(--accent), oklch(from var(--accent) l c h / 30%)); }

/* Loader */
.loader {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--border);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Skeleton loading */
.skeleton {
    background: linear-gradient(90deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.04) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
}
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
