/* Signals — the pane's own sheet. The frame (osApp, rhead, osAppCard, refuse)
 * comes from os-app.css; this file owns only the list grammar. ⛔ Every colour
 * is a var(…) — a hex here is a second theme that will drift. */
.osApp .sgList{display:flex;flex-direction:column;gap:10px;padding:18px 20px 60px;max-width:760px;margin:0 auto}
.osApp .sgRefresh{border:1px solid var(--line);background:transparent;color:var(--muted);
  border-radius:999px;padding:6px 14px;font:500 12px/1 var(--mono);cursor:pointer}
.osApp .sgRefresh:hover{color:var(--fg);border-color:var(--muted)}

/* the ranked list — a finding reads top to bottom: rank, headline, evidence */
.osApp .sgFinding{padding:0;overflow:hidden}
.osApp .sgHead{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer}
.osApp .sgN{flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:var(--accSoft);
  color:var(--acc);font:600 12px/22px var(--mono);text-align:center}
.osApp .sgTitle{flex:1;min-width:0}
.osApp .sgKind{display:block;font:500 10.5px/1.4 var(--mono);color:var(--muted);
  text-transform:uppercase;letter-spacing:.06em}
.osApp .sgTitle h3{margin:2px 0 0;font:600 14.5px/1.45 var(--sans,var(--fg));color:var(--fg);word-break:break-word}
.osApp .sgSeen{flex:0 0 auto;font:400 11px/1.6 var(--mono);color:var(--faint,var(--muted))}

/* evidence — what, how much, when. Three columns, the date always its own */
.osApp .sgBody{border-top:1px solid var(--line);padding:12px 16px 14px 50px;display:grid;gap:12px}
.osApp .sgSec h4{margin:0 0 6px;font:600 11px/1 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.osApp .sgEv{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.osApp .sgEv li{display:flex;gap:10px;font:400 12.5px/1.5 var(--sans,var(--fg));flex-wrap:wrap}
.osApp .sgEvWhat{color:var(--muted)}
.osApp .sgEvVal{color:var(--fg);font-weight:600}
.osApp .sgEvWhen{color:var(--faint,var(--muted));font:400 11px/1.6 var(--mono)}
.osApp .sgAct{margin:0;font:500 13px/1.5 var(--sans,var(--fg))}
.osApp .sgMeta{margin:2px 0 0;font:400 12px/1.5 var(--mono);color:var(--muted)}

.osApp .sgFoot{display:flex;align-items:center;gap:10px}
.osApp .sgDismiss{border:1px solid var(--line);background:transparent;color:var(--muted);
  border-radius:8px;padding:5px 12px;font:500 12px/1.2 var(--sans,var(--fg));cursor:pointer}
.osApp .sgDismiss:hover{color:var(--fg);border-color:var(--muted)}
.osApp .sgWhy{flex:1}
.osApp .sgWhyIn{width:100%;padding:6px 10px;font-size:12.5px}

/* the silence verdict — a feature, styled as calm, never as an error */
.osApp .sgSilent{padding:26px 22px;text-align:center}
.osApp .sgSilent h3{margin:0 0 6px;font:600 15px/1.4 var(--sans,var(--fg))}
.osApp .sgSilent p{margin:0;color:var(--muted);font:400 13px/1.6 var(--sans,var(--fg))}