.person-avatar {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: none;
      border-radius: 50%;
      color: #fff;
      font-weight: 800;
      font-family: var(--font-body);
      overflow: hidden;
      line-height: 1;
      user-select: none;
      letter-spacing: 0.02em;
    }

    .person-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .person-avatar-sm {
      width: 24px;
      height: 24px;
      font-size: 10px;
    }

    .person-avatar-md {
      width: 36px;
      height: 36px;
      font-size: 13px;
    }

    .person-avatar-lg {
      width: 96px;
      height: 96px;
      font-size: 32px;
    }

    .person-line {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
    }

    .person-line-text {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .person-give {
      gap: 8px;
    }

    .sidebar-account {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      min-height: 44px;
      padding: 4px;
      border: 0;
      border-radius: 12px;
      background: transparent;
      color: inherit;
      text-align: left;
      cursor: pointer;
    }

    .sidebar-account:hover {
      background: rgba(255, 255, 255, 0.06);
    }

    .sidebar-account-copy {
      display: flex;
      flex-direction: column;
      min-width: 0;
      gap: 1px;
    }

    .sidebar-account-name {
      color: #fff;
      font-weight: 700;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .sidebar-account-hint {
      color: var(--sidebar-muted);
      font-size: 12px;
    }

    body.sidebar-collapsed .sidebar-account-copy {
      display: none;
    }

    body.sidebar-collapsed .sidebar-account {
      justify-content: center;
      padding: 0;
    }

    #profile-status {
      padding: 22px 22px 0;
    }

    .profile-body {
      padding: 22px;
      display: grid;
      gap: 22px;
    }

    .profile-photo-row {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }

    .profile-photo-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .profile-photo-actions .btn-secondary,
    .profile-photo-actions .btn-ghost,
    .profile-home-actions .btn-primary {
      min-height: 44px;
    }

    .profile-home-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 140px;
      gap: 12px;
      max-width: 520px;
    }

    .profile-share {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }

    .profile-share p {
      margin: 4px 0 0;
    }

    .profile-share .toggle {
      width: 44px;
      height: 44px;
    }

    .profile-share .toggle-slider {
      top: 10px;
      bottom: auto;
      height: 24px;
    }

    .staff-home-line {
      margin: 4px 0 0 32px;
      color: var(--muted);
      font-size: 13px;
    }

    .staff-home-photo {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
      flex-wrap: wrap;
    }

    .photo-crop-backdrop {
      z-index: 90;
    }

    .photo-crop-stage {
      position: relative;
      width: min(280px, 70vw);
      height: min(280px, 70vw);
      margin: 8px auto 14px;
      border-radius: 50%;
      overflow: hidden;
      background: #1B1530;
      touch-action: none;
      cursor: grab;
    }

    .photo-crop-stage img {
      position: absolute;
      max-width: none;
      user-select: none;
      pointer-events: none;
    }

    .photo-crop-zoom {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 8px;
    }

    .photo-crop-zoom input {
      flex: 1;
      min-height: 44px;
    }

    .cal-dealer.is-drag-target .person-avatar {
      box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--accent);
    }

    .cal-col-head .person-line .cal-col-name {
      flex: 1;
      min-width: 0;
    }

    .capture-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .capture-tag.is-on .person-avatar {
      box-shadow: 0 0 0 2px #fff;
    }

    @media (max-width: 759px) {
      .profile-home-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 767px) {
      body.sidebar-open .sidebar-account-copy {
        display: flex;
      }

      body.sidebar-open .sidebar-account {
        justify-content: flex-start;
        padding: 4px;
      }
    }