.profile-user { display: inline-flex; align-items: center; gap: 9px; margin-left: auto; }
.profile-user-name { color: #536175; font-size: 14px; font-weight: 650; }
.profile-button { border: 1px solid #1769e0; background: #fff; color: #1769e0; }
.profile-dialog { width: min(480px, calc(100vw - 32px)); border: 0; border-radius: 16px; padding: 0; box-shadow: 0 20px 60px #1018284d; }
.profile-dialog::backdrop { background: #10182880; }
.profile-panel { padding: 22px; }
.profile-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.profile-heading h2 { margin: 0; }
.profile-close { background: transparent; color: #536175; font-size: 24px; padding: 4px 10px; }
.profile-details { display: grid; grid-template-columns: 130px 1fr; gap: 8px 12px; margin: 0 0 22px; }
.profile-details dt { color: #667085; }
.profile-details dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; }
.profile-password-form { display: grid; grid-template-columns: 1fr; gap: 12px; }
.profile-password-form label { margin: 0; font-size: 14px; }
.profile-password-form label span { display: block; width: auto; height: auto; margin: 0 0 6px; border-radius: 0; background: transparent; color: #172033; }
.profile-password-form input { min-height: 48px; }
.profile-message { min-height: 22px; margin: 0; color: #b42318; }
@media (max-width: 700px) { .profile-user { width: 100%; justify-content: space-between; margin-left: 0; } .profile-user-name { max-width: 55vw; overflow: hidden; text-overflow: ellipsis; } .profile-dialog { width: calc(100vw - 20px); } .profile-panel { padding: 17px; } .profile-details { grid-template-columns: 1fr; gap: 3px; } .profile-details dd { margin-bottom: 8px; } }