/* 18/10/2026 — pages forum / versions (couleurs du site) ; 21/10/2026 (paquet 19) : memes tons que la nouvelle page d'accueil */
:root{--ivy:#7F77DD;--ivy-light:#AFA9EC;--bg:#070a12;--bg2:#0b101b;--bg3:#101727;--text:#eef2ff;--text2:#a3aec4;--line:rgba(148,163,184,.16);--cy:34,211,238;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,"Segoe UI",sans-serif}
a{color:var(--ivy-light)}
.ivc-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.2rem;padding:.7rem 1.5rem;background:rgba(7,10,18,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex-wrap:wrap}
.ivc-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ivy-light);font-weight:700;letter-spacing:.12em}
.ivc-logo img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(127,119,221,.35)}
.ivc-nav{display:flex;gap:1.2rem;flex-wrap:wrap}.ivc-nav a{color:var(--text2);text-decoration:none;font-size:.9rem}.ivc-nav a:hover,.ivc-nav a.on{color:var(--text)}
.ivc-right{margin-inline-start:auto;display:flex;gap:.7rem;align-items:center}
.ivc-btn,.fr-btn{display:inline-block;background:linear-gradient(135deg,#22d3ee,#38bdf8 45%,#8b7cf6);color:#03111a;border:0;border-radius:9px;padding:.48rem 1rem;font-weight:600;font-size:.86rem;text-decoration:none;cursor:pointer;font-family:inherit}
.fr-btn.gh{background:transparent;border:1px solid var(--line);color:var(--ivy-light)}
.ivc-main{max-width:1080px;margin:0 auto;padding:1.5rem 1rem 3rem}
.ivc-foot{border-top:1px solid var(--line);color:var(--text2);text-align:center;font-size:.82rem;padding:1.4rem 1rem}
.fr-hero{text-align:center;padding:1.2rem 0 1.4rem}.fr-hero h1{margin:0 0 .3rem;font-size:1.9rem}.fr-hero p{margin:0;color:var(--text2)}
.fr-box{border:1px solid var(--line);border-radius:14px;background:var(--bg2);overflow:hidden}
.fr-bar{display:flex;gap:.7rem;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.fr-search{flex:1;min-width:200px}.fr-search input{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:9px;padding:.5rem .8rem;color:var(--text);font:inherit;font-size:.9rem}
.fr-cats{display:flex;gap:.4rem;padding:.7rem 1.1rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.fr-cats a{padding:.25rem .75rem;border-radius:999px;border:1px solid var(--line);font-size:.8rem;color:var(--text2);text-decoration:none}
.fr-cats a.on{background:rgba(127,119,221,.2);color:#fff;border-color:var(--ivy)}
.fr-row{display:grid;grid-template-columns:1fr 150px 100px;gap:.7rem;align-items:center;padding:.8rem 1.1rem;border-bottom:1px solid rgba(127,119,221,.1);text-decoration:none;color:inherit}
.fr-row:hover{background:rgba(127,119,221,.06)}
.fr-t{font-weight:600}.fr-m{color:var(--text2);font-size:.8rem}
.fr-who{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text2)}.fr-who img{width:24px;height:24px;border-radius:50%;border:1px solid rgba(var(--cy),.5)}
.fr-n{font-size:.8rem;color:var(--text2);text-align:end}
.fr-tag{font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:.1rem .45rem;border-radius:6px;margin-inline-start:.4rem;vertical-align:.1rem;text-transform:uppercase}
.fr-tag.ivy{background:rgba(var(--cy),.15);color:rgb(var(--cy))}.fr-tag.ok{background:rgba(74,222,128,.14);color:var(--ok)}
.fr-tag.pin{background:rgba(251,191,36,.14);color:var(--warn)}.fr-tag.lock{background:rgba(248,113,113,.14);color:var(--bad)}
.fr-empty{text-align:center;padding:2.2rem 1rem;color:var(--text2)}.fr-empty img{width:72px;height:72px;border-radius:50%;border:1px solid rgba(var(--cy),.5)}
.fr-err{margin:.8rem 1.1rem 0;padding:.6rem .9rem;border-radius:9px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.35);color:#fecaca;font-size:.88rem}
.fr-pages{display:flex;gap:.3rem;justify-content:center;padding:.8rem}.fr-pages a{padding:.2rem .6rem;border-radius:7px;border:1px solid var(--line);text-decoration:none;font-size:.82rem}.fr-pages a.on{background:var(--ivy);color:#fff}
.fr-crumb{font-size:.84rem;color:var(--text2);margin-bottom:.7rem}.fr-crumb a{color:var(--text2)}
.fr-h1{margin:0;font-size:1.3rem;flex:1}
.fr-post{display:flex;gap:.8rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(127,119,221,.1)}
.fr-post.ivy{background:linear-gradient(90deg,rgba(var(--cy),.06),transparent)}.fr-post.hid{opacity:.45}
.fr-av{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid rgba(var(--cy),.55);box-shadow:0 0 14px rgba(var(--cy),.3);flex:none}
.fr-u{width:40px;height:40px;border-radius:50%;background:#2a2840;display:grid;place-items:center;font-weight:700;flex:none}
.fr-pb{min-width:0;flex:1}.fr-h{font-size:.82rem;color:var(--text2);margin-bottom:.25rem}.fr-h b{color:var(--text)}
.fr-body{word-wrap:break-word}.fr-body a{color:#8be9fd}
.fr-help{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.6rem;font-size:.84rem}
.fr-inline{display:inline;margin:0}.fr-inline button{background:none;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:.15rem .6rem;cursor:pointer;font:inherit;font-size:.8rem}
.fr-inline button:hover{border-color:var(--ivy)}
.fr-auto{font-size:.76rem;color:var(--text2);margin-top:.5rem;border-top:1px dashed rgba(var(--cy),.2);padding-top:.4rem}
.fr-mod{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.4rem}
.fr-solve{padding:.6rem 1.1rem}
.fr-reply{padding:1rem 1.1rem}.fr-reply textarea,.fr-dlg input,.fr-dlg select,.fr-dlg textarea{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;color:var(--text);font:inherit;font-size:.92rem;margin-top:.3rem}
.fr-act{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.6rem}
.fr-hint{color:var(--text2);font-size:.82rem}.fr-pad{padding:.6rem 1.1rem}
.fr-dlg{background:var(--bg3);color:var(--text);border:1px solid var(--line);border-radius:14px;width:min(620px,94vw);padding:1.2rem}
.fr-dlg::backdrop{background:rgba(0,0,0,.6)}.fr-dlg h2{margin:0 0 .6rem;font-size:1.15rem}.fr-dlg label{display:block;margin:.6rem 0;font-size:.85rem;color:var(--text2)}
/* versions (admin) */
.rv-tbl{width:100%;border-collapse:collapse;font-size:.86rem}.rv-tbl th,.rv-tbl td{padding:.55rem .7rem;border-bottom:1px solid rgba(127,119,221,.12);text-align:start;vertical-align:top}
.rv-tbl th{color:var(--text2);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.rv-st{font-size:.7rem;font-weight:700;padding:.1rem .5rem;border-radius:6px}.rv-st.live{background:rgba(74,222,128,.14);color:var(--ok)}.rv-st.test{background:rgba(251,191,36,.14);color:var(--warn)}
.rv-st.draft{background:rgba(255,255,255,.07);color:var(--text2)}.rv-st.archived{background:rgba(127,119,221,.12);color:var(--ivy-light)}
.rv-mono{font-family:Consolas,monospace;color:var(--text2);font-size:.78rem}
.rv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem 1.1rem}
.rv-grid label{font-size:.82rem;color:var(--text2);display:block}.rv-grid input,.rv-grid select,.rv-grid textarea{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:9px;padding:.5rem .7rem;color:var(--text);font:inherit;font-size:.88rem;margin-top:.25rem}
.rv-prog{height:6px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:.4rem}.rv-prog i{display:block;height:100%;width:0;background:rgb(var(--cy));transition:width .2s}
.rv-ok{color:var(--ok)}.rv-bad{color:var(--bad)}
details.rv-notes summary{cursor:pointer;color:var(--ivy-light);font-size:.82rem}
@media(max-width:760px){.fr-row{grid-template-columns:1fr 80px}.fr-who{display:none}.rv-grid{grid-template-columns:1fr}.ivc-top{padding:.6rem 1rem}.rv-tbl{display:block;overflow-x:auto}}