/* Unicom-WG — Graphique & analyse technique [unicom_analyse] */
.u3a-desk{
  --u3a-violet:#6b3a9e; --u3a-magenta:#b23a72; --u3a-or:#d4af37; --u3a-or-clair:#f1d77a; --u3a-nuit:#1b0f2c;
  container-type:inline-size;
  width:100%; max-width:100%; box-sizing:border-box; margin:18px 0 0; overflow:hidden;
  border-radius:10px; color:#fff; font-family:Roboto,Arial,sans-serif; line-height:1.25;
  background:var(--u3a-nuit); border:1px solid rgba(212,175,55,.35); box-shadow:0 10px 30px rgba(27,15,44,.3);
}
.u3a-desk *{box-sizing:border-box}
.u3a-head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  padding:12px 18px; background:linear-gradient(120deg,var(--u3a-violet) 0%,var(--u3a-magenta) 100%)}
.u3a-head h3{margin:0; font-family:Spectral,Georgia,serif; font-size:19px; font-weight:700; color:#fff; line-height:1.2}
.u3a-head h3 small{display:block; font-family:Roboto,Arial,sans-serif; font-size:11.5px; font-weight:400; opacity:.88; margin-top:2px}
.u3a-dot{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:8px; vertical-align:2px; background:#2ecc71; animation:u3aPulse 2s infinite}
@keyframes u3aPulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.7)}70%{box-shadow:0 0 0 7px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
.u3a-heure{font-size:12px; opacity:.9; font-variant-numeric:tabular-nums}

/* Sélecteur d'actifs */
.u3a-chips{display:flex; gap:6px; padding:12px 18px; overflow-x:auto; scrollbar-width:thin; border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#24133a,#1b0f2c)}
.u3a-chips button{all:unset; box-sizing:border-box; cursor:pointer; flex:0 0 auto; display:inline-flex; align-items:center; gap:7px;
  padding:7px 13px; border-radius:20px; font-size:13px; font-weight:500; color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); transition:background .15s,color .15s,border-color .15s}
.u3a-chips button:hover{background:rgba(255,255,255,.1); color:#fff}
.u3a-chips button[aria-pressed="true"]{background:var(--u3a-or); border-color:var(--u3a-or); color:var(--u3a-nuit)}
.u3a-chips button:focus-visible{outline:2px solid #fff; outline-offset:2px}
.u3a-chips i{display:inline-block; width:8px; height:8px; border-radius:50%; font-style:normal}

/* Bandeau d'informations du symbole */
.u3a-info{min-height:80px; padding:4px 10px 0; border-bottom:1px solid rgba(255,255,255,.08)}

/* Graphique + jauge */
.u3a-grid{display:grid; grid-template-columns:minmax(0,1fr) 340px; min-height:var(--u3a-h,560px)}
.u3a-chart{position:relative; height:var(--u3a-h,560px); border-right:1px solid rgba(255,255,255,.08)}
.u3a-side{display:flex; flex-direction:column; height:var(--u3a-h,560px)}
.u3a-side h4{margin:0; padding:12px 16px 4px; font-family:Spectral,Georgia,serif; font-size:16px; color:var(--u3a-or-clair); font-weight:700}
.u3a-side h4 small{display:block; font-family:Roboto,Arial,sans-serif; font-size:11px; font-weight:400; color:rgba(255,255,255,.55); margin-top:2px}
.u3a-ta{flex:1 1 auto; min-height:0; padding:0 6px}
.u3a-legende{padding:10px 16px 14px; font-size:11px; color:rgba(255,255,255,.55); border-top:1px solid rgba(255,255,255,.08); line-height:1.5}
.u3a-legende b{color:#fff; font-weight:500}
.u3a-chart .tradingview-widget-container,.u3a-ta .tradingview-widget-container,.u3a-info .tradingview-widget-container{width:100%; height:100%}
.u3a-chart .tradingview-widget-container__widget,.u3a-ta .tradingview-widget-container__widget{width:100%; height:100%}
.u3a-desk .tradingview-widget-copyright{display:none}
.u3a-wait{position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.55); font-size:13px; pointer-events:none}

.u3a-foot{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:9px 18px; font-size:11px; color:rgba(255,255,255,.5);
  border-top:2px solid var(--u3a-or); background:rgba(0,0,0,.2)}

@container (max-width:900px){
  .u3a-grid{grid-template-columns:1fr}
  .u3a-chart{height:var(--u3a-hm,460px); border-right:0; border-bottom:1px solid rgba(255,255,255,.08)}
  .u3a-side{height:auto}
  .u3a-ta{height:440px; flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){.u3a-dot{animation:none}}