/* First-class Reddit, X and Facebook intelligence workspaces. Platform colours stay in the
   source marks; navigation and actions use Athena's ink/gold system. */
.nw-page-h .nw-titlemark { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.nw-toolbar { min-height: 50px; padding: 8px 18px; border-bottom: 1px solid var(--line); background: var(--surface); display: flex; align-items: center; justify-content: flex-end; gap: 8px; position: sticky; top: 0; z-index: 7; }
.nw-toolbar .input { width: auto; min-width: 150px; }
.nw-search { min-width: 250px; height: 34px; display: flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: var(--r-xs); padding: 0 10px; background: var(--surface); color: var(--text-3); }
.nw-search:focus-within { border-color: var(--text-2); box-shadow: 0 0 0 2px var(--surface-3); }
.nw-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; }
.nw-workspace { display: flex; flex-direction: column; gap: 16px; padding-bottom: 42px; }
.nw-source-state { border: 1px solid var(--line); border-left: 3px solid var(--warn); border-radius: var(--r-sm); background: var(--surface); padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.nw-source-state.ready { border-left-color: var(--pos); }
.nw-source-state > div { display: flex; align-items: flex-start; gap: 9px; }
.nw-source-state p { margin: 2px 0 0; font-size: 12px; color: var(--text-3); }
.nw-kpis { display: grid; grid-template-columns: repeat(5, minmax(140px, 1fr)); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); box-shadow: var(--shadow); overflow: hidden; }
.nw-kpis > div { padding: 14px 16px; border-right: 1px solid var(--line); display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nw-kpis > div:last-child { border-right: 0; }
.nw-kpis span, .nw-kpis small { color: var(--text-3); font-size: 11.5px; }
.nw-kpis b { font-size: 21px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.nw-grid { display: grid; gap: 16px; }.nw-grid.two { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); }
.nw-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); padding: 16px; min-width: 0; }
.nw-card h2 { font-size: 15px; margin: 0; }.nw-card > h2 { margin-bottom: 5px; }.nw-card > p { color: var(--text-3); font-size: 13px; margin: 0 0 14px; }
.nw-card-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.nw-card-h h2 { margin: 0; }.nw-card-h p { margin: 2px 0 0; color: var(--text-3); font-size: 12px; }
.nw-chart { height: 270px; }
.nw-rank { display: flex; flex-direction: column; }.nw-rank > div { display: grid; grid-template-columns: 24px 1fr auto; gap: 9px; align-items: center; padding: 9px 2px; border-bottom: 1px solid var(--line-2); }
.nw-rank > div:last-child { border-bottom: 0; }.nw-rank i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-3); color: var(--text-3); font-style: normal; font-size: 11px; }
.nw-rank span { display: flex; flex-direction: column; min-width: 0; }.nw-rank b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }.nw-rank small { color: var(--text-3); font-size: 11px; }.nw-rank strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.nw-post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 10px; }
.nw-post { border: 1px solid var(--line); border-radius: var(--r-sm); padding: 12px; min-width: 0; display: flex; flex-direction: column; gap: 9px; background: var(--surface); transition: border-color .15s, box-shadow .15s, transform .15s; }
.nw-post:hover { border-color: var(--text-3); box-shadow: var(--shadow); transform: translateY(-1px); }
.nw-post-head,.nw-post-foot,.nw-post-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }.nw-post-head { justify-content: space-between; }
.nw-source { display: flex; align-items: center; gap: 8px; min-width: 0; }.nw-source > div { display: flex; flex-direction: column; min-width: 0; }.nw-source b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }.nw-source small { color: var(--text-3); font-size: 11px; }
.nw-copy { margin: 0; font-size: 13px; line-height: 1.48; white-space: pre-line; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
.nw-post-meta { color: var(--text-3); font-size: 11.5px; padding-top: 2px; }.nw-post-meta span { display: inline-flex; align-items: center; gap: 4px; }.nw-post-foot { border-top: 1px solid var(--line-2); padding-top: 8px; font-size: 11.5px; }.nw-post-foot > a:last-child { margin-left: auto; }
.nw-event { display: inline-flex; align-items: center; gap: 4px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nw-coverage,.nw-tone { border-radius: 999px; padding: 2px 7px; background: var(--surface-3); color: var(--text-3); font-size: 10.5px; text-transform: capitalize; white-space: nowrap; }.nw-coverage.done,.nw-tone.positive { background: var(--ok-soft); color: var(--pos-ink); }.nw-coverage.partial { background: var(--warn-soft); color: var(--warn); }.nw-tone.negative { background: var(--danger-soft); color: var(--neg-ink); }
.nw-privacy { display: flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface-2); padding: 9px 12px; font-size: 12px; color: var(--text-2); }
.nw-comments { display: flex; flex-direction: column; }.nw-comments article { padding: 12px 2px; border-bottom: 1px solid var(--line-2); }.nw-comments article:last-child { border-bottom: 0; }.nw-comments article > p { margin: 7px 0; font-size: 13px; line-height: 1.5; }.nw-comments article > div:last-child { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 11.5px; }
.nw-comment-h { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }.nw-comment-h > span:not(.nw-tone) { color: var(--text-3); font-size: 11px; }
.nw-event-list { display: flex; flex-direction: column; }.nw-event-list > a { color: inherit; text-decoration: none; display: grid; grid-template-columns: minmax(220px, 1fr) 120px 220px 20px; align-items: center; gap: 14px; padding: 13px 4px; border-bottom: 1px solid var(--line-2); }.nw-event-list > a:hover { background: var(--surface-2); }.nw-event-list > a:last-child { border-bottom: 0; }.nw-event-list > a > div { display: flex; flex-direction: column; }.nw-event-list span { font-size: 12px; }.nw-event-list small { color: var(--text-3); font-size: 11px; }
.nw-setup-grid { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(360px, 1.2fr); gap: 16px; }.nw-connect-icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 14px; margin-bottom: 14px; }.nw-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; background: var(--warn-soft); color: var(--warn); font-size: 12px; }.nw-status.ready { background: var(--ok-soft); color: var(--pos-ink); }.nw-actions { display: flex; gap: 8px; margin: 14px 0 10px; }.nw-card > small { color: var(--text-3); line-height: 1.45; }
.nw-steps { display: flex; flex-direction: column; margin: 8px 0 14px; }.nw-steps > div { display: flex; gap: 10px; padding: 9px 0; }.nw-steps i { width: 24px; height: 24px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--accent-ink); font-style: normal; font-size: 11px; font-weight: 600; }.nw-steps span { display: flex; flex-direction: column; }.nw-steps b { font-size: 13px; }.nw-steps small { color: var(--text-3); font-size: 12px; }
@media (max-width: 1100px) { .nw-kpis { grid-template-columns: repeat(3, 1fr); }.nw-kpis > div { border-bottom: 1px solid var(--line); }.nw-grid.two,.nw-setup-grid { grid-template-columns: 1fr; }.nw-event-list > a { grid-template-columns: minmax(220px, 1fr) 100px 190px 20px; } }
@media (max-width: 720px) { .nw-toolbar { position: static; justify-content: stretch; flex-wrap: wrap; }.nw-toolbar .input,.nw-search { flex: 1 1 145px; min-width: 0; }.nw-kpis { grid-template-columns: 1fr 1fr; }.nw-kpis > div { border-right: 1px solid var(--line); }.nw-post-grid { grid-template-columns: 1fr; }.nw-event-list > a { grid-template-columns: 1fr 18px; }.nw-event-list > a > span { display: none; }.nw-source-state { align-items: flex-start; flex-direction: column; } }

/* Sign-in in progress, and video thumbnails on YouTube cards */
.nw-status.waiting { background: var(--accent-soft, var(--surface-2)); color: var(--accent-ink, var(--text)); }
.nw-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--accent, currentColor); animation: nw-pulse 1.2s ease-in-out infinite; }
@keyframes nw-pulse { 50% { transform: scale(.55); opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .nw-pulse { animation: none; } }
.nw-thumb { display: block; margin: -12px -12px 0; border-radius: var(--r-sm) var(--r-sm) 0 0; overflow: hidden; aspect-ratio: 16 / 9; background: var(--surface-2); }
.nw-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }