/* Espace membre : présentation lisible et colonne Compte compacte. */
.avatar-chooser h3,.motorcycle-profile h3{font-size:18px;line-height:1.25}
.avatar-chooser p,.motorcycle-profile p{font-size:13px;line-height:1.45}
.motorcycle-avatar-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.motorcycle-avatar-gallery button{align-content:start;gap:7px;padding:9px}
.motorcycle-avatar-gallery img{object-fit:contain;background:#061722}
.motorcycle-avatar-gallery span{display:-webkit-box;min-height:38px;overflow:hidden;color:#d9e7ee;font-size:14px;font-weight:700;line-height:1.3;text-align:center;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.motorcycle-profile label{font-size:13px}.motorcycle-profile label>span{font-size:11px}
.motorcycle-profile input,.motorcycle-profile select{min-height:46px;font-size:15px}
.motorcycle-range small{font-size:12px}.motorcycle-note{font-size:11px}
.account-settings-side{display:grid;align-content:start;gap:14px}
.account-settings-side>header{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #31566f;border-radius:16px;background:linear-gradient(145deg,#102d40,#0a2131)}
.account-settings-side>header>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#2997ff20;font-size:20px}
.account-settings-side>header h3,.account-settings-side>header p{margin:0}
.account-settings-side>header h3{font-size:16px}.account-settings-side>header p{margin-top:3px;color:#91a9b8;font-size:11px}
.account-settings-side .profile-social{padding:15px;border:1px solid #29495c;border-radius:16px;background:#091f2f}
.account-settings-side .profile-social h3{margin:0 0 11px;font-size:15px}
.account-settings-side .profile-friends{grid-template-columns:1fr;margin:0}
.account-settings-side #logout-button{width:100%;min-height:44px;border-color:#3b6178;background:#102d40;font-weight:750}
.account-settings-side .delete-account-form{margin:0;padding:15px;border-color:#7f3333;background:linear-gradient(145deg,#25171d,#171723)}
.account-settings-side .delete-account-form h3{color:#ffb2b2;font-size:15px}
.account-settings-side .delete-account-form p{font-size:11px}
.account-settings-side .delete-account-form input{color-scheme:dark}
.account-settings-side .delete-account-form input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #160808 inset}
.account-settings-side .delete-account-form .danger{width:100%;min-height:42px;padding-inline:9px;font-size:12px}
.motorcycle-save-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.motorcycle-save-row>.primary{justify-self:auto}
.motorcycle-save-status{margin:0!important;color:#91a9b8;font-size:13px!important;font-weight:800;line-height:1.35}
.motorcycle-save-status:empty{display:none}
.motorcycle-save-status.success{color:#69e3a5}
.motorcycle-save-status.error{color:#ff9b9b}
@media(min-width:1180px) and (min-height:850px){
  .auth-dialog:has(#auth-member:not([hidden])){width:min(1420px,calc(100vw - 36px));max-width:1420px;max-height:none;padding:24px;overflow:visible}
  #auth-member:not([hidden]){display:grid;grid-template-columns:minmax(390px,.95fr) minmax(500px,1.15fr) minmax(270px,.7fr);grid-template-areas:"head head head" "avatar motorcycle account";align-items:start;gap:14px 18px}
  #auth-member .profile-head{grid-area:head;margin-bottom:2px}
  #auth-member .avatar-chooser{grid-area:avatar;height:100%;margin:0}
  #auth-member .motorcycle-profile{grid-area:motorcycle;height:100%;margin:0}
  #auth-member .account-settings-side{grid-area:account}
}
@media(max-width:600px){
  .motorcycle-avatar-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .motorcycle-avatar-gallery span{font-size:13px}
  .motorcycle-profile input,.motorcycle-profile select{font-size:16px}
}