/* MARKETBRIEFING: lo stile (la sezione sta in briefing.js) */
.mb-tf{align-self:flex-end}
.mb-avviso{background:rgba(255,181,71,.12);border:1px solid rgba(255,181,71,.35);color:var(--ambra);border-radius:12px;padding:10px 14px;margin:0 0 16px;font-size:14px}

/* il clima */
.mb-clima{display:flex;align-items:center;gap:16px}
.mb-clima svg{width:150px;flex:0 0 150px}
.mb-clima path{fill:none;stroke-width:9;stroke-linecap:round;stroke:rgba(255,255,255,.08)}
.mb-clima path.on.a0,.mb-clima path.on.a1{stroke:var(--rosso)}
.mb-clima path.on.a2{stroke:var(--testo-2)}
.mb-clima path.on.a3,.mb-clima path.on.a4{stroke:var(--verde)}
.mb-clima line{stroke:var(--testo);stroke-width:3;stroke-linecap:round;transition:transform 1s cubic-bezier(.3,1.4,.5,1)}
.mb-clima circle{fill:var(--testo)}
.mb-clima .valore{display:block;font-size:44px;font-weight:800;line-height:1;color:var(--testo);letter-spacing:-.03em}
.mb-clima b{display:block;font-size:18px;color:var(--menta);margin-top:2px}
.mb-clima small{display:block;font-size:12px;color:var(--testo-3)}
.mb-fasce{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;font-size:11px;color:var(--testo-3);text-align:center}
.mb-fasce span{border-top:3px solid rgba(255,255,255,.08);padding-top:4px}
.mb-fasce span.on{border-color:var(--menta);color:var(--testo);font-weight:700}

/* in trenta secondi */
.mb-vix{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}
.mb-vix img{width:64px}
.mb-vix ul{list-style:none;display:grid;gap:9px;margin:0;padding:0}
.mb-vix li{display:flex;gap:10px;font-size:15.5px;color:var(--testo);line-height:1.4;background:rgba(255,255,255,.03);border-radius:10px;padding:9px 12px}
.mb-vix .fr{font-size:12px;margin-top:3px;color:var(--testo-3)}
.mb-vix li.su .fr{color:var(--verde)}.mb-vix li.giu .fr{color:var(--rosso)}

