/* AF Swing — componenti condivisi (pagina Claude e plugin WordPress). Tutto è confinato sotto .afs */
.afs{
  --afs-bg:#f3f5f8; --afs-surface:#ffffff; --afs-ink:#14202e; --afs-muted:#5b6878; --afs-line:#dde3ea;
  --afs-accent:#1f4fd1; --afs-accent-soft:#e6edfc;
  --afs-up:#0f7a4c; --afs-up-soft:#e3f3ea; --afs-down:#b8322a; --afs-down-soft:#f9e6e4; --afs-warn:#9a6a00; --afs-warn-soft:#fbf1d9;
  --afs-grid:#edf0f4; --afs-ma:#8a6d1f;
  --afs-display:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif;
  --afs-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --afs-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  color:var(--afs-ink);font-family:var(--afs-body);font-size:15px;line-height:1.55;text-align:left;
}
.afs[data-afs-theme="dark"]{
  --afs-bg:#0f151d; --afs-surface:#17202b; --afs-ink:#e4eaf1; --afs-muted:#97a4b4; --afs-line:#26313e;
  --afs-accent:#7aa2ff; --afs-accent-soft:#1d2a47; --afs-up:#4cc58b; --afs-up-soft:#15302a; --afs-down:#f07a70; --afs-down-soft:#3a1f1f;
  --afs-warn:#e3b54f; --afs-warn-soft:#352b14; --afs-grid:#1e2833; --afs-ma:#d9b45a; color-scheme:dark}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .afs[data-afs-theme="auto"]{
  --afs-bg:#0f151d; --afs-surface:#17202b; --afs-ink:#e4eaf1; --afs-muted:#97a4b4; --afs-line:#26313e;
  --afs-accent:#7aa2ff; --afs-accent-soft:#1d2a47; --afs-up:#4cc58b; --afs-up-soft:#15302a; --afs-down:#f07a70; --afs-down-soft:#3a1f1f;
  --afs-warn:#e3b54f; --afs-warn-soft:#352b14; --afs-grid:#1e2833; --afs-ma:#d9b45a; color-scheme:dark}}
:root[data-theme="dark"] .afs[data-afs-theme="auto"]{
  --afs-bg:#0f151d; --afs-surface:#17202b; --afs-ink:#e4eaf1; --afs-muted:#97a4b4; --afs-line:#26313e;
  --afs-accent:#7aa2ff; --afs-accent-soft:#1d2a47; --afs-up:#4cc58b; --afs-up-soft:#15302a; --afs-down:#f07a70; --afs-down-soft:#3a1f1f;
  --afs-warn:#e3b54f; --afs-warn-soft:#352b14; --afs-grid:#1e2833; --afs-ma:#d9b45a; color-scheme:dark}
.afs *,.afs *::before,.afs *::after{box-sizing:border-box}
.afs.afs-boxed{background:var(--afs-bg);padding:20px;border-radius:12px}
.afs h2,.afs h3{font-family:var(--afs-display);text-wrap:balance;margin:0;line-height:1.15;color:var(--afs-ink)}
.afs h2.afs-sec{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--afs-muted);margin:0 0 12px}
.afs p{margin:0}
.afs a{color:var(--afs-accent)}
.afs .num{font-family:var(--afs-mono);font-variant-numeric:tabular-nums}
.afs .stack{display:flex;flex-direction:column;gap:32px}
.afs .afs-meta{color:var(--afs-muted);font-size:13px}
.afs .days{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.afs .days button,.afs .seg button{font:500 13px var(--afs-mono);border:1px solid var(--afs-line);background:var(--afs-surface);color:var(--afs-ink);
  padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;line-height:1.3;margin:0;box-shadow:none;text-transform:none;letter-spacing:0}
.afs .days button[aria-pressed="true"],.afs .seg button[aria-pressed="true"]{background:var(--afs-accent);border-color:var(--afs-accent);color:var(--afs-surface)}
.afs button:focus-visible,.afs .idea:focus-visible{outline:2px solid var(--afs-accent);outline-offset:2px}
.afs .seg{display:flex;gap:6px;flex-wrap:wrap}
.afs .seg button{font-family:var(--afs-body);font-size:13px}
.afs .lead{display:flex;flex-direction:column;gap:10px}
.afs .headline{font-family:var(--afs-display);font-size:clamp(20px,3.6vw,24px);font-weight:600;line-height:1.2}
.afs .lead p{max-width:68ch}
.afs .pill{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--afs-body);letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;width:fit-content}
.afs .pill.on{background:var(--afs-up-soft);color:var(--afs-up)} .afs .pill.off{background:var(--afs-down-soft);color:var(--afs-down)} .afs .pill.mix{background:var(--afs-warn-soft);color:var(--afs-warn)}
.afs .macro{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1px;background:var(--afs-line);border:1px solid var(--afs-line);border-radius:8px;overflow:hidden}
.afs .macro div{background:var(--afs-surface);padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.afs .macro .n{font-size:12px;color:var(--afs-muted)} .afs .macro .v{font-size:15px}
.afs .up{color:var(--afs-up)} .afs .down{color:var(--afs-down)} .afs .flat{color:var(--afs-muted)}
.afs .ideas{display:flex;flex-direction:column;gap:14px}
.afs .idea{background:var(--afs-surface);border:1px solid var(--afs-line);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.afs .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.afs .tk{font:600 20px var(--afs-display);letter-spacing:.01em}
.afs .dir{font:600 11px var(--afs-body);text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:4px}
.afs .dir.long{background:var(--afs-up-soft);color:var(--afs-up)} .afs .dir.short{background:var(--afs-down-soft);color:var(--afs-down)} .afs .dir.watch{background:var(--afs-accent-soft);color:var(--afs-accent)}
.afs .setup{color:var(--afs-muted);font-size:13px}
.afs .conv{margin-left:auto;font-size:12px;color:var(--afs-muted);display:flex;gap:3px;align-items:center}
.afs .conv i{width:8px;height:8px;border-radius:2px;background:var(--afs-line);display:inline-block}
.afs .conv i.f{background:var(--afs-accent)}
.afs .idea p{max-width:72ch}
.afs .levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;border-top:1px solid var(--afs-line);padding-top:10px}
.afs .levels div{display:flex;flex-direction:column;font-size:12px;color:var(--afs-muted);min-width:0}
.afs .levels b{font:500 14px var(--afs-mono);color:var(--afs-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.afs .small{font-size:13px;color:var(--afs-muted)}
.afs .chart{width:100%;min-width:0}
.afs .chart svg{display:block;width:100%;height:auto;overflow:visible;max-width:none}
.afs .chart .gl{stroke:var(--afs-grid);stroke-width:1}
.afs .chart .ax{fill:var(--afs-muted);font:11px var(--afs-mono)}
.afs .chart .cu{fill:var(--afs-up);stroke:var(--afs-up)} .afs .chart .cd{fill:var(--afs-down);stroke:var(--afs-down)}
.afs .chart .wk{stroke-width:1}
.afs .chart .ma{fill:none;stroke:var(--afs-ma);stroke-width:1.5}
.afs .chart .zone{fill:var(--afs-accent);fill-opacity:.14;stroke:var(--afs-accent);stroke-width:1;stroke-dasharray:4 3}
.afs .chart .lent{stroke:var(--afs-accent);stroke-width:1.5;stroke-dasharray:4 3}
.afs .chart .lstop{stroke:var(--afs-down);stroke-width:1.5}
.afs .chart .ltgt{stroke:var(--afs-up);stroke-width:1.5;stroke-dasharray:6 3}
.afs .chart .zero{stroke:var(--afs-muted);stroke-width:1;stroke-dasharray:3 3}
.afs .chart .eq{fill:none;stroke:var(--afs-accent);stroke-width:2}
.afs .chart .eqdot{fill:var(--afs-accent)}
.afs .chart .tag{font:500 11px var(--afs-mono)}
.afs .chart .tag.e{fill:var(--afs-accent)} .afs .chart .tag.s{fill:var(--afs-down)} .afs .chart .tag.t{fill:var(--afs-up)}
.afs .chart .lastbg{fill:var(--afs-ink)} .afs .chart .lasttx{fill:var(--afs-surface);font:500 11px var(--afs-mono)}
.afs .legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--afs-muted);margin-top:4px}
.afs .legend span{display:inline-flex;align-items:center;gap:6px}
.afs .legend i{display:inline-block;width:16px;height:0;border-top:2px solid}
.afs .legend .k-e{border-color:var(--afs-accent);border-top-style:dashed} .afs .legend .k-s{border-color:var(--afs-down)}
.afs .legend .k-t{border-color:var(--afs-up);border-top-style:dashed} .afs .legend .k-m{border-color:var(--afs-ma)}
.afs .tablebox{overflow-x:auto;border:1px solid var(--afs-line);border-radius:8px;background:var(--afs-surface)}
.afs table{border-collapse:collapse;width:100%;font-size:14px;margin:0;border:0}
.afs th,.afs td{text-align:left;padding:9px 12px;border:0;border-bottom:1px solid var(--afs-line);vertical-align:top;background:transparent;color:var(--afs-ink)}
.afs th{font:600 11px var(--afs-body);text-transform:uppercase;letter-spacing:.08em;color:var(--afs-muted);white-space:nowrap}
.afs tr:last-child td{border-bottom:0}
.afs td.r,.afs th.r{text-align:right;white-space:nowrap}
.afs td.nw{white-space:nowrap}
.afs .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:680px){.afs .cols{grid-template-columns:1fr}}
.afs ul.plain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.afs ul.plain li{min-width:0;margin:0}
.afs ul.plain a{text-decoration:none;font-weight:500}
.afs ul.plain a:hover{text-decoration:underline}
.afs .src{font-size:12px;color:var(--afs-muted)}
.afs .imp{font:600 10px var(--afs-body);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:3px;background:var(--afs-accent-soft);color:var(--afs-accent);margin-left:6px}
.afs .empty{background:var(--afs-surface);border:1px dashed var(--afs-line);border-radius:10px;padding:28px;color:var(--afs-muted)}
.afs .empty b{color:var(--afs-ink)}
.afs .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.afs .tiles div{background:var(--afs-surface);border:1px solid var(--afs-line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.afs .tiles .n{font-size:12px;color:var(--afs-muted)}
.afs .tiles .v{font:500 22px var(--afs-mono);font-variant-numeric:tabular-nums}
.afs .tiles .s{font-size:12px;color:var(--afs-muted)}
.afs .st{font:600 11px var(--afs-body);text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:4px;white-space:nowrap}
.afs .st.att{background:var(--afs-accent-soft);color:var(--afs-accent)}
.afs .st.wait{background:var(--afs-line);color:var(--afs-muted)}
.afs .st.win{background:var(--afs-up-soft);color:var(--afs-up)}
.afs .st.loss{background:var(--afs-down-soft);color:var(--afs-down)}
.afs .st.neu{background:var(--afs-warn-soft);color:var(--afs-warn)}
.afs .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.afs label.chk{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--afs-muted);cursor:pointer}
.afs details{background:var(--afs-surface);border:1px solid var(--afs-line);border-radius:8px;padding:12px 14px}
.afs details summary{cursor:pointer;font-weight:600}
.afs details ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.afs .disc{font-size:12px;color:var(--afs-muted);border-top:1px solid var(--afs-line);padding-top:14px;max-width:72ch}
.afs .it{font-style:italic}
@media (max-width:560px){.afs .tr-setup{display:none}}
@media (max-width:560px){.afs .tiles{grid-template-columns:1fr 1fr}.afs.afs-boxed{padding:14px}.afs .tiles .v{font-size:19px}}
.afs .discl{background:var(--afs-surface);border:1px solid var(--afs-line);border-left:3px solid var(--afs-accent);border-radius:8px;padding:12px 14px;margin-bottom:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px}
.afs .discl div{display:flex;flex-direction:column;font-size:12px;color:var(--afs-muted);min-width:0}
.afs .discl b{font-weight:500;font-size:13px;color:var(--afs-ink)}
.afs .discl p{grid-column:1/-1}
.afs .conflict{border-top:1px dashed var(--afs-line);padding-top:8px}