/* ===================== COMPTE ET SAUVEGARDE EN LIGNE ===================== */
  .ln-cloud{display:flex; flex-direction:column; gap:8px; width:100%; max-width:460px; margin:12px auto 0;}
  .ln-cloud:empty{display:none;}
  .cl-card{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; background:var(--surface); border:1px solid var(--border); text-align:left;}
  .cl-card > div{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;}
  .cl-card b{font-size:.9rem; display:inline-flex; align-items:center; gap:6px; overflow-wrap:anywhere;} .cl-card small{font-size:.76rem; color:var(--text-muted);}
  .cl-card .btn-ghost,.cl-card .btn-primary{flex:none; padding:8px 14px; font-size:.86rem; min-height:40px;}
  .cl-card.newer{border-color:color-mix(in srgb,#3BD17A 55%,transparent); background:color-mix(in srgb,#3BD17A 7%,var(--surface));}
  .cl-dot{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:6px; vertical-align:1px; background:#3BD17A;}
  .cl-dot.warn{background:#F2C14E;} .cl-dot.run{background:#4FA3E5; animation:clp 1s ease-in-out infinite alternate;}
  @keyframes clp{from{opacity:.35}to{opacity:1}}
  .cl-role{font-size:.74rem; color:var(--accent-strong,#E3698F); font-weight:800;}
  .dyn-head{display:flex; justify-content:space-between; align-items:baseline; gap:8px; flex-wrap:wrap;} .dyn-head h3{margin:0;} .dyn-help{font-size:.72rem; margin:6px 0 0;}
  .dyn-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:8px 0 6px;}
  .dyn-c{display:flex; flex-direction:column; gap:2px; padding:7px 8px; border-radius:10px; background:var(--surface-2); min-width:0;}
  .dyn-c small{font-size:.62rem; text-transform:uppercase; letter-spacing:.06em; color:var(--text-muted);}
  .dyn-c b{font-size:.86rem; overflow-wrap:break-word;} .dyn-c b i{font-style:normal; font-size:.72rem; opacity:.8;}
  .dyn-c b.good{color:#3BD17A;} .dyn-c b.warn{color:#F2C14E;} .dyn-c b.bad{color:#ff5a5a;}
  .dyn-msg{font-size:.78rem; margin:4px 0; padding:6px 9px; border-radius:9px; background:color-mix(in srgb,#F2C14E 9%,transparent);}
  .dyn-msg.bad{background:color-mix(in srgb,#ff5a5a 10%,transparent);} .dyn-msg.ok{background:color-mix(in srgb,#3BD17A 9%,transparent);}
  @media (max-width:760px){ .dyn-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
  .cl-testers .cl-tnote{font-size:.76rem; margin:6px 0;} .cl-testers .cl-row b{font-size:.84rem; overflow-wrap:anywhere;}
  .cl-me{display:flex; flex-direction:column; gap:3px;} .cl-me b{overflow-wrap:anywhere;} .cl-me small{font-size:.78rem; color:var(--text-muted);}
  .cl-conf{display:flex; flex-direction:column; gap:6px; padding:10px 12px; border-radius:12px; border:1px solid color-mix(in srgb,#F2C14E 60%,transparent); background:color-mix(in srgb,#F2C14E 8%,transparent);}
  .cl-conf small{font-size:.78rem; color:var(--text-muted);}
  .cl-list summary{cursor:pointer; font-size:.82rem; color:var(--text-muted); padding:6px 0;}
  .cl-row{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:8px 0; border-top:1px solid var(--border);}
  .cl-row > div:first-child{display:flex; flex-direction:column; gap:2px; min-width:0;} .cl-row small{font-size:.74rem; color:var(--text-muted);}
  .cl-panel{max-width:420px; width:calc(100vw - 32px); text-align:left;}
  #account-body{display:flex; flex-direction:column; gap:12px;}
  .cl-tabs{display:flex; gap:4px; padding:3px; border-radius:12px; background:var(--surface-2);}
  .cl-tabs button{flex:1; background:none; border:0; border-radius:9px; padding:9px 6px; font:inherit; font-size:.82rem; color:var(--text-muted); cursor:pointer; min-height:40px;}
  .cl-tabs button.on{background:var(--accent-soft); color:var(--text); font-weight:800;}
  .cl-why{font-size:.8rem; margin:0;}
  .cl-form{display:flex; flex-direction:column; gap:12px;}
  .cl-f{display:flex; flex-direction:column; gap:5px;} .cl-f span{font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted);}
  .cl-f input{font:inherit; font-size:16px; padding:11px 12px; border-radius:10px; border:1px solid var(--border); background:var(--surface-2); color:var(--text); width:100%; box-sizing:border-box;}
  .cl-f input:focus{outline:2px solid var(--accent-strong); outline-offset:1px;}
  .cl-f small{font-size:.72rem;} .cl-f small:empty{display:none;}
  .cl-msg{margin:0; font-size:.82rem; padding:9px 11px; border-radius:10px; background:color-mix(in srgb,#FF5A5A 12%,transparent); border:1px solid color-mix(in srgb,#FF5A5A 45%,transparent);}
  .cl-msg.ok{background:color-mix(in srgb,#3BD17A 10%,transparent); border-color:color-mix(in srgb,#3BD17A 45%,transparent);}
  .cl-form .btn-primary{width:100%; font-size:1.05rem; padding:12px;}
  #account-body > .btn-text{align-self:center;}
  @media (prefers-reduced-motion:reduce){ .cl-dot.run{animation:none;} }