/* News panel (app/news-panel.js) */

.news-panel { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }

.np-head { flex: none; display: flex; align-items: center; gap: 8px; padding: 14px 14px 10px; }
.np-title { font-size: 15px; }
.np-sub { color: var(--text-muted); font-size: 12.5px; }
.np-refresh {
    margin-left: auto;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: none;
    color: var(--text-muted);
    cursor: pointer;
}
.np-refresh svg { width: 15px; height: 15px; }
.np-refresh:hover { color: var(--text); }

.np-tabs { flex: none; display: flex; gap: 6px; padding: 0 14px 10px; border-bottom: 1px solid var(--border); }
.np-tab {
    padding: 6px 12px;
    border: 0;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--text);
    font: 500 12.5px/1 -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", sans-serif;
    cursor: pointer;
}
.np-tab[aria-selected="true"] { background: var(--text); color: var(--surface); }

.np-body { flex: 1; min-height: 0; overflow-y: auto; }
.np-empty { padding: 18px 14px; color: var(--text-muted); font-size: 13px; }

.np-list { margin: 0; padding: 0; list-style: none; }
.np-item + .np-item { border-top: 1px solid var(--border); }
.np-link { display: flex; flex-direction: column; gap: 4px; padding: 11px 14px; color: inherit; text-decoration: none; }
.np-link:hover { background: var(--surface-2); }
.np-meta { display: flex; gap: 8px; font-size: 11.5px; color: var(--text-muted); }
.np-source { font-weight: 600; }
.np-headline { font-size: 13.5px; font-weight: 600; line-height: 1.35; }
.np-summary {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.np-filters { position: sticky; top: 0; z-index: 1; display: flex; gap: 6px; padding: 10px 14px; background: var(--surface); border-bottom: 1px solid var(--border); }
.np-chip {
    padding: 5px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: none;
    color: var(--text-muted);
    font: 500 12px/1 -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", sans-serif;
    cursor: pointer;
}
.np-chip[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }

.np-cal { margin: 0; padding: 0 0 10px; list-style: none; }
.np-day { padding: 12px 14px 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.np-event { display: flex; align-items: flex-start; gap: 8px; padding: 7px 14px; font-size: 12.5px; }
.np-event.is-past { opacity: .55; }
.np-event.is-mine .np-ev-cur { color: var(--text); font-weight: 700; }
.np-event.is-next { background: var(--accent-soft); }
.np-ev-time { flex: none; width: 38px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.np-ev-cur { flex: none; width: 56px; color: var(--text-muted); }
.np-ev-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.np-ev-title { display: flex; align-items: center; gap: 6px; font-weight: 500; }
.np-ev-nums { color: var(--text-muted); font-size: 11.5px; }
.np-impact { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--text-muted); }
.np-impact.is-high { background: #ef4444; }
.np-impact.is-medium { background: #f59e0b; }
.np-impact.is-low { background: #eab308; opacity: .5; }

.np-foot { flex: none; padding: 8px 14px; border-top: 1px solid var(--border); font-size: 10.5px; color: var(--text-muted); }