/* FxCMS live market widgets — matches the FxBonusMeet palette. */
.fxl,.fxl-rank{--fxl-g:#0f766e;--fxl-g2:#0b7f72;--fxl-gl:#f0fdfa;--fxl-bd:#ccfbf1;--fxl-ac:#ffcc00;--fxl-up:#115e59;--fxl-dn:#c8102e;margin:28px 0;clear:both}
.fxl-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin:14px 0 6px}
.fxl-tv,.fxl-ta{border:1px solid var(--fxl-bd);border-radius:14px;background:#fff;overflow:hidden;position:relative}
.fxl-tv{height:460px}.fxl-ta{height:460px}
.fxl-tape{border:1px solid var(--fxl-bd);border-radius:12px;background:#fff;overflow:hidden;height:46px;margin:10px 0}
.fxl-ph{display:flex;align-items:center;justify-content:center;height:100%;min-height:80px;color:#6b7280;font-size:14px;background:repeating-linear-gradient(135deg,#f0fdfa 0 12px,#f0fdfa 12px 24px)}
.fxl-src{font-size:12px;color:#6b7280;margin:6px 0 0}
.fxl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.fxl-stats div{border:1px solid var(--fxl-bd);border-radius:12px;padding:10px 12px;background:var(--fxl-gl)}
.fxl-stats dt{font-size:12px;color:#4b5563;margin:0}
.fxl-stats dd{margin:2px 0 0;font-size:18px;font-weight:800;color:#134e4a}
.fxl-fig{margin:12px 0;border:1px solid var(--fxl-bd);border-radius:14px;padding:12px;background:#fff}
.fxl-fig figcaption{font-size:13px;color:#4b5563;margin:4px 0 6px;font-weight:600}
.fxl-area svg{display:block;width:100%;height:180px}
.fxl-area .v-a{fill:rgba(13, 148, 136, .18)}.fxl-area .v-l{fill:none;stroke:var(--fxl-g);stroke-width:2;vector-effect:non-scaling-stroke}
.fxl-axis{display:flex;justify-content:space-between;font-size:11px;color:#6b7280;margin-top:4px;gap:8px;flex-wrap:wrap}
.fxl-tbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.fxl-tbl caption{text-align:left;font-weight:700;padding:6px 0;color:#134e4a}
.fxl-tbl th{background:var(--fxl-g);color:#fff;text-align:left;padding:9px 10px;font-weight:700;white-space:nowrap}
.fxl-tbl th small{font-weight:400;opacity:.8}
.fxl-tbl td{padding:9px 10px;border-bottom:1px solid var(--fxl-bd);vertical-align:middle}
.fxl-tbl tbody tr:nth-child(even) td{background:#f0fdfa}
.fxl-tbl td.n{font-weight:800;color:var(--fxl-g);width:34px}
.fxl-tbl td.nm a{color:#134e4a;text-decoration:none}.fxl-tbl td.nm a:hover{text-decoration:underline}
.fxl-tbl td.rt b{font-size:15px}.fxl-tbl td.rt span{color:#6b7280;font-size:12px}
.fxl-tbl td.up{color:var(--fxl-up);font-weight:700}.fxl-tbl td.dn{color:var(--fxl-dn);font-weight:700}
.fxl-tbl td.go{text-align:right}
.fxl-tbl-wrap,.fxl .fxs-tbl,.fxl-rank .fxs-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--fxl-bd);border-radius:12px}
.fxl-btn{display:inline-block;background:var(--fxl-ac);color:#134e4a!important;font-weight:700;padding:6px 14px;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:13px}
.fxl-btn:hover{filter:brightness(.95)}
.fxl-spark{width:120px;height:32px;display:block}
.fxl-spark .s-a{fill:rgba(17, 94, 89, .12)}.fxl-spark .s-l{fill:none;stroke:var(--fxl-up);stroke-width:1.6;vector-effect:non-scaling-stroke}
.fxl-spark.dn .s-a{fill:rgba(200,16,46,.10)}.fxl-spark.dn .s-l{stroke:var(--fxl-dn)}
.fxl-bars{width:100%;max-width:760px;margin:0 auto;height:auto;display:block;font-family:inherit}
.fxl-bars .g{stroke:#ccfbf1;stroke-width:1}.fxl-bars .ax{font-size:11px;fill:#6b7280}
.fxl-bars .lb{font-size:12px;fill:#134e4a;font-weight:600}.fxl-bars .v{font-size:12px;fill:#374151;font-weight:700}
.fxl-bars .b{fill:var(--fxl-g2)}.fxl-bars .b.top{fill:var(--fxl-g)}
.fxl-pairs{margin-top:10px}
@media (max-width:900px){.fxl-grid{grid-template-columns:1fr}.fxl-tv{height:400px}.fxl-ta{height:420px}.fxl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fxl-tbl{font-size:13px}.fxl-tbl th,.fxl-tbl td{padding:7px 8px}.fxl-stats dd{font-size:16px}}
/* ECB fallback (when TradingView cannot load) */
.fxl-strip{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;padding:12px 14px;font-size:13px;scrollbar-width:none}
.fxl-strip::-webkit-scrollbar{display:none}
.fxl-strip em{font-style:normal;font-weight:700;color:#0f2f2c;margin-right:4px}
.fxl-strip b.up,.fxl-tbl b.up,.fxl-fb b.up{color:#047857}.fxl-strip b.dn,.fxl-tbl b.dn,.fxl-fb b.dn{color:#b91c1c}
.fxl-fb{padding:14px 16px}
.fxl-fb-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:10px;font-size:15px}
.fxl-fb-h span{font-size:22px;font-weight:800;color:#0f2f2c}.fxl-fb-h small{color:#475569}
.fxl-big{width:100%;height:220px;display:block}