/* Kitok · Mon compte */
.ac{max-width:720px;padding-top:24px;padding-bottom:60px}
.ac-load{color:var(--muted);text-align:center;padding:40px 0}
.ac-box{padding:22px}.ac-box h2{font-size:24px}.ac-box .f{margin-bottom:12px}
.ac-box .btn.block{margin-top:6px}.ac-box .center{text-align:center;margin:14px 0 0}
.okm{background:#e7f6ed;color:#0f5f35;border-radius:10px;padding:10px 12px;font-size:14.5px}
.ac-free{margin:18px 4px 0;font-size:15px;color:#3a3e43}
/* Connecté */
.ac-who{display:flex;align-items:center;gap:14px;padding:16px 18px}
.ac-who .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--hc);color:#fff;font:800 20px var(--fd);flex:none}
.who-t{min-width:0}.who-t b{display:block;font:800 18px var(--fd)}.who-t small{color:var(--muted);word-break:break-all}
.ac-who .lk{margin-left:auto;font-size:14px;white-space:nowrap}
.ac-open{display:flex;align-items:center;gap:16px;margin-top:14px;background:var(--hc-band);color:#fff;border-radius:var(--r);padding:20px 22px}
.ac-open b{font:800 20px var(--fd)}.ac-open p{margin:4px 0 0;color:#cdd9ea;font-size:14.5px}
.ac-open .btn{background:#fff;color:var(--hc-band);flex:none}
@media(max-width:560px){.ac-open{flex-direction:column;align-items:stretch;text-align:left}.ac-open .btn{width:100%}}
.ac-h{font-size:20px;margin:30px 0 12px}
.et{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:10px}
.et .ei{width:44px;height:44px;border-radius:12px;background:var(--hc-soft);display:grid;place-items:center;font-size:22px;flex:none}
.et b{display:block;font:800 17px var(--fd)}.et small{color:var(--muted);font-size:13.5px}
.et .role{margin-left:auto;font:700 12px var(--fd);letter-spacing:.04em;padding:4px 10px;border-radius:99px;background:var(--hc-soft);color:var(--hc);white-space:nowrap}
.et .role.eq{background:#eef1f4;color:var(--muted)}
.code{display:inline-block;font:800 13px var(--fd);letter-spacing:.12em;background:#eef1f4;border-radius:6px;padding:1px 7px;color:var(--ink)}
.empty{text-align:center;padding:22px}.empty p{margin:0 0 12px;color:var(--muted)}
.fo{padding:0;overflow:hidden}
.fo-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 14px}
.fo-top b{display:block;font:800 21px var(--fd)}.fo-top .pr{font:800 20px var(--fd);white-space:nowrap;text-align:right}.fo-top .pr small{display:block;font:600 12.5px var(--fb);color:var(--muted)}
.st{display:inline-block;font:700 12px var(--fd);padding:3px 10px;border-radius:99px;margin-top:6px}
.st.ok{background:var(--ok-soft);color:var(--ok)}.st.wait{background:var(--warn-soft);color:var(--warn)}.st.free{background:var(--hc-soft);color:var(--hc)}
.fo ul{list-style:none;margin:0;padding:0 18px 4px}.fo li{padding:9px 0;border-top:1px solid var(--line);font-size:15px;display:flex;justify-content:space-between;gap:10px}.fo li span{color:var(--muted)}.fo li b{text-align:right}
.fo-acts{display:flex;gap:10px;flex-wrap:wrap;padding:14px 18px;background:#f7f8fa;border-top:1px solid var(--line)}
.fo-acts .btn{min-height:44px;font-size:15px;flex:1}
.fo-acts .soon{flex-basis:100%;font-size:13px;color:var(--muted);margin:0}
.ac-info{padding:0 18px}
.ac-d{border-top:1px solid var(--line)}.ac-d:first-child{border-top:0}
.ac-d summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:15px}
.ac-d summary::-webkit-details-marker{display:none}.ac-d summary span{color:var(--muted);flex:1}
.ac-d summary b{font-weight:700;text-align:right;word-break:break-all}.ac-d summary::after{content:"Modifier";color:var(--hc);font:700 13.5px var(--fb);text-decoration:underline;flex:none}
.ac-d[open] summary::after{content:"Fermer"}
.ac-d form,.ac-d>p{padding:0 0 16px}.ac-d .f{margin-bottom:10px}
.ac-del{margin:14px 4px 0}
.mq{position:fixed;left:50%;transform:translateX(-50%);top:74px;white-space:nowrap;z-index:90;background:#16181a;color:#fff;border-radius:99px;padding:6px;display:flex;gap:4px;box-shadow:0 8px 24px rgba(0,0,0,.3);font:700 13px var(--fd)}
.mq a{color:#fff;text-decoration:none;padding:7px 12px;border-radius:99px}.mq a.on{background:var(--hc)}
.who-t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.who-t{flex:1}
@media(max-width:560px){
 .ac-who{flex-wrap:wrap}.ac-who .lk{margin-left:62px;flex-basis:100%;text-align:left}
 .fo-acts .btn{flex-basis:100%}
 .ac-d summary{flex-wrap:wrap;gap:2px 12px}.ac-d summary span{flex-basis:100%}.ac-d summary b{flex:1;text-align:left;word-break:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .fo-top b{font-size:19px}
}
.ac-ger{background:#22201d;margin-top:10px}.ac-ger p{color:#d8cdbd}.ac-ger .btn{color:#22201d}