/* «Сводка» агентства. Цвета — токены theme.css, поэтому день и ночь работают сами. */
.pf{display:grid;gap:14px}
.pf-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px}
.pf-say{background:var(--pill);color:var(--pill-fg);border-radius:var(--r-in);padding:22px 24px;display:grid;gap:14px;align-content:space-between}
.pf-say p{font-size:13px;opacity:.7}
.pf-say b{font-size:clamp(18px,1.8vw,22px);font-weight:500;line-height:1.4;text-wrap:balance}
.pf-say b span{background:var(--hl);color:var(--hl-fg);border-radius:6px;padding:0 5px;white-space:nowrap}
.pf-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pf-score{display:grid;gap:6px;align-content:start;text-align:left;background:var(--inset);border-radius:var(--r-in);padding:16px;border:2px solid transparent;color:var(--fg);transition:border-color .15s}
.pf-score span{font-size:13px;color:var(--muted2)}
.pf-score strong{font-size:clamp(30px,3vw,42px);font-weight:300;letter-spacing:-.03em;line-height:1}
.pf-score small{font-size:12px;color:var(--muted2)}
.pf-score.bad strong{color:var(--bad)}.pf-score.warn strong{color:var(--warn)}.pf-score.ok strong{color:var(--ok)}
.pf-score:hover,.pf-kpi:hover{border-color:var(--line)}
.pf-score.on,.pf-kpi.on{border-color:var(--fg)}
.pf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pf-kpi{display:grid;gap:4px;text-align:left;background:var(--inset);border-radius:var(--r-in);padding:14px 16px;border:2px solid transparent;color:var(--fg)}
.pf-kpi span{font-size:13px;color:var(--muted2)}
.pf-kpi strong{font-size:28px;font-weight:400;line-height:1.1}
.pf-kpi small{font-size:12px;color:var(--muted2)}
.pf-kpi.hot{background:var(--bad-soft)}.pf-kpi.hot strong{color:var(--bad)}
.pf-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pf-chips{display:flex;gap:6px;flex-wrap:wrap}
.pf-filter{font-size:13px;color:var(--muted2)}
.pf-issues{display:grid;background:var(--inset);border-radius:var(--r-in);padding:2px 16px}
.pf-issue{display:grid;grid-template-columns:10px minmax(0,1.6fr) minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.pf-issue:first-child{border-top:0}
.pf-what,.pf-who{display:grid;gap:3px;min-width:0}
.pf-what b{font-weight:600;font-size:15px}
.pf-what small,.pf-who small{font-size:13px;color:var(--muted2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-who b{font-weight:500;font-size:14px}
.pf-src{font-size:12px;color:var(--muted2);white-space:nowrap}
.pf-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--muted2)}
.critical .pf-dot{background:var(--bad)}.warn .pf-dot{background:var(--warn)}.info .pf-dot{background:var(--info)}.ok .pf-dot{background:var(--ok)}
.pf-more{justify-self:start}
.pf-empty{color:var(--muted2);padding:14px 0;font-size:14px}
.pf-search{max-width:260px}
.pf-t{width:100%;border-collapse:collapse;font-size:14px}
.pf-t th{text-align:left;font-weight:500;font-size:12px;color:var(--muted2);padding:8px 10px;white-space:nowrap;border-bottom:1px solid var(--line)}
.pf-t td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.pf-t tr:hover td{background:var(--inset)}
.pf-card{display:flex;gap:10px;align-items:center;text-align:left;color:var(--fg)}
.pf-card span{display:grid;gap:2px}
.pf-card b{font-weight:600}
.pf-card small{font-size:12px;color:var(--muted2)}
.pf-num b{font-weight:600}
.pf-num small{margin-left:6px;font-size:12px}
.pf-num small.down{color:var(--bad)}.pf-num small.up{color:var(--ok)}
.pf-c{display:inline-block;font-size:12.5px;padding:3px 9px;border-radius:999px;background:var(--inset);color:var(--muted2)}
.pf-c.ok{background:var(--ok-soft);color:var(--ok)}.pf-c.warn{background:var(--warn-soft);color:var(--warn)}.pf-c.bad{background:var(--bad-soft);color:var(--bad)}
@media (max-width:900px){.pf-hero{grid-template-columns:1fr}.pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pf-issue{grid-template-columns:10px minmax(0,1fr) auto}.pf-who,.pf-src{grid-column:2}.pf-issue .pw-pill{grid-column:3;grid-row:1}}
@media (max-width:480px){.pf-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pf-score{padding:12px}.pf-search{max-width:none;width:100%}}
.nowrap{white-space:nowrap}
/* Тема задаёт .page{margin:0!important}: блоки сводки, идущие друг за другом в #content, разделяем сами. */
#content>.page.pf+.page{margin-top:12px!important}