
.khata-home-web {
  // Profile/Greeting Section - Removed
  .profile-greeting-removed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding: 1.5rem 1.75rem;
    background: white;
    border-radius: 1.25rem;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
    border: 1px solid #F3F4F6;

    .greeting-left {
      display: flex;
      align-items: center;
      gap: 1.25rem;

      .user-avatar-large {
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: linear-gradient(135deg, #FB923C, #F97316);
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.75rem;
        font-weight: 700;
        box-shadow: 0 4px 12px -2px rgba(249, 115, 22, 0.4);
        flex-shrink: 0;
      }

      .greeting-text {
        h2 {
          font-size: 0.875rem;
          font-weight: 500;
          color: #9CA3AF;
          margin: 0 0 0.375rem 0;
          line-height: 1;
        }

        .user-name {
          font-size: 1.5rem;
          font-weight: 700;
          color: #111827;
          margin: 0;
          line-height: 1;
        }
      }
    }

    .greeting-right {
      .notification-btn {
        position: relative;
        padding: 0.875rem;
        background-color: #F9FAFB;
        border: 1px solid #E5E7EB;
        border-radius: 0.875rem;
        cursor: pointer;
        transition: all 0.2s;

        &:hover {
          background-color: #F3F4F6;
          border-color: #D1D5DB;
        }

        svg {
          width: 1.375rem;
          height: 1.375rem;
          color: #4B5563;
        }

        .notification-badge {
          position: absolute;
          top: 0.5rem;
          right: 0.5rem;
          min-width: 1.25rem;
          height: 1.25rem;
          padding: 0 0.25rem;
          background-color: #EF4444;
          color: white;
          border-radius: 9999px;
          font-size: 0.625rem;
          font-weight: 700;
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 2px 4px 0 rgba(239, 68, 68, 0.4);
        }
      }
    }
  }

}
