/* ===== Atelier — comptes, liste d'ateliers, lecteur audio, visionneuse PDF ===== */
#toast{z-index:30000}
body.gate{overflow:hidden}

/* Connexion */
#auth,#home{position:fixed;inset:0;z-index:9700;background:var(--bg);color:var(--tx);overflow:auto}
#auth{display:grid;place-items:center;padding:20px}
.acard{width:min(420px,100%);background:var(--pn);border-radius:20px;box-shadow:var(--sh);padding:32px 28px 26px;text-align:center;animation:pop .4s cubic-bezier(.2,.9,.3,1.25) backwards}
.alogo{font-size:42px;line-height:1}
.acard h1{margin:6px 0 4px;font:700 28px Georgia,"Times New Roman",serif}
.asub{color:var(--mu);font-size:14px;line-height:1.45;margin:6px 0 14px}
.as{display:grid;gap:10px}.as[hidden]{display:none}
.acard input[type=email],.acard input[type=text],#shdlg input[readonly]{width:100%;box-sizing:border-box;padding:12px 14px;font-size:16px;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:12px}
.acard input:focus{outline:2px solid var(--ac);outline-offset:1px}
.apri{background:var(--ac);color:#fff;border:0;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer}
.apri:hover{filter:brightness(1.08)}.apri:disabled{opacity:.5;cursor:default}
.alink{background:none;border:0;color:var(--mu);text-decoration:underline;cursor:pointer;font-size:13px}
.amsg{min-height:1.3em;margin:12px 0 0;font-size:13px;color:var(--mu)}.amsg.bad{color:#e5484d}

/* Mes ateliers */
.hh{position:sticky;top:0;z-index:2}
.hh .sp{flex:1}.hmail{color:var(--mu);font-size:13px;margin-right:6px}
#home main{max-width:1000px;margin:0 auto;padding:26px 18px 60px}
#home h2{font:700 22px Georgia,"Times New Roman",serif;margin:26px 0 14px}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.hrow h2{margin:0}
.hnote{background:var(--acs);color:var(--ac);border-radius:12px;padding:10px 14px;font-size:14px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px}
.bgrid[hidden],#home h2[hidden]{display:none}
.bc{background:var(--pn);border:1px solid var(--bd);border-radius:16px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:128px;box-shadow:var(--sh);transition:transform .15s,border-color .15s}
.bc:hover,.bc:focus-visible{transform:translateY(-2px);border-color:var(--ac);outline:0}
.bt{font-weight:700;font-size:17px;line-height:1.25;word-break:break-word}
.bm{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;color:var(--mu)}
.bdg{padding:2px 9px;border-radius:99px;background:var(--hov)}.bdg.on{background:var(--acs);color:var(--ac);font-weight:600}
.bf{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.bf button{font-size:12px;padding:5px 10px}
.empty{color:var(--mu);grid-column:1/-1}
#shdlg{width:min(460px,92vw);padding:22px 24px}
#shdlg h3{margin:0 0 10px;font-size:20px}
#shdlg input[readonly]{margin:4px 0 12px;font-size:13px}
.tgl{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0}.tgl input{margin-top:3px;width:18px;height:18px}
.dfoot{display:flex;gap:8px;justify-content:flex-end}
#back{font-weight:700}

/* Lecteur audio flottant */
#player{position:fixed;right:16px;bottom:16px;left:auto;top:auto;margin:0;z-index:9800;display:none;align-items:center;gap:10px;max-width:min(440px,calc(100vw - 24px));padding:8px 10px 8px 14px;background:var(--pn);color:var(--tx);border:1px solid var(--bd);border-radius:14px;box-shadow:0 8px 28px rgba(20,24,40,.3);overflow:visible}
#player.on{display:flex}
#player .pi{color:#8b5cf6;font-size:18px}
#player .pt{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
#player audio{height:34px;min-width:0;flex:1;max-width:240px}
#player .px{border:0;background:transparent;color:var(--mu);padding:4px 7px;border-radius:8px;cursor:pointer}
@media(max-width:600px){#player{left:8px;right:8px;bottom:78px;max-width:none}#player .pt{max-width:70px}}
.ficon.aud{width:64px;height:64px;border-radius:50%;font-size:24px;background:#8b5cf6}
.ficon.aud::after{display:none}
.ficon.clk{cursor:pointer}
.ficon.aud.playing,.vb.playing{background:#8b5cf6;color:#fff;border-color:#8b5cf6}

/* Visionneuse PDF */
#pdfv{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border-radius:0;box-shadow:none;background:#3b3d44;color:#fff}
#pdfv[open]{display:flex;flex-direction:column}
#pdfv::backdrop{background:#000}
#pdfv .pb{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#26282e;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);flex-wrap:nowrap;overflow-x:auto}
#pdfv .pb .sp{flex:1;min-width:8px}
#pdfv .pname{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
#pdfv .pb button{background:#383b45;color:#fff;border:1px solid #4a4e5a;border-radius:8px;min-width:34px;padding:6px 9px;font-size:15px;cursor:pointer}
#pdfv .pb button:hover{background:#4a4e5a}
#pdfv .pn{width:54px;padding:6px;text-align:center;background:#383b45;color:#fff;border:1px solid #4a4e5a;border-radius:8px;font-size:14px}
#pdfv .pof,#pdfv .pz{font-size:13px;color:#c9ccd6;white-space:nowrap}#pdfv .pz{min-width:44px;text-align:center}
#pdfv .pc{position:relative;flex:1;overflow:auto;padding:16px 0 40px;display:flex;flex-direction:column;align-items:center;gap:12px;-webkit-overflow-scrolling:touch}
#pdfv .pg{background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.5);flex:none;position:relative}
#pdfv canvas{display:block;width:100%;height:100%}
@media(max-width:600px){#pdfv .pname{display:none}}

/* Sauvegarde automatique (fenêtre « Sauvegarde ») */
.abk{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd)}
.abk h4{margin:0 0 6px;font-size:15px}
.abk-s,.abk-h{color:var(--mu);font-size:13px;line-height:1.4;margin:6px 0}
.abk-f{display:grid;gap:10px;margin-top:8px}.abk-f[hidden]{display:none}
.abk-f label{display:grid;gap:4px;font-size:13px;color:var(--mu)}
.abk-f input[type=text]{width:100%;box-sizing:border-box;padding:9px 11px;font-size:14px;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:10px}
.abk-f input:disabled{opacity:.6}

/* Connexion Google */
.agoogle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:12px;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer}
.agoogle:hover{background:#f6f8fb}.agoogle:disabled{opacity:.6;cursor:default}
.agoogle .gic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 14px Arial,sans-serif;color:#fff;background:conic-gradient(from -45deg,#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}
.aor{display:flex;align-items:center;gap:10px;color:var(--mu);font-size:12px;margin:2px 0}
.aor::before,.aor::after{content:"";flex:1;height:1px;background:var(--bd)}