/* V112: one profile button and a reviewed draft saved with one action. */
#root .sidebar-account { grid-template-columns: minmax(0, 1fr); gap: 12px; }
#root .sidebar-account .profile-card-v112 {
  display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center;
  gap: 12px; width: 100%; min-width: 0; min-height: 62px; padding: 8px;
  border: 1px solid transparent; border-radius: 12px; background: transparent;
  color: inherit; text-align: left; font: inherit; cursor: pointer;
  transform: none !important; transition: background-color .16s, border-color .16s;
}
#root .sidebar-account .profile-card-v112 .avatar { width: 40px; height: 40px; border-radius: 12px; }
#root .profile-summary-v112 { display: block; min-width: 0; }
#root .sidebar-account .profile-card-v112:hover:not(:disabled) { background: #112019; border-color: #507e31; }
#root .profile-card-v112:focus-visible { outline: 2px solid #8cf20d; outline-offset: 3px; }
#root .profile-card-v112:disabled { opacity: .55; cursor: wait; }
#root .profile-modal.profile-modal-v112 {
  display: flex; flex-direction: column; width: min(620px, calc(100vw - 32px));
  max-height: min(860px, calc(100vh - 48px)); max-height: min(860px, calc(100dvh - 48px));
  padding: 0 !important; margin: 0; overflow: hidden; outline: none;
}
#root .profile-header-v112 { position: relative; flex: none; padding: 24px 64px 18px 24px; }
#root .profile-header-v112 h2 { color: #eef3fa; font-size: 24px; font-weight: 750; text-align: left; }
#root .profile-header-v112 .modal-close { width: 40px; height: 40px; top: 18px; right: 18px; }
#root .profile-form-v112 { display: flex; flex-direction: column; min-height: 0; margin: 0; }
#root .profile-body-v112 { min-height: 0; padding: 0 24px 20px; overflow-y: auto; overscroll-behavior: contain; }
#root .profile-modal-v112 .profile-identity-v49 { margin: 0; padding: 12px; gap: 12px; }
#root .profile-modal-v112 .profile-identity-v49 > div { min-width: 0; }
#root .profile-modal-v112 .profile-identity-v49 strong { overflow-wrap: anywhere; font-size: 17px; }
#root .profile-modal-v112 .profile-identity-avatar-v49 { width: 50px; height: 50px; flex-basis: 50px; border-radius: 13px; }
#root .profile-modal-v112 .profile-name-editor-v49 { grid-template-columns: minmax(0, 1fr); margin-top: 16px; }
#root .profile-modal-v112 .profile-name-editor-v49 input { box-sizing: border-box; min-height: 44px; font-family: inherit; font-size: 16px; }
#root .profile-modal-v112 .profile-account-v49 { margin-top: 16px; }
#root .profile-modal-v112 .profile-account-row-v49 { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 12px; align-items: center; padding: 11px 13px; }
#root .profile-modal-v112 .profile-account-row-v49 strong { min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
#root .profile-modal-v112 .profile-account-row-v49 small { font-size: 11px; }
#root .profile-modal-v112 .profile-password-note-v49 { margin: 0; padding: 10px 13px 0; line-height: 1.5; }
#root .profile-account-links-v112 { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; padding: 4px 9px; }
#root .profile-account-links-v112 button {
  display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 8px 4px;
  border: 0; border-radius: 6px; background: transparent; color: #acb9ca; font-family: inherit; font-size: 12px; font-weight: 650; line-height: 1.4;
  cursor: pointer; transform: none !important; transition: color .16s, background-color .16s;
}
#root .profile-account-links-v112 button:hover:not(:disabled) { color: #eaf2fa; background: #132131; }
#root .profile-modal-v112 .profile-avatar-heading-v49 { margin: 16px 0 10px; }
#root .profile-modal-v112 .avatar-gallery { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; padding: 0; }
#root .profile-modal-v112 .avatar-option {
  display: block; min-height: 44px; min-width: 0; padding: 4px; border: 1px solid #2c4055; border-radius: 12px;
  background: #0a1420; transform: none !important; transition: border-color .16s, background-color .16s, box-shadow .16s;
}
#root .profile-modal-v112 .avatar-option img { display: block; width: 100%; height: 100%; border-radius: 8px; }
#root .profile-modal-v112 .avatar-option:hover:not(:disabled) { border-color: #699c43; background: #14241b; }
#root .profile-modal-v112 .avatar-option.selected { border-color: #8cf20d; box-shadow: 0 0 0 2px #8cf20d22; }
#root .profile-modal-v112 .profile-modal-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 16px; padding-top: 14px; }
#root .profile-modal-v112 .upload-avatar-button {
  justify-content: center; width: auto; min-height: 44px; padding: 0 13px; box-sizing: border-box;
  border: 1px solid #344c63; border-radius: 10px; background: #101e2b; color: #dde7f3;
  transform: none !important; transition: border-color .16s, background-color .16s;
}
#root .profile-modal-v112 .upload-avatar-button:hover:not(.is-disabled) { border-color: #699c43; background: #13251b; }
#root .profile-modal-v112 .upload-avatar-button.is-disabled { opacity: .55; cursor: wait; }
#root .profile-modal-v112 .remove-avatar-button { width: auto; min-height: 44px; padding: 8px 10px; }
#root .profile-modal-v112 .remove-avatar-button:hover:not(:disabled) { background: #3b1c242e; border-radius: 8px; }
#root .profile-footer-v112 { flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 24px; border-top: 1px solid #2a3b4e; background: #0c1520; }
#root .profile-footer-v112 button { min-height: 46px; border-radius: 10px; padding: 10px 14px; font-family: inherit; font-size: 14px; font-weight: 750; cursor: pointer; transform: none !important; transition: border-color .16s, background-color .16s; }
#root .profile-footer-v112 .modal-cancel:hover:not(:disabled) { background: #1b2b3b; border-color: #55708a; }
#root .profile-footer-v112 .modal-confirm:hover:not(:disabled) { background: #a0ff24; border-color: #c0ff71; }
#root .profile-modal-v112 button:disabled { opacity: .5; cursor: default; }
#root .profile-modal-v112 button:focus-visible,
#root .profile-modal-v112 .upload-avatar-button:focus-visible { outline: 2px solid #8cf20d; outline-offset: 3px; }
#root .profile-error-v112 { margin: 0 0 12px; padding: 11px 13px; border: 1px solid #7b414c; border-radius: 10px; background: #2d1821; color: #ffb2bd; font-size: 13px; line-height: 1.5; }
#root .profile-confirm-v112 .app-modal-backdrop { z-index: 3000; }
@media (max-width: 760px) {
  #root .profile-modal.profile-modal-v112 { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); }
  #root .profile-header-v112 { padding: 20px 62px 16px 18px; }
  #root .profile-header-v112 h2 { font-size: 22px; }
  #root .profile-body-v112 { padding: 0 18px 16px; }
  #root .profile-modal-v112 .avatar-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  #root .profile-footer-v112 { padding: 14px 18px max(14px, env(safe-area-inset-bottom)); gap: 10px; }
  #root .profile-modal-v112 .profile-account-row-v49 { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  #root .profile-card-v112, #root .profile-modal-v112 * { transition: none !important; }
}