/* ===================== BOURSE : FICHE ET GRAPHIQUE ===================== */
  .ss{gap:10px;}
  .ss-head{display:flex; justify-content:space-between; align-items:flex-end; gap:10px; flex-wrap:wrap;}
  .ss-price{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;} .ss-price > b{font-size:1.9rem; line-height:1;}
  .ss-chg{font-weight:800; font-size:1rem;} .ss-chg small{font-weight:600; color:var(--text-muted); font-size:.74rem;}
  .ss-mode, .ss-per{display:flex; gap:4px; flex-wrap:wrap;} .ss-per .sub-btn{min-width:44px; justify-content:center;}
  .ss-say{margin:0; font-size:.88rem;}
  .sc{position:relative; padding-right:56px;}
  .sc-plot{position:relative; height:220px; touch-action:pan-y; cursor:crosshair; outline:none; border-radius:6px;}
  .sc-plot:focus-visible{box-shadow:0 0 0 2px var(--accent);}
  .sc-plot svg{position:absolute; inset:0; width:100%; height:100%; overflow:visible;}
  .sc-grid{stroke:var(--border); stroke-width:1;} .sc-ref{stroke:var(--text-muted); stroke-width:1; opacity:.45;} .sc-cross{stroke:var(--text-muted); stroke-width:1;}
  .sc-y{position:absolute; right:-56px; width:52px; transform:translateY(-50%); font-size:.66rem; color:var(--text-muted); text-align:left; padding-left:6px; font-variant-numeric:tabular-nums; pointer-events:none;}
  .sc-x{position:relative; height:18px; margin-top:4px;} .sc-x span{position:absolute; transform:translateX(-50%); font-size:.66rem; color:var(--text-muted); white-space:nowrap;} .sc-x span:first-child{transform:none;}
  .sc-dot{position:absolute; width:10px; height:10px; border-radius:50%; background:var(--c); box-shadow:0 0 0 2px var(--surface); transform:translate(-50%,-50%); pointer-events:none;}
  .sc-ev{position:absolute; transform:translate(-50%,-135%); width:26px; height:26px; border-radius:50%; border:2px solid var(--surface); background:var(--surface-2,#2a2230); font-size:.8rem; display:grid; place-items:center; padding:0; cursor:pointer; z-index:2;}
  .sc-ev::after{content:''; position:absolute; inset:-8px;} .sc-ev.up{box-shadow:0 0 0 1px #3BD17A;} .sc-ev.down{box-shadow:0 0 0 1px #FF5A5A;}
  .sc-tip{position:absolute; top:4px; transform:translateX(12px); min-width:170px; max-width:240px; padding:8px 10px; border-radius:10px; background:var(--surface); border:1px solid var(--border); box-shadow:0 6px 20px rgba(0,0,0,.35); font-size:.74rem; z-index:3; pointer-events:none; display:flex; flex-direction:column; gap:2px;}
  .sc-tip.left{transform:translateX(calc(-100% - 12px));}
  .sc-tip .tt-d, .sc-tip .tt-m{color:var(--text-muted);} .sc-tip .tt-v{font-weight:800; font-size:.9rem; color:var(--text);} .sc-tip .tt-e{margin-top:3px;}
  .sc-empty{padding:30px 10px; text-align:center; font-size:.8rem; border:1px dashed var(--border); border-radius:10px;}
  .ss-fac{margin:0; padding-left:18px; font-size:.78rem; display:flex; flex-direction:column; gap:3px;}
  .ss-news{display:flex; flex-direction:column; gap:4px;}
  .ss-nw{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:center; padding:6px 8px; border-radius:10px; border:1px solid var(--border); background:none; color:var(--text); font:inherit; text-align:left; cursor:pointer;}
  .ss-nw b{font-size:.8rem;} .ss-nw small{display:block; font-size:.66rem; color:var(--text-muted);}
  .ss-acts{display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
  .trade{display:flex; flex-direction:column; gap:6px; padding:10px; border-radius:12px; border:1px solid var(--accent); background:rgba(255,92,152,.05);}
  .trade-q{display:flex; align-items:center; gap:6px; flex-wrap:wrap;} .trade-q > span{margin-right:auto; font-size:.8rem; color:var(--text-muted);}
  .trade-q input{width:110px; min-height:40px; border-radius:10px; border:1px solid var(--border); background:var(--surface-2,var(--surface)); color:var(--text); padding:0 10px; font:inherit; text-align:center;}
  .trade-q .btn-ghost{min-width:40px; min-height:40px; padding:0;}
  .pf-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px;}
  .pf-card{display:flex; flex-direction:column; gap:4px; padding:10px; border-radius:12px; border:1px solid var(--border); background:none; color:var(--text); font:inherit; text-align:left; cursor:pointer; min-width:0;}
  .pf-card.open{border-color:var(--accent);} .pf-card .spark{width:100%; height:44px;}
  .pf-h, .pf-f{display:flex; justify-content:space-between; gap:6px; font-size:.8rem;} .pf-c{font-size:.8rem;}
  .tx-tbl .tr{grid-template-columns:1.1fr 1.4fr .7fr .8fr .8fr;}
  .ss-data summary{cursor:pointer; font-size:.76rem;}
  @media (max-width:560px){ .sc-x span:nth-child(even){display:none;} .sc{padding-right:44px;} .sc-y{right:-44px; width:42px; font-size:.6rem;} .sc-plot{height:180px;} .ss-price > b{font-size:1.6rem;} .tx-tbl .tr{grid-template-columns:1fr 1fr; row-gap:2px;} }