/* la mappa */
.mb-leg{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--testo-3)}
.mb-leg i{width:22px;height:10px;border-radius:3px}
.mb-leg span:first-child{margin-right:6px}.mb-leg span:last-child{margin-left:6px}
.mb-leg .g2{background:rgba(255,107,107,.55)}.mb-leg .g1{background:rgba(255,107,107,.25)}.mb-leg .n0{background:rgba(163,175,190,.12)}
.mb-leg .s1{background:rgba(0,200,120,.25)}.mb-leg .s2{background:rgba(0,200,120,.55)}
.mb-gr{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;padding:8px 0;border-top:1px solid var(--linea)}
.mb-gr:first-of-type{border-top:0}
.mb-gr .sopra{padding-top:12px}
.mb-tess{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.mb-t{border-radius:10px;padding:9px 11px 6px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"n n" "v c" "s s";gap:1px 8px;border:1px solid rgba(255,255,255,.05);cursor:default;outline:none;transition:transform .2s, border-color .2s}
.mb-t:hover,.mb-t:focus{transform:translateY(-2px);border-color:rgba(255,255,255,.25)}
.mb-t .n{grid-area:n;font-size:12px;font-weight:650;color:var(--testo-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-t .v{grid-area:v;font-size:15px;color:var(--testo);font-variant-numeric:tabular-nums}
.mb-t .c{grid-area:c;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--testo)}
.mb-t .c.su{color:#7DF0BF}.mb-t .c.giu{color:#FFA3A3}
.mb-t .mb-spark{grid-area:s;width:100%;height:22px;margin-top:3px}
.mb-spark polyline{fill:none;stroke:rgba(232,237,243,.55);stroke-width:1.5;vector-effect:non-scaling-stroke}
.mb-spark circle{fill:var(--testo)}
.mb-tess.pa{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}

/* il movimento piu' insolito */
.mb-ins{display:grid;grid-template-columns:1fr;gap:10px}
.mb-ins b{display:block;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:4px 0 6px}
.mb-ins b.su{color:var(--verde)}.mb-ins b.giu{color:var(--rosso)}
.mb-ins p{font-size:15.5px;color:var(--testo)}
.mb-ins .mb-spark{width:100%;height:70px}
.mb-ins .mb-spark polyline{stroke:var(--menta);stroke-width:2}

/* i settori */
.mb-barre{display:grid;gap:5px}
.mb-barre .r{display:grid;grid-template-columns:150px 1fr 70px;gap:10px;align-items:center;font-size:13.5px}
.mb-barre .n{color:var(--testo-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-barre .asse{position:relative;height:14px;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.18) calc(50% - .5px),rgba(255,255,255,.18) calc(50% + .5px),transparent calc(50% + .5px))}
.mb-barre i{position:absolute;top:1px;bottom:1px;border-radius:4px}
.mb-barre i.su{background:var(--verde)}.mb-barre i.giu{background:var(--rosso)}
.mb-barre .c{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--testo)}
.mb-dice{color:var(--testo)!important;font-size:15px;border-left:3px solid var(--menta);padding-left:10px}

/* agenda e lettura */
.mb-ag{display:grid;gap:6px}
.mb-ag a{display:grid;grid-template-columns:50px 90px 1fr auto;gap:8px;align-items:center;text-decoration:none;color:var(--testo);background:rgba(255,255,255,.03);border-radius:10px;padding:8px 10px;font-size:14px}
.mb-ag a:hover{background:rgba(255,255,255,.07)}
.mb-ag b{font-variant-numeric:tabular-nums}
.mb-ag span{color:var(--testo-2);font-size:13px}
.mb-ag em{font-style:normal}
.mb-ag .imp{color:var(--ambra);letter-spacing:1px}
.mb-lettura{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--testo);background:var(--menta-t);border:1px solid rgba(0,200,120,.3);border-radius:14px;padding:14px 16px;margin-top:auto}
.mb-lettura b{font-size:17px;line-height:1.3}
.mb-lettura:hover{border-color:var(--menta)}

@media (max-width:900px){
  .mb-gr{grid-template-columns:1fr;gap:4px}
  .mb-gr .sopra{padding-top:4px}
  .mb-tess{grid-template-columns:repeat(2,1fr)}
  .mb-barre .r{grid-template-columns:110px 1fr 62px}
  .mb-leg{display:none}
  .mb-ag a{grid-template-columns:44px 1fr auto}
  .mb-ag a span{display:none}
  .mb-clima svg{width:120px;flex-basis:120px}
}

/* la mappa del giorno a manometri al neon (dal 2026-10-27) */
.mb-tess:has(.mb-g){display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}
.sc-mano.mb-g{flex:none;padding:6px 4px 8px;cursor:default}
.sc-mano.mb-g .nome{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sc-mano.mb-g b{font-size:14px}
.sc-mano.mb-g .voto{font-size:11.5px;letter-spacing:0;text-transform:none}
.sc-mano.mb-g .voto.su{color:#2BFFA0;text-shadow:0 0 8px rgba(43,255,160,.55)}
.sc-mano.mb-g .voto.giu{color:#FF4D6D;text-shadow:0 0 8px rgba(255,77,109,.55)}
/* i movimenti insoliti si accendono anche fuori dal manometro */
.sc-mano.mb-su{border-color:rgba(43,255,160,.35);box-shadow:0 0 16px -8px #2BFFA0}
.sc-mano.mb-giu{border-color:rgba(255,77,109,.35);box-shadow:0 0 16px -8px #FF4D6D}