.drawer-content {
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;

  .arama-cubugu {
    margin-bottom: 16px;
  }

  .kisi-kart {
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 4px;
    margin-bottom: 8px;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;

    &:hover {
      background-color: #f0f0f0; // Adjust for dark mode if necessary
    }

    &.platform-uyesi {
      border: 1px solid #1890ff; /* Blue border for platform users */
    }

    .ant-list-item-meta-avatar {
      margin-right: 12px;
      img {
        border-radius: 50%;
      }
    }

    .ant-list-item-meta-title {
      font-weight: 500;
    }
        .ant-list-item-meta-avatar {
      margin-right: 12px;
      // nz-avatar bileşenini doğrudan hedef alarak stil ekliyoruz
      nz-avatar {
        width: 40px;           // Avatar genişliği
        height: 40px;          // Avatar yüksekliği
        line-height: 40px;     // Metni dikeyde ortalamak için
        font-size: 18px;       // Baş harf boyutu
        border-radius: 50%;
        display: flex;         // İçeriği ortalamak için flex kullan
        justify-content: center; // Yatayda ortala
        align-items: center;   // Dikeyde ortala
        background-color: #d1e7dd; // Geçici arka plan rengi (görünürlük için)
        color: #0f5132;        // Geçici metin rengi (görünürlük için)
        border: 1px solid #a3cfb5; // Geçici kenarlık

        img {
          border-radius: 50%;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .ant-avatar-string {
          line-height: 38px;
        }
      }
    }
  }

  .bos-durum {
    text-align: center;
    padding: 32px;
    color: #999;
    span {
      font-size: 48px;
      margin-bottom: 16px;
      display: block;
    }
    p {
      font-size: 16px;
    }
  }

  nz-list {
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 8px; /* Scrollbar space */
  }
}