/* Account settings uses the same compact panels and row rhythm as standings. */
#account-dialog{--account-border:#c9c9c9;--account-row:#fafafa;--account-alt:#f0f0f0;--account-text:#242424;--account-muted:#5b6570;--account-bar:linear-gradient(#555,#222);width:min(660px,calc(100% - 24px));padding:5px;border-radius:3px;color:var(--account-text)}
#account-dialog>.dialog-heading{margin:0;padding:7px 12px;min-height:44px;align-items:center;background:var(--account-bar);border-bottom:1px solid var(--account-border)}
#account-dialog .dialog-heading h2{margin:0;font:600 17px var(--body);color:#fff}
#account-dialog .dialog-heading .icon-button{color:#fff;width:32px;height:32px;font-size:24px}
#account-details{padding:12px}
#account-dialog .account-profile-editor{margin:0;border:1px solid var(--account-border)}
#account-dialog .account-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--account-bar);color:#fff;min-height:44px}
#account-dialog .account-editor-heading h3{margin:0;font:600 14px var(--body);color:#fff}
#account-dialog .button{width:auto;min-height:36px;padding:7px 14px;border-radius:2px;font:600 14px var(--body);letter-spacing:0;box-shadow:inset 0 1px #ffffff30;justify-content:center}
#account-dialog .outline-button{background:linear-gradient(#f8fbfd,#e3edf4);border:1px solid #9fb9cc;color:#075b96}
#account-dialog .outline-button:hover{background:linear-gradient(#e9f5fd,#d1e6f4);border-color:#548bad}
#account-dialog .primary-button{background:linear-gradient(#2499de,#0875b9);border:1px solid #076daa;color:#fff}
#account-dialog .primary-button:hover{background:linear-gradient(#168bce,#08649c)}
#account-dialog .account-profile-summary{margin:0}
#account-dialog .account-profile-summary>div,#account-dialog .account-edit-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;padding:13px 14px;background:var(--account-row);border-bottom:1px solid var(--account-border);font-size:14px;align-items:center}
#account-dialog .account-profile-summary>div:nth-child(even),#account-dialog .account-edit-row:nth-child(even){background:var(--account-alt)}
#account-dialog .account-profile-summary>div:last-child{border-bottom:0}
#account-dialog .account-profile-summary dt{color:var(--account-muted)}
#account-dialog .account-profile-summary dd{margin:0;overflow-wrap:anywhere;color:var(--account-text)}
#account-dialog .account-profile-editor form{padding:0}
#account-dialog .account-edit-row label{margin:0;font:600 14px var(--body);color:var(--account-text)}
#account-dialog .account-edit-row input,#account-dialog .account-edit-row select{padding:9px 10px;min-height:40px;border-radius:2px;font:14px var(--body);width:100%}
#account-dialog #profile-save-hint{font-size:12px;line-height:1.5;color:var(--account-muted);margin:8px 0 0}
#account-dialog .team-form-actions{margin:0;background:var(--account-alt);border-top:0;padding:12px 14px}
#account-dialog .account-profile-editor .form-error{margin:12px 14px;border-radius:2px}
#account-dialog #account-logout{display:flex;margin:0 12px 12px auto;min-width:90px}
#account-dialog [hidden]{display:none!important}
#account-dialog :is(button,input,select):focus-visible{outline:2px solid #168ce0;outline-offset:3px}
html[data-theme=dark] #account-dialog{--account-border:#35536a;--account-row:#25292c;--account-alt:#2d3235;--account-text:#e1e8ed;--account-muted:#b1c0cb;--account-bar:linear-gradient(#020608,#0a1a26);background:#242a2d}
html[data-theme=dark] #account-dialog .outline-button{background:linear-gradient(#18394f,#0b1b27);border-color:#38698c;color:#a6d6f6}
html[data-theme=dark] #account-dialog .outline-button:hover{background:#20445e;border-color:#6399bd}
html[data-theme=dark] #account-dialog .primary-button{background:linear-gradient(#87c3e6,#3c91c3);border-color:#74b8e1;color:#05141f}
html[data-theme=dark] #account-dialog .primary-button:hover{background:linear-gradient(#a7d9f5,#5ba8d5)}
@media(max-width:520px){#account-details{padding:10px 6px}#account-dialog .account-edit-row{grid-template-columns:1fr;gap:7px;padding:12px}#account-dialog .account-profile-summary>div{grid-template-columns:110px minmax(0,1fr);gap:10px;padding:12px}#account-dialog .account-editor-heading{padding:8px 10px}#account-dialog #account-logout{margin-right:6px}#account-dialog .button{min-height:40px}}

.player-avatar,.member-portrait{overflow:hidden}.player-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-upload-preview{display:block;width:80px;height:80px;object-fit:cover;margin-top:10px;border:1px solid #477087;border-radius:4px}