/* Bull Finance — Bento kit (stile ispirato a web3-bento, tradotto in vanilla con i colori del brand) */
.bnt{container-type:inline-size;--a:var(--gold,#D9A730);--a-soft:var(--gold-soft,#E8C46E);--a-ink:#1A1206;--up:var(--pos,#3DD598);--dn:var(--neg,#F2746B);
  --ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.35,.64,1);width:100%;color:var(--text,#F2F6F3)}
.bnt *{box-sizing:border-box}
.bnt-mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.bnt-grid{display:grid;grid-template-columns:1fr;gap:12px}
@container (min-width:560px){.bnt-grid{grid-template-columns:repeat(2,1fr)}}
@container (min-width:900px){.bnt-grid{grid-template-columns:repeat(4,1fr)}
  .bnt-hero{grid-column:1/3;grid-row:1}.bnt-cards{grid-column:3;grid-row:1}.bnt-gauge{grid-column:4;grid-row:1}
  .bnt-chart{grid-column:1/3;grid-row:2/4}.bnt-out{grid-column:3;grid-row:2}.bnt-solid{grid-column:4;grid-row:2/4}
  .bnt-last{grid-column:3;grid-row:3}.bnt-stream{grid-column:1/3;grid-row:4}.bnt-act{grid-column:3/5;grid-row:4}}
@container (min-width:560px) and (max-width:899px){.bnt-hero,.bnt-chart,.bnt-stream,.bnt-act{grid-column:1/3}}
.bnt-tile{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:26px;border:1px solid var(--border-soft,#112A21);
  background:linear-gradient(170deg,var(--surface,#0A1A15),var(--bg-2,#071411));padding:20px;transition:border-color .25s var(--ease)}
.bnt-tile:hover{border-color:var(--border,#17382C)}
.bnt-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-bottom:16px}
.bnt-head h3{margin:0;font-size:13px;font-weight:500;color:var(--muted,#8FA79B);letter-spacing:0}
.bnt-sub{font-size:12px;color:var(--muted,#8FA79B)}
.bnt-pills{display:inline-flex;border:1px solid var(--border-soft,#112A21);border-radius:999px;padding:2px}
.bnt-pills button{white-space:nowrap;border:0;background:none;color:var(--muted,#8FA79B);font:500 11px/1 "JetBrains Mono",ui-monospace,monospace;padding:7px 11px;border-radius:999px;cursor:pointer;min-height:30px;transition:color .15s,background .15s}
.bnt-pills button:hover{color:var(--text,#F2F6F3)}
.bnt-pills button[aria-checked=true]{background:var(--text,#F2F6F3);color:var(--bg,#050B09)}
.bnt :focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:8px}
.bnt-demo{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px;border:1px dashed var(--border,#17382C);border-radius:999px;font-size:11.5px;color:var(--muted,#8FA79B)}
.bnt-demo i{width:6px;height:6px;border-radius:50%;background:var(--a);display:block}

/* hero */
.bnt-hello{font-size:clamp(26px,3.2vw,34px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin:0}
.bnt-hello b{color:var(--a);font-weight:600}
.bnt-hrow{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 20px}
.bnt-hrow>div:first-child{flex:1 1 200px}
.bnt-big{text-align:right;margin-left:auto;flex:0 0 auto}
.bnt-big .l{font-size:12px;color:var(--muted)}
.bnt-big .v{font-size:clamp(30px,4vw,40px);font-weight:600;line-height:1;letter-spacing:-.04em;margin-top:2px}
.bnt-big .d{font-size:12px;margin-top:7px}
.bnt-strip{display:flex;align-items:flex-end;gap:3px;flex:1;min-height:70px;margin-top:22px}
.bnt-strip button{flex:1;border:0;padding:0;border-radius:4px;cursor:crosshair;transition:height .9s var(--ease),opacity .2s}
.bnt-cap{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted)}
.bnt-cap .mid{color:var(--text)}

/* cards stack */
.bnt-cards .bnt-in{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;margin:-4px -20px -20px;overflow:hidden}
.bnt-stackwrap{position:relative}
.bnt-card{position:absolute;left:50%;display:block;width:calc(100% - 40px);max-width:290px;padding:0;border:0;border-radius:13px;background:none;text-align:left;transform-origin:top center;
  box-shadow:0 -10px 28px -14px rgba(0,0,0,.75);transition:top .65s var(--spring),transform .65s var(--spring),opacity .5s}
.bnt-card .r{position:relative;display:block;width:100%;padding-top:63.08%}
.bnt-card .f{position:absolute;inset:0;border-radius:13px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.14)}
.bnt-card .holo{position:absolute;inset:0;mix-blend-mode:soft-light;background-size:260% 100%;
  background-image:linear-gradient(115deg,transparent 18%,rgba(255,150,210,.5) 32%,rgba(140,200,255,.5) 42%,rgba(170,255,140,.45) 52%,rgba(255,200,110,.45) 62%,transparent 78%)}
.bnt-card .t{position:absolute;left:16px;right:16px;top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;letter-spacing:-.01em}
.bnt-card .t span:first-child{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.bnt-card .st{position:absolute;left:16px;bottom:13px;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.02em;opacity:.85}
.bnt-card .wave{position:absolute;right:15px;bottom:12px;opacity:.65}
.bnt-panel{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;height:92px;padding:0 20px 16px;
  background:color-mix(in srgb,var(--surface,#0A1A15) 72%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid rgba(255,255,255,.08)}
.bnt-panel b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnt-panel span{display:block;margin-top:3px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.bnt-panel em{font-style:normal;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted);flex-shrink:0}
.bnt-panel em.on{color:var(--up);border-color:rgba(61,213,152,.35);background:rgba(61,213,152,.1)}
.bnt-panel em.wait{color:var(--a-soft);border-color:rgba(217,167,48,.35);background:rgba(217,167,48,.1)}

/* gauge */
.bnt-gauge .bnt-pills button{padding:7px 9px}
.bnt-gwrap{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}
.bnt-gauge-svg{overflow:visible}
.bnt-gv{margin-top:8px;font-size:28px;font-weight:600;line-height:1;letter-spacing:-.03em}
.bnt-gv small{font-size:13px;color:var(--muted);font-weight:500;margin-left:3px}
.bnt-gs{margin-top:5px;font-size:11px;color:var(--muted)}

/* chart */
.bnt-chart .legend{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 28px}
.bnt-chart .k{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.bnt-chart .k i{width:16px;height:3px;border-radius:2px;background:var(--a)}
.bnt-chart .val{margin-top:4px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.bnt-chart .bnt-badge{margin-left:auto;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:600}
.bnt-plot{position:relative;flex:1;min-height:210px;margin-top:16px;touch-action:pan-y}
.bnt-plot svg{position:absolute;inset:0;width:100%;height:100%}
.bnt-plot .g{position:absolute;top:0;bottom:0;width:1px;background:var(--border);transform:translateX(-50%);opacity:0;transition:opacity .15s;pointer-events:none}
.bnt-plot .dot{position:absolute;width:14px;height:14px;border-radius:50%;border:3px solid var(--surface);background:var(--a);transform:translate(-50%,-50%);pointer-events:none}
.bnt-xl{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:var(--muted)}
.bnt-empty{display:grid;place-items:center;flex:1;min-height:120px;text-align:center;color:var(--muted-2,#6C877B);font-size:13px;padding:10px}

/* outcomes */
.bnt-seg{display:flex;gap:4px;height:36px;margin-top:16px}
.bnt-seg span{border-radius:9px;transition:flex-basis 1s var(--ease),opacity .2s}
.bnt-leg{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.bnt-leg li{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.bnt-leg li span{display:flex;align-items:center;gap:7px}
.bnt-leg li i{width:8px;height:8px;border-radius:50%;display:block}
.bnt-leg li em{font-style:normal;color:var(--muted)}

/* solid gold tile */
.bnt-solid{background:linear-gradient(165deg,var(--a-soft),var(--a));border-color:transparent;color:var(--a-ink)}
.bnt-solid:hover{border-color:transparent}
.bnt-solid .hd{display:flex;align-items:center;justify-content:space-between}
.bnt-solid .hd h3{margin:0;font-size:13px;font-weight:600;opacity:.75}
.bnt-solid .hd em{font-style:normal;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:rgba(26,18,6,.12);font:600 11px/1.4 "JetBrains Mono",ui-monospace,monospace}
.bnt-solid .hd em i{width:6px;height:6px;border-radius:50%;background:var(--a-ink);display:block}
.bnt-solid .bg{margin-top:20px;font-size:clamp(46px,5vw,56px);font-weight:600;line-height:1;letter-spacing:-.05em}
.bnt-solid .bg small{font-size:22px}
.bnt-solid .cp{margin-top:6px;font-size:12px;font-weight:500;opacity:.72;max-width:22ch}
.bnt-solid dl{margin:20px 0 0;display:grid;gap:7px;font-size:12px}
.bnt-solid dl div{display:flex;justify-content:space-between;gap:10px}
.bnt-solid dt{opacity:.7}.bnt-solid dd{margin:0;font-weight:600;text-align:right}
.bnt-solid .mb{margin-top:auto;padding-top:22px}
.bnt-solid .bars{display:flex;align-items:flex-end;gap:4px;height:46px}
.bnt-solid .bars span{flex:1;border-radius:4px;background:var(--a-ink);transition:height .9s var(--ease)}
.bnt-solid .cap{margin:6px 0 0;font:500 10px/1 "JetBrains Mono",ui-monospace,monospace;opacity:.6}
.bnt-solid .cta{margin-top:16px;width:100%;border:0;border-radius:16px;padding:13px;font:600 14px/1 Inter,system-ui,sans-serif;background:var(--a-ink);color:var(--a-soft);cursor:pointer;min-height:46px;transition:transform .15s}
.bnt-solid .cta:active{transform:scale(.98)}
.bnt-solid .cta:disabled{opacity:.6;cursor:default}

/* last trade */
.bnt-lv{font-size:22px;font-weight:600;letter-spacing:-.02em}
.bnt-lr{position:relative;height:40px;margin-top:24px}
.bnt-lr .tr{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--surface-3,#102A1F)}
.bnt-lr .rg{position:absolute;top:50%;height:40px;margin-top:-20px;border-radius:10px;transition:left .9s var(--ease),width .9s var(--ease)}
.bnt-lr .mk{position:absolute;top:50%;height:54px;width:3px;margin-top:-27px;border-radius:2px;background:var(--text,#F2F6F3);transition:left .9s var(--ease)}
.bnt-ll{display:flex;justify-content:space-between;margin-top:9px;font-size:11px;color:var(--muted)}
.bnt-pill{display:inline-flex;padding:3px 9px;border-radius:999px;font:600 11px/1.4 "JetBrains Mono",ui-monospace,monospace}

/* stream */
.bnt-bars{display:flex;align-items:flex-end;gap:3px;flex:1;min-height:70px;margin-top:16px}
.bnt-bars span{flex:1;border-radius:3px;transform-origin:bottom;transition:height .9s var(--ease)}
.bnt-bars span.pop{animation:bntpop .5s cubic-bezier(.3,1.5,.6,1)}
@keyframes bntpop{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
.bnt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--border-soft)}
.bnt-stats dt{font-size:11px;color:var(--muted)}.bnt-stats dd{margin:3px 0 0;font-size:13px;font-weight:600}

/* activity */
.bnt-list{margin:-4px -8px;padding:0;list-style:none}
.bnt-list li{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:16px;transition:background .15s}
.bnt-list li:hover{background:rgba(255,255,255,.03)}
.bnt-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;flex-shrink:0;font:700 10.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em}
.bnt-ico.b{background:rgba(61,213,152,.12);color:var(--up)}.bnt-ico.s{background:rgba(242,116,107,.12);color:var(--dn)}
.bnt-list .m{min-width:0;flex:1}.bnt-list .m b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnt-list .m span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnt-list .e{text-align:right;flex-shrink:0}.bnt-list .e b{display:block;font-size:13px;font-weight:500}
.bnt-list .e span{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:3px;font:600 10px/1 "JetBrains Mono",ui-monospace,monospace;color:var(--muted)}
.bnt-sp{display:inline-block;flex-shrink:0;width:9px;height:9px;border-radius:50%;border:2px solid rgba(217,167,48,.3);border-top-color:var(--a);animation:bntspin .8s linear infinite;}
@keyframes bntspin{to{transform:rotate(360deg)}}
.bnt-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.bnt-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.bnt *{animation:none!important;transition:none!important}.bnt-reveal{opacity:1;transform:none}}