/* U34 read-only analytics, scoped to existing role dashboard. Tokens support light/dim/dark. */
.sk34-insights{--sk34-panel:var(--sk-card-bg,var(--sk-surface,#fff));--sk34-ink:var(--sk-text,#172b46);--sk34-muted:var(--sk-text-muted,#596d87);--sk34-border:var(--sk-border,rgba(120,144,168,.35));--sk34-track:rgba(108,134,170,.18);--sk34-accent:#347cce;margin:24px auto;color:var(--sk34-ink);max-width:1200px}
.sk34-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}
.sk34-head small{letter-spacing:.12em;font-size:.74rem;font-weight:800;color:var(--sk34-muted)}
.sk34-head h2{color:var(--sk34-ink);font-size:clamp(1.15rem,2vw,1.65rem);margin:.4rem 0}
.sk34-head p,.sk34-footnote{color:var(--sk34-muted);font-size:.84rem;line-height:1.6}
.sk34-readonly{border:1px solid var(--sk34-border);border-radius:30px;padding:7px 12px;white-space:nowrap;font-size:.76rem;color:var(--sk34-muted)}
.sk34-sections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.sk34-card{min-width:0;background:var(--sk34-panel);border:1px solid var(--sk34-border);border-radius:20px;padding:clamp(14px,2vw,24px);box-shadow:0 8px 25px rgba(8,29,57,.045)}
.sk34-section-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.sk34-section-head h3{color:var(--sk34-ink);font-size:1.05rem;margin:0}
.sk34-section-head>span{color:var(--sk34-muted);font-size:.75rem}
.sk34-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}
.sk34-kpis>div{display:flex;flex-direction:column;gap:6px;justify-content:center;background:var(--sk34-track);border-radius:12px;padding:12px;min-width:0}
.sk34-kpis span,.sk34-topic small{font-size:.74rem;color:var(--sk34-muted);line-height:1.4}
.sk34-kpis strong{font-size:clamp(1rem,2vw,1.45rem);color:var(--sk34-ink)}
.sk34-topic-list{display:grid;gap:11px}
.sk34-topic{border:1px solid var(--sk34-border);padding:12px;border-radius:12px;background:transparent}
.sk34-topic-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sk34-topic-top div{display:flex;flex-direction:column;gap:3px;min-width:0}
.sk34-topic-top strong{color:var(--sk34-ink);font-size:.87rem}
.sk34-topic-top .sk34-value{font-size:1.1rem;font-variant-numeric:tabular-nums}
.sk34-meter{height:7px;background:var(--sk34-track);border-radius:20px;overflow:hidden;margin:10px 0}
.sk34-meter span{display:block;background:var(--sk34-accent);height:100%;border-radius:20px}
.sk34-topic p,.sk34-state{font-size:.78rem;color:var(--sk34-muted);line-height:1.55;margin:5px 0}
.sk34-mock-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:var(--sk34-ink);font-size:.88rem}
.sk34-mock-meta span{white-space:nowrap;color:var(--sk34-muted)}
.sk34-subject-list{display:grid;gap:5px}
.sk34-subject{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--sk34-border);font-size:.81rem}
.sk34-subject strong{color:var(--sk34-ink)}.sk34-subject span{color:var(--sk34-muted);text-align:right}
.sk34-insights .sk34-state{margin:14px 0}
@media(max-width:780px){.sk34-sections{grid-template-columns:1fr}.sk34-head{flex-direction:column}.sk34-readonly{white-space:normal}}
@media(max-width:370px){.sk34-kpis{grid-template-columns:1fr}.sk34-subject{flex-direction:column;gap:4px}.sk34-subject span{text-align:left}}
/* In dark themes, explicit text tokens beat inherited legacy blue labels. */
:is(body.sk-dark,body.sk-dim,body[data-theme=dark],body[data-theme=dim]) .sk34-insights,
:is(body.sk-dark,body.sk-dim,body[data-theme=dark],body[data-theme=dim]) .sk34-card{--sk34-panel:#203550;--sk34-ink:#f2f6ff;--sk34-muted:#c4d4e9;--sk34-border:rgba(191,216,245,.28);--sk34-track:rgba(184,210,244,.14);--sk34-accent:#79b6fa}

/* Quick-access jump is keyboard-visible and not lost behind fixed toolbars. */
.sk34-insights{scroll-margin-top:7rem;}
.sk34-jump{margin:1rem 0 .75rem;}
.sk34-jump a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1rem;border-radius:12px;background:var(--sk34-panel,#eaf1fc);color:var(--sk34-text,#172b49);border:1px solid var(--sk34-border,#b6cce6);font-weight:700;text-decoration:none;}
.sk34-jump a:focus-visible{outline:3px solid #f4c455;outline-offset:3px;}

.sk34-trend{margin-top:16px;border-top:1px solid var(--sk34-border);padding-top:12px}
.sk34-trend h4{font-size:.86rem;color:var(--sk34-ink);margin:0 0 8px}
.sk34-trend-list{display:flex;flex-wrap:wrap;gap:6px}
.sk34-trend-list>div{border:1px solid var(--sk34-border);border-radius:10px;padding:9px 12px;display:flex;flex:1 1 130px;flex-direction:column;gap:3px;background:var(--sk34-track)}
.sk34-trend-list time{font-size:.72rem;color:var(--sk34-muted)}
.sk34-trend-list strong{font-variant-numeric:tabular-nums;font-size:.84rem;color:var(--sk34-ink)}
