/* Profile form and photo picker layout. */
.profile-row { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 16px; }
.profile-row.identity-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-card #photo-preview{width:72px;height:72px;object-fit:cover;display:block;margin:0}
.account-card #photo-preview[hidden]{display:none}
.photo-field{margin-top:24px}
.photo-label{display:block;font-size:12px;margin-bottom:10px}.photo-label span{color:var(--encre-douce)}
.photo-picker{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid var(--filet);border-radius:4px;background:var(--surface)}
.photo-avatar{display:grid;place-items:center;width:72px;height:72px;flex:0 0 72px;overflow:hidden;border:1px solid var(--filet);border-radius:3px;background:var(--fond);color:var(--encre-douce)}
.photo-avatar [hidden]{display:none}.photo-options{min-width:0}.photo-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.account-card #choose-photo{margin:0;padding:10px 12px;min-height:44px;background:transparent;border:1px solid var(--encre-douce);color:var(--encre);font:600 17px/1 var(--display);letter-spacing:.05em;text-transform:uppercase}
.account-card #choose-photo:hover{border-color:var(--bleu);color:#71a8e6}
.account-card #remove-photo{margin:0;padding:8px 0;min-height:44px;background:transparent;color:var(--encre-douce);border:0;font-size:12px}
.account-card .photo-buttons button:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}
.photo-options small{display:block;margin-top:8px;font-size:11px}
#photo-filename{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--encre-douce);margin-top:4px}
.account-card #photo-status{font-size:12px;margin:8px 0 0;overflow-wrap:anywhere;color:var(--encre-douce)}
#photo-status:empty,#photo-filename:empty{display:none}
@media(max-width:380px){.photo-picker{padding:12px;gap:12px}.photo-avatar{width:56px;height:56px;flex-basis:56px}.account-card #photo-preview{width:56px;height:56px}.account-card #choose-photo{font-size:15px;padding:10px}}
.account-card .profile-consent{display:flex;gap:10px;align-items:flex-start;margin-top:24px;line-height:1.5}
.account-card .profile-consent input{width:auto;flex:0 0 auto;margin:4px 0 0}
.account-card small{color:var(--encre-douce);font-size:12px}
.account-card input{min-width:0;box-sizing:border-box;max-width:100%}
.account-page:has(#profile-form:not([hidden])) .account-main{margin-top:3vh;width:min(560px,100%)}
.account-card select { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid var(--filet); border-radius: 5px; background: var(--surface); color: var(--encre); font: inherit; }
.account-card select:focus-visible { outline: 3px solid #eba93e; outline-offset: 3px; }
.profile-actions { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; }
#profile-status { color: var(--encre-douce); font-size: 12px; overflow-wrap: anywhere; }