/* Portafoglio rotazionale — estende i componenti .afs di afswing.css */
.pf .pf-sec{display:flex;flex-direction:column;gap:12px}
.pf .pf-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
.pf .pf-head h2{font-size:22px}
.pf .alloc{background:var(--afs-surface);border:1px solid var(--afs-line);border-radius:10px;padding:8px 14px}
.pf .arow{display:grid;grid-template-columns:52px minmax(0,1fr) 64px;gap:4px 12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--afs-line)}
.pf .arow:last-child{border-bottom:0}
.pf .arow .tk{font:600 14px var(--afs-mono)}
.pf .arow .nm{font-size:13px;color:var(--afs-muted);grid-column:2;grid-row:1}
.pf .arow .bar{grid-column:2;grid-row:2;height:8px;border-radius:4px;background:var(--afs-grid);overflow:hidden}
.pf .arow .bar i{display:block;height:100%;border-radius:4px;background:var(--afs-accent)}
.pf .arow.def .bar i{background:var(--afs-muted)}
.pf .arow.cash .bar i{background:var(--afs-line)}
.pf .arow .w{grid-column:3;grid-row:1/3;text-align:right;font:500 18px var(--afs-mono);font-variant-numeric:tabular-nums}
.pf .arow .tk{grid-row:1/3}
.pf .split{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--afs-grid)}
.pf .split .e{background:var(--afs-accent)}
.pf .split .d{background:var(--afs-muted)}
.pf .split .c{background:var(--afs-line)}
.pf .keys{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--afs-muted)}
.pf .keys span{display:inline-flex;align-items:center;gap:6px}
.pf .keys i{width:10px;height:10px;border-radius:2px;display:inline-block}
.pf .keys .e{background:var(--afs-accent)}
.pf .keys .d{background:var(--afs-muted)}
.pf .keys .c{background:var(--afs-line);border:1px solid var(--afs-muted)}
.pf .role{font-size:12px;color:var(--afs-muted);white-space:nowrap}
.pf tr.sel td{font-weight:500}
.pf tr.out td{color:var(--afs-muted)}
.pf .note{font-size:13px;color:var(--afs-muted);max-width:72ch}
.pf .chart .s-main{fill:none;stroke:var(--afs-accent);stroke-width:2.5}
.pf .chart .s-b1{fill:none;stroke:var(--afs-muted);stroke-width:1.3}
.pf .chart .s-b2{fill:none;stroke:var(--afs-muted);stroke-width:1.3;stroke-opacity:.55}
.pf .chart .s-b3{fill:none;stroke:var(--afs-muted);stroke-width:1.3;stroke-opacity:.3}
.pf .chart .lab{font:500 12px var(--afs-mono)}
.pf .chart .lab.m{fill:var(--afs-accent);font-weight:600}
.pf .chart .lab.b{fill:var(--afs-muted)}
.pf .chart .split-l{stroke:var(--afs-muted);stroke-dasharray:4 4;stroke-width:1}
.pf .chart .bm{fill:var(--afs-accent)}
.pf .chart .bb{fill:var(--afs-muted);fill-opacity:.55}
.pf .chart .zl{stroke:var(--afs-muted);stroke-width:1}
.pf .chart .ttl{font:600 14px var(--afs-body);fill:var(--afs-ink)}
.pf .chart .sub{font:12px var(--afs-body);fill:var(--afs-muted)}
.pf .rules{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;max-width:72ch}
.pf .tiles .v.up{color:var(--afs-up)}
.pf .tiles .v.down{color:var(--afs-down)}
@media (max-width:520px){.pf .arow{grid-template-columns:44px minmax(0,1fr) 56px}.pf .arow .w{font-size:16px}}