.server-shell{min-height:100vh;background:radial-gradient(circle at 10% 15%,#15372f 0,transparent 34%),#0e0e0e;padding:34px clamp(20px,5vw,74px) 70px}.server-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:34px;border-bottom:1px solid #2b2b2b}.server-header img{width:150px}.server-header span{color:#777;font:italic 700 11px Canal,Arial,sans-serif;letter-spacing:.14em}.server-card{width:min(620px,100%);margin:62px auto 0;background:#131313;border:1px solid #303030;padding:clamp(28px,5vw,54px);box-shadow:0 28px 90px #0008}.server-card.wide-card{width:min(1120px,100%)}.server-card h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.05em;line-height:.95;margin:14px 0 18px}.server-card h2{margin:0 0 20px;font-size:24px}.server-card .intro{color:#989898;line-height:1.6;margin:0 0 30px}.server-form label{color:#d9d9d9;display:grid;gap:9px;margin:20px 0;font-size:13px;font-weight:700}.server-form input,.server-form select{color:#fff;background:#191919;border:1px solid #3a3a3a;outline:none;width:100%;padding:15px}.server-form input:focus,.server-form select:focus{border-color:#31dcb7}.server-form small{color:#777;font-weight:400;line-height:1.5}.server-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}.server-link{color:#31dcb7;text-decoration:none;font-weight:700;font-size:13px}.server-link:hover{text-decoration:underline}.server-notice{padding:14px 16px;border-left:3px solid #31dcb7;background:#31dcb71a;color:#c8fff3;line-height:1.5}.server-notice.error{border-color:#ee4a65;background:#ee4a6518;color:#ffb7c3}.avatar-categories{display:grid;gap:30px;margin:32px 0;max-width:100%}.avatar-category{min-width:0}.avatar-category h3{font-size:17px;margin:0 0 14px}.avatar-carousel{position:relative;max-width:100%;overflow:hidden;border:1px solid #292929;background:#0f0f0f}.avatar-grid{display:flex;gap:16px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:18px 54px 22px;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-color:#454545 #181818;scrollbar-width:thin}.avatar-grid:focus-visible{outline:2px solid #31dcb7;outline-offset:-2px}.avatar-option{flex:0 0 auto;position:relative;scroll-snap-align:start;margin:0!important}.avatar-option input{position:absolute;opacity:0;pointer-events:none}.avatar-option img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid transparent;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.avatar-option:hover img{transform:scale(1.04)}.avatar-option input:focus-visible+img{outline:2px solid #fff;outline-offset:3px}.avatar-option input:checked+img{border-color:#31dcb7;box-shadow:0 0 0 3px #31dcb733}.avatar-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid #444;border-radius:50%;background:#181818e8;color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 7px 22px #000;transition:background .18s,opacity .18s,border-color .18s}.avatar-arrow:hover:not(:disabled){background:#31dcb7;color:#0e0e0e;border-color:#31dcb7}.avatar-arrow:disabled{opacity:.28;cursor:default}.avatar-arrow-left{left:9px}.avatar-arrow-right{right:9px}.avatar-arrow[hidden]{display:none}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.account-section{border:1px solid #2d2d2d;background:#101010;padding:28px}.account-avatar{display:flex;align-items:center;gap:18px;margin:22px 0}.account-avatar img{width:90px;height:90px;border-radius:50%;object-fit:cover}.admin-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.admin-bar nav{display:flex;gap:18px;flex-wrap:wrap}.user-table{width:100%;border-collapse:collapse;font-size:13px}.user-table th,.user-table td{text-align:left;border-bottom:1px solid #2c2c2c;padding:15px 10px;vertical-align:middle}.user-table th{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status{display:inline-block;padding:5px 8px;background:#222;color:#aaa;border-radius:20px;font-size:11px}.status.admin{background:#31dcb720;color:#31dcb7}.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form button{color:#fff;background:#222;border:1px solid #444;padding:8px 10px}.temporary-password{font:700 17px monospace;letter-spacing:.04em;word-break:break-all}.forced{border-color:#31dcb7}.back-row{margin:26px 0 0;text-align:center}@media(max-width:780px){.account-grid{grid-template-columns:1fr}.server-actions,.admin-bar{align-items:stretch;flex-direction:column}.user-table,.user-table tbody,.user-table tr,.user-table td{display:block}.user-table thead{display:none}.user-table tr{border-bottom:1px solid #444;padding:15px 0}.user-table td{border:0;padding:6px 0}.server-header span{display:none}.avatar-grid{padding:15px 48px 19px;gap:13px}.avatar-option img{width:86px;height:86px}.avatar-arrow{width:34px;height:34px}.avatar-arrow-left{left:7px}.avatar-arrow-right{right:7px}}
.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.name-fields label{margin-bottom:0}.compact-name-fields{gap:12px}.uppercase-input{text-transform:uppercase}#admin-activation-field[hidden]{display:none!important}@media(max-width:780px){.name-fields{grid-template-columns:1fr;gap:0}.name-fields label{margin:20px 0}.compact-name-fields{gap:0}}
.register-form>.name-fields,.register-form>.account-grid{display:block;width:100%}.register-form>.name-fields label,.register-form>.account-grid label{width:100%;margin:20px 0}.register-form>.account-grid>div{width:100%}
.register-form .password-visibility{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:fit-content!important;margin:-2px 0 20px!important;color:#aaa;cursor:pointer;font-weight:400}.server-form .password-visibility input{appearance:auto;width:17px;height:17px;margin:0;padding:0;accent-color:#31dcb7;cursor:pointer}.password-visibility span{line-height:1.3}
.account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.account-section{min-width:0;overflow:hidden}.compact-name-fields{grid-template-columns:1fr;gap:0}.compact-name-fields label{margin:20px 0}@media(max-width:780px){.account-grid{grid-template-columns:1fr}}
.registration-success{text-align:center}.registration-success .success-icon{display:grid;width:62px;height:62px;margin:0 auto 25px;place-items:center;border-radius:50%;color:#07120f;background:#31dcb7;font-size:34px;font-weight:800}.registration-success .server-notice{text-align:left;margin:26px 0}.continue-link{margin-top:28px;text-decoration:none}.status.pending{color:#07120f;background:#31dcb7}.danger-button{border-color:#7b3440!important;color:#ff8194!important}
:root{--ui-radius:3px}.server-card,.server-notice,.avatar-carousel,.account-section,.server-form input,.server-form select,.server-form textarea,.primary,.inline-form button,.temporary-password,.continue-link,.form-error{border-radius:var(--ui-radius)}
.login-links{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.login-links .server-link:last-child{text-align:right}@media(max-width:520px){.login-links{align-items:stretch;flex-direction:column;text-align:center}.login-links .server-link:last-child{text-align:center}}

/* Espacement du sélecteur d’avatars — création et édition de profil */
.avatar-categories{gap:42px;margin-bottom:40px}
.avatar-grid{padding-bottom:28px}
@media(max-width:780px){.avatar-categories{gap:36px;margin-bottom:34px}.avatar-grid{padding-bottom:24px}}