/* P160 ORTHYNE Trading: simulatore valute (si appoggia a /mercati-dettaglio.css) */
.tr{display:grid;gap:18px}
.tr-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tr-k{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:rgba(9,21,41,.7);min-width:0}
.tr-kl{display:block;font-size:.8rem;color:var(--muted)}
.tr-kv{display:block;font-size:clamp(1.05rem,2.4vw,1.5rem);font-weight:800;color:#fff;overflow-wrap:anywhere}
.tr-k.su .tr-kv,.tr-tab .su{color:#6ef3ca}.tr-k.giu .tr-kv,.tr-tab .giu{color:#ff9aa8}
.tr-pan,.tr-sez,.tr-graf{border:1px solid var(--line);border-radius:18px;padding:clamp(14px,2vw,22px);background:rgba(9,21,41,.7);margin:0;min-width:0}
.tr-lab{display:block;font-weight:700;font-size:.9rem;margin:2px 0 6px}
.tr-sel,.tr-inp{width:100%;max-width:420px;min-height:46px;border-radius:12px;border:1px solid var(--line);background:#0b1a31;color:var(--fg);font:inherit;padding:8px 12px}
.tr-rate{color:var(--muted);margin:10px 0 14px;font-size:.92rem}
.tr-az{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tr-b{min-height:46px;border-radius:999px;border:1px solid var(--line);padding:10px 18px;font:inherit;font-weight:800;cursor:pointer;color:#06111f;background:linear-gradient(90deg,#7cf3c8,#6ea8ff)}
.tr-b.vendi{background:linear-gradient(90deg,#ffd27c,#ff9a8a)}
.tr-b.tutto{background:rgba(255,255,255,.08);color:var(--fg)}
.tr-b:disabled{opacity:.45;cursor:not-allowed}
.tr-msg{min-height:1.4em;margin:12px 0 0;font-weight:700}.tr-msg.ok{color:#6ef3ca}.tr-msg.ko{color:#ff9aa8}
.tr-cap{font-weight:700;margin-bottom:8px}
.tr-svg{display:block;width:100%;height:clamp(160px,28vw,240px)}
.tr-linea{fill:none;stroke:#62e3ff;stroke-width:2.2}
.tr-area{fill:rgba(98,227,255,.12)}
.tr-asse{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-top:6px}
.tr-sez h2{font-size:1.1rem;margin:0 0 10px}
.tr-tab{width:100%;border-collapse:collapse;font-size:.9rem}
.tr-tab th,.tr-tab td{text-align:start;padding:8px 6px;border-bottom:1px solid var(--line);overflow-wrap:normal;word-break:normal;hyphens:none}
.tr-tab .tr-nw{white-space:nowrap}
.tr-sez{overflow-x:auto}
.tr-tab th{color:var(--muted);font-weight:700;font-size:.8rem}
.tr-vuoto,.tr-nota{color:var(--muted);font-size:.9rem}
.tr-reset{margin-top:14px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--fg);padding:8px 16px;font:inherit;cursor:pointer}
.tr-reset.attenzione{border-color:#ff9aa8;color:#ff9aa8}
.tr-stato{padding:24px 0;color:var(--muted)}
.tr-come{margin-top:22px}.tr-come h2{font-size:1.1rem}.tr-come li{margin:6px 0;color:var(--muted)}
.tr-disc{border-inline-start:3px solid #ffd580;padding-inline-start:12px}
@media(max-width:640px){.tr-kpi{grid-template-columns:1fr}.tr-az .tr-b{flex:1 1 100%}.tr-tab{font-size:.82rem}.tr-tab th,.tr-tab td{padding:7px 4px}}
.tr-svg,.tr-asse{direction:ltr}
.tr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:480px){.tr-sto th:nth-child(3),.tr-sto td:nth-child(3){display:none}.tr-tab{font-size:.8rem}.tr-k{padding:12px 14px}}
@media(max-width:380px){.tr-pan,.tr-sez,.tr-graf{padding:10px}.tr-tab{font-size:.76rem}.tr-tab th,.tr-tab td{padding:6px 3px}}