/* Radar Progetti: stili specifici del prodotto. Palette e componenti standard sono della shell. */
.clk{cursor:pointer}
.al.clk:hover,tr.clk:hover td{background:var(--panel2)}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.card h3{margin:0 0 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card h3 small{font-weight:400}
.muted{color:var(--mut)}
.sc{font-variant-numeric:tabular-nums}.sc.ok{color:var(--ok)}.sc.warn{color:var(--warn)}.sc.crit{color:var(--crit)}
.pb{height:6px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:4px}
.pb i{display:block;height:100%;border-radius:4px;background:var(--pri)}
.pb i.ok{background:var(--ok)}.pb i.warn{background:var(--warn)}.pb i.crit{background:var(--crit)}.pb i.info{background:var(--info)}
.rk{flex:none;width:24px;height:24px;border-radius:50%;background:var(--pri);color:var(--pri-tx);display:grid;place-items:center;font-size:12px;font-weight:700}
.dist{display:grid;grid-template-columns:1fr auto;gap:0 10px;margin-bottom:8px;font-size:13.5px}.dist .pb{grid-column:1/-1}
.leg{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-top:6px}.leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px}
.blip{cursor:pointer}
.tbl.kv th{width:32%;text-transform:none;letter-spacing:0;font-size:13px}
.tbl.cmp th:first-child{width:24%}.tbl.cmp td.best{background:color-mix(in srgb,var(--ok) 14%,var(--panel))}
.kpis{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}
.kanban{display:grid;grid-template-columns:repeat(10,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}
.kcol{background:var(--panel2);border-radius:12px;padding:10px;min-height:140px}
.kcol h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);display:flex;justify-content:space-between;gap:6px}
.kcol h4 i{font-style:normal;color:var(--tx)}
.kcard{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;cursor:grab}
.kcard:hover{border-color:var(--pri)}
.kcard select.mv{width:100%;margin-top:6px;font-size:12px;padding:4px 6px}
.fld small{color:var(--mut)}
@media print{#side,#top,#banner,.btn,.filters{display:none!important}}